1<div class="line"> 2 <div class="title color-fg-blue">blue</div> 3 <div class="title color-fg-green color-bg-blue">green</div> 4 <div class="title color-fg-red color-bg-green">red</div> 5 <div class="title color-fg-yellow color-bg-red">yellow</div> 6 <div class="title color-bg-yellow">default</div> 7</div> 8<div class="line"> 9 <div class="data effect-bold" data-tag="data" data-xpath="/top/data/data">bold</div> 10 <div class="text effect-bold"> </div> 11 <div class="data effect-bold effect-underline" data-tag="data" data-xpath="/top/data/data">bold-ul</div> 12 <div class="text effect-bold effect-underline"> </div> 13 <div class="data effect-bold effect-underline effect-inverse color-fg-inverse color-bg-inverse" data-tag="data" data-xpath="/top/data/data">triple</div> 14 <div class="text effect-bold effect-underline effect-inverse color-fg-inverse color-bg-inverse"> </div> 15 <div class="data effect-underline effect-inverse color-fg-inverse color-bg-inverse" data-tag="data" data-xpath="/top/data/data">inv-ul</div> 16 <div class="text effect-underline effect-inverse color-fg-inverse color-bg-inverse"> </div> 17 <div class="data effect-underline" data-tag="data" data-xpath="/top/data/data">underline</div> 18 <div class="text effect-underline"> </div> 19 <div class="data" data-tag="data" data-xpath="/top/data/data">plain</div> 20</div> 21<div class="line"> 22 <div class="title">Item </div> 23 <div class="title effect-bold effect-underline"> Total Sold</div> 24 <div class="title effect-underline"> In Stock</div> 25 <div class="title effect-underline effect-inverse color-fg-inverse color-bg-inverse"> On Order</div> 26 <div class="title"> SKU</div> 27</div> 28<div class="line"> 29 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">gum </div> 30 <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'GRO-000-415'][name = 'gum']/sold" data-type="number" data-help="Number of items sold"> 1412</div> 31 <div class="data" data-tag="in-stock" data-xpath="/top/data/item[sku = 'GRO-000-415'][name = 'gum']/in-stock" data-type="number" data-help="Number of items in stock"> 54</div> 32 <div class="data color-fg-yellow" data-tag="on-order" data-xpath="/top/data/item[sku = 'GRO-000-415'][name = 'gum']/on-order" data-type="number" data-help="Number of items on order"> 10</div> 33 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key"> GRO-000-415</div> 34</div> 35<div class="line"> 36 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">rope </div> 37 <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'HRD-000-212'][name = 'rope']/sold" data-type="number" data-help="Number of items sold"> 85</div> 38 <div class="data effect-inverse color-fg-inverse color-bg-inverse" data-tag="in-stock" data-xpath="/top/data/item[sku = 'HRD-000-212'][name = 'rope']/in-stock" data-type="number" data-help="Number of items in stock"> 4</div> 39 <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'HRD-000-212'][name = 'rope']/on-order" data-type="number" data-help="Number of items on order"> 2</div> 40 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key"> HRD-000-212</div> 41</div> 42<div class="line"> 43 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">ladder </div> 44 <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'HRD-000-517'][name = 'ladder']/sold" data-type="number" data-help="Number of items sold"> 0</div> 45 <div class="data effect-inverse color-fg-inverse color-bg-inverse" data-tag="in-stock" data-xpath="/top/data/item[sku = 'HRD-000-517'][name = 'ladder']/in-stock" data-type="number" data-help="Number of items in stock"> 2</div> 46 <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'HRD-000-517'][name = 'ladder']/on-order" data-type="number" data-help="Number of items on order"> 1</div> 47 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key"> HRD-000-517</div> 48</div> 49<div class="line"> 50 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">bolt </div> 51 <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'HRD-000-632'][name = 'bolt']/sold" data-type="number" data-help="Number of items sold"> 4123</div> 52 <div class="data" data-tag="in-stock" data-xpath="/top/data/item[sku = 'HRD-000-632'][name = 'bolt']/in-stock" data-type="number" data-help="Number of items in stock"> 144</div> 53 <div class="data color-fg-yellow" data-tag="on-order" data-xpath="/top/data/item[sku = 'HRD-000-632'][name = 'bolt']/on-order" data-type="number" data-help="Number of items on order"> 42</div> 54 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key"> HRD-000-632</div> 55</div> 56<div class="line"> 57 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">water </div> 58 <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'GRO-000-2331'][name = 'water']/sold" data-type="number" data-help="Number of items sold"> 17</div> 59 <div class="data" data-tag="in-stock" data-xpath="/top/data/item[sku = 'GRO-000-2331'][name = 'water']/in-stock" data-type="number" data-help="Number of items in stock"> 14</div> 60 <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'GRO-000-2331'][name = 'water']/on-order" data-type="number" data-help="Number of items on order"> 2</div> 61 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key"> GRO-000-2331</div> 62</div> 63<div class="line"> 64</div> 65<div class="line"> 66</div> 67<div class="line"> 68 <div class="label">Item</div> 69 <div class="text"> '</div> 70 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">gum</div> 71 <div class="text">':</div> 72</div> 73<div class="line"> 74 <div class="padding"> </div> 75 <div class="label">Total sold</div> 76 <div class="text">: </div> 77 <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'GRO-000-415'][name = 'gum']/sold" data-type="number" data-help="Number of items sold">1412.0</div> 78</div> 79<div class="line"> 80 <div class="padding"> </div> 81 <div class="label">In stock</div> 82 <div class="decoration">:</div> 83 <div class="padding"> </div> 84 <div class="data effect-inverse color-fg-inverse color-bg-inverse" data-tag="in-stock" data-xpath="/top/data/item[sku = 'GRO-000-415'][name = 'gum']/in-stock" data-type="number" data-help="Number of items in stock">54</div> 85</div> 86<div class="line"> 87 <div class="padding"> </div> 88 <div class="label">On order</div> 89 <div class="decoration">:</div> 90 <div class="padding"> </div> 91 <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'GRO-000-415'][name = 'gum']/on-order" data-type="number" data-help="Number of items on order">10</div> 92</div> 93<div class="line"> 94 <div class="padding"> </div> 95 <div class="label">SKU</div> 96 <div class="text">: </div> 97 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">GRO-000-415</div> 98</div> 99<div class="line"> 100 <div class="label">Item</div> 101 <div class="text"> '</div> 102 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">rope</div> 103 <div class="text">':</div> 104</div> 105<div class="line"> 106 <div class="padding"> </div> 107 <div class="label">Total sold</div> 108 <div class="text">: </div> 109 <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'HRD-000-212'][name = 'rope']/sold" data-type="number" data-help="Number of items sold">85.0</div> 110</div> 111<div class="line"> 112 <div class="padding"> </div> 113 <div class="label">In stock</div> 114 <div class="decoration">:</div> 115 <div class="padding"> </div> 116 <div class="data effect-inverse color-fg-inverse color-bg-inverse" data-tag="in-stock" data-xpath="/top/data/item[sku = 'HRD-000-212'][name = 'rope']/in-stock" data-type="number" data-help="Number of items in stock">4</div> 117</div> 118<div class="line"> 119 <div class="padding"> </div> 120 <div class="label">On order</div> 121 <div class="decoration">:</div> 122 <div class="padding"> </div> 123 <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'HRD-000-212'][name = 'rope']/on-order" data-type="number" data-help="Number of items on order">2</div> 124</div> 125<div class="line"> 126 <div class="padding"> </div> 127 <div class="label">SKU</div> 128 <div class="text">: </div> 129 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">HRD-000-212</div> 130</div> 131<div class="line"> 132 <div class="label">Item</div> 133 <div class="text"> '</div> 134 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">ladder</div> 135 <div class="text">':</div> 136</div> 137<div class="line"> 138 <div class="padding"> </div> 139 <div class="label">Total sold</div> 140 <div class="text">: </div> 141 <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'HRD-000-517'][name = 'ladder']/sold" data-type="number" data-help="Number of items sold">0</div> 142</div> 143<div class="line"> 144 <div class="padding"> </div> 145 <div class="label">In stock</div> 146 <div class="decoration">:</div> 147 <div class="padding"> </div> 148 <div class="data effect-inverse color-fg-inverse color-bg-inverse" data-tag="in-stock" data-xpath="/top/data/item[sku = 'HRD-000-517'][name = 'ladder']/in-stock" data-type="number" data-help="Number of items in stock">2</div> 149</div> 150<div class="line"> 151 <div class="padding"> </div> 152 <div class="label">On order</div> 153 <div class="decoration">:</div> 154 <div class="padding"> </div> 155 <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'HRD-000-517'][name = 'ladder']/on-order" data-type="number" data-help="Number of items on order">1</div> 156</div> 157<div class="line"> 158 <div class="padding"> </div> 159 <div class="label">SKU</div> 160 <div class="text">: </div> 161 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">HRD-000-517</div> 162</div> 163<div class="line"> 164 <div class="label">Item</div> 165 <div class="text"> '</div> 166 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">bolt</div> 167 <div class="text">':</div> 168</div> 169<div class="line"> 170 <div class="padding"> </div> 171 <div class="label">Total sold</div> 172 <div class="text">: </div> 173 <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'HRD-000-632'][name = 'bolt']/sold" data-type="number" data-help="Number of items sold">4123.0</div> 174</div> 175<div class="line"> 176 <div class="padding"> </div> 177 <div class="label">In stock</div> 178 <div class="decoration">:</div> 179 <div class="padding"> </div> 180 <div class="data effect-inverse color-fg-inverse color-bg-inverse" data-tag="in-stock" data-xpath="/top/data/item[sku = 'HRD-000-632'][name = 'bolt']/in-stock" data-type="number" data-help="Number of items in stock">144</div> 181</div> 182<div class="line"> 183 <div class="padding"> </div> 184 <div class="label">On order</div> 185 <div class="decoration">:</div> 186 <div class="padding"> </div> 187 <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'HRD-000-632'][name = 'bolt']/on-order" data-type="number" data-help="Number of items on order">42</div> 188</div> 189<div class="line"> 190 <div class="padding"> </div> 191 <div class="label">SKU</div> 192 <div class="text">: </div> 193 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">HRD-000-632</div> 194</div> 195<div class="line"> 196 <div class="label">Item</div> 197 <div class="text"> '</div> 198 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">water</div> 199 <div class="text">':</div> 200</div> 201<div class="line"> 202 <div class="padding"> </div> 203 <div class="label">Total sold</div> 204 <div class="text">: </div> 205 <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'GRO-000-2331'][name = 'water']/sold" data-type="number" data-help="Number of items sold">17.0</div> 206</div> 207<div class="line"> 208 <div class="padding"> </div> 209 <div class="label">In stock</div> 210 <div class="decoration">:</div> 211 <div class="padding"> </div> 212 <div class="data effect-inverse color-fg-inverse color-bg-inverse" data-tag="in-stock" data-xpath="/top/data/item[sku = 'GRO-000-2331'][name = 'water']/in-stock" data-type="number" data-help="Number of items in stock">14</div> 213</div> 214<div class="line"> 215 <div class="padding"> </div> 216 <div class="label">On order</div> 217 <div class="decoration">:</div> 218 <div class="padding"> </div> 219 <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'GRO-000-2331'][name = 'water']/on-order" data-type="number" data-help="Number of items on order">2</div> 220</div> 221<div class="line"> 222 <div class="padding"> </div> 223 <div class="label">SKU</div> 224 <div class="text">: </div> 225 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">GRO-000-2331</div> 226</div> 227<div class="line"> 228 <div class="label">Item</div> 229 <div class="text"> '</div> 230 <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">fish</div> 231 <div class="text">':</div> 232</div> 233<div class="line"> 234 <div class="padding"> </div> 235 <div class="label effect-bold color-fg-white color-bg-blue">Total sold</div> 236 <div class="text effect-bold color-fg-white color-bg-blue">: </div> 237 <div class="data effect-bold color-fg-white color-bg-blue" data-tag="sold" data-xpath="/top/data/item[sku = 'GRO-000-533'][name = 'fish']/sold" data-type="number" data-help="Number of items sold">1321.0</div> 238</div> 239<div class="line"> 240 <div class="padding"> </div> 241 <div class="label">In stock</div> 242 <div class="decoration">:</div> 243 <div class="padding"> </div> 244 <div class="data" data-tag="in-stock" data-xpath="/top/data/item[sku = 'GRO-000-533'][name = 'fish']/in-stock" data-type="number" data-help="Number of items in stock">45</div> 245</div> 246<div class="line"> 247 <div class="padding"> </div> 248 <div class="label">On order</div> 249 <div class="decoration">:</div> 250 <div class="padding"> </div> 251 <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'GRO-000-533'][name = 'fish']/on-order" data-type="number" data-help="Number of items on order">1</div> 252</div> 253<div class="line"> 254 <div class="padding"> </div> 255 <div class="label">SKU</div> 256 <div class="text">: </div> 257 <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">GRO-000-533</div> 258</div> 259<div class="line"> 260 <div class="label">Item</div> 261 <div class="decoration">:</div> 262 <div class="padding"> </div> 263 <div class="data" data-tag="item" data-xpath="/top/data/item">gum</div> 264</div> 265<div class="line"> 266 <div class="label">Item</div> 267 <div class="decoration">:</div> 268 <div class="padding"> </div> 269 <div class="data" data-tag="item" data-xpath="/top/data/item">rope</div> 270</div> 271<div class="line"> 272 <div class="label">Item</div> 273 <div class="decoration">:</div> 274 <div class="padding"> </div> 275 <div class="data" data-tag="item" data-xpath="/top/data/item">ladder</div> 276</div> 277<div class="line"> 278 <div class="label">Item</div> 279 <div class="decoration">:</div> 280 <div class="padding"> </div> 281 <div class="data" data-tag="item" data-xpath="/top/data/item">bolt</div> 282</div> 283<div class="line"> 284 <div class="label">Item</div> 285 <div class="decoration">:</div> 286 <div class="padding"> </div> 287 <div class="data" data-tag="item" data-xpath="/top/data/item">water</div> 288</div> 289<div class="line"> 290 <div class="text">X</div> 291 <div class="text">X</div> 292 <div class="text">X</div> 293 <div class="text">X</div> 294 <div class="text">X</div> 295 <div class="text">X</div> 296 <div class="text">X</div> 297 <div class="text">X</div> 298</div> 299<div class="line"> 300 <div class="text">X</div> 301 <div class="padding"> </div> 302 <div class="text">X</div> 303 <div class="label">Cost</div> 304 <div class="decoration">:</div> 305 <div class="padding"> </div> 306 <div class="data" data-tag="cost" data-xpath="/top/cost">425</div> 307</div> 308<div class="line"> 309 <div class="text">X</div> 310 <div class="padding"> </div> 311 <div class="text">X</div> 312 <div class="label">Cost</div> 313 <div class="decoration">:</div> 314 <div class="padding"> </div> 315 <div class="data" data-tag="cost" data-xpath="/top/cost">455</div> 316</div> 317