int(0)
<script>
 var ports     = [{"text":"ARC-L3 - Modern Express Station - Admin","value":"arc-l3-modern-express-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"ARC L3"},{"text":"ARC-L4 - Faint Glen Station - Admin","value":"arc-l4-faint-glen-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"ARC L4"},{"text":"ARC-L5 - Yellow Core Station - Admin","value":"arc-l5-yellow-core-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"ARC L5"},{"text":"ARC-L1 - Wide Forest Station - Admin","value":"arc-l1-wide-forest-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"ARC-L1"},{"text":"ARC-L1 Mining Kiosk","value":"arc-l1-mining-kiosk","imageSrc":"\/images\/objects\/comm.png","description":"ARC-L1"},{"text":"ARC-L2 - Lively Pathway Station - Admin","value":"arc-l2-lively-pathway-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"ARC-L2"},{"text":"HDMS-Anderson","value":"hdms-anderson","imageSrc":"\/images\/objects\/aberdeen.png","description":"Aberdeen"},{"text":"HDMS-Norgaard","value":"hdms-norgaard","imageSrc":"\/images\/objects\/aberdeen.png","description":"Aberdeen"},{"text":"Area18 - IO North Tower","value":"area18-io-north-tower","imageSrc":"\/images\/objects\/arccorp.png","description":"ArcCorp"},{"text":"Area18 - TDD","value":"area18-tdd","imageSrc":"\/images\/objects\/arccorp.png","description":"ArcCorp"},{"text":"Dumpers Depot","value":"dumpers-depot","imageSrc":"\/images\/objects\/arccorp.png","description":"ArcCorp"},{"text":"Dumpers Depot Commodities Panel","value":"dumpers-depot-commodities-panel","imageSrc":"\/images\/objects\/arccorp.png","description":"ArcCorp"},{"text":"HDMS-Bezdek","value":"hdms-bezdek","imageSrc":"\/images\/objects\/ariel.png","description":"Arial"},{"text":"HDMS-Lathan","value":"hdms-lathan","imageSrc":"\/images\/objects\/ariel.png","description":"Arial"},{"text":"Baijini Point","value":"baijini-point","imageSrc":"\/images\/objects\/comm.png","description":"Baijini Point"},{"text":"CRU-L1 - Ambitious Dream Station - Admin","value":"cru-l1-ambitious-dream-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"CRU-L1"},{"text":"CRU-L1 - Ambitious Dream Station - Refinery","value":"cru-l1-ambitious-dream-station-refinery","imageSrc":"\/images\/objects\/comm.png","description":"CRU-L1"},{"text":"CRU-L4 - Shallow Fields Station - Admin","value":"cru-l4-shallow-fields-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"CRU-L4"},{"text":"CRU-L4 - Shallow Fields Station - Hidden Terminal","value":"cru-l4-shallow-fields-station-hidden-terminal","imageSrc":"\/images\/objects\/comm.png","description":"CRU-L4"},{"text":"CRU-L5 - Beautiful Glen Station - Admin","value":"cru-l5-beautiful-glen-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"CRU-L5"},{"text":"CRU-L5 - Beautiful Glen Station - Hidden Terminal","value":"cru-l5-beautiful-glen-station-hidden-terminal","imageSrc":"\/images\/objects\/comm.png","description":"CRU-L5"},{"text":"Rayari Anvik Research Outpost","value":"rayari-anvik-research-outpost","imageSrc":"\/images\/objects\/calliope.png","description":"Calliope"},{"text":"Rayari Kaltag Research Outpost","value":"rayari-kaltag-research-outpost","imageSrc":"\/images\/objects\/calliope.png","description":"Calliope"},{"text":"Shubin Mining Facility SMCa-6","value":"shubin-mining-facility-smca-6","imageSrc":"\/images\/objects\/calliope.png","description":"Calliope"},{"text":"Shubin Mining Facility SMCa-8","value":"shubin-mining-facility-smca-8","imageSrc":"\/images\/objects\/calliope.png","description":"Calliope"},{"text":"Gallete Family Farms","value":"gallete-family-farms","imageSrc":"\/images\/objects\/cellin.png","description":"Cellin"},{"text":"Hickes Research","value":"hickes-research","imageSrc":"\/images\/objects\/cellin.png","description":"Cellin"},{"text":"Private Property","value":"private-property","imageSrc":"\/images\/objects\/cellin.png","description":"Cellin"},{"text":"Terra Mills HydroFarm","value":"terra-mills-hydrofarm","imageSrc":"\/images\/objects\/cellin.png","description":"Cellin"},{"text":"Tram & Myers Mining","value":"tram-myers-mining","imageSrc":"\/images\/objects\/cellin.png","description":"Cellin"},{"text":"Rayari Cantwell Research Outpost","value":"rayari-cantwell-research-outpost","imageSrc":"\/images\/objects\/clio.png","description":"Clio"},{"text":"Rayari McGrath Research Outpost","value":"rayari-mcgrath-research-outpost","imageSrc":"\/images\/objects\/clio.png","description":"Clio"},{"text":"Orison - Admin Office","value":"orison-admin-office","imageSrc":"\/images\/objects\/crusader.png","description":"Crusader"},{"text":"Orison - TDD","value":"orison-tdd","imageSrc":"\/images\/objects\/crusader.png","description":"Crusader"},{"text":"ArcCorp Mining 141","value":"arccorp-mining-141","imageSrc":"\/images\/objects\/daymar.png","description":"Daymar"},{"text":"Bountiful Harvest Hydroponics","value":"bountiful-harvest-hydroponics","imageSrc":"\/images\/objects\/daymar.png","description":"Daymar"},{"text":"Brio's Breaker Yard","value":"brios-breaker-yard","imageSrc":"\/images\/objects\/daymar.png","description":"Daymar"},{"text":"Jumptown","value":"jumptown","imageSrc":"\/images\/objects\/daymar.png","description":"Daymar"},{"text":"Kudre Ore","value":"kudre-ore","imageSrc":"\/images\/objects\/daymar.png","description":"Daymar"},{"text":"Nuen Waste Management","value":"nuen-waste-management","imageSrc":"\/images\/objects\/daymar.png","description":"Daymar"},{"text":"Shubin Mining Facility SCD-1","value":"shubin-mining-facility-scd-1","imageSrc":"\/images\/objects\/daymar.png","description":"Daymar"},{"text":"Bud's Growery","value":"buds-growery","imageSrc":"\/images\/objects\/euterpe.png","description":"Euterpe"},{"text":"Devlin Scrap & Salvage","value":"devlin-scrap-salvage","imageSrc":"\/images\/objects\/euterpe.png","description":"Euterpe"},{"text":"Everus Harbor","value":"everus-harbor","imageSrc":"\/images\/objects\/comm.png","description":"Everus Harbor"},{"text":"GrimHex","value":"grimhex","imageSrc":"\/images\/objects\/yela.png","description":"Grim Hex"},{"text":"HUR-L1 Mining Kiosk","value":"hur-l1-mining-kiosk","imageSrc":"\/images\/objects\/comm.png","description":"HUR-L1"},{"text":"R&R HUR-L1","value":"rr-hur-l1","imageSrc":"\/images\/objects\/comm.png","description":"HUR-L1"},{"text":"HUR-L2 - Faithful Dream Station - Admin","value":"hur-l2-faithful-dream-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"HUR-L2"},{"text":"HUR-L2 - Faithful Dream Station - Refinery","value":"hur-l2-faithful-dream-station-refinery","imageSrc":"\/images\/objects\/comm.png","description":"HUR-L2"},{"text":"HUR-L3 - Thundering Express Station - Admin","value":"hur-l3-thundering-express-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"HUR-L3"},{"text":"HUR-L4 - Melodic Fields Station - Admin","value":"hur-l4-melodic-fields-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"HUR-L4"},{"text":"HUR-L5 - High Course Station - Admin","value":"hur-l5-high-course-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"HUR-L5"},{"text":"HDMS-Edmond","value":"hdms-edmond","imageSrc":"\/images\/objects\/hurston.png","description":"Hurston"},{"text":"HDMS-Hadley","value":"hdms-hadley","imageSrc":"\/images\/objects\/hurston.png","description":"Hurston"},{"text":"HDMS-Oparei","value":"hdms-oparei","imageSrc":"\/images\/objects\/hurston.png","description":"Hurston"},{"text":"HDMS-Pinewood","value":"hdms-pinewood","imageSrc":"\/images\/objects\/hurston.png","description":"Hurston"},{"text":"HDMS-Stanhope","value":"hdms-stanhope","imageSrc":"\/images\/objects\/hurston.png","description":"Hurston"},{"text":"HDMS-Thedus","value":"hdms-thedus","imageSrc":"\/images\/objects\/hurston.png","description":"Hurston"},{"text":"Lorville - CBD","value":"lorville-cbd","imageSrc":"\/images\/objects\/hurston.png","description":"Hurston"},{"text":"Lorville - L19 Admin Office","value":"lorville-l19-admin-office","imageSrc":"\/images\/objects\/hurston.png","description":"Hurston"},{"text":"Picker's Field","value":"pickers-field","imageSrc":"\/images\/objects\/hurston.png","description":"Hurston"},{"text":"Reclamation & Disposal Orinth","value":"reclamation-disposal-orinth","imageSrc":"\/images\/objects\/hurston.png","description":"Hurston"},{"text":"HDMS-Ryder","value":"hdms-ryder","imageSrc":"\/images\/objects\/ita.png","description":"Ita"},{"text":"HDMS-Woodruff","value":"hdms-woodruff","imageSrc":"\/images\/objects\/ita.png","description":"Ita"},{"text":"Humboldt Mines","value":"humboldt-mines","imageSrc":"\/images\/objects\/lyria.png","description":"Lyria"},{"text":"Loveridge Mineral Reserve","value":"loveridge-mineral-reserve","imageSrc":"\/images\/objects\/lyria.png","description":"Lyria"},{"text":"Paradise Cove","value":"paradise-cove","imageSrc":"\/images\/objects\/lyria.png","description":"Lyria"},{"text":"Shubin Mining Facility SAL-2","value":"shubin-mining-facility-sal-2","imageSrc":"\/images\/objects\/lyria.png","description":"Lyria"},{"text":"Shubin Mining Facility SAL-5","value":"shubin-mining-facility-sal-5","imageSrc":"\/images\/objects\/lyria.png","description":"Lyria"},{"text":"The Orphanage","value":"the-orphanage","imageSrc":"\/images\/objects\/lyria.png","description":"Lyria"},{"text":"MIC-L2 - Long Forest Station - Admin","value":"mic-l2-long-forest-station-admin","imageSrc":"\/images\/objects\/","description":"MIC L2"},{"text":"MIC-L3 - Endless Odyssey Station - Admin","value":"mic-l3-endless-odyssey-station-admin","imageSrc":"\/images\/objects\/","description":"MIC L3"},{"text":"MIC-L5 - Modern Icarus Station - Admin","value":"mic-l5-modern-icarus-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"MIC L5"},{"text":"MIC-L1 - Shallow Frontier Station - Admin","value":"mic-l1-shallow-frontier-station-admin","imageSrc":"\/images\/objects\/comm.png","description":"MIC-L1"},{"text":"MIC-L1 - Shallow Frontier Station - Mining Kiosk","value":"mic-l1-shallow-frontier-station-mining-kiosk","imageSrc":"\/images\/objects\/comm.png","description":"MIC-L1"},{"text":"HDMS-Hahn","value":"hdms-hahn","imageSrc":"\/images\/objects\/hurston.png","description":"Magda"},{"text":"HDMS-Perlman","value":"hdms-perlman","imageSrc":"\/images\/objects\/hurston.png","description":"Magda"},{"text":"Port Olisar","value":"port-olisar","imageSrc":"\/images\/objects\/crusader.png","description":"Port Olisar"},{"text":"Port Tressler","value":"port-tressler","imageSrc":"\/images\/objects\/comm.png","description":"Port Tressler"},{"text":"Magnus Gateway - Admin Office","value":"magnus-gateway-admin-office","imageSrc":"\/images\/objects\/star.png","description":"Stanton"},{"text":"Pyro Gateway - Admin Office","value":"pyro-gateway-admin-office","imageSrc":"\/images\/objects\/star.png","description":"Stanton"},{"text":"Terra Gateway - Admin Office","value":"terra-gateway-admin-office","imageSrc":"\/images\/objects\/star.png","description":"Stanton"},{"text":"ArcCorp Mining Area 045","value":"arccorp-mining-area-045","imageSrc":"\/images\/objects\/wala.png","description":"Wala"},{"text":"ArcCorp Mining Area 048","value":"arccorp-mining-area-048","imageSrc":"\/images\/objects\/wala.png","description":"Wala"},{"text":"ArcCorp Mining Area 056","value":"arccorp-mining-area-056","imageSrc":"\/images\/objects\/wala.png","description":"Wala"},{"text":"ArcCorp Mining Area 061","value":"arccorp-mining-area-061","imageSrc":"\/images\/objects\/wala.png","description":"Wala"},{"text":"Samson & Son's Salvage Center","value":"samson-sons-salvage-center","imageSrc":"\/images\/objects\/wala.png","description":"Wala"},{"text":"ArcCorp Mining 157","value":"arccorp-mining-157","imageSrc":"\/images\/objects\/yela.png","description":"Yela"},{"text":"Benson Mining Outpost","value":"benson-mining-outpost","imageSrc":"\/images\/objects\/yela.png","description":"Yela"},{"text":"Deakins Research","value":"deakins-research","imageSrc":"\/images\/objects\/yela.png","description":"Yela"},{"text":"NT-999-XX","value":"nt-999-xx","imageSrc":"\/images\/objects\/yela.png","description":"Yela"},{"text":"New Babbage MT Planetary Services","value":"new-babbage-mt-planetary-services","imageSrc":"\/images\/objects\/microtech.png","description":"microTech"},{"text":"New Babbage TDD","value":"new-babbage-tdd","imageSrc":"\/images\/objects\/microtech.png","description":"microTech"},{"text":"Outpost 54","value":"outpost-54","imageSrc":"\/images\/objects\/microtech.png","description":"microTech"},{"text":"Raven's Roost","value":"ravens-roost","imageSrc":"\/images\/objects\/microtech.png","description":"microTech"},{"text":"Rayari Deltana Research Outpost","value":"rayari-deltana-research-outpost","imageSrc":"\/images\/objects\/microtech.png","description":"microTech"},{"text":"Shubin Mining Facility SM0-10","value":"shubin-mining-facility-sm0-10","imageSrc":"\/images\/objects\/microtech.png","description":"microTech"},{"text":"Shubin Mining Facility SM0-13","value":"shubin-mining-facility-sm0-13","imageSrc":"\/images\/objects\/microtech.png","description":"microTech"},{"text":"Shubin Mining Facility SM0-18","value":"shubin-mining-facility-sm0-18","imageSrc":"\/images\/objects\/microtech.png","description":"microTech"},{"text":"Shubin Mining Facility SM0-22","value":"shubin-mining-facility-sm0-22","imageSrc":"\/images\/objects\/microtech.png","description":"microTech"}];
 var shipid    = '';
 var maxscu    = '0';
 var portstart = '';
 var portend   = '';
 var maxjumps  = '1';
</script>
<!DOCTYPE html><html lang="en"><head>

    <!-- Standard Meta -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=0.75, maximum-scale=1.0">

    <meta name="description" content="
          Galacitc Logistics - The Premier Logistics and
          Cargo Organization for Star Citizen. Join our Convoy of Dedicated Captains
          and make your name in the logistics industry with profits to celebrate your
          success, Allow us to give you the tools and connections you need to succeed!">
    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <meta name="keywords"
        content="gallog, galactic logistics, star citizen, trading, starcitizen, star citizen org, star citizen organization, cargo, trade, trade org, cargo org, logistics">
            
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap"
        rel="stylesheet">
    <title> Galactic Logistics - Your Galaxy Traversed </title>
    <script src="/js/jquery.min.js"></script>
    <!-- <script src="/js/jquery-ui.min.js"></script> -->
    <!-- <link rel="stylesheet" href="/css/jquery-ui.min.css"> -->
    <script src="/js/semantic.min.js"></script>
    <script src="/js/tablesort.js"></script>
    <script src="https://apis.google.com/js/platform.js" async defer></script>
    <meta name="google-signin-client_id"
        content="513419202825-vpt1dlbdlagdn92rb0c2ie3sb9pqngea.apps.googleusercontent.com">
    <script src="/js/jquery.address.js"></script>
    <script src="/js/datatables/datatables.min.js"></script>
    <link href="/css/fullcalendar.print.min.css" rel="stylesheet" media="print" />
    <link rel="stylesheet" href="/css/fullcalendar.min.css">
    <link rel="stylesheet" href="/css/fullcalendar.min.style.css">
    <link rel="stylesheet" type="text/css" href="/css/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="/css/semantic-style.css">
    <link rel="stylesheet" type="text/css" href="/css/responsive-semantic-ui.css">
    <link rel="stylesheet" type="text/css" href="/css/datatables.min.css" />
    <link rel="stylesheet" type="text/css"
        href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
        <script src="/js/moment.js"></script>
    <script src="/js/livestamp.min.js"></script>
    <!-- New TEST -->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124030785-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'UA-124030785-1');
    </script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
    <script>
        window.addEventListener("load", function () {
            window.cookieconsent.initialise({
                "palette": {
                    "popup": { "background": "rgba(0, 0, 0, 0.75)" },
                    "button": { "background": "#f2711c" }
                },
                "theme": "classic"
            })
        });
    </script>
</head><body id="mod-trading">
<div class="ui mobile hidden fixed inverted huge main menu">
    <div class="ui container">
        <div class="item">
                        <a href="/">
                <img class="ui avatar image" src="/images/logo-new.png">Galactic Logistics
            </a>

                    </div>

        <div class="ui inverted dropdown item">
            <i class="connectdevelop icon"></i>DataBank<i class="dropdown icon"></i>
            <div class="ui menu">
                <a href="/search" class="item"><i class="search icon"></i>Search</a>
                <a href="/news" class="item"><i class="newspaper icon"></i>News</a>
                <div class="item">
                    <i class="dropdown icon"></i>
                    <a href="/reporting" class="ui edit text"><i class="route icon"></i>Reporting</a>
                    <div class="menu">
                        <a class="item" href="/reporting/routes"><i class="route icon"></i>Trade Route Time Reports</a>
                        <a class="item" href="/reporting/atmosphere"><i class="route icon"></i>Atmospheric Time Reports</a>
                    </div>
                </div>

                <a href="/ships" class="item"><i class="rocket icon"></i>Ships</a>
                <a href="/items" class="item"><i class="car battery icon"></i>Items </a>

                
                <a href="/stanton" class="item"><i class="globe icon"></i>Stanton <div class="ui right floated red label">Alpha</div></a>
                <a href="/verse" class="item"><i class="map marked alternate icon"></i>Starmap</a>
                <a href="/articles" class="item"><i class="book icon"></i>Articles</a>
            </div>
        </div>
        <div class="ui inverted dropdown item">
            <i class="chart bar outline icon"></i>Trade<i class="dropdown icon"></i>
            <div class="menu">
                <div class="item">
                    <i class="dropdown icon"></i>
                    <a href="/trading" class="ui black text"><i class="route icon"></i>Trading</a>
                    <div class="menu">
                        <a class="item" href="/trading"><i class="route icon"></i>Trading</a>
                        <a class="item" href="/trading/freight"><i class="route icon"></i>
                            Freight<div class="ui right floated red label">New!</div>
                        </a>
                        <a class="item" href="/trading/projections"><i class="route icon"></i>Projections</a>
                        <a class="item" href="/trading/missions"><i class="route icon"></i>Trade Missions</a>
                    </div>
                </div>

                <a href="/tradeports"   class="item"><i class="map marker alternate icon"></i>Tradeports</a>
                <a href="/commodities"  class="item"><i class="boxes icon"></i>Commodities</a>
                <a href="/harvestables" class="item"><i class="hand holding usd icon"></i>Harvestables</a>
                <a href="/trading/leaderboards" class="item"><i class="trophy icon"></i>Leaderboards</a>


            </div>
        </div>
        <div class="ui inverted dropdown item">
            <i class="gem icon"></i>&nbsp;Mining<i class="dropdown icon"></i>
            <div class="menu">
                <a href="/mining/tool"  class="item">Mining Tool<div class="ui right floated red label">Alpha</div></a>
                <a href="/mining/refineries"  class="item">Refineries</a>
                <a href="/mining/elements"    class="item">Elements</a>
                <a href="/mining/projections" class="item">Projections</a>
                <a href="/mining/deposits"    class="item">Deposits</a>
                <a href="/mining/timers" class="item"><i class="clock icon"></i>Refinery Timers<div class="ui right floated red label">Alpha</div></a>

            </div>
        </div>
        
        
        <div class="ui simple inverted dropdown item">
            <i class="users icon"></i>&nbsp;Org<i class="dropdown icon"></i>
            <div class="menu">
                
                <a class="item" href="/org"><i class="sitemap icon"></i>My Orgs</a>

                
                            </div>
        </div>

        <div class="right menu">
            <a id="searchOverlayButton" class="item"><i class="search icon"></i>Search</a>
                        <a id="loginOpen" class="item login">Sign In</a>
            
                   
        </div>
    </div>
</div>


<div class="ui mobile only inverted fixed top huge menu">
    <a id="sideOpen" class="item sideopen"><i class="bars icon"></i></a>
    <div class="item">
        <img src="/images/logo-new.png">
        Galactic Logistics
    </div>
</div>

<div class="ui sidebar inverted vertical menu">
    <a class="item" href="/">Home</a>
        <a id="loginOpenMobile" class="item login">Sign In</a>
        <a class="item" href="/stanton"><i class="galaxy icon"></i>Stanton</a>
    <a class="item" href="/verse">Starmap</a>
    <a href="/trading" class="item"><i class="chart bar outline icon"></i> Trading</a>
    <a href="/trading/projections" class="item"><i class="chart bar outline icon"></i> Projections</a>
    <a class="item" href="/reporting/routes"><i class="clock icon"></i>Trade Route Time Reports</a>


    <a class="item" href="/tradeports">Tradeports</a>
    <a class="item" href="/commodities">Commodities</a>
    <a href="/mining/tool" class="item"></i>Mining Tool<div class="ui right floated red label">Alpha</div></a>
    <a href="/mining/timers" class="item"><i class="clock icon"></i>Refinery Timers<div
            class="ui right floated red label">Alpha</div></a>


    </div>

  <script>
  $(document)
    .ready(function() {
      $('.ui.form')
        .form({
          keyboardShortcuts: false,
          fields: {
            uname: {
              identifier  : 'uname',
              rules: [
                {
                  type   : 'empty',
                  prompt : 'Please enter your handle'
                }
              ]
            },
            upass: {
              identifier  : 'upass',
              rules: [
                {
                  type   : 'empty',
                  prompt : 'Please enter your password'
                },
                {
                  type   : 'length[6]',
                  prompt : 'Your password must be at least 6 characters'
                }
              ]
            }
          }
        })
      ;
    })
  ;
  </script>


<div id="login" class="ui tiny inverted login coupled modal">
    <div class="inverted content">
        <div class="ui inverted header">
            Galactic Logistics - Login
        </div>

        <div class="description">
            <form id="loginForm" action="/auth" method="post" class="ui inverted form">
                <div class="field">
                    <input class="ui inverted input" type="text" name="uname" placeholder="User Name">
                </div>
                <div class="field">
                    <input class="ui inverted input" type="password" name="upass" placeholder="Password">
                </div>
                <div class="field">
                    <div class="ui inverted toggle checkbox">
                        <input type="checkbox" value="remember-me">
                        <label>Remember Me</label>
                    </div>
                </div>
               
                <div class="ui error message"></div>
            </form>
        </div>
        <div class="actions">
             <div class="ui grouped buttons">
                <a class="ui button green" href="/register">Create an account</a>
                <a class="ui yellow button forgot" href="/forgot#">Forgot</a>
                <button form="loginForm" id="signin" name="signin" type="submit" class="ui blue submit button">Sign in</button>
             </div>
            <div class="ui divider"></div>
               <div class="ui buttons">  
                <a class="ui purple icon labeled button" href="https://id.twitch.tv/oauth2/authorize?client_id=gn9fdx08ogsjwaigpjqu0znev5s0vw&amp;force_verify=1&amp;redirect_uri=https%3A%2F%2Fdev.gallog.co%2Fauth&amp;response_type=code&amp;scope=user_read+user_subscriptions "><i class="ui twitch icon"></i>Twitch</a>
                <a class="ui icon labeled button" href="https://discordapp.com/oauth2/authorize?response_type=code&amp;client_id=1108590868203585597&amp;redirect_uri=https://dev.gallog.co/auth/discord&amp;scope=identify+email&amp;state=f57a2f96b160642aaaa95eaf" style="background-color:#7289da;"><i class="ui discord icon"></i>Discord</a>
            </div>
        </div>
    </div>
</div>  

<div class="overflowing  pusher">
    <div class="ui container basic segments">
       
     <div class="ui hidden divider"></div>
            <div class="ui hidden divider"></div>
            <div class="ui hidden divider"></div>
            <div class="ui hidden divider"></div><h1 class="ui inverted top attached header">Trading<div class="sub header"></div></h1><div class="ui segment body"><input type="hidden" id="shipscu" value="">
<form id="inputdata" method="post" class="form">
    


<div class="ui stackable three column grid">
    <div class="column" >
        <div id="selectship" class="ui inverted fluid search selection dropdown select-ship">
            <input name="shipid" type="hidden" value="">
            <i class="dropdown icon"></i>
            <div class="default text">Select Ship</div>
            <div class="menu">
                                <div class="item" data-value="188">
                    <img class="ui mini image" src="/images/ships/argo_raft_small.png">
                    Argo RAFT
                </div>
                                <div class="item" data-value="194">
                    <img class="ui mini image" src="/images/ships/railen_small.jpg">
                    Gatac Railen
                </div>
                                <div class="item" data-value="190">
                    <img class="ui mini image" src="/images/ships/liberator_small.png">
                    Liberator
                </div>
                                <div class="item" data-value="193">
                    <img class="ui mini image" src="/images/ships/odyssey_small.jpg">
                    Odyssey
                </div>
                                <div class="item" data-value="189">
                    <img class="ui mini image" src="/images/ships/perseus_small.jpg">
                    Perseus
                </div>
                                <div class="item" data-value="195">
                    <img class="ui mini image" src="/images/ships/scorpius_small.jpg">
                    Scorpius
                </div>
                                <div class="item" data-value="191">
                    <img class="ui mini image" src="/images/ships/talon_small.jpg">
                    Talon
                </div>
                                <div class="item" data-value="192">
                    <img class="ui mini image" src="/images/ships/talon_shrike_small.jpg">
                    Talon Shrike
                </div>
                                <div class="item" data-value="1">
                    <img class="ui mini image" src="/images/ships/avenger_stalker_small.jpg">
                    Aegis Avenger Stalker
                </div>
                                <div class="item" data-value="62">
                    <img class="ui mini image" src="/images/ships/avenger_titan_small.jpg">
                    Aegis Avenger Titan
                </div>
                                <div class="item" data-value="2">
                    <img class="ui mini image" src="/images/ships/avenger_warlock_small.jpg">
                    Aegis Avenger Warlock
                </div>
                                <div class="item" data-value="113">
                    <img class="ui mini image" src="/images/ships/eclipse.jpg">
                    Aegis Eclipse
                </div>
                                <div class="item" data-value="3">
                    <img class="ui mini image" src="/images/ships/gladius_small.jpg">
                    Aegis Gladius
                </div>
                                <div class="item" data-value="129">
                    <img class="ui mini image" src="/images/ships/hammerhead_small.jpg">
                    AEGIS Hammerhead
                </div>
                                <div class="item" data-value="8">
                    <img class="ui mini image" src="/images/ships/redeemer_small.jpg">
                    Aegis Redeemer
                </div>
                                <div class="item" data-value="9">
                    <img class="ui mini image" src="/images/ships/retaliator.jpg">
                    Aegis Retaliator
                </div>
                                <div class="item" data-value="10">
                    <img class="ui mini image" src="/images/ships/sabre_small.jpg">
                    Aegis Sabre
                </div>
                                <div class="item" data-value="107">
                    <img class="ui mini image" src="/images/ships/sabre_comet_small.jpg">
                    Aegis Sabre Comet
                </div>
                                <div class="item" data-value="108">
                    <img class="ui mini image" src="/images/ships/sabre_raven_small.jpg">
                    Aegis Sabre Raven
                </div>
                                <div class="item" data-value="11">
                    <img class="ui mini image" src="/images/ships/warden_small.jpg">
                    Aegis Vanguard Warden
                </div>
                                <div class="item" data-value="134">
                    <img class="ui mini image" src="/images/ships/vulcan_small.jpg">
                    AEGIS Vulcan
                </div>
                                <div class="item" data-value="101">
                    <img class="ui mini image" src="/images/ships/avenger_titan_renegade_small.jpg">
                    Avenger Titan Renegade
                </div>
                                <div class="item" data-value="105">
                    <img class="ui mini image" src="/images/ships/gladius_valiants_small.jpg">
                    Gladius Valiant
                </div>
                                <div class="item" data-value="96">
                    <img class="ui mini image" src="/images/ships/idris_m_small.jpg">
                    Idris-M
                </div>
                                <div class="item" data-value="104">
                    <img class="ui mini image" src="/images/ships/idris_p.jpg">
                    Idris-P
                </div>
                                <div class="item" data-value="98">
                    <img class="ui mini image" src="/images/ships/javelin_small.jpg">
                    Javelin
                </div>
                                <div class="item" data-value="165">
                    <img class="ui mini image" src="/images/ships/nautilus_small.png">
                    Nautilus 
                </div>
                                <div class="item" data-value="166">
                    <img class="ui mini image" src="/images/ships/nautilus_solstice_small.png">
                    Nautilus Solstice Edition
                </div>
                                <div class="item" data-value="97">
                    <img class="ui mini image" src="/images/ships/reclaimer_small.jpg">
                    Reclaimer
                </div>
                                <div class="item" data-value="103">
                    <img class="ui mini image" src="/images/ships/retaliator_bomber.jpg">
                    Retaliator Bomber
                </div>
                                <div class="item" data-value="85">
                    <img class="ui mini image" src="/images/ships/harbinger_small.jpg">
                    Vanguard Harbinger
                </div>
                                <div class="item" data-value="106">
                    <img class="ui mini image" src="/images/ships/vanguard_hoplite.jpg">
                    Vanguard Hoplite
                </div>
                                <div class="item" data-value="86">
                    <img class="ui mini image" src="/images/ships/sentinel_small.png">
                    Vanguard Sentinel
                </div>
                                <div class="item" data-value="162">
                    <img class="ui mini image" src="/images/ships/ballista.jpg">
                    Anvil Ballista
                </div>
                                <div class="item" data-value="164">
                    <img class="ui mini image" src="/images/ships/ballista_dunestalker.jpg">
                    Anvil Ballista Dunestalker
                </div>
                                <div class="item" data-value="163">
                    <img class="ui mini image" src="/images/ships/ballista_snowblind.jpg">
                    Anvil Ballista Snowblind
                </div>
                                <div class="item" data-value="185">
                    <img class="ui mini image" src="/images/ships/carrack_small.jpg">
                    Anvil Carrack Expedition
                </div>
                                <div class="item" data-value="13">
                    <img class="ui mini image" src="/images/ships/gladiator_small.jpg">
                    Anvil Gladiator
                </div>
                                <div class="item" data-value="128">
                    <img class="ui mini image" src="/images/ships/hawk_small.jpg">
                    ANVIL Hawk
                </div>
                                <div class="item" data-value="155">
                    <img class="ui mini image" src="/images/ships/lightning.png">
                    Anvil Lightning F8C
                </div>
                                <div class="item" data-value="148">
                    <img class="ui mini image" src="/images/ships/valkyrie_small.jpg">
                    Anvil Valkyrie
                </div>
                                <div class="item" data-value="149">
                    <img class="ui mini image" src="/images/ships/valkyrie_liberator_small.jpg">
                    Anvil Valkyrie Liberator Edition
                </div>
                                <div class="item" data-value="12">
                    <img class="ui mini image" src="/images/ships/crucible_small.jpg">
                    ANVL Crucible
                </div>
                                <div class="item" data-value="15">
                    <img class="ui mini image" src="/images/ships/f7a.jpg">
                    ANVL_F7A
                </div>
                                <div class="item" data-value="151">
                    <img class="ui mini image" src="/images/ships/arrow.jpg">
                    Arrow
                </div>
                                <div class="item" data-value="167">
                    <img class="ui mini image" src="/images/ships/c8_pisces_small.png">
                    C8 Pisces
                </div>
                                <div class="item" data-value="168">
                    <img class="ui mini image" src="/images/ships/c8x_pisces_small.jpg">
                    C8X Pisces Expedition
                </div>
                                <div class="item" data-value="93">
                    <img class="ui mini image" src="/images/ships/carrack_small.jpg">
                    Carrack
                </div>
                                <div class="item" data-value="16">
                    <img class="ui mini image" src="/images/ships/hornet_small.jpg">
                    F7C Hornet
                </div>
                                <div class="item" data-value="100">
                    <img class="ui mini image" src="/images/ships/hornet_wildfire_small.jpg">
                    F7C Hornet Wildfire
                </div>
                                <div class="item" data-value="19">
                    <img class="ui mini image" src="/images/ships/super_hornet_small.jpg">
                    F7C-M Super Hornet
                </div>
                                <div class="item" data-value="18">
                    <img class="ui mini image" src="/images/ships/hornet_ghost_small.jpg">
                    F7C-S Hornet Ghost
                </div>
                                <div class="item" data-value="17">
                    <img class="ui mini image" src="/images/ships/hornet_tracker_small.jpg">
                    F7CR Hornet
                </div>
                                <div class="item" data-value="153">
                    <img class="ui mini image" src="/images/ships/f7cm_heartseeker.jpg">
                    Hornet F7C-M Heartseeker
                </div>
                                <div class="item" data-value="111">
                    <img class="ui mini image" src="/images/ships/hurricane_small.jpg">
                    Hurricane
                </div>
                                <div class="item" data-value="94">
                    <img class="ui mini image" src="/images/ships/terrapin_small.jpg">
                    Terrapin
                </div>
                                <div class="item" data-value="184">
                    <img class="ui mini image" src="/images/ships/argo_mole_small.png">
                    Argo Mole
                </div>
                                <div class="item" data-value="169">
                    <img class="ui mini image" src="/images/ships/argo_mole_small.png">
                    Argo Mole Carbon
                </div>
                                <div class="item" data-value="170">
                    <img class="ui mini image" src="/images/ships/argo_mole_small.png">
                    Argo Mole Talus
                </div>
                                <div class="item" data-value="22">
                    <img class="ui mini image" src="/images/ships/argo_cargo_small.jpg">
                    Argo MPUV Cargo
                </div>
                                <div class="item" data-value="69">
                    <img class="ui mini image" src="/images/ships/argo.jpg">
                    Argo MPUV Personal
                </div>
                                <div class="item" data-value="154">
                    <img class="ui mini image" src="/images/ships/argo_srv_small.jpg">
                    ARGO SRV
                </div>
                                <div class="item" data-value="112">
                    <img class="ui mini image" src="/images/ships/defender_small.jpg">
                    Defender
                </div>
                                <div class="item" data-value="92">
                    <img class="ui mini image" src="/images/ships/merchantman_small.jpg">
                    Merchantman
                </div>
                                <div class="item" data-value="186">
                    <img class="ui mini image" src="/images/ships/nomad_small.jpg">
                    CNOU Nomad
                </div>
                                <div class="item" data-value="23">
                    <img class="ui mini image" src="/images/ships/mustang_alpha_small.jpg">
                    Mustang Alpha
                </div>
                                <div class="item" data-value="147">
                    <img class="ui mini image" src="/images/ships/mustang_alpha_vindicator_small.jpg">
                    Mustang Alpha Vindicator
                </div>
                                <div class="item" data-value="24">
                    <img class="ui mini image" src="/images/ships/mustang_beta_small.jpg">
                    Mustang Beta
                </div>
                                <div class="item" data-value="25">
                    <img class="ui mini image" src="/images/ships/mustang_delta_small.jpg">
                    Mustang Delta
                </div>
                                <div class="item" data-value="26">
                    <img class="ui mini image" src="/images/ships/mustang_gamma_small.jpg">
                    Mustang Gamma
                </div>
                                <div class="item" data-value="27">
                    <img class="ui mini image" src="/images/ships/mustang_omega_small.png">
                    Mustang Omega
                </div>
                                <div class="item" data-value="127">
                    <img class="ui mini image" src="/images/ships/pioneer.jpg">
                    Pioneer
                </div>
                                <div class="item" data-value="142">
                    <img class="ui mini image" src="/images/ships/a2_hercules_small.jpg">
                    A2 Hercules
                </div>
                                <div class="item" data-value="172">
                    <img class="ui mini image" src="/images/ships/ares_inferno_small.png">
                    Ares Inferno
                </div>
                                <div class="item" data-value="171">
                    <img class="ui mini image" src="/images/ships/ares_ion_small.png">
                    Ares Ion
                </div>
                                <div class="item" data-value="140">
                    <img class="ui mini image" src="/images/ships/c2_small.jpg">
                    C2 Hercules
                </div>
                                <div class="item" data-value="67">
                    <img class="ui mini image" src="/images/ships/starliner_small.jpg">
                    Genesis Starliner
                </div>
                                <div class="item" data-value="141">
                    <img class="ui mini image" src="/images/ships/starlifter_m2_small.jpg">
                    M2 Hercules
                </div>
                                <div class="item" data-value="146">
                    <img class="ui mini image" src="/images/ships/mercury_small.png">
                    Mercury Star Runner
                </div>
                                <div class="item" data-value="84">
                    <img class="ui mini image" src="/images/ships/drake_buccaneer.jpg">
                    Buccaneer
                </div>
                                <div class="item" data-value="87">
                    <img class="ui mini image" src="/images/ships/cat.jpg">
                    Caterpillar
                </div>
                                <div class="item" data-value="102">
                    <img class="ui mini image" src="/images/ships/cat_pirate.jpg">
                    Caterpillar ☠
                </div>
                                <div class="item" data-value="30">
                    <img class="ui mini image" src="/images/ships/cutlass_black_small.jpg">
                    Cutlass Black
                </div>
                                <div class="item" data-value="65">
                    <img class="ui mini image" src="/images/ships/dragonfly_black_small.jpg">
                    Dragonfly Black
                </div>
                                <div class="item" data-value="109">
                    <img class="ui mini image" src="/images/ships/dragonfly_yellow_small.jpg">
                    Dragonfly Yellowjacket
                </div>
                                <div class="item" data-value="157">
                    <img class="ui mini image" src="/images/ships/corsair_small.jpg">
                    Drake Corsair
                </div>
                                <div class="item" data-value="31">
                    <img class="ui mini image" src="/images/ships/drake_cutlass_blue.jpg">
                    Drake Cutlass Blue
                </div>
                                <div class="item" data-value="32">
                    <img class="ui mini image" src="/images/ships/cutlass_red_small.jpg">
                    Drake Cutlass Red
                </div>
                                <div class="item" data-value="34">
                    <img class="ui mini image" src="/images/ships/drake_herald.jpg">
                    Herald
                </div>
                                <div class="item" data-value="150">
                    <img class="ui mini image" src="/images/ships/kraken_small.jpg">
                    Kraken
                </div>
                                <div class="item" data-value="174">
                    <img class="ui mini image" src="/images/ships/kraken_privateer_small.png">
                    Kraken Privateer
                </div>
                                <div class="item" data-value="143">
                    <img class="ui mini image" src="/images/ships/vulture_small.jpg">
                    Vulture
                </div>
                                <div class="item" data-value="53">
                    <img class="ui mini image" src="/images/ships/blade_small.png">
                    Esperia Blade
                </div>
                                <div class="item" data-value="55">
                    <img class="ui mini image" src="/images/ships/glaive_small.jpg">
                    Esperia Glaive
                </div>
                                <div class="item" data-value="99">
                    <img class="ui mini image" src="/images/ships/prowler_small.png">
                    Prowler
                </div>
                                <div class="item" data-value="130">
                    <img class="ui mini image" src="/images/ships/geo.jpg">
                    Geotack Planetary Beacon
                </div>
                                <div class="item" data-value="131">
                    <img class="ui mini image" src="/images/ships/geox.jpg">
                    Geotack-X Planetary Beacon
                </div>
                                <div class="item" data-value="158">
                    <img class="ui mini image" src="/images/ships/greycat.png">
                    Greycat Buggy
                </div>
                                <div class="item" data-value="37">
                    <img class="ui mini image" src="/images/ships/merlin.jpg">
                    Krueger P52 Merlin
                </div>
                                <div class="item" data-value="71">
                    <img class="ui mini image" src="/images/ships/archimedes_small.jpg">
                    P-72 Archimedes
                </div>
                                <div class="item" data-value="90">
                    <img class="ui mini image" src="/images/ships/endeavor_small.jpg">
                    Endeavor
                </div>
                                <div class="item" data-value="38">
                    <img class="ui mini image" src="/images/ships/freelancer_small.jpg">
                    Freelancer
                </div>
                                <div class="item" data-value="64">
                    <img class="ui mini image" src="/images/ships/freelancer_dur_small.jpg">
                    Freelancer Dur
                </div>
                                <div class="item" data-value="63">
                    <img class="ui mini image" src="/images/ships/freelancer_max_small.jpg">
                    Freelancer Max
                </div>
                                <div class="item" data-value="78">
                    <img class="ui mini image" src="/images/ships/freelancer_mis_small.png">
                    Freelancer MIS
                </div>
                                <div class="item" data-value="73">
                    <img class="ui mini image" src="/images/ships/hull_a_small.jpg">
                    Hull A
                </div>
                                <div class="item" data-value="74">
                    <img class="ui mini image" src="/images/ships/hull_b_small.jpg">
                    Hull B
                </div>
                                <div class="item" data-value="75">
                    <img class="ui mini image" src="/images/ships/misc_hull_c.jpg">
                    Hull C
                </div>
                                <div class="item" data-value="76">
                    <img class="ui mini image" src="/images/ships/hull_d_small.png">
                    Hull D
                </div>
                                <div class="item" data-value="77">
                    <img class="ui mini image" src="/images/ships/hull_e_small.jpg">
                    Hull E
                </div>
                                <div class="item" data-value="89">
                    <img class="ui mini image" src="/images/ships/prospector_small.jpg">
                    Prospector
                </div>
                                <div class="item" data-value="110">
                    <img class="ui mini image" src="/images/ships/razor_small.jpg">
                    Razor
                </div>
                                <div class="item" data-value="138">
                    <img class="ui mini image" src="/images/ships/razor_ex_small.jpg">
                    Razor EX
                </div>
                                <div class="item" data-value="139">
                    <img class="ui mini image" src="/images/ships/razor_lx_small.jpg">
                    Razor LX
                </div>
                                <div class="item" data-value="40">
                    <img class="ui mini image" src="/images/ships/reliant_kore_small.png">
                    Reliant Kore
                </div>
                                <div class="item" data-value="82">
                    <img class="ui mini image" src="/images/ships/reliant_mako_small.jpg">
                    Reliant Mako
                </div>
                                <div class="item" data-value="83">
                    <img class="ui mini image" src="/images/ships/reliant_sen_small.jpg">
                    Reliant Sen
                </div>
                                <div class="item" data-value="81">
                    <img class="ui mini image" src="/images/ships/reliant_tana_small.jpg">
                    Reliant Tana
                </div>
                                <div class="item" data-value="79">
                    <img class="ui mini image" src="/images/ships/starfarer_small.jpg">
                    Starfarer
                </div>
                                <div class="item" data-value="80">
                    <img class="ui mini image" src="/images/ships/starfarer_gemini_small.jpg">
                    Starfarer Gemini
                </div>
                                <div class="item" data-value="135">
                    <img class="ui mini image" src="/images/ships/100i_small.jpg">
                    100i
                </div>
                                <div class="item" data-value="136">
                    <img class="ui mini image" src="/images/ships/125a_small.jpg">
                    125a
                </div>
                                <div class="item" data-value="137">
                    <img class="ui mini image" src="/images/ships/135c_small.jpg">
                    135c
                </div>
                                <div class="item" data-value="187">
                    <img class="ui mini image" src="/images/ships/400i.jpg">
                    400i
                </div>
                                <div class="item" data-value="123">
                    <img class="ui mini image" src="/images/ships/600i_small.jpg">
                    600i Explorer
                </div>
                                <div class="item" data-value="122">
                    <img class="ui mini image" src="/images/ships/600i_small.jpg">
                    600i Touring
                </div>
                                <div class="item" data-value="72">
                    <img class="ui mini image" src="/images/ships/85x_small.jpg">
                    85x
                </div>
                                <div class="item" data-value="70">
                    <img class="ui mini image" src="/images/ships/890j_small.jpg">
                    890 Jump
                </div>
                                <div class="item" data-value="41">
                    <img class="ui mini image" src="/images/ships/300i_small.png">
                    Origin 300i
                </div>
                                <div class="item" data-value="42">
                    <img class="ui mini image" src="/images/ships/315p_small.png">
                    Origin 315p
                </div>
                                <div class="item" data-value="43">
                    <img class="ui mini image" src="/images/ships/325a_small.png">
                    Origin 325a
                </div>
                                <div class="item" data-value="44">
                    <img class="ui mini image" src="/images/ships/350r_small.png">
                    Origin 350r
                </div>
                                <div class="item" data-value="45">
                    <img class="ui mini image" src="/images/ships/m50_small.jpg">
                    Origin M50
                </div>
                                <div class="item" data-value="124">
                    <img class="ui mini image" src="/images/ships/x1_base.png">
                    X1 Base
                </div>
                                <div class="item" data-value="126">
                    <img class="ui mini image" src="/images/ships/x1_force.png">
                    X1 Force
                </div>
                                <div class="item" data-value="125">
                    <img class="ui mini image" src="/images/ships/x1_velocity.png">
                    X1 Velocity
                </div>
                                <div class="item" data-value="145">
                    <img class="ui mini image" src="/images/ships/apollo_medivac_small.jpg">
                    Apollo Medivac
                </div>
                                <div class="item" data-value="144">
                    <img class="ui mini image" src="/images/ships/apollo.jpg">
                    Apollo Triage
                </div>
                                <div class="item" data-value="52">
                    <img class="ui mini image" src="/images/ships/andromeda_small.jpg">
                    Constellation Andromeda
                </div>
                                <div class="item" data-value="88">
                    <img class="ui mini image" src="/images/ships/aquila_small.jpg">
                    Constellation Aquila
                </div>
                                <div class="item" data-value="68">
                    <img class="ui mini image" src="/images/ships/phoenix_small.jpg">
                    Constellation Phoenix
                </div>
                                <div class="item" data-value="132">
                    <img class="ui mini image" src="/images/ships/emerald.jpg">
                    Constellation Phoenix Emerald
                </div>
                                <div class="item" data-value="66">
                    <img class="ui mini image" src="/images/ships/constellation_taurus.jpg">
                    Constellation Taurus
                </div>
                                <div class="item" data-value="173">
                    <img class="ui mini image" src="/images/ships/mantis_small.jpg">
                    Mantis
                </div>
                                <div class="item" data-value="91">
                    <img class="ui mini image" src="/images/ships/rsi_orion.jpg">
                    Orion
                </div>
                                <div class="item" data-value="95">
                    <img class="ui mini image" src="/images/ships/polaris_small.jpg">
                    Polaris
                </div>
                                <div class="item" data-value="47">
                    <img class="ui mini image" src="/images/ships/aurora_cl_small.png">
                    RSI Aurora CL
                </div>
                                <div class="item" data-value="48">
                    <img class="ui mini image" src="/images/ships/aurora_es_small.png">
                    RSI Aurora ES
                </div>
                                <div class="item" data-value="49">
                    <img class="ui mini image" src="/images/ships/aurora_ln_small.png">
                    RSI Aurora LN
                </div>
                                <div class="item" data-value="50">
                    <img class="ui mini image" src="/images/ships/aurora_lx_small.jpg">
                    RSI Aurora LX
                </div>
                                <div class="item" data-value="51">
                    <img class="ui mini image" src="/images/ships/aurora_mr_small.jpg">
                    RSI Aurora MR
                </div>
                                <div class="item" data-value="121">
                    <img class="ui mini image" src="/images/ships/ursa_small.jpg">
                    Ursa Rover
                </div>
                                <div class="item" data-value="156">
                    <img class="ui mini image" src="/images/ships/ursa_rover_fortuna_small.jpg">
                    Ursa Rover Fortuna
                </div>
                                <div class="item" data-value="116">
                    <img class="ui mini image" src="/images/ships/cyclone_small.jpg">
                    Cyclone
                </div>
                                <div class="item" data-value="120">
                    <img class="ui mini image" src="/images/ships/cyclone_aa_small.jpg">
                    Cyclone-AA
                </div>
                                <div class="item" data-value="196">
                    <img class="ui mini image" src="/images/ships/cyclone_mt_small.jpg">
                    Cyclone-MT
                </div>
                                <div class="item" data-value="118">
                    <img class="ui mini image" src="/images/ships/cyclone_rc_small.jpg">
                    Cyclone-RC
                </div>
                                <div class="item" data-value="119">
                    <img class="ui mini image" src="/images/ships/cyclone_rn_small.png">
                    Cyclone-RN
                </div>
                                <div class="item" data-value="117">
                    <img class="ui mini image" src="/images/ships/cyclone_tr_small2.jpg">
                    Cyclone-TR
                </div>
                                <div class="item" data-value="161">
                    <img class="ui mini image" src="/images/ships/ranger-cv.jpg">
                    Ranger CV
                </div>
                                <div class="item" data-value="159">
                    <img class="ui mini image" src="/images/ships/ranger-rc.jpg">
                    Ranger RC
                </div>
                                <div class="item" data-value="160">
                    <img class="ui mini image" src="/images/ships/ranger-tr.jpg">
                    Ranger TR
                </div>
                                <div class="item" data-value="133">
                    <img class="ui mini image" src="/images/ships/novatank.jpg">
                    Tumbril - Nova Tank
                </div>
                                <div class="item" data-value="56">
                    <img class="ui mini image" src="/images/ships/scythe_small.png">
                    Vanduul Scythe
                </div>
                                <div class="item" data-value="61">
                    <img class="ui mini image" src="/images/ships/xian_scout.jpg">
                    Khartu-Al
                </div>
                                <div class="item" data-value="114">
                    <img class="ui mini image" src="/images/ships/nox.jpg">
                    Nox
                </div>
                                <div class="item" data-value="115">
                    <img class="ui mini image" src="/images/ships/nox_kue.jpg">
                    Nox Kue
                </div>
                                <div class="item" data-value="152">
                    <img class="ui mini image" src="/images/ships/santok.jpg">
                    San'tok.yai
                </div>
                            </div>
        </div>

        <div class="ui form field">
            <div class="ui labeled fluid input">
                <div class="ui green label">Uec</div>
                <input id="uec" inputmode="numeric" type="number" step="any" class="ui input fluid uec" size="11"
                       onchange="tradecalc()"
                       placeholder="aUEC"
                       value="5000"
                       name="uec">
            </div>
        </div>
    </div>

    <div class="column">
        <div class="ui fluid action input">
            <div class="ui inverted fluid search selection dropdown select-portstart">
                <input name="source" type="hidden" value="">
                <i class="dropdown icon"></i>
                <div class="default text">Source Tradeport</div>
                <div class="menu">
                                        <div class="item" data-value="pyro-gateway">
                        <img class="ui mini image" src="/images/objects/star.png">
                        Stanton > Pyro Gateway - Admin Office
                    </div>
                                        <div class="item" data-value="magnus-gateway">
                        <img class="ui mini image" src="/images/objects/star.png">
                        Stanton > Magnus Gateway - Admin Office
                    </div>
                                        <div class="item" data-value="terra-gateway">
                        <img class="ui mini image" src="/images/objects/star.png">
                        Stanton > Terra Gateway - Admin Office
                    </div>
                                        <div class="item" data-value="outpost-54">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Outpost 54
                    </div>
                                        <div class="item" data-value="ravens-roost">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Raven&#039;s Roost
                    </div>
                                        <div class="item" data-value="shubin-mining-facility-SM0-13">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Shubin Mining Facility SM0-13
                    </div>
                                        <div class="item" data-value="shubin-mining-facility-SM0-22">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Shubin Mining Facility SM0-22
                    </div>
                                        <div class="item" data-value="shubin-mining-facility-SM0-18">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Shubin Mining Facility SM0-18
                    </div>
                                        <div class="item" data-value="new-babbage-mt">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > New Babbage MT Planetary Services
                    </div>
                                        <div class="item" data-value="shubin-mining-facility-SM0-10">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Shubin Mining Facility SM0-10
                    </div>
                                        <div class="item" data-value="rayari-deltana-research-outpost">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Rayari Deltana Research Outpost
                    </div>
                                        <div class="item" data-value="new-babbage-tdd">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > New Babbage TDD
                    </div>
                                        <div class="item" data-value="pickers-field">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > Picker&#039;s Field
                    </div>
                                        <div class="item" data-value="orinth">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > Reclamation &amp; Disposal Orinth
                    </div>
                                        <div class="item" data-value="lorville">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > Lorville - L19 Admin Office
                    </div>
                                        <div class="item" data-value="hdms-edmond">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Edmond
                    </div>
                                        <div class="item" data-value="hdms-oparei">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Oparei
                    </div>
                                        <div class="item" data-value="hdms-pinewood">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Pinewood
                    </div>
                                        <div class="item" data-value="hdms-thedus">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Thedus
                    </div>
                                        <div class="item" data-value="lorville-cbd">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > Lorville - CBD
                    </div>
                                        <div class="item" data-value="hdms-hadley">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Hadley
                    </div>
                                        <div class="item" data-value="hdms-stanhope">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Stanhope
                    </div>
                                        <div class="item" data-value="area18tower">
                        <img class="ui mini image" src="/images/objects/arccorp.png">
                        ArcCorp > Area18 - IO North Tower
                    </div>
                                        <div class="item" data-value="area18">
                        <img class="ui mini image" src="/images/objects/arccorp.png">
                        ArcCorp > Area18 - TDD
                    </div>
                                        <div class="item" data-value="area18">
                        <img class="ui mini image" src="/images/objects/arccorp.png">
                        ArcCorp > Dumpers Depot Commodities Panel
                    </div>
                                        <div class="item" data-value="area18-dumpers">
                        <img class="ui mini image" src="/images/objects/arccorp.png">
                        ArcCorp > Dumpers Depot
                    </div>
                                        <div class="item" data-value="orison-tdd">
                        <img class="ui mini image" src="/images/objects/crusader.png">
                        Crusader > Orison - TDD
                    </div>
                                        <div class="item" data-value="orison-admin">
                        <img class="ui mini image" src="/images/objects/crusader.png">
                        Crusader > Orison - Admin Office
                    </div>
                                        <div class="item" data-value="private-property">
                        <img class="ui mini image" src="/images/objects/cellin.png">
                        Cellin > Private Property
                    </div>
                                        <div class="item" data-value="tram-myers-mining">
                        <img class="ui mini image" src="/images/objects/cellin.png">
                        Cellin > Tram &amp; Myers Mining
                    </div>
                                        <div class="item" data-value="gallete-family-farms">
                        <img class="ui mini image" src="/images/objects/cellin.png">
                        Cellin > Gallete Family Farms
                    </div>
                                        <div class="item" data-value="terra-mills-hydrofarm">
                        <img class="ui mini image" src="/images/objects/cellin.png">
                        Cellin > Terra Mills HydroFarm
                    </div>
                                        <div class="item" data-value="hickes-research">
                        <img class="ui mini image" src="/images/objects/cellin.png">
                        Cellin > Hickes Research
                    </div>
                                        <div class="item" data-value="nuen-waste-management">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Nuen Waste Management
                    </div>
                                        <div class="item" data-value="brios">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Brio&#039;s Breaker Yard
                    </div>
                                        <div class="item" data-value="shubin-scd-1">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Shubin Mining Facility SCD-1
                    </div>
                                        <div class="item" data-value="arccorp-mining-141">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > ArcCorp Mining 141
                    </div>
                                        <div class="item" data-value="kudre-ore">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Kudre Ore
                    </div>
                                        <div class="item" data-value="bountiful-harvest">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Bountiful Harvest Hydroponics
                    </div>
                                        <div class="item" data-value="jumptown">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Jumptown
                    </div>
                                        <div class="item" data-value="nt999xx">
                        <img class="ui mini image" src="/images/objects/yela.png">
                        Yela > NT-999-XX
                    </div>
                                        <div class="item" data-value="benson-mining">
                        <img class="ui mini image" src="/images/objects/yela.png">
                        Yela > Benson Mining Outpost
                    </div>
                                        <div class="item" data-value="arccorp-mining-157">
                        <img class="ui mini image" src="/images/objects/yela.png">
                        Yela > ArcCorp Mining 157
                    </div>
                                        <div class="item" data-value="deakins-research">
                        <img class="ui mini image" src="/images/objects/yela.png">
                        Yela > Deakins Research
                    </div>
                                        <div class="item" data-value="olisar">
                        <img class="ui mini image" src="/images/objects/crusader.png">
                        Port Olisar > Port Olisar
                    </div>
                                        <div class="item" data-value="hdms-bezdek">
                        <img class="ui mini image" src="/images/objects/ariel.png">
                        Arial > HDMS-Bezdek
                    </div>
                                        <div class="item" data-value="hdms-lathan">
                        <img class="ui mini image" src="/images/objects/ariel.png">
                        Arial > HDMS-Lathan
                    </div>
                                        <div class="item" data-value="hdms-norgaard">
                        <img class="ui mini image" src="/images/objects/aberdeen.png">
                        Aberdeen > HDMS-Norgaard
                    </div>
                                        <div class="item" data-value="hdms-anderson">
                        <img class="ui mini image" src="/images/objects/aberdeen.png">
                        Aberdeen > HDMS-Anderson
                    </div>
                                        <div class="item" data-value="hdms-hahn">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Magda > HDMS-Hahn
                    </div>
                                        <div class="item" data-value="hdms-perlman">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Magda > HDMS-Perlman
                    </div>
                                        <div class="item" data-value="hdms-woodruff">
                        <img class="ui mini image" src="/images/objects/ita.png">
                        Ita > HDMS-Woodruff
                    </div>
                                        <div class="item" data-value="hdms-ryder">
                        <img class="ui mini image" src="/images/objects/ita.png">
                        Ita > HDMS-Ryder
                    </div>
                                        <div class="item" data-value="loveridge-reserve">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > Loveridge Mineral Reserve
                    </div>
                                        <div class="item" data-value="shubin-mining-sal2">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > Shubin Mining Facility SAL-2
                    </div>
                                        <div class="item" data-value="shubin-mining-sal5">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > Shubin Mining Facility SAL-5
                    </div>
                                        <div class="item" data-value="paradise-cove">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > Paradise Cove
                    </div>
                                        <div class="item" data-value="orphanage">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > The Orphanage
                    </div>
                                        <div class="item" data-value="humboldt-mines">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > Humboldt Mines
                    </div>
                                        <div class="item" data-value="arccorp-mining-45">
                        <img class="ui mini image" src="/images/objects/wala.png">
                        Wala > ArcCorp Mining Area 045
                    </div>
                                        <div class="item" data-value="arccorp-mining-48">
                        <img class="ui mini image" src="/images/objects/wala.png">
                        Wala > ArcCorp Mining Area 048
                    </div>
                                        <div class="item" data-value="arccorp-mining-56">
                        <img class="ui mini image" src="/images/objects/wala.png">
                        Wala > ArcCorp Mining Area 056
                    </div>
                                        <div class="item" data-value="arccorp-mining-61">
                        <img class="ui mini image" src="/images/objects/wala.png">
                        Wala > ArcCorp Mining Area 061
                    </div>
                                        <div class="item" data-value="samson-salvage">
                        <img class="ui mini image" src="/images/objects/wala.png">
                        Wala > Samson &amp; Son&#039;s Salvage Center
                    </div>
                                        <div class="item" data-value="smca-8">
                        <img class="ui mini image" src="/images/objects/calliope.png">
                        Calliope > Shubin Mining Facility SMCa-8
                    </div>
                                        <div class="item" data-value="smca-6">
                        <img class="ui mini image" src="/images/objects/calliope.png">
                        Calliope > Shubin Mining Facility SMCa-6
                    </div>
                                        <div class="item" data-value="rayari-anvik-research-outpost">
                        <img class="ui mini image" src="/images/objects/calliope.png">
                        Calliope > Rayari Anvik Research Outpost
                    </div>
                                        <div class="item" data-value="rayari-kaltag-research-outpost">
                        <img class="ui mini image" src="/images/objects/calliope.png">
                        Calliope > Rayari Kaltag Research Outpost
                    </div>
                                        <div class="item" data-value="rayari-mcgrath-research-outpost">
                        <img class="ui mini image" src="/images/objects/clio.png">
                        Clio > Rayari McGrath Research Outpost
                    </div>
                                        <div class="item" data-value="rayari-cantwell-research-outpost">
                        <img class="ui mini image" src="/images/objects/clio.png">
                        Clio > Rayari Cantwell Research Outpost
                    </div>
                                        <div class="item" data-value="buds-growery">
                        <img class="ui mini image" src="/images/objects/euterpe.png">
                        Euterpe > Bud&#039;s Growery
                    </div>
                                        <div class="item" data-value="delvin">
                        <img class="ui mini image" src="/images/objects/euterpe.png">
                        Euterpe > Devlin Scrap &amp; Salvage
                    </div>
                                        <div class="item" data-value="grimhex">
                        <img class="ui mini image" src="/images/objects/yela.png">
                        Grim Hex > GrimHex
                    </div>
                                        <div class="item" data-value="hur-l1-refinery">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L1 > HUR-L1 Mining Kiosk
                    </div>
                                        <div class="item" data-value="hur-l1">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L1 > R&amp;R HUR-L1
                    </div>
                                        <div class="item" data-value="cru-l5-hidden">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L5 > CRU-L5 - Beautiful Glen Station - Hidden Terminal
                    </div>
                                        <div class="item" data-value="cru-l5">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L5 > CRU-L5 - Beautiful Glen Station - Admin
                    </div>
                                        <div class="item" data-value="hur-l2-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L2 > HUR-L2 - Faithful Dream Station - Admin
                    </div>
                                        <div class="item" data-value="hur-l2-refinery">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L2 > HUR-L2 - Faithful Dream Station - Refinery
                    </div>
                                        <div class="item" data-value="hur-l3-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L3 > HUR-L3 - Thundering Express Station - Admin
                    </div>
                                        <div class="item" data-value="hur-l4-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L4 > HUR-L4 - Melodic Fields Station - Admin
                    </div>
                                        <div class="item" data-value="hur-l5-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L5 > HUR-L5 - High Course Station - Admin
                    </div>
                                        <div class="item" data-value="cru-l1-refinery">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L1 > CRU-L1 - Ambitious Dream Station - Refinery
                    </div>
                                        <div class="item" data-value="cru-l1-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L1 > CRU-L1 - Ambitious Dream Station - Admin
                    </div>
                                        <div class="item" data-value="cru-l4-hidden">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L4 > CRU-L4 - Shallow Fields Station - Hidden Terminal
                    </div>
                                        <div class="item" data-value="cru-l4-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L4 > CRU-L4 - Shallow Fields Station - Admin
                    </div>
                                        <div class="item" data-value="arc-l1">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC-L1 > ARC-L1 - Wide Forest Station - Admin
                    </div>
                                        <div class="item" data-value="arc-l1-refinery">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC-L1 > ARC-L1 Mining Kiosk
                    </div>
                                        <div class="item" data-value="arc-l2-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC-L2 > ARC-L2 - Lively Pathway Station - Admin
                    </div>
                                        <div class="item" data-value="arc-l3">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC L3 > ARC-L3 - Modern Express Station - Admin
                    </div>
                                        <div class="item" data-value="arc-l4">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC L4 > ARC-L4 - Faint Glen Station - Admin
                    </div>
                                        <div class="item" data-value="arc-l5">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC L5 > ARC-L5 - Yellow Core Station - Admin
                    </div>
                                        <div class="item" data-value="mic-l1">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        MIC-L1 > MIC-L1 - Shallow Frontier Station - Admin
                    </div>
                                        <div class="item" data-value="mic-l1-refinery">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        MIC-L1 > MIC-L1 - Shallow Frontier Station - Mining Kiosk
                    </div>
                                        <div class="item" data-value="everus-harbor">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        Everus Harbor > Everus Harbor
                    </div>
                                        <div class="item" data-value="baijini-point">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        Baijini Point > Baijini Point
                    </div>
                                        <div class="item" data-value="port-tressler">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        Port Tressler > Port Tressler
                    </div>
                                        <div class="item" data-value="mic-l2-station">
                        <img class="ui mini image" src="/images/objects/">
                        MIC L2 > MIC-L2 - Long Forest Station - Admin
                    </div>
                                        <div class="item" data-value="mic-l3-station">
                        <img class="ui mini image" src="/images/objects/">
                        MIC L3 > MIC-L3 - Endless Odyssey Station - Admin
                    </div>
                                        <div class="item" data-value="mic-l5">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        MIC L5 > MIC-L5 - Modern Icarus Station - Admin
                    </div>
                                    </div>
            </div>
            <button id="routeSwap" type="button" name="routeSwap" class="ui mini basic icon button">
                <i class="large exchange inverted icon"></i></button>
        </div>


        <div class="ui labeled input">
            <div class="ui buttons">
                <div class="ui blue button label">Stops to Return</div>
                <div class="ui blue dropdown button select-maxjumps">
                    <input id="maxjumps" name="maxjumps" type="hidden" value="1">
                    <i class="dropdown icon"></i>
                    <div class="default text">Max Stops</div>
                    <div class="menu">
                                                <div class="item" data-value="1">
                            1
                        </div>
                                                <div class="item" data-value="2">
                            2
                        </div>
                                                <div class="item" data-value="3">
                            3
                        </div>
                                                <div class="item" data-value="4">
                            4
                        </div>
                                                <div class="item" data-value="5">
                            5
                        </div>
                                                <div class="item" data-value="6">
                            6
                        </div>
                                            </div>
                </div>
            </div>
        </div>

    </div>

    <div id="endPortBox" class="column">
        <div class="ui fluid grouped action input">
            <div class="ui inverted fluid search selection dropdown select-portend">
                <input name="destination" type="hidden" value="">
                <i class="dropdown icon"></i>
                <div class="default text">Destination Tradeport</div>
                <div class="menu">
                                        <div class="item" data-value="pyro-gateway">
                        <img class="ui mini image" src="/images/objects/star.png">
                        Stanton > Pyro Gateway - Admin Office
                    </div>
                                        <div class="item" data-value="magnus-gateway">
                        <img class="ui mini image" src="/images/objects/star.png">
                        Stanton > Magnus Gateway - Admin Office
                    </div>
                                        <div class="item" data-value="terra-gateway">
                        <img class="ui mini image" src="/images/objects/star.png">
                        Stanton > Terra Gateway - Admin Office
                    </div>
                                        <div class="item" data-value="outpost-54">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Outpost 54
                    </div>
                                        <div class="item" data-value="ravens-roost">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Raven&#039;s Roost
                    </div>
                                        <div class="item" data-value="shubin-mining-facility-SM0-13">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Shubin Mining Facility SM0-13
                    </div>
                                        <div class="item" data-value="shubin-mining-facility-SM0-22">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Shubin Mining Facility SM0-22
                    </div>
                                        <div class="item" data-value="shubin-mining-facility-SM0-18">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Shubin Mining Facility SM0-18
                    </div>
                                        <div class="item" data-value="new-babbage-mt">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > New Babbage MT Planetary Services
                    </div>
                                        <div class="item" data-value="shubin-mining-facility-SM0-10">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Shubin Mining Facility SM0-10
                    </div>
                                        <div class="item" data-value="rayari-deltana-research-outpost">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > Rayari Deltana Research Outpost
                    </div>
                                        <div class="item" data-value="new-babbage-tdd">
                        <img class="ui mini image" src="/images/objects/microtech.png">
                        microTech > New Babbage TDD
                    </div>
                                        <div class="item" data-value="pickers-field">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > Picker&#039;s Field
                    </div>
                                        <div class="item" data-value="orinth">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > Reclamation &amp; Disposal Orinth
                    </div>
                                        <div class="item" data-value="lorville">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > Lorville - L19 Admin Office
                    </div>
                                        <div class="item" data-value="hdms-edmond">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Edmond
                    </div>
                                        <div class="item" data-value="hdms-oparei">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Oparei
                    </div>
                                        <div class="item" data-value="hdms-pinewood">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Pinewood
                    </div>
                                        <div class="item" data-value="hdms-thedus">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Thedus
                    </div>
                                        <div class="item" data-value="lorville-cbd">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > Lorville - CBD
                    </div>
                                        <div class="item" data-value="hdms-hadley">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Hadley
                    </div>
                                        <div class="item" data-value="hdms-stanhope">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Hurston > HDMS-Stanhope
                    </div>
                                        <div class="item" data-value="area18tower">
                        <img class="ui mini image" src="/images/objects/arccorp.png">
                        ArcCorp > Area18 - IO North Tower
                    </div>
                                        <div class="item" data-value="area18">
                        <img class="ui mini image" src="/images/objects/arccorp.png">
                        ArcCorp > Area18 - TDD
                    </div>
                                        <div class="item" data-value="area18">
                        <img class="ui mini image" src="/images/objects/arccorp.png">
                        ArcCorp > Dumpers Depot Commodities Panel
                    </div>
                                        <div class="item" data-value="area18-dumpers">
                        <img class="ui mini image" src="/images/objects/arccorp.png">
                        ArcCorp > Dumpers Depot
                    </div>
                                        <div class="item" data-value="orison-tdd">
                        <img class="ui mini image" src="/images/objects/crusader.png">
                        Crusader > Orison - TDD
                    </div>
                                        <div class="item" data-value="orison-admin">
                        <img class="ui mini image" src="/images/objects/crusader.png">
                        Crusader > Orison - Admin Office
                    </div>
                                        <div class="item" data-value="private-property">
                        <img class="ui mini image" src="/images/objects/cellin.png">
                        Cellin > Private Property
                    </div>
                                        <div class="item" data-value="tram-myers-mining">
                        <img class="ui mini image" src="/images/objects/cellin.png">
                        Cellin > Tram &amp; Myers Mining
                    </div>
                                        <div class="item" data-value="gallete-family-farms">
                        <img class="ui mini image" src="/images/objects/cellin.png">
                        Cellin > Gallete Family Farms
                    </div>
                                        <div class="item" data-value="terra-mills-hydrofarm">
                        <img class="ui mini image" src="/images/objects/cellin.png">
                        Cellin > Terra Mills HydroFarm
                    </div>
                                        <div class="item" data-value="hickes-research">
                        <img class="ui mini image" src="/images/objects/cellin.png">
                        Cellin > Hickes Research
                    </div>
                                        <div class="item" data-value="nuen-waste-management">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Nuen Waste Management
                    </div>
                                        <div class="item" data-value="brios">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Brio&#039;s Breaker Yard
                    </div>
                                        <div class="item" data-value="shubin-scd-1">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Shubin Mining Facility SCD-1
                    </div>
                                        <div class="item" data-value="arccorp-mining-141">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > ArcCorp Mining 141
                    </div>
                                        <div class="item" data-value="kudre-ore">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Kudre Ore
                    </div>
                                        <div class="item" data-value="bountiful-harvest">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Bountiful Harvest Hydroponics
                    </div>
                                        <div class="item" data-value="jumptown">
                        <img class="ui mini image" src="/images/objects/daymar.png">
                        Daymar > Jumptown
                    </div>
                                        <div class="item" data-value="nt999xx">
                        <img class="ui mini image" src="/images/objects/yela.png">
                        Yela > NT-999-XX
                    </div>
                                        <div class="item" data-value="benson-mining">
                        <img class="ui mini image" src="/images/objects/yela.png">
                        Yela > Benson Mining Outpost
                    </div>
                                        <div class="item" data-value="arccorp-mining-157">
                        <img class="ui mini image" src="/images/objects/yela.png">
                        Yela > ArcCorp Mining 157
                    </div>
                                        <div class="item" data-value="deakins-research">
                        <img class="ui mini image" src="/images/objects/yela.png">
                        Yela > Deakins Research
                    </div>
                                        <div class="item" data-value="olisar">
                        <img class="ui mini image" src="/images/objects/crusader.png">
                        Port Olisar > Port Olisar
                    </div>
                                        <div class="item" data-value="hdms-bezdek">
                        <img class="ui mini image" src="/images/objects/ariel.png">
                        Arial > HDMS-Bezdek
                    </div>
                                        <div class="item" data-value="hdms-lathan">
                        <img class="ui mini image" src="/images/objects/ariel.png">
                        Arial > HDMS-Lathan
                    </div>
                                        <div class="item" data-value="hdms-norgaard">
                        <img class="ui mini image" src="/images/objects/aberdeen.png">
                        Aberdeen > HDMS-Norgaard
                    </div>
                                        <div class="item" data-value="hdms-anderson">
                        <img class="ui mini image" src="/images/objects/aberdeen.png">
                        Aberdeen > HDMS-Anderson
                    </div>
                                        <div class="item" data-value="hdms-hahn">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Magda > HDMS-Hahn
                    </div>
                                        <div class="item" data-value="hdms-perlman">
                        <img class="ui mini image" src="/images/objects/hurston.png">
                        Magda > HDMS-Perlman
                    </div>
                                        <div class="item" data-value="hdms-woodruff">
                        <img class="ui mini image" src="/images/objects/ita.png">
                        Ita > HDMS-Woodruff
                    </div>
                                        <div class="item" data-value="hdms-ryder">
                        <img class="ui mini image" src="/images/objects/ita.png">
                        Ita > HDMS-Ryder
                    </div>
                                        <div class="item" data-value="loveridge-reserve">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > Loveridge Mineral Reserve
                    </div>
                                        <div class="item" data-value="shubin-mining-sal2">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > Shubin Mining Facility SAL-2
                    </div>
                                        <div class="item" data-value="shubin-mining-sal5">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > Shubin Mining Facility SAL-5
                    </div>
                                        <div class="item" data-value="paradise-cove">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > Paradise Cove
                    </div>
                                        <div class="item" data-value="orphanage">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > The Orphanage
                    </div>
                                        <div class="item" data-value="humboldt-mines">
                        <img class="ui mini image" src="/images/objects/lyria.png">
                        Lyria > Humboldt Mines
                    </div>
                                        <div class="item" data-value="arccorp-mining-45">
                        <img class="ui mini image" src="/images/objects/wala.png">
                        Wala > ArcCorp Mining Area 045
                    </div>
                                        <div class="item" data-value="arccorp-mining-48">
                        <img class="ui mini image" src="/images/objects/wala.png">
                        Wala > ArcCorp Mining Area 048
                    </div>
                                        <div class="item" data-value="arccorp-mining-56">
                        <img class="ui mini image" src="/images/objects/wala.png">
                        Wala > ArcCorp Mining Area 056
                    </div>
                                        <div class="item" data-value="arccorp-mining-61">
                        <img class="ui mini image" src="/images/objects/wala.png">
                        Wala > ArcCorp Mining Area 061
                    </div>
                                        <div class="item" data-value="samson-salvage">
                        <img class="ui mini image" src="/images/objects/wala.png">
                        Wala > Samson &amp; Son&#039;s Salvage Center
                    </div>
                                        <div class="item" data-value="smca-8">
                        <img class="ui mini image" src="/images/objects/calliope.png">
                        Calliope > Shubin Mining Facility SMCa-8
                    </div>
                                        <div class="item" data-value="smca-6">
                        <img class="ui mini image" src="/images/objects/calliope.png">
                        Calliope > Shubin Mining Facility SMCa-6
                    </div>
                                        <div class="item" data-value="rayari-anvik-research-outpost">
                        <img class="ui mini image" src="/images/objects/calliope.png">
                        Calliope > Rayari Anvik Research Outpost
                    </div>
                                        <div class="item" data-value="rayari-kaltag-research-outpost">
                        <img class="ui mini image" src="/images/objects/calliope.png">
                        Calliope > Rayari Kaltag Research Outpost
                    </div>
                                        <div class="item" data-value="rayari-mcgrath-research-outpost">
                        <img class="ui mini image" src="/images/objects/clio.png">
                        Clio > Rayari McGrath Research Outpost
                    </div>
                                        <div class="item" data-value="rayari-cantwell-research-outpost">
                        <img class="ui mini image" src="/images/objects/clio.png">
                        Clio > Rayari Cantwell Research Outpost
                    </div>
                                        <div class="item" data-value="buds-growery">
                        <img class="ui mini image" src="/images/objects/euterpe.png">
                        Euterpe > Bud&#039;s Growery
                    </div>
                                        <div class="item" data-value="delvin">
                        <img class="ui mini image" src="/images/objects/euterpe.png">
                        Euterpe > Devlin Scrap &amp; Salvage
                    </div>
                                        <div class="item" data-value="grimhex">
                        <img class="ui mini image" src="/images/objects/yela.png">
                        Grim Hex > GrimHex
                    </div>
                                        <div class="item" data-value="hur-l1-refinery">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L1 > HUR-L1 Mining Kiosk
                    </div>
                                        <div class="item" data-value="hur-l1">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L1 > R&amp;R HUR-L1
                    </div>
                                        <div class="item" data-value="cru-l5-hidden">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L5 > CRU-L5 - Beautiful Glen Station - Hidden Terminal
                    </div>
                                        <div class="item" data-value="cru-l5">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L5 > CRU-L5 - Beautiful Glen Station - Admin
                    </div>
                                        <div class="item" data-value="hur-l2-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L2 > HUR-L2 - Faithful Dream Station - Admin
                    </div>
                                        <div class="item" data-value="hur-l2-refinery">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L2 > HUR-L2 - Faithful Dream Station - Refinery
                    </div>
                                        <div class="item" data-value="hur-l3-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L3 > HUR-L3 - Thundering Express Station - Admin
                    </div>
                                        <div class="item" data-value="hur-l4-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L4 > HUR-L4 - Melodic Fields Station - Admin
                    </div>
                                        <div class="item" data-value="hur-l5-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        HUR-L5 > HUR-L5 - High Course Station - Admin
                    </div>
                                        <div class="item" data-value="cru-l1-refinery">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L1 > CRU-L1 - Ambitious Dream Station - Refinery
                    </div>
                                        <div class="item" data-value="cru-l1-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L1 > CRU-L1 - Ambitious Dream Station - Admin
                    </div>
                                        <div class="item" data-value="cru-l4-hidden">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L4 > CRU-L4 - Shallow Fields Station - Hidden Terminal
                    </div>
                                        <div class="item" data-value="cru-l4-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        CRU-L4 > CRU-L4 - Shallow Fields Station - Admin
                    </div>
                                        <div class="item" data-value="arc-l1">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC-L1 > ARC-L1 - Wide Forest Station - Admin
                    </div>
                                        <div class="item" data-value="arc-l1-refinery">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC-L1 > ARC-L1 Mining Kiosk
                    </div>
                                        <div class="item" data-value="arc-l2-station">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC-L2 > ARC-L2 - Lively Pathway Station - Admin
                    </div>
                                        <div class="item" data-value="arc-l3">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC L3 > ARC-L3 - Modern Express Station - Admin
                    </div>
                                        <div class="item" data-value="arc-l4">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC L4 > ARC-L4 - Faint Glen Station - Admin
                    </div>
                                        <div class="item" data-value="arc-l5">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        ARC L5 > ARC-L5 - Yellow Core Station - Admin
                    </div>
                                        <div class="item" data-value="mic-l1">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        MIC-L1 > MIC-L1 - Shallow Frontier Station - Admin
                    </div>
                                        <div class="item" data-value="mic-l1-refinery">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        MIC-L1 > MIC-L1 - Shallow Frontier Station - Mining Kiosk
                    </div>
                                        <div class="item" data-value="everus-harbor">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        Everus Harbor > Everus Harbor
                    </div>
                                        <div class="item" data-value="baijini-point">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        Baijini Point > Baijini Point
                    </div>
                                        <div class="item" data-value="port-tressler">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        Port Tressler > Port Tressler
                    </div>
                                        <div class="item" data-value="mic-l2-station">
                        <img class="ui mini image" src="/images/objects/">
                        MIC L2 > MIC-L2 - Long Forest Station - Admin
                    </div>
                                        <div class="item" data-value="mic-l3-station">
                        <img class="ui mini image" src="/images/objects/">
                        MIC L3 > MIC-L3 - Endless Odyssey Station - Admin
                    </div>
                                        <div class="item" data-value="mic-l5">
                        <img class="ui mini image" src="/images/objects/comm.png">
                        MIC L5 > MIC-L5 - Modern Icarus Station - Admin
                    </div>
                                    </div>
            </div>
        </div>
        <button class="ui orange button" type="submit">Calculate</button>
    </div>
</div>    <div class="ui accordion basic fitted segment">
    <div class="ui title grey labeled icon button">
        <i class="yellow filter icon"></i>
        Filters
    </div>
    <div class="content ">
        <div class="ui small inverted form">
            
    COMMODITIES
   <div class="ui horizontal raised stackable inverted commodityFilters segments">
        
          <div class="ui  segment shipstat">
            
              <div class="ui form">
                 <div class="inline field">
                    <div class="ui inverted toggle checkbox">
                        <input name="inventoryLimits" type="checkbox"  checked >
                        <label>Use Inventory Limits</label>
                    </div>
                 </div>
               <div class="inline field">
                <div class="ui inverted toggle checkbox">
                    <input name="refreshRates" type="checkbox"  >
                    <label>Use Best Refresh Rates</label>
                </div>
               </div>
                  
               <div class="inline field">
                <div class="ui inverted toggle checkbox">
                     <input name="useHidden" type="checkbox"  >
                    <label>Use Hidden Locations</label>
                </div>
               </div>
              </div>
          </div>
              
              
        
        
                        <div class="ui inverted segment shipstat">
            <div class="ui relaxed inverted list">
                <div class="item">
                    <div class="ui master inverted checkbox">
                        <input type="checkbox" name="metal">
                        <label>Metal</label>
                    </div>
                    <div class="list">
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[agricium]" 
                                                                               checked >

                                <label>Agricium</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[agricium-ore]" 
                                                                               checked >

                                <label>Agricium (Ore)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[aluminum]" 
                                                                               checked >

                                <label>Aluminum</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[aluminum-ore]" 
                                                                               checked >

                                <label>Aluminum (Ore)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[borase]" 
                                                                               checked >

                                <label>Borase</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[borase-ore]" 
                                                                               checked >

                                <label>Borase (Ore)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[copper]" 
                                                                               checked >

                                <label>Copper</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[copper-ore]" 
                                                                               checked >

                                <label>Copper (Ore)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[gold]" 
                                                                               checked >

                                <label>Gold</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[gold-ore]" 
                                                                               checked >

                                <label>Gold (Ore)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[iron]" 
                                                                               checked >

                                <label>Iron</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[titanium]" 
                                                                               checked >

                                <label>Titanium</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[titanium-ore]" 
                                                                               checked >

                                <label>Titanium (Ore)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[tungsten]" 
                                                                               checked >

                                <label>Tungsten</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[tungsten-ore]" 
                                                                               checked >

                                <label>Tungsten (Ore)</label>
                            </div>
                        </div>
                                            </div>
                </div>

            </div>
        </div>
                                <div class="ui inverted segment shipstat">
            <div class="ui relaxed inverted list">
                <div class="item">
                    <div class="ui master inverted checkbox">
                        <input type="checkbox" name="agricultural-supply">
                        <label>Agricultural Supply</label>
                    </div>
                    <div class="list">
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[agricultural_supplies]" 
                                                                               checked >

                                <label>Agricultural Supplies</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[ranta-dung]" 
                                                                               checked >

                                <label>Ranta Dung</label>
                            </div>
                        </div>
                                            </div>
                </div>

            </div>
        </div>
                                <div class="ui inverted segment shipstat">
            <div class="ui relaxed inverted list">
                <div class="item">
                    <div class="ui master inverted checkbox">
                        <input type="checkbox" name="vice">
                        <label>Vice</label>
                    </div>
                    <div class="list">
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[altruciatoxin]" 
                                                                               checked >

                                <label>Altruciatoxin</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[distilled_spirits]" 
                                                                               checked >

                                <label>Distilled Spirits</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[etam]" 
                                                                               checked >

                                <label>E&#039;tam</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[maze]" 
                                                                               checked >

                                <label>Maze</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[neon]" 
                                                                               checked >

                                <label>Neon</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[osoian-hides]" 
                                                                               checked >

                                <label>Osoian Hides</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[pollen]" 
                                                                               checked >

                                <label>Revenant Tree Pollen</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[slam]" 
                                                                               checked >

                                <label>SLAM</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[stims]" 
                                                                               checked >

                                <label>Stims</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[widow]" 
                                                                               checked >

                                <label>WiDow</label>
                            </div>
                        </div>
                                            </div>
                </div>

            </div>
        </div>
                                <div class="ui inverted segment shipstat">
            <div class="ui relaxed inverted list">
                <div class="item">
                    <div class="ui master inverted checkbox">
                        <input type="checkbox" name="natural">
                        <label>Natural</label>
                    </div>
                    <div class="list">
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[amioshi_plague]" 
                                                                               checked >

                                <label>Amioshi Plague</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[degnous-root]" 
                                                                               checked >

                                <label>Degnous Root</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[medmons]" 
                                                                               checked >

                                <label>Golden Medmons</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[heart-of-the-woods]" 
                                                                               checked >

                                <label>Heart of the Woods</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[jumping-lime]" 
                                                                               checked >

                                <label>Jumping Limes</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[pitambu]" 
                                                                               checked >

                                <label>Pitambu</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[prota]" 
                                                                               checked >

                                <label>Prota</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[revenant_pods]" 
                                                                               checked >

                                <label>Revenant Pods</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[sunset-berries]" 
                                                                               checked >

                                <label>Sunset Berries</label>
                            </div>
                        </div>
                                            </div>
                </div>

            </div>
        </div>
                                <div class="ui inverted segment shipstat">
            <div class="ui relaxed inverted list">
                <div class="item">
                    <div class="ui master inverted checkbox">
                        <input type="checkbox" name="mineral">
                        <label>Mineral</label>
                    </div>
                    <div class="list">
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[aphorite]" 
                                                                               checked >

                                <label>Aphorite</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[beryl]" 
                                                                               checked >

                                <label>Beryl</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[raw-beryl]" 
                                                                               checked >

                                <label>Beryl (Raw)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[bexalite]" 
                                                                               checked >

                                <label>Bexalite</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[raw-bexalite]" 
                                                                               checked >

                                <label>Bexalite (Raw)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[corundum]" 
                                                                               checked >

                                <label>Corundum</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[raw-corundum]" 
                                                                               checked >

                                <label>Corundum (Raw)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[diamond]" 
                                                                               checked >

                                <label>Diamond</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[raw-diamond]" 
                                                                               checked >

                                <label>Diamond (Raw)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[dolivine]" 
                                                                               checked >

                                <label>Dolivine</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[hadanite]" 
                                                                               checked >

                                <label>Hadanite</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[hephaestanite]" 
                                                                               checked >

                                <label>Hephaestanite</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[raw-hephaestanite]" 
                                                                               checked >

                                <label>Hephaestanite (Raw)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[iron-ore]" 
                                                                               checked >

                                <label>Iron (Ore)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[janalite]" 
                                                                               checked >

                                <label>Janalite</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[laranite]" 
                                                                               checked >

                                <label>Laranite</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[raw-laranite]" 
                                                                               checked >

                                <label>Laranite (Raw)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[quantanium]" 
                                                                               checked >

                                <label>Quantainium</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[raw-quantainium]" 
                                                                               checked >

                                <label>Quantainium (Raw)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[quartz]" 
                                                                               checked >

                                <label>Quartz</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[raw-quartz]" 
                                                                               checked >

                                <label>Quartz (Raw)</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[taranite]" 
                                                                               checked >

                                <label>Taranite</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[raw-taranite]" 
                                                                               checked >

                                <label>Taranite (Raw)</label>
                            </div>
                        </div>
                                            </div>
                </div>

            </div>
        </div>
                                <div class="ui inverted segment shipstat">
            <div class="ui relaxed inverted list">
                <div class="item">
                    <div class="ui master inverted checkbox">
                        <input type="checkbox" name="gas">
                        <label>Gas</label>
                    </div>
                    <div class="list">
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[astatine]" 
                                                                               checked >

                                <label>Astatine</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[chlorine]" 
                                                                               checked >

                                <label>Chlorine</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[fluorine]" 
                                                                               checked >

                                <label>Fluorine</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[helium]" 
                                                                               checked >

                                <label>Helium</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[hydrogen]" 
                                                                               checked >

                                <label>Hydrogen</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[iodine]" 
                                                                               checked >

                                <label>Iodine</label>
                            </div>
                        </div>
                                            </div>
                </div>

            </div>
        </div>
                                <div class="ui inverted segment shipstat">
            <div class="ui relaxed inverted list">
                <div class="item">
                    <div class="ui master inverted checkbox">
                        <input type="checkbox" name="consumer-goods">
                        <label>Consumer Goods</label>
                    </div>
                    <div class="list">
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[av-equipment]" 
                                                                               checked >

                                <label>Audio Visual Equipment</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[construction-materials]" 
                                                                               checked >

                                <label>Construction Materials</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[kopoin-horn]" 
                                                                               checked >

                                <label>Kopoin Horn</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[luminalia-gift]" 
                                                                               checked >

                                <label>Luminalia Gift Box</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[party-favors]" 
                                                                               checked >

                                <label>Party Favors</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[red-festival-envelope]" 
                                                                               checked >

                                <label>Red Festival Envelope</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[souvenirs]" 
                                                                               checked >

                                <label>Souvenirs</label>
                            </div>
                        </div>
                                            </div>
                </div>

            </div>
        </div>
                                <div class="ui inverted segment shipstat">
            <div class="ui relaxed inverted list">
                <div class="item">
                    <div class="ui master inverted checkbox">
                        <input type="checkbox" name="scrap">
                        <label>Scrap</label>
                    </div>
                    <div class="list">
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[compboard]" 
                                                                               checked >

                                <label>Compboard</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[scrap]" 
                                                                               checked >

                                <label>Scrap</label>
                            </div>
                        </div>
                                            </div>
                </div>

            </div>
        </div>
                                <div class="ui inverted segment shipstat">
            <div class="ui relaxed inverted list">
                <div class="item">
                    <div class="ui master inverted checkbox">
                        <input type="checkbox" name="food">
                        <label>Food</label>
                    </div>
                    <div class="list">
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[gasping-weevil-eggs]" 
                                                                               checked >

                                <label>Gasping Weevil Eggs</label>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="ui child inverted checkbox">
                                <input type="checkbox" name="commodities[processed_food]" 
                                                                               checked >

                                <label>Processed Food</label>
                            </div>
                        </div>
                                            </div>
                </div>

            </div>
        </div>
                                                                                
        <div class="ui inverted segment shipstat">
            <div class="ui relaxed inverted list">
                <div class="item">
                    <div class="list">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="item">
                            <div class="ui child inverted checked checkbox">
                                <input type="checkbox" name="commodities[inert-materials]"
                                                                               checked >

                                <label>Inert Materials</label>
                            </div>
                        </div>
                                                                                                                                                <div class="item">
                            <div class="ui child inverted checked checkbox">
                                <input type="checkbox" name="commodities[medical_supplies]"
                                                                               checked >

                                <label>Medical Supplies</label>
                            </div>
                        </div>
                                                                                                                                                <div class="item">
                            <div class="ui child inverted checked checkbox">
                                <input type="checkbox" name="commodities[rmc]"
                                                                               checked >

                                <label>Recycled Material Composite</label>
                            </div>
                        </div>
                                                                                                                                                <div class="item">
                            <div class="ui child inverted checked checkbox">
                                <input type="checkbox" name="commodities[waste]"
                                                                               checked >

                                <label>Waste</label>
                            </div>
                        </div>
                                                                                            </div>
                </div>
            </div>
        </div>
        <div class="ui inverted segment shipstat">
            <button id="clearCommodities" type="button" class="ui inverted button">Clear</button>
        </div>

    </div>
            
<div class="ui horizontal raised stackable celestialObjectFilters segments">
      
    <div class="ui inverted segment shipstat">
        <div class="ui celled relaxed list">
            <div class="item">
                <div class="ui inverted master checkbox">
                    <input type="checkbox" name="star">
                    <label>Stanton</label>
                </div>  
                <div class="list">
                                    </div>
            </div>
        </div>
    </div>
    <div class="ui inverted segment shipstat">
      <button type="button" id="clearCelestialObjects" class="ui inverted button">Clear</button>
    </div>
</div>
 

<script>
    $('.list .master.checkbox')
            .checkbox({
                // check all children
                onChecked: function () {
                    var $childCheckbox = $(this).closest('.checkbox').siblings('.list').find('.checkbox');
                    $childCheckbox.checkbox('check');
                },
                // uncheck all children
                onUnchecked: function () {
                    var $childCheckbox = $(this).closest('.checkbox').siblings('.list').find('.checkbox');
                    $childCheckbox.checkbox('uncheck');
                }
            })
            ;

    $('.list .child.checkbox')
            .checkbox({
            // Fire on load to set parent value
            fireOnInit : true,
                    // Change parent state on each child checkbox change
                    onChange   : function() {
                    var $listGroup = $(this).closest('.list'),
                            $parentCheckbox = $listGroup.closest('.item').children('.checkbox'),
                            $checkbox = $listGroup.find('.checkbox'),
                            allChecked = true,
                            allUnchecked = true
                            ;
                            // check to see if all other siblings are checked or unchecked
                            $checkbox.each(function() {
                            if ($(this).checkbox('is checked')) {
                            allUnchecked = false;
                            }
                            else {
                            allChecked = false;
                            }
                            });
                            // set parent checkbox state, but dont trigger its onChange callback
                            if (allChecked) {
                    $parentCheckbox.checkbox('set checked');
                    }
                    else if (allUnchecked) {
                    $parentCheckbox.checkbox('set unchecked');
                    }
                    else {
                    $parentCheckbox.checkbox('set indeterminate');
                    }
                }
            });
    
    

</script>            <div class="field">
                <label>Exclude Tradeports</label>
                <div class="ui fluid multiple search selection filter dropdown">
                    <input name="excludeTradeports" type="hidden" value= "">
                    <i class="dropdown icon"></i>
                    <div class="default text">Exclude Tradeports</div>
                    <div class="menu">
                                                <div class="item" data-value="94">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/star.png">
                                                            </div>
                            Pyro Gateway - Admin Office
                        </div>
                                                <div class="item" data-value="95">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/star.png">
                                                            </div>
                            Magnus Gateway - Admin Office
                        </div>
                                                <div class="item" data-value="96">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/star.png">
                                                            </div>
                            Terra Gateway - Admin Office
                        </div>
                                                <div class="item" data-value="86">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/microtech.png">
                                                            </div>
                            Outpost 54
                        </div>
                                                <div class="item" data-value="85">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/microtech.png">
                                                            </div>
                            Raven&#039;s Roost
                        </div>
                                                <div class="item" data-value="72">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/microtech.png">
                                                            </div>
                            Shubin Mining Facility SM0-13
                        </div>
                                                <div class="item" data-value="73">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/microtech.png">
                                                            </div>
                            Shubin Mining Facility SM0-22
                        </div>
                                                <div class="item" data-value="74">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/microtech.png">
                                                            </div>
                            Shubin Mining Facility SM0-18
                        </div>
                                                <div class="item" data-value="83">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/microtech.png">
                                                            </div>
                            New Babbage MT Planetary Services
                        </div>
                                                <div class="item" data-value="71">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/microtech.png">
                                                            </div>
                            Shubin Mining Facility SM0-10
                        </div>
                                                <div class="item" data-value="78">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/microtech.png">
                                                            </div>
                            Rayari Deltana Research Outpost
                        </div>
                                                <div class="item" data-value="82">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/microtech.png">
                                                            </div>
                            New Babbage TDD
                        </div>
                                                <div class="item" data-value="110">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            Picker&#039;s Field
                        </div>
                                                <div class="item" data-value="63">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            Reclamation &amp; Disposal Orinth
                        </div>
                                                <div class="item" data-value="26">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            Lorville - L19 Admin Office
                        </div>
                                                <div class="item" data-value="27">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            HDMS-Edmond
                        </div>
                                                <div class="item" data-value="2">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            HDMS-Oparei
                        </div>
                                                <div class="item" data-value="28">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            HDMS-Pinewood
                        </div>
                                                <div class="item" data-value="31">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            HDMS-Thedus
                        </div>
                                                <div class="item" data-value="57">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            Lorville - CBD
                        </div>
                                                <div class="item" data-value="8">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            HDMS-Hadley
                        </div>
                                                <div class="item" data-value="30">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            HDMS-Stanhope
                        </div>
                                                <div class="item" data-value="60">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/arccorp.png">
                                                            </div>
                            Area18 - IO North Tower
                        </div>
                                                <div class="item" data-value="48">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/arccorp.png">
                                                            </div>
                            Area18 - TDD
                        </div>
                                                <div class="item" data-value="108">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/arccorp.png">
                                                            </div>
                            Dumpers Depot Commodities Panel
                        </div>
                                                <div class="item" data-value="109">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/arccorp.png">
                                                            </div>
                            Dumpers Depot
                        </div>
                                                <div class="item" data-value="87">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/crusader.png">
                                                            </div>
                            Orison - TDD
                        </div>
                                                <div class="item" data-value="88">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/crusader.png">
                                                            </div>
                            Orison - Admin Office
                        </div>
                                                <div class="item" data-value="51">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/cellin.png">
                                                            </div>
                            Private Property
                        </div>
                                                <div class="item" data-value="6">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/cellin.png">
                                                            </div>
                            Tram &amp; Myers Mining
                        </div>
                                                <div class="item" data-value="3">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/cellin.png">
                                                            </div>
                            Gallete Family Farms
                        </div>
                                                <div class="item" data-value="5">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/cellin.png">
                                                            </div>
                            Terra Mills HydroFarm
                        </div>
                                                <div class="item" data-value="4">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/cellin.png">
                                                            </div>
                            Hickes Research
                        </div>
                                                <div class="item" data-value="50">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/daymar.png">
                                                            </div>
                            Nuen Waste Management
                        </div>
                                                <div class="item" data-value="61">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/daymar.png">
                                                            </div>
                            Brio&#039;s Breaker Yard
                        </div>
                                                <div class="item" data-value="14">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/daymar.png">
                                                            </div>
                            Shubin Mining Facility SCD-1
                        </div>
                                                <div class="item" data-value="11">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/daymar.png">
                                                            </div>
                            ArcCorp Mining 141
                        </div>
                                                <div class="item" data-value="13">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/daymar.png">
                                                            </div>
                            Kudre Ore
                        </div>
                                                <div class="item" data-value="12">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/daymar.png">
                                                            </div>
                            Bountiful Harvest Hydroponics
                        </div>
                                                <div class="item" data-value="19">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/daymar.png">
                                                            </div>
                            Jumptown
                        </div>
                                                <div class="item" data-value="49">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/yela.png">
                                                            </div>
                            NT-999-XX
                        </div>
                                                <div class="item" data-value="17">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/yela.png">
                                                            </div>
                            Benson Mining Outpost
                        </div>
                                                <div class="item" data-value="16">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/yela.png">
                                                            </div>
                            ArcCorp Mining 157
                        </div>
                                                <div class="item" data-value="18">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/yela.png">
                                                            </div>
                            Deakins Research
                        </div>
                                                <div class="item" data-value="7">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/crusader.png">
                                                            </div>
                            Port Olisar
                        </div>
                                                <div class="item" data-value="23">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/ariel.png">
                                                            </div>
                            HDMS-Bezdek
                        </div>
                                                <div class="item" data-value="24">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/ariel.png">
                                                            </div>
                            HDMS-Lathan
                        </div>
                                                <div class="item" data-value="10">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/aberdeen.png">
                                                            </div>
                            HDMS-Norgaard
                        </div>
                                                <div class="item" data-value="25">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/aberdeen.png">
                                                            </div>
                            HDMS-Anderson
                        </div>
                                                <div class="item" data-value="9">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            HDMS-Hahn
                        </div>
                                                <div class="item" data-value="1">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/hurston.png">
                                                            </div>
                            HDMS-Perlman
                        </div>
                                                <div class="item" data-value="32">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/ita.png">
                                                            </div>
                            HDMS-Woodruff
                        </div>
                                                <div class="item" data-value="29">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/ita.png">
                                                            </div>
                            HDMS-Ryder
                        </div>
                                                <div class="item" data-value="54">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/lyria.png">
                                                            </div>
                            Loveridge Mineral Reserve
                        </div>
                                                <div class="item" data-value="43">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/lyria.png">
                                                            </div>
                            Shubin Mining Facility SAL-2
                        </div>
                                                <div class="item" data-value="55">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/lyria.png">
                                                            </div>
                            Shubin Mining Facility SAL-5
                        </div>
                                                <div class="item" data-value="53">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/lyria.png">
                                                            </div>
                            Paradise Cove
                        </div>
                                                <div class="item" data-value="52">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/lyria.png">
                                                            </div>
                            The Orphanage
                        </div>
                                                <div class="item" data-value="42">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/lyria.png">
                                                            </div>
                            Humboldt Mines
                        </div>
                                                <div class="item" data-value="47">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/wala.png">
                                                            </div>
                            ArcCorp Mining Area 045
                        </div>
                                                <div class="item" data-value="46">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/wala.png">
                                                            </div>
                            ArcCorp Mining Area 048
                        </div>
                                                <div class="item" data-value="56">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/wala.png">
                                                            </div>
                            ArcCorp Mining Area 056
                        </div>
                                                <div class="item" data-value="44">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/wala.png">
                                                            </div>
                            ArcCorp Mining Area 061
                        </div>
                                                <div class="item" data-value="64">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/wala.png">
                                                            </div>
                            Samson &amp; Son&#039;s Salvage Center
                        </div>
                                                <div class="item" data-value="76">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/calliope.png">
                                                            </div>
                            Shubin Mining Facility SMCa-8
                        </div>
                                                <div class="item" data-value="75">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/calliope.png">
                                                            </div>
                            Shubin Mining Facility SMCa-6
                        </div>
                                                <div class="item" data-value="77">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/calliope.png">
                                                            </div>
                            Rayari Anvik Research Outpost
                        </div>
                                                <div class="item" data-value="79">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/calliope.png">
                                                            </div>
                            Rayari Kaltag Research Outpost
                        </div>
                                                <div class="item" data-value="81">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/clio.png">
                                                            </div>
                            Rayari McGrath Research Outpost
                        </div>
                                                <div class="item" data-value="80">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/clio.png">
                                                            </div>
                            Rayari Cantwell Research Outpost
                        </div>
                                                <div class="item" data-value="84">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/euterpe.png">
                                                            </div>
                            Bud&#039;s Growery
                        </div>
                                                <div class="item" data-value="98">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/euterpe.png">
                                                            </div>
                            Devlin Scrap &amp; Salvage
                        </div>
                                                <div class="item" data-value="20">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/yela.png">
                                                            </div>
                            GrimHex
                        </div>
                                                <div class="item" data-value="89">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            HUR-L1 Mining Kiosk
                        </div>
                                                <div class="item" data-value="35">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            R&amp;R HUR-L1
                        </div>
                                                <div class="item" data-value="65">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            CRU-L5 - Beautiful Glen Station - Hidden Terminal
                        </div>
                                                <div class="item" data-value="34">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            CRU-L5 - Beautiful Glen Station - Admin
                        </div>
                                                <div class="item" data-value="36">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            HUR-L2 - Faithful Dream Station - Admin
                        </div>
                                                <div class="item" data-value="90">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            HUR-L2 - Faithful Dream Station - Refinery
                        </div>
                                                <div class="item" data-value="37">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            HUR-L3 - Thundering Express Station - Admin
                        </div>
                                                <div class="item" data-value="38">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            HUR-L4 - Melodic Fields Station - Admin
                        </div>
                                                <div class="item" data-value="39">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            HUR-L5 - High Course Station - Admin
                        </div>
                                                <div class="item" data-value="91">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            CRU-L1 - Ambitious Dream Station - Refinery
                        </div>
                                                <div class="item" data-value="22">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            CRU-L1 - Ambitious Dream Station - Admin
                        </div>
                                                <div class="item" data-value="66">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            CRU-L4 - Shallow Fields Station - Hidden Terminal
                        </div>
                                                <div class="item" data-value="33">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            CRU-L4 - Shallow Fields Station - Admin
                        </div>
                                                <div class="item" data-value="59">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            ARC-L1 - Wide Forest Station - Admin
                        </div>
                                                <div class="item" data-value="92">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            ARC-L1 Mining Kiosk
                        </div>
                                                <div class="item" data-value="97">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            ARC-L2 - Lively Pathway Station - Admin
                        </div>
                                                <div class="item" data-value="102">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            ARC-L3 - Modern Express Station - Admin
                        </div>
                                                <div class="item" data-value="103">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            ARC-L4 - Faint Glen Station - Admin
                        </div>
                                                <div class="item" data-value="104">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            ARC-L5 - Yellow Core Station - Admin
                        </div>
                                                <div class="item" data-value="67">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            MIC-L1 - Shallow Frontier Station - Admin
                        </div>
                                                <div class="item" data-value="93">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            MIC-L1 - Shallow Frontier Station - Mining Kiosk
                        </div>
                                                <div class="item" data-value="70">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            Everus Harbor
                        </div>
                                                <div class="item" data-value="69">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            Baijini Point
                        </div>
                                                <div class="item" data-value="68">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            Port Tressler
                        </div>
                                                <div class="item" data-value="99">
                            <div class="ui avatar image">
                                                            </div>
                            MIC-L2 - Long Forest Station - Admin
                        </div>
                                                <div class="item" data-value="101">
                            <div class="ui avatar image">
                                                            </div>
                            MIC-L3 - Endless Odyssey Station - Admin
                        </div>
                                                <div class="item" data-value="100">
                            <div class="ui avatar image">
                                                                    <img class="ui mini avatar image" src="/images/objects/comm.png">
                                                            </div>
                            MIC-L5 - Modern Icarus Station - Admin
                        </div>
                                            </div>
                </div>
            </div>

            <div class="ui three fields">
                <div class="field">
                    <button id="resetFilters" class="ui red button" type="button" name="resetFilters">Reset Filters</button>
                    <button id="applyFilters" class="ui orange button" type="button">Apply</button>
                </div>
            </div>    
        </div>

    </div>
</div></form>

<script>
 $('.ui.accordion')
     .accordion()
 ;

$('#sfilter').dropdown({
  action: 'nothing'
});


$('.select-portstart')
  .dropdown({
    clearable: true
  })
;

$('.select-portend')
  .dropdown({
    clearable: true
  })
;


 $('#clearSource').on('click', function() {
     $('.select-portstart').dropdown('clear');  
 });

 $('#clearDestination').on('click', function() {
     $('.select-portend').dropdown('clear');  
 });
 
 
 
 $('.select-maxjumps').on('click', function() {
     
    var maxjumps = $('.select-maxjumps').dropdown('get value');
    if(maxjumps > 1) {
          $('.select-portend').hide();
    } else {
        $('.select-portend').show();
    }
 });

    
 $('#routeSwap').on('click', function() {
     
     var portstart = $('.select-portstart').dropdown('get value');
     var portend = $('.select-portend').dropdown('get value');
     $('.select-portend').dropdown('clear');  
     $('.select-portstart').dropdown('clear');  
     $('.select-portend').dropdown('set selected', portstart);    
     $('.select-portstart').dropdown('set selected', portend);    
 });



$('#clearCommodities').on('click', function() {
    $('.commodityFilters .list .master.checkbox').checkbox('uncheck');
    $('.commodityFilters .list .child.checkbox').checkbox('uncheck');
 });
 

$('#clearCelestialObjects').on('click', function() {
    $('.celestialObjectFilters .list .master.checkbox').checkbox('uncheck');
    $('.celestialObjectFilters .list .child.checkbox').checkbox('uncheck');
 });
 

$('#resetFilters').on('click', function() {
    $('.filter').dropdown('clear');
        $('form').submit();
 });
 
 
 
$('#applyFilters').on('click', function() {
     $('form').submit();
 });
 </script>
<div class="ui link three stackable cards"><div class="ui card ship">
    <div class="content">
         <div class="ui inverted description">
            <div class="ui grid">
                <div class="eight wide column">
                    <strong>ArcCorp Mining 141</strong><br />
                    Stanton >
                    Daymar
                </div>
                <div class="eight wide  column">
                    <strong>Area 18</strong><br />
                    Stanton >
                    ArcCorp
                </div>
            </div>
        </div>
        <div class="ui hidden divider"></div>
            <a href="/commodities/metal/agricium/" class="ui large blue image label">
                <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0 SCU</div>
            </a>
    </div>
    <div class="content">
        Time: 0
        Distance: 42302809969.326
    </div>
    <div class="extra content">
        <div class="ui two column grid">
            <div class="column">
                <div data-tooltip="Total Cost: 0 Total Return: 0" 
                     data-inverted="" 
                     class="ui text"><span class="ui orange text" id="aunit">0</span> 
                      Units @ <span class="ui green text">2.71</span> Profit
                </div>
                <div class="ui tiny black button reinvest"  
                     data-source="arccorp-mining-141" 
                     data-destination="area18" 
                     data-total="0">Reinvest</div>
            </div>
            <div class="column"></div> 
        </div>
        <div class="ui bottom right attached black label">

            <div class="ui inverted tiny green statistic">
                <div id="total_0" class="value">
                    0.00
                </div>
                <div class="label">
                    Total Profit
                </div>
            </div>
        </div>
        <div class="ui flowing popup top left transition hidden">
            <div class="ui three column divided center aligned grid">
                <div class="column">
                    <h4 class="ui header">Basic Plan</h4>
                    <p><b>2</b> projects, $10 a month</p>
                    <div class="ui button">Choose</div>
                </div>

            </div>
        </div>
    </div>
    <input type="hidden" id="abuy0" value="24.79">
    <input type="hidden" id="aprofit0" value="2.71">
</div><div class="ui card ship">
    <div class="content">
         <div class="ui inverted description">
            <div class="ui grid">
                <div class="eight wide column">
                    <strong>ArcCorp Mining 141</strong><br />
                    Stanton >
                    Daymar
                </div>
                <div class="eight wide  column">
                    <strong>Lorville - CBD</strong><br />
                    Stanton >
                    Hurston
                </div>
            </div>
        </div>
        <div class="ui hidden divider"></div>
            <a href="/commodities/metal/agricium/" class="ui large blue image label">
                <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0 SCU</div>
            </a>
    </div>
    <div class="content">
        Time: 0
        Distance: 31888180185.828
    </div>
    <div class="extra content">
        <div class="ui two column grid">
            <div class="column">
                <div data-tooltip="Total Cost: 0 Total Return: 0" 
                     data-inverted="" 
                     class="ui text"><span class="ui orange text" id="aunit">0</span> 
                      Units @ <span class="ui green text">2.7</span> Profit
                </div>
                <div class="ui tiny black button reinvest"  
                     data-source="arccorp-mining-141" 
                     data-destination="lorville-cbd" 
                     data-total="0">Reinvest</div>
            </div>
            <div class="column"></div> 
        </div>
        <div class="ui bottom right attached black label">

            <div class="ui inverted tiny green statistic">
                <div id="total_0" class="value">
                    0.00
                </div>
                <div class="label">
                    Total Profit
                </div>
            </div>
        </div>
        <div class="ui flowing popup top left transition hidden">
            <div class="ui three column divided center aligned grid">
                <div class="column">
                    <h4 class="ui header">Basic Plan</h4>
                    <p><b>2</b> projects, $10 a month</p>
                    <div class="ui button">Choose</div>
                </div>

            </div>
        </div>
    </div>
    <input type="hidden" id="abuy0" value="24.79">
    <input type="hidden" id="aprofit0" value="2.7">
</div><div class="ui card ship">
    <div class="content">
         <div class="ui inverted description">
            <div class="ui grid">
                <div class="eight wide column">
                    <strong>ArcCorp Mining 141</strong><br />
                    Stanton >
                    Daymar
                </div>
                <div class="eight wide  column">
                    <strong>New Babbage TDD</strong><br />
                    Stanton >
                    microTech
                </div>
            </div>
        </div>
        <div class="ui hidden divider"></div>
            <a href="/commodities/metal/agricium/" class="ui large blue image label">
                <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0 SCU</div>
            </a>
    </div>
    <div class="content">
        Time: 0
        Distance: 57419919363.659
    </div>
    <div class="extra content">
        <div class="ui two column grid">
            <div class="column">
                <div data-tooltip="Total Cost: 0 Total Return: 0" 
                     data-inverted="" 
                     class="ui text"><span class="ui orange text" id="aunit">0</span> 
                      Units @ <span class="ui green text">2.71</span> Profit
                </div>
                <div class="ui tiny black button reinvest"  
                     data-source="arccorp-mining-141" 
                     data-destination="new-babbage-tdd" 
                     data-total="0">Reinvest</div>
            </div>
            <div class="column"></div> 
        </div>
        <div class="ui bottom right attached black label">

            <div class="ui inverted tiny green statistic">
                <div id="total_0" class="value">
                    0.00
                </div>
                <div class="label">
                    Total Profit
                </div>
            </div>
        </div>
        <div class="ui flowing popup top left transition hidden">
            <div class="ui three column divided center aligned grid">
                <div class="column">
                    <h4 class="ui header">Basic Plan</h4>
                    <p><b>2</b> projects, $10 a month</p>
                    <div class="ui button">Choose</div>
                </div>

            </div>
        </div>
    </div>
    <input type="hidden" id="abuy0" value="24.79">
    <input type="hidden" id="aprofit0" value="2.71">
</div></div>
<table id="routeResults" class="ui small inverted  sortable table" style="width:100%">
    <thead>
        <tr>
            <th>Origin</th>
            <th>Destination</th>
            <th>Commodities [SCU]</th>
            <th>Buy</th>
            <th>Sell</th>
            <th><i class="time icon"></i></th>
            <th>Profit</th>
            <th>Margin</th>
            <th>Cost</th>
            <th>Return</th>
            <th>QT Distance</th>
            <th class="default-sort">Total</th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
            <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/arccorp-mining-141">ArcCorp Mining 141</a>
                        <div class="sub header">Daymar</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/area18">Area 18</a>
                        <div class="sub header">ArcCorp</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.79</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>2.71</td>
        <td>10%</td>
        <td>0</td>
        <td>0</td>
        <td>42302809969.326 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="arccorp-mining-141" 
                 data-destination="area18" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/arccorp-mining-141">ArcCorp Mining 141</a>
                        <div class="sub header">Daymar</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville-cbd">Lorville - CBD</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.79</td>
  
    
        <td>27.49</td>

        <td><span style="display:none"></span>
             </td>
        <td>2.7</td>
        <td>10%</td>
        <td>0</td>
        <td>0</td>
        <td>31888180185.828 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="arccorp-mining-141" 
                 data-destination="lorville-cbd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/arccorp-mining-141">ArcCorp Mining 141</a>
                        <div class="sub header">Daymar</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/new-babbage-tdd">New Babbage TDD</a>
                        <div class="sub header">microTech</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.79</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>2.71</td>
        <td>10%</td>
        <td>0</td>
        <td>0</td>
        <td>57419919363.659 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="arccorp-mining-141" 
                 data-destination="new-babbage-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/arccorp-mining-141">ArcCorp Mining 141</a>
                        <div class="sub header">Daymar</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/orison-tdd">Orison - TDD</a>
                        <div class="sub header">Crusader</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.79</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>2.71</td>
        <td>10%</td>
        <td>0</td>
        <td>0</td>
        <td>63280794.595223 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="arccorp-mining-141" 
                 data-destination="orison-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/kudre-ore">Kudre Ore</a>
                        <div class="sub header">Daymar</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/area18">Area 18</a>
                        <div class="sub header">ArcCorp</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.18</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.32</td>
        <td>12%</td>
        <td>0</td>
        <td>0</td>
        <td>42302809969.326 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="kudre-ore" 
                 data-destination="area18" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/kudre-ore">Kudre Ore</a>
                        <div class="sub header">Daymar</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville-cbd">Lorville - CBD</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.18</td>
  
    
        <td>27.49</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.31</td>
        <td>12%</td>
        <td>0</td>
        <td>0</td>
        <td>31888180185.828 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="kudre-ore" 
                 data-destination="lorville-cbd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/kudre-ore">Kudre Ore</a>
                        <div class="sub header">Daymar</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/new-babbage-tdd">New Babbage TDD</a>
                        <div class="sub header">microTech</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.18</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.32</td>
        <td>12%</td>
        <td>0</td>
        <td>0</td>
        <td>57419919363.659 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="kudre-ore" 
                 data-destination="new-babbage-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/kudre-ore">Kudre Ore</a>
                        <div class="sub header">Daymar</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/orison-tdd">Orison - TDD</a>
                        <div class="sub header">Crusader</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.18</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.32</td>
        <td>12%</td>
        <td>0</td>
        <td>0</td>
        <td>63280794.595223 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="kudre-ore" 
                 data-destination="orison-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/shubin-mining-sal2">Shubin Mining Facility SAL-2</a>
                        <div class="sub header">Lyria</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/area18">Area 18</a>
                        <div class="sub header">ArcCorp</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>23.76</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.74</td>
        <td>14%</td>
        <td>0</td>
        <td>0</td>
        <td>119679454.24206 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="shubin-mining-sal2" 
                 data-destination="area18" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/shubin-mining-sal2">Shubin Mining Facility SAL-2</a>
                        <div class="sub header">Lyria</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville-cbd">Lorville - CBD</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>23.76</td>
  
    
        <td>27.49</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.73</td>
        <td>14%</td>
        <td>0</td>
        <td>0</td>
        <td>22883214859.417 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="shubin-mining-sal2" 
                 data-destination="lorville-cbd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/shubin-mining-sal2">Shubin Mining Facility SAL-2</a>
                        <div class="sub header">Lyria</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/new-babbage-tdd">New Babbage TDD</a>
                        <div class="sub header">microTech</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>23.76</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.74</td>
        <td>14%</td>
        <td>0</td>
        <td>0</td>
        <td>59426582596.668 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="shubin-mining-sal2" 
                 data-destination="new-babbage-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/shubin-mining-sal2">Shubin Mining Facility SAL-2</a>
                        <div class="sub header">Lyria</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/orison-tdd">Orison - TDD</a>
                        <div class="sub header">Crusader</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>23.76</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.74</td>
        <td>14%</td>
        <td>0</td>
        <td>0</td>
        <td>42394535434.633 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="shubin-mining-sal2" 
                 data-destination="orison-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/smca-8">Shubin Mining Facility SMCa-8</a>
                        <div class="sub header">Calliope</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/area18">Area 18</a>
                        <div class="sub header">ArcCorp</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.81</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>2.69</td>
        <td>10%</td>
        <td>0</td>
        <td>0</td>
        <td>59443325390.684 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="smca-8" 
                 data-destination="area18" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/smca-8">Shubin Mining Facility SMCa-8</a>
                        <div class="sub header">Calliope</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville-cbd">Lorville - CBD</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.81</td>
  
    
        <td>27.49</td>

        <td><span style="display:none"></span>
             </td>
        <td>2.68</td>
        <td>10%</td>
        <td>0</td>
        <td>0</td>
        <td>38375537203.745 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="smca-8" 
                 data-destination="lorville-cbd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/smca-8">Shubin Mining Facility SMCa-8</a>
                        <div class="sub header">Calliope</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/new-babbage-tdd">New Babbage TDD</a>
                        <div class="sub header">microTech</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.81</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>2.69</td>
        <td>10%</td>
        <td>0</td>
        <td>0</td>
        <td>65819493.147642 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="smca-8" 
                 data-destination="new-babbage-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/smca-8">Shubin Mining Facility SMCa-8</a>
                        <div class="sub header">Calliope</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/orison-tdd">Orison - TDD</a>
                        <div class="sub header">Crusader</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>24.81</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>2.69</td>
        <td>10%</td>
        <td>0</td>
        <td>0</td>
        <td>57423221669.477 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="smca-8" 
                 data-destination="orison-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/rayari-cantwell-research-outpost">Rayari Cantwell Research Outpost</a>
                        <div class="sub header">Clio</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/area18">Area 18</a>
                        <div class="sub header">ArcCorp</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>23.76</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.74</td>
        <td>14%</td>
        <td>0</td>
        <td>0</td>
        <td>59370746119.829 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="rayari-cantwell-research-outpost" 
                 data-destination="area18" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/rayari-cantwell-research-outpost">Rayari Cantwell Research Outpost</a>
                        <div class="sub header">Clio</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville-cbd">Lorville - CBD</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>23.76</td>
  
    
        <td>27.49</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.73</td>
        <td>14%</td>
        <td>0</td>
        <td>0</td>
        <td>38319777534.162 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="rayari-cantwell-research-outpost" 
                 data-destination="lorville-cbd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/rayari-cantwell-research-outpost">Rayari Cantwell Research Outpost</a>
                        <div class="sub header">Clio</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/new-babbage-tdd">New Babbage TDD</a>
                        <div class="sub header">microTech</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>23.76</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.74</td>
        <td>14%</td>
        <td>0</td>
        <td>0</td>
        <td>95738814.246937 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="rayari-cantwell-research-outpost" 
                 data-destination="new-babbage-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/rayari-cantwell-research-outpost">Rayari Cantwell Research Outpost</a>
                        <div class="sub header">Clio</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/orison-tdd">Orison - TDD</a>
                        <div class="sub header">Crusader</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>23.76</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>3.74</td>
        <td>14%</td>
        <td>0</td>
        <td>0</td>
        <td>57425784608.041 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="rayari-cantwell-research-outpost" 
                 data-destination="orison-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/pickers-field">Picker&#039;s Field</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/area18">Area 18</a>
                        <div class="sub header">ArcCorp</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>22</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>5.5</td>
        <td>20%</td>
        <td>0</td>
        <td>0</td>
        <td>22883133190.305 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="pickers-field" 
                 data-destination="area18" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/pickers-field">Picker&#039;s Field</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville-cbd">Lorville - CBD</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>22</td>
  
    
        <td>27.49</td>

        <td><span style="display:none"></span>
             </td>
        <td>5.49</td>
        <td>20%</td>
        <td>0</td>
        <td>0</td>
        <td>0 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="pickers-field" 
                 data-destination="lorville-cbd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/pickers-field">Picker&#039;s Field</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/new-babbage-tdd">New Babbage TDD</a>
                        <div class="sub header">microTech</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>22</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>5.5</td>
        <td>20%</td>
        <td>0</td>
        <td>0</td>
        <td>38407667826.374 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="pickers-field" 
                 data-destination="new-babbage-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/pickers-field">Picker&#039;s Field</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/orison-tdd">Orison - TDD</a>
                        <div class="sub header">Crusader</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/agricium/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Agricium
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>22</td>
  
    
        <td>27.5</td>

        <td><span style="display:none"></span>
             </td>
        <td>5.5</td>
        <td>20%</td>
        <td>0</td>
        <td>0</td>
        <td>31924242600.691 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="pickers-field" 
                 data-destination="orison-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-perlman">HDMS-Perlman</a>
                        <div class="sub header">Magda</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville">Lorville - L19</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.1</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.2</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>97240003.585284 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-perlman" 
                 data-destination="lorville" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-perlman">HDMS-Perlman</a>
                        <div class="sub header">Magda</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-thedus">HDMS Thedus</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.1</td>
  
    
        <td>1.11</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.01</td>
        <td>1%</td>
        <td>0</td>
        <td>0</td>
        <td>97240003.585284 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-perlman" 
                 data-destination="hdms-thedus" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-perlman">HDMS-Perlman</a>
                        <div class="sub header">Magda</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/area18">Area 18</a>
                        <div class="sub header">ArcCorp</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.1</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.2</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>22823831702.936 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-perlman" 
                 data-destination="area18" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-perlman">HDMS-Perlman</a>
                        <div class="sub header">Magda</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville-cbd">Lorville - CBD</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.1</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.2</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>97240003.585284 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-perlman" 
                 data-destination="lorville-cbd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-perlman">HDMS-Perlman</a>
                        <div class="sub header">Magda</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/cru-l5-hidden">CRU-L5 - Hidden Console</a>
                        <div class="sub header">CRU-L5</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.1</td>
  
    
        <td>0.22</td>

        <td><span style="display:none"></span>
             </td>
        <td>-0.88</td>
        <td>-400%</td>
        <td>0</td>
        <td>0</td>
        <td>28882320364.11 </td>
        <td  data-sort-value="-0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-perlman" 
                 data-destination="cru-l5-hidden" 
                 data-total="-0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-perlman">HDMS-Perlman</a>
                        <div class="sub header">Magda</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/cru-l4-hidden">CRU-L4 - Shallow Fields Station - Hidden Terminal</a>
                        <div class="sub header">CRU-L4</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.1</td>
  
    
        <td>0.22</td>

        <td><span style="display:none"></span>
             </td>
        <td>-0.88</td>
        <td>-400%</td>
        <td>0</td>
        <td>0</td>
        <td>26665688978.838 </td>
        <td  data-sort-value="-0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-perlman" 
                 data-destination="cru-l4-hidden" 
                 data-total="-0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-perlman">HDMS-Perlman</a>
                        <div class="sub header">Magda</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/new-babbage-tdd">New Babbage TDD</a>
                        <div class="sub header">microTech</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.1</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.2</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>38496988218.481 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-perlman" 
                 data-destination="new-babbage-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-perlman">HDMS-Perlman</a>
                        <div class="sub header">Magda</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/orison-tdd">Orison - TDD</a>
                        <div class="sub header">Crusader</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.1</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.2</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>31858511930.423 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-perlman" 
                 data-destination="orison-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-oparei">HDMS-Oparei</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville">Lorville - L19</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>0 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-oparei" 
                 data-destination="lorville" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-oparei">HDMS-Oparei</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-thedus">HDMS Thedus</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.11</td>

        <td><span style="display:none"></span>
             </td>
        <td>0</td>
        <td>0%</td>
        <td>0</td>
        <td>0</td>
        <td>0 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-oparei" 
                 data-destination="hdms-thedus" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-oparei">HDMS-Oparei</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/area18">Area 18</a>
                        <div class="sub header">ArcCorp</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>22883133190.305 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-oparei" 
                 data-destination="area18" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-oparei">HDMS-Oparei</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville-cbd">Lorville - CBD</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>0 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-oparei" 
                 data-destination="lorville-cbd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-oparei">HDMS-Oparei</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/cru-l5-hidden">CRU-L5 - Hidden Console</a>
                        <div class="sub header">CRU-L5</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>0.22</td>

        <td><span style="display:none"></span>
             </td>
        <td>-0.89</td>
        <td>-405%</td>
        <td>0</td>
        <td>0</td>
        <td>28892865780.799 </td>
        <td  data-sort-value="-0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-oparei" 
                 data-destination="cru-l5-hidden" 
                 data-total="-0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-oparei">HDMS-Oparei</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/cru-l4-hidden">CRU-L4 - Shallow Fields Station - Hidden Terminal</a>
                        <div class="sub header">CRU-L4</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>0.22</td>

        <td><span style="display:none"></span>
             </td>
        <td>-0.89</td>
        <td>-405%</td>
        <td>0</td>
        <td>0</td>
        <td>26761253198.041 </td>
        <td  data-sort-value="-0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-oparei" 
                 data-destination="cru-l4-hidden" 
                 data-total="-0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-oparei">HDMS-Oparei</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/new-babbage-tdd">New Babbage TDD</a>
                        <div class="sub header">microTech</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>38407667826.374 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-oparei" 
                 data-destination="new-babbage-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-oparei">HDMS-Oparei</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/orison-tdd">Orison - TDD</a>
                        <div class="sub header">Crusader</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>31924242600.691 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-oparei" 
                 data-destination="orison-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/tram-myers-mining">Tram &amp; Myers Mining</a>
                        <div class="sub header">Cellin</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville">Lorville - L19</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>31953290284.224 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="tram-myers-mining" 
                 data-destination="lorville" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/tram-myers-mining">Tram &amp; Myers Mining</a>
                        <div class="sub header">Cellin</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-thedus">HDMS Thedus</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.11</td>

        <td><span style="display:none"></span>
             </td>
        <td>0</td>
        <td>0%</td>
        <td>0</td>
        <td>0</td>
        <td>31953290284.224 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="tram-myers-mining" 
                 data-destination="hdms-thedus" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/tram-myers-mining">Tram &amp; Myers Mining</a>
                        <div class="sub header">Cellin</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/area18">Area 18</a>
                        <div class="sub header">ArcCorp</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>42307915801.974 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="tram-myers-mining" 
                 data-destination="area18" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/tram-myers-mining">Tram &amp; Myers Mining</a>
                        <div class="sub header">Cellin</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville-cbd">Lorville - CBD</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>31953290284.224 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="tram-myers-mining" 
                 data-destination="lorville-cbd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/tram-myers-mining">Tram &amp; Myers Mining</a>
                        <div class="sub header">Cellin</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/cru-l5-hidden">CRU-L5 - Hidden Console</a>
                        <div class="sub header">CRU-L5</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>0.22</td>

        <td><span style="display:none"></span>
             </td>
        <td>-0.89</td>
        <td>-405%</td>
        <td>0</td>
        <td>0</td>
        <td>19198898849.58 </td>
        <td  data-sort-value="-0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="tram-myers-mining" 
                 data-destination="cru-l5-hidden" 
                 data-total="-0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/tram-myers-mining">Tram &amp; Myers Mining</a>
                        <div class="sub header">Cellin</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/cru-l4-hidden">CRU-L4 - Shallow Fields Station - Hidden Terminal</a>
                        <div class="sub header">CRU-L4</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>0.22</td>

        <td><span style="display:none"></span>
             </td>
        <td>-0.89</td>
        <td>-405%</td>
        <td>0</td>
        <td>0</td>
        <td>19129528455.916 </td>
        <td  data-sort-value="-0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="tram-myers-mining" 
                 data-destination="cru-l4-hidden" 
                 data-total="-0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/tram-myers-mining">Tram &amp; Myers Mining</a>
                        <div class="sub header">Cellin</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/new-babbage-tdd">New Babbage TDD</a>
                        <div class="sub header">microTech</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>57529581264.828 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="tram-myers-mining" 
                 data-destination="new-babbage-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/tram-myers-mining">Tram &amp; Myers Mining</a>
                        <div class="sub header">Cellin</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/orison-tdd">Orison - TDD</a>
                        <div class="sub header">Crusader</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>50864001.109422 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="tram-myers-mining" 
                 data-destination="orison-tdd" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-hadley">HDMS-Hadley</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/lorville">Lorville - L19</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.3</td>

        <td><span style="display:none"></span>
             </td>
        <td>0.19</td>
        <td>15%</td>
        <td>0</td>
        <td>0</td>
        <td>0 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-hadley" 
                 data-destination="lorville" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
           <tr>
            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-hadley">HDMS-Hadley</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>

            <td>
                <h4 class="ui inverted header">
                    <div class="content">
                        <a href="/tradeports/hdms-thedus">HDMS Thedus</a>
                        <div class="sub header">Hurston</div>
                    </div>
                </h4>
            </td>
            
            <td>
                 <a href="/commodities/metal/aluminum/" class="ui blue image label">
                    <img src="/images/svg/metal.svg">
                    Aluminum
                    <div class="detail">0</div>
                </a>
            </td>
      
        <td>1.11</td>
  
    
        <td>1.11</td>

        <td><span style="display:none"></span>
             </td>
        <td>0</td>
        <td>0%</td>
        <td>0</td>
        <td>0</td>
        <td>0 </td>
        <td  data-sort-value="0" class="positive">
             0.00 
        </td>

        <td><div class="ui tiny grey basic button reinvest " 
                 data-content="Reinvest" 
                 data-source="hdms-hadley" 
                 data-destination="hdms-thedus" 
                 data-total="0">
                <img src="/images/svg/reinvest.svg" class="ui avatar image">
            </div>
        
        </td>
        <td><a class="ui white text" href="">
                <i class="white route icon"></i></a>
        </td>
     </tr>
          </tbody>
</table>


<script>
$(function () {
    
  /*  
  $('table.sortable').tablesort(); 												// Make the table sortable.
    var tablesort = $('table').data('tablesort');
    tablesort.sort($("th.default-sort"));
    tablesort.sort($("th.default-sort"));
   */
$('#routeResults').DataTable(
    {
        responsive: true,
        columnDefs: [{
            "targets": 10,
            "data": "distance",
            "render": function ( data, type, row, meta ) {
                if ( type === 'display' || type === 'filter' ) {
                    let distance = Math.round(data / 100) / 10;
                    if(distance == 0) {
                        distance = 'spline';
                    }
                    return '<div class="label">'+distance+'</div>';
                }
                return data;
            }
        }
        ]
                    
    });
     

$('.profit.text').popup();
    $('.cost.text').popup();  
    $('.return.text').popup();    
});




</script>
    </div><div class="ui basic search modal">
    <div class="ui header">
        <i class="search icon"></i>Search
    </div>
    <div class="scrolling content">
        <form class="ui inverted form">
            <input class="ui inverted input focus" id="query" type="text" name="s">
            <button id="search" class="ui black button">Search</button>
        </form>
        <div class="ui two cards" id="info"></div>
    </div>

    <div class="actions">
        <div class="ui red basic cancel inverted button">
            <i class="remove icon"></i>
            Close
        </div>
        <div class="ui green ok inverted button">
            <i class="checkmark icon"></i>
            Ok
        </div>
    </div>
</div>

<script>
    $("#searchOverlayButton").click(function () {
        $('.ui.basic.search.modal').modal('show');
    });

    function searchGallog(query) {
        query = query.toLowerCase();
        $.ajax({
            url: '/live/search',
            data: {
                s: query,
                format: 'json'
            },
            error: function () {
                // $('#info').html('<p>An error has occurred</p>');
            },
            dataType: 'json',
            success: function (data) {
                showResults(data);

                var $title = $('<h1>').text(data.ship[0].name);
                var $description = $('<p>').text(data.ship[0].name);
                $('#info')
                //   .append($title)
                //    .append($description);
            },
            type: 'GET'
        });

    }

    function getCommodityStats(uri) {
        $.ajax({
            url: '/live/search/commodities/' + uri,
            data: { format: 'json' },
            error: function () {
                // $('#info').html('<p>An error has occurred</p>');
            },
            dataType: 'json',
            success: function (data) {
                var stats = "";
                $.each(data.buyLocations, function (id, commodity) {
                    stats += commodity.tradeport + " ";
                });
                return stats;
            },
            type: 'GET'
        });

    }

    function showResults(data) {
        $('#info').html('');
        $.each(data, function (type, objects) {
            switch (type) {
                case 'ship':
                    $.each(objects, function (id, ship) {
                        $('#info').append('<a class="ui card ship" href="/ships/' + ship.slug + '">' +
                            '<div class="content"><div class="header">' + ship.name + '</div></div>' +
                            '<div class="image"><img class="ui image" src="/images/ships/' + ship.image + '"></div></a>');
                    });
                    break;

                case 'commodity':
                    $.each(objects, function (id, commodity) {
                        stats = getCommodityStats(commodity.slug);
                        console.log(stats);
                        $('#info')
                            .append('<a class="ui card ship" href="/commodities/' + commodity.typeSlug + '/' + commodity.slug + '"><div class="content"><div class="header">' + commodity.name + '</div>' + stats + '</div></div></a>')
                        //.append('<img class="ui image" src="/images/ships/' + ship.img + '">');
                    });
                    break;

                case 'tradeport':
                    $.each(objects, function (id, tradeport) {
                        $('#info').append('<a class="ui card ship" href="/tradeports/' + tradeport.slug +
                            '"><div class="content"><div class="header">' + tradeport.name +
                            '</div></div><img class="ui image" src="' + tradeport.image + '"></a>');

                    });
                    break;

                case 'item':
                    $.each(objects, function (id, item) {
                        $('#info').append('<a class="ui card ship" href="/items/' + item.typeSlug +
                            '/' + item.slug + '"><div class="content"><div class="header">' +
                            item.name + '</div></div></div></a>')
                        //.append('<img class="ui image" src="/images/ships/' + ship.img + '">');
                    });
                    break;

            }
        });
    }

    var query = $('#query').val();
    query = query.toLowerCase();

    $('#query').keyup(function () {
        query = $('#query').val();
        if (query.length > 2) {
            searchGallog(query);
        }
    });

    $('#search').click(function () {
        query = $('#query').val();
        $.ajax({
            url: '/live/search',
            data: {
                s: query,
                format: 'json'
            },
            error: function () {
                // $('#info').html('<p>An error has occurred</p>');
            },
            dataType: 'json',
            success: function (data) {
                showResults(data);

                var $title = $('<h1>').text(data.ship[0].name);
                var $description = $('<p>').text(data.ship[0].name);

                //  $('#info')
                //   .append($title)
                //   .append($description);

            },
            type: 'GET'
        });
    });
</script><script type="text/javascript">
    $(document).ready(function () {

        const slugify = text =>
            text
                .toString()
                .normalize('NFD')
                .replace(/[\u0300-\u036f]/g, '')
                .toLowerCase()
                .trim()
                .replace(/\s+/g, '-')
                .replace(/[^\w-]+/g, '')
                .replace(/--+/g, '-')


        $('#sideOpen').click(function () {
            $('.ui.sidebar').sidebar('setting', 'transition', 'overlay')
            $('.ui.sidebar').sidebar('toggle');
        
          ;
        });


      

        $('#loginOpen').click(function () {
            
            $('#login').modal('show');
        });

        $('#loginOpenMobile').click(function () {
            $('.ui.sidebar').sidebar('hide');
            $('#login').modal('show');
            
        });
        
        $('.message .close').on('click', function () {
            $(this).closest('.message')
                .transition('fade');
        });

        $('.ui.dropdown').dropdown({
            fullTextSearch: 'exact',
            on: 'hover'
        });

        //     $('.ui.checkbox').checkbox();
    });
</script>
    <div class="ui transparent inverted black segment">
        <div class="ui stackable basic  grid">
            <div class="two column">
                <a href="https://robertsspaceindustries.com/orgs/GALLOG/"  target="_blank">
                    <img class="ui footer image" src="/images/rsi.png">
                </a>
            </div>
            <div class="three wide column">
                <div class="ui two columns grid">
                    <div class="column">
                        <a href="https://discord.gg/8be5uBW"  target="_blank">
                            <img class="ui footer image" src="/images/discord.png">
                        </a>
                    </div>
                    <div class="column">
                        <a href="https://www.patreon.com/raveir"  target="_blank">
                            <img class="ui footer image" src="/images/patreon.png">
                        </a>
                    </div>
                </div>
            </div>
            <div class="one column">
                <div class="ui inverted items">
                    <div class="item">
                        <div class="content">
                            <a class="ui inverted small header" href="/privacy">Privacy</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ten wide column">
                <a class="ui inverted header"  target="_blank"  href="https://discordapp.com/oauth2/authorize?client_id=257221115183759361&scope=bot">Add our Bot to your Discord</a>
            </div>
        </div>
    </div>

   </div>


<script type="text/javascript">
    $(document).ready(function () {

        const slugify = text =>
            text
                .toString()
                .normalize('NFD')
                .replace(/[\u0300-\u036f]/g, '')
                .toLowerCase()
                .trim()
                .replace(/\s+/g, '-')
                .replace(/[^\w-]+/g, '')
                .replace(/--+/g, '-')


        $('#sideOpen').click(function () {
            $('.ui.sidebar').sidebar('setting', 'transition', 'overlay')
            $('.ui.sidebar').sidebar('toggle');
        
          ;
        });


      

        $('#loginOpen').click(function () {
            
            $('#login').modal('show');
        });

        $('#loginOpenMobile').click(function () {
            $('.ui.sidebar').sidebar('hide');
            $('#login').modal('show');
            
        });
        
        $('.message .close').on('click', function () {
            $(this).closest('.message')
                .transition('fade');
        });

        $('.ui.dropdown').dropdown({
            fullTextSearch: 'exact',
            on: 'hover'
        });

        //     $('.ui.checkbox').checkbox();
    });
</script></body>
</html>