Organisms are groups of molecules joined together to form a relatively complex, distinct section of an interface.
Building up from molecules to organisms encourages creating standalone, portable, reusable components.
<div class="araxxe-auto-scroll">
<table class="araxxe-table-striped">
<thead class="araxxe-table-striped--thead">
<tr class="araxxe-table-striped--thead--line">
<th class="araxxe-table-striped--indicator"></th>
<th class="araxxe-table-striped--thead--cell -w34">
<button class="araxxe-icon araxxe-glyph-sm-checkbox -color-shade-50-faded -s34 -clickable"></button>
</th>
<th class="araxxe-table-striped--thead--cell -w130">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column on <br/> multiple lines
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50 -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w140">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 1
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w140">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 2
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w140">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 3
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w140">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 4
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w140">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 5
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w140">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 6
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w140">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 7
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w140">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 8
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w34">
<button class="araxxe-icon araxxe-glyph-sm-parameters -color-shade-50-faded -s34 -clickable"></button>
</th>
</tr>
</thead>
<tbody class="araxxe-table-striped--tbody">
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -faded -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 1 Column 1 on a long line to be displayed as ellipsis">Line 1 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 1 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 1 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">Line 1 Column 6
</td>
<td class="araxxe-table-striped--tbody--cell">Line 1 Column 7
</td>
<td class="araxxe-table-striped--tbody--cell">Line 1 Column 8
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -success" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--open">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 2 Column 1 on a long line to be displayed as ellipsis">Line 2 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 2 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-danger">4,200</span>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 2 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">Line 2 Column 6
</td>
<td class="araxxe-table-striped--tbody--cell">Line 2 Column 7
</td>
<td class="araxxe-table-striped--tbody--cell">Line 2 Column 8
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -danger" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 3 Column 1 on a long line to be displayed as ellipsis">Line 3 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 3 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-success">4,200</span>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 3 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">Line 3 Column 6
</td>
<td class="araxxe-table-striped--tbody--cell">Line 3 Column 7
</td>
<td class="araxxe-table-striped--tbody--cell">Line 3 Column 8
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 4 Column 1 on a long line to be displayed as ellipsis">Line 4 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 4 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 4 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">Line 4 Column 6
</td>
<td class="araxxe-table-striped--tbody--cell">Line 4 Column 7
</td>
<td class="araxxe-table-striped--tbody--cell">Line 4 Column 8
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 5 Column 1 on a long line to be displayed as ellipsis">Line 5 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 5 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 5 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">Line 5 Column 6
</td>
<td class="araxxe-table-striped--tbody--cell">Line 5 Column 7
</td>
<td class="araxxe-table-striped--tbody--cell">Line 5 Column 8
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 6 Column 1 on a long line to be displayed as ellipsis">Line 6 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 6 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 6 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">Line 6 Column 6
</td>
<td class="araxxe-table-striped--tbody--cell">Line 6 Column 7
</td>
<td class="araxxe-table-striped--tbody--cell">Line 6 Column 8
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 7 Column 1 on a long line to be displayed as ellipsis">Line 7 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 7 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 7 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">Line 7 Column 6
</td>
<td class="araxxe-table-striped--tbody--cell">Line 7 Column 7
</td>
<td class="araxxe-table-striped--tbody--cell">Line 7 Column 8
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="araxxe-auto-scroll -h200">
<table class="araxxe-table-simple -expandable -underlined">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-1"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 1
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-2"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 2
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-3"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 3
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-4"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 4
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-5"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 5
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-6"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 6
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-7"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 7
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-8"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 8
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 9
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 10
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 11
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 12
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 13
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 14
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 15
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 16
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 17
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 18
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 19
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 20
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 21
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 22
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 23
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 24
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 25
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 26
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 27
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 28
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 29
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 30
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 31
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 32
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 33
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 34
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 35
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 36
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 37
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 38
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 39
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 40
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 41
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 42
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
</tbody>
</table>
</div>
<div class="araxxe-auto-scroll -hmax200">
<table class="araxxe-table-simple -expandable -underlined">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-1"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 1
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-2"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 2
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-3"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 3
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-4"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 4
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-5"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 5
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-6"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 6
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-7"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 7
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-8"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 8
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 9
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 10
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 11
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 12
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 13
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 14
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 15
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 16
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 17
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 18
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 19
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 20
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 21
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 22
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 23
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 24
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 25
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 26
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 27
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 28
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 29
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 30
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 31
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 32
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 33
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 34
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 35
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 36
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 37
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 38
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 39
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 40
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 41
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 42
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
</tbody>
</table>
</div>
<div class="araxxe-auto-scroll -h-window-necessary">
<table class="araxxe-table-striped">
<thead class="araxxe-table-striped--thead -sticky -fill-shade-95">
<tr class="araxxe-table-striped--thead--line">
<th class="araxxe-table-striped--indicator"></th>
<th class="araxxe-table-striped--thead--cell -w34">
<button class="araxxe-icon araxxe-glyph-sm-checkbox -color-shade-50-faded -s34 -clickable"></button>
</th>
<th class="araxxe-table-striped--thead--cell -w130">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column on <br/> multiple lines
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50 -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 1
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 2
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 3
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 4
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 5
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w34">
<button class="araxxe-icon araxxe-glyph-sm-parameters -color-shade-50-faded -s34 -clickable"></button>
</th>
</tr>
</thead>
<tbody class="araxxe-table-striped--tbody">
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -faded -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 1 Column 1 on a long line to be displayed as ellipsis">Line 1 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 1 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 1 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -success" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--open">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 2 Column 1 on a long line to be displayed as ellipsis">Line 2 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 2 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-danger">4,200</span>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 2 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -danger" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 3 Column 1 on a long line to be displayed as ellipsis">Line 3 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 3 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-success">4,200</span>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 3 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 4 Column 1 on a long line to be displayed as ellipsis">Line 4 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 4 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 4 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 5 Column 1 on a long line to be displayed as ellipsis">Line 5 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 5 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 5 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 6 Column 1 on a long line to be displayed as ellipsis">Line 6 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 6 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 6 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 7 Column 1 on a long line to be displayed as ellipsis">Line 7 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 7 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 7 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 8 Column 1 on a long line to be displayed as ellipsis">Line 8 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 8 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 8 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-main -s34 -clickable -vertical-mirror"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line">
<td class="araxxe-table-striped--tbody--cell-details" colspan="9">
<div class="araxxe-container -s15">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w140">
<div class="araxxe-title-info -ellipsis" title="Key 1">Key 1
</div>
</th>
<td class="araxxe-table-simple--cell">Value 1</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w140">
<div class="araxxe-title-info -ellipsis" title="Key 2">Key 2
</div>
</th>
<td class="araxxe-table-simple--cell">Value 2</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w140">
<div class="araxxe-title-info -ellipsis" title="A very long key for 3">A very long key for 3
</div>
</th>
<td class="araxxe-table-simple--cell">Value 3</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 9 Column 1 on a long line to be displayed as ellipsis">Line 9 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 9 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 9 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 10 Column 1 on a long line to be displayed as ellipsis">Line 10 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 10 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 10 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 11 Column 1 on a long line to be displayed as ellipsis">Line 11 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 11 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 11 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 12 Column 1 on a long line to be displayed as ellipsis">Line 12 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 12 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 12 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 13 Column 1 on a long line to be displayed as ellipsis">Line 13 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 13 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 13 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 14 Column 1 on a long line to be displayed as ellipsis">Line 14 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 14 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 14 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 15 Column 1 on a long line to be displayed as ellipsis">Line 15 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 15 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 15 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 16 Column 1 on a long line to be displayed as ellipsis">Line 16 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 16 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 16 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 17 Column 1 on a long line to be displayed as ellipsis">Line 17 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 17 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 17 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 18 Column 1 on a long line to be displayed as ellipsis">Line 18 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 18 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 18 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 19 Column 1 on a long line to be displayed as ellipsis">Line 19 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 19 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 19 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 20 Column 1 on a long line to be displayed as ellipsis">Line 20 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 20 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">Line 20 Column 5
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
</tbody>
</table>
</div>.araxxe-auto-scroll
table.araxxe-table-striped
thead.araxxe-table-striped--thead
tr.araxxe-table-striped--thead--line
th.araxxe-table-striped--indicator
th.araxxe-table-striped--thead--cell.-w34
button.araxxe-icon.araxxe-glyph-sm-checkbox.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w130
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info
| Column on
br
| multiple lines
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w140
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 1
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w140
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 2
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w140
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 3
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w140
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 4
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w140
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 5
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w140
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 6
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w140
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 7
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w140
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 8
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w34
button.araxxe-icon.araxxe-glyph-sm-parameters.-color-shade-50-faded.-s34.-clickable
tbody.araxxe-table-striped--tbody
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-faded.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 1 Column 1 on a long line to be displayed as ellipsis') Line 1 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 1 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 1 Column 5
td.araxxe-table-striped--tbody--cell.
Line 1 Column 6
td.araxxe-table-striped--tbody--cell.
Line 1 Column 7
td.araxxe-table-striped--tbody--cell.
Line 1 Column 8
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-success(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--open
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 2 Column 1 on a long line to be displayed as ellipsis') Line 2 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 2 Column 2
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-danger 4,200
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-shade-0 1,234
td.araxxe-table-striped--tbody--cell.
Line 2 Column 5
td.araxxe-table-striped--tbody--cell.
Line 2 Column 6
td.araxxe-table-striped--tbody--cell.
Line 2 Column 7
td.araxxe-table-striped--tbody--cell.
Line 2 Column 8
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-danger(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 3 Column 1 on a long line to be displayed as ellipsis') Line 3 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 3 Column 2
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-success 4,200
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-shade-0 1,234
td.araxxe-table-striped--tbody--cell.
Line 3 Column 5
td.araxxe-table-striped--tbody--cell.
Line 3 Column 6
td.araxxe-table-striped--tbody--cell.
Line 3 Column 7
td.araxxe-table-striped--tbody--cell.
Line 3 Column 8
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 4 Column 1 on a long line to be displayed as ellipsis') Line 4 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 4 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 4 Column 5
td.araxxe-table-striped--tbody--cell.
Line 4 Column 6
td.araxxe-table-striped--tbody--cell.
Line 4 Column 7
td.araxxe-table-striped--tbody--cell.
Line 4 Column 8
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 5 Column 1 on a long line to be displayed as ellipsis') Line 5 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 5 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 5 Column 5
td.araxxe-table-striped--tbody--cell.
Line 5 Column 6
td.araxxe-table-striped--tbody--cell.
Line 5 Column 7
td.araxxe-table-striped--tbody--cell.
Line 5 Column 8
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 6 Column 1 on a long line to be displayed as ellipsis') Line 6 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 6 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 6 Column 5
td.araxxe-table-striped--tbody--cell.
Line 6 Column 6
td.araxxe-table-striped--tbody--cell.
Line 6 Column 7
td.araxxe-table-striped--tbody--cell.
Line 6 Column 8
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 7 Column 1 on a long line to be displayed as ellipsis') Line 7 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 7 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 7 Column 5
td.araxxe-table-striped--tbody--cell.
Line 7 Column 6
td.araxxe-table-striped--tbody--cell.
Line 7 Column 7
td.araxxe-table-striped--tbody--cell.
Line 7 Column 8
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
.araxxe-auto-scroll.-h200
table.araxxe-table-simple.-expandable.-underlined
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-1
td.araxxe-table-simple--cell.-expand.
Label 1
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-2
td.araxxe-table-simple--cell.-expand.
Label 2
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-3
td.araxxe-table-simple--cell.-expand.
Label 3
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-4
td.araxxe-table-simple--cell.-expand.
Label 4
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-5
td.araxxe-table-simple--cell.-expand.
Label 5
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-6
td.araxxe-table-simple--cell.-expand.
Label 6
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-7
td.araxxe-table-simple--cell.-expand.
Label 7
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-8
td.araxxe-table-simple--cell.-expand.
Label 8
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 9
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 10
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 11
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 12
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 13
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 14
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 15
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 16
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 17
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 18
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 19
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 20
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 21
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 22
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 23
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 24
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 25
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 26
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 27
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 28
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 29
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 30
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 31
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 32
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 33
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 34
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 35
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 36
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 37
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 38
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 39
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 40
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 41
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 42
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
.araxxe-auto-scroll.-hmax200
table.araxxe-table-simple.-expandable.-underlined
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-1
td.araxxe-table-simple--cell.-expand.
Label 1
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-2
td.araxxe-table-simple--cell.-expand.
Label 2
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-3
td.araxxe-table-simple--cell.-expand.
Label 3
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-4
td.araxxe-table-simple--cell.-expand.
Label 4
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-5
td.araxxe-table-simple--cell.-expand.
Label 5
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-6
td.araxxe-table-simple--cell.-expand.
Label 6
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-7
td.araxxe-table-simple--cell.-expand.
Label 7
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-8
td.araxxe-table-simple--cell.-expand.
Label 8
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 9
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 10
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 11
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 12
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 13
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 14
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 15
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 16
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 17
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 18
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 19
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 20
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 21
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 22
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 23
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 24
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 25
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 26
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 27
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 28
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 29
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 30
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 31
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 32
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 33
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 34
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 35
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 36
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 37
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 38
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 39
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 40
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 41
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-9
td.araxxe-table-simple--cell.-expand.
Label 42
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
.araxxe-auto-scroll.-h-window-necessary
table.araxxe-table-striped
thead.araxxe-table-striped--thead.-sticky.-fill-shade-95
tr.araxxe-table-striped--thead--line
th.araxxe-table-striped--indicator
th.araxxe-table-striped--thead--cell.-w34
button.araxxe-icon.araxxe-glyph-sm-checkbox.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w130
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info
| Column on
br
| multiple lines
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 1
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 2
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 3
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 4
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 5
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w34
button.araxxe-icon.araxxe-glyph-sm-parameters.-color-shade-50-faded.-s34.-clickable
tbody.araxxe-table-striped--tbody
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-faded.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 1 Column 1 on a long line to be displayed as ellipsis') Line 1 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 1 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 1 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-success(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--open
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 2 Column 1 on a long line to be displayed as ellipsis') Line 2 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 2 Column 2
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-danger 4,200
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-shade-0 1,234
td.araxxe-table-striped--tbody--cell.
Line 2 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-danger(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 3 Column 1 on a long line to be displayed as ellipsis') Line 3 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 3 Column 2
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-success 4,200
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-shade-0 1,234
td.araxxe-table-striped--tbody--cell.
Line 3 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 4 Column 1 on a long line to be displayed as ellipsis') Line 4 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 4 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 4 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 5 Column 1 on a long line to be displayed as ellipsis') Line 5 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 5 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 5 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 6 Column 1 on a long line to be displayed as ellipsis') Line 6 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 6 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 6 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 7 Column 1 on a long line to be displayed as ellipsis') Line 7 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 7 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 7 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 8 Column 1 on a long line to be displayed as ellipsis') Line 8 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 8 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 8 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-main.-s34.-clickable.-vertical-mirror
tr.araxxe-table-striped--tbody--line
td.araxxe-table-striped--tbody--cell-details(colspan='9')
.araxxe-container.-s15
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w140
.araxxe-title-info.-ellipsis(title='Key 1').
Key 1
td.araxxe-table-simple--cell Value 1
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w140
.araxxe-title-info.-ellipsis(title='Key 2').
Key 2
td.araxxe-table-simple--cell Value 2
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w140
.araxxe-title-info.-ellipsis(title='A very long key for 3').
A very long key for 3
td.araxxe-table-simple--cell Value 3
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 9 Column 1 on a long line to be displayed as ellipsis') Line 9 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 9 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 9 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 10 Column 1 on a long line to be displayed as ellipsis') Line 10 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 10 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 10 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 11 Column 1 on a long line to be displayed as ellipsis') Line 11 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 11 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 11 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 12 Column 1 on a long line to be displayed as ellipsis') Line 12 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 12 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 12 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 13 Column 1 on a long line to be displayed as ellipsis') Line 13 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 13 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 13 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 14 Column 1 on a long line to be displayed as ellipsis') Line 14 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 14 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 14 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 15 Column 1 on a long line to be displayed as ellipsis') Line 15 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 15 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 15 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 16 Column 1 on a long line to be displayed as ellipsis') Line 16 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 16 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 16 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 17 Column 1 on a long line to be displayed as ellipsis') Line 17 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 17 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 17 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 18 Column 1 on a long line to be displayed as ellipsis') Line 18 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 18 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 18 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 19 Column 1 on a long line to be displayed as ellipsis') Line 19 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 19 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 19 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 20 Column 1 on a long line to be displayed as ellipsis') Line 20 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 20 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell.
Line 20 Column 5
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable<div class="araxxe-card araxxe-block-link"><a class="araxxe-block-link--link" href="#"></a>link</div>.araxxe-card.araxxe-block-link
a.araxxe-block-link--link(href='#')
| link<div class="araxxe-calendar-picker">
<div class="araxxe-calendar-picker--header -clickable">
<div class="araxxe-calendar-picker--header--slot">January</div>
<div class="araxxe-calendar-picker--header--slot">2019</div>
<div class="araxxe-calendar-picker--header--slot">
<span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
</div>
</div>
<div class="araxxe-calendar-picker--body">
<div class="araxxe-calendar-table">
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell"></div>
<div class="araxxe-calendar-table--cell"></div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit -selected ">1
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">2
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">3
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">4
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">5
</button>
</div>
</div>
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">6
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">7
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">8
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">9
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">10
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">11
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">12
</button>
</div>
</div>
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">13
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">14
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">15
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">16
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">17
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">18
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">19
</button>
</div>
</div>
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">20
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">21
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">22
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">23
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">24
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">25
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">26
</button>
</div>
</div>
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">27
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">28
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">29
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">30
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">31
</button>
</div>
<div class="araxxe-calendar-table--cell"></div>
<div class="araxxe-calendar-table--cell"></div>
</div>
</div>
</div>
</div>
<div class="araxxe-calendar-picker">
<div class="araxxe-calendar-picker--header -clickable -activated">
<div class="araxxe-calendar-picker--header--slot">January</div>
<div class="araxxe-calendar-picker--header--slot">2019</div>
<div class="araxxe-calendar-picker--header--slot">
<span class="araxxe-icon araxxe-glyph-arrow-up -s24"></span>
</div>
</div>
<div class="araxxe-calendar-picker--body">
<div class="araxxe-calendar-table">
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">JAN
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">FEB
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">MAR
</button>
</div>
</div>
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">APR
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">MAY
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">JUN
</button>
</div>
</div>
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">JUL
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">AUG
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">SEP
</button>
</div>
</div>
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit -selected ">OCT
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">NOV
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">DEC
</button>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-calendar-picker">
<div class="araxxe-calendar-picker--header -clickable -activated">
<div class="araxxe-calendar-picker--header--slot">January</div>
<div class="araxxe-calendar-picker--header--slot">2019</div>
<div class="araxxe-calendar-picker--header--slot">
<span class="araxxe-icon araxxe-glyph-arrow-up -s24"></span>
</div>
</div>
<div class="araxxe-calendar-picker--body">
<div class="araxxe-calendar-table">
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-icon araxxe-glyph-arrow-left-rounded -color-shade-50 -s28 -clickable"></button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">2014
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">2018
</button>
</div>
</div>
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit " disabled="disabled">2011
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">2015
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit -selected ">2019
</button>
</div>
</div>
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit " disabled="disabled">2012
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">2016
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit -current">2020
</button>
</div>
</div>
<div class="araxxe-calendar-table--line">
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">2013
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-calendar-unit ">2017
</button>
</div>
<div class="araxxe-calendar-table--cell">
<button class="araxxe-icon araxxe-glyph-arrow-right-rounded -color-shade-50 -s28 -clickable"></button>
</div>
</div>
</div>
</div>
</div>.araxxe-calendar-picker
.araxxe-calendar-picker--header.-clickable
.araxxe-calendar-picker--header--slot January
.araxxe-calendar-picker--header--slot 2019
.araxxe-calendar-picker--header--slot
span.araxxe-icon.araxxe-glyph-arrow-down.-s24
.araxxe-calendar-picker--body
.araxxe-calendar-table
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
.araxxe-calendar-table--cell
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.-selected.
1
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
2
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
3
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
4
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
5
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
6
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
7
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
8
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
9
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
10
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
11
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
12
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
13
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
14
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
15
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
16
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
17
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
18
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
19
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
20
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
21
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
22
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
23
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
24
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
25
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
26
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
27
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
28
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
29
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
30
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
31
.araxxe-calendar-table--cell
.araxxe-calendar-table--cell
.araxxe-calendar-picker
.araxxe-calendar-picker--header.-clickable.-activated
.araxxe-calendar-picker--header--slot January
.araxxe-calendar-picker--header--slot 2019
.araxxe-calendar-picker--header--slot
span.araxxe-icon.araxxe-glyph-arrow-up.-s24
.araxxe-calendar-picker--body
.araxxe-calendar-table
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
JAN
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
FEB
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
MAR
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
APR
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
MAY
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
JUN
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
JUL
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
AUG
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
SEP
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.-selected.
OCT
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
NOV
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
DEC
.araxxe-calendar-picker
.araxxe-calendar-picker--header.-clickable.-activated
.araxxe-calendar-picker--header--slot January
.araxxe-calendar-picker--header--slot 2019
.araxxe-calendar-picker--header--slot
span.araxxe-icon.araxxe-glyph-arrow-up.-s24
.araxxe-calendar-picker--body
.araxxe-calendar-table
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-icon.araxxe-glyph-arrow-left-rounded.-color-shade-50.-s28.-clickable
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
2014
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
2018
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit(disabled).
2011
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
2015
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.-selected.
2019
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit(disabled).
2012
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
2016
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.-current.
2020
.araxxe-calendar-table--line
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
2013
.araxxe-calendar-table--cell
button.araxxe-calendar-unit.
2017
.araxxe-calendar-table--cell
button.araxxe-icon.araxxe-glyph-arrow-right-rounded.-color-shade-50.-s28.-clickable<div class="araxxe-card">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column -expand">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-badge -ebv">Badge
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-badge -active">Badge
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-subtitle-card">Subtitle card
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-separe">
<div class="araxxe-rate-chart -fill-ebv">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p38">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole">
</div>
</div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">7
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">3
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">3
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">1
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card -bordered">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column -expand">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-badge -ebv">Badge
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-badge -active">Badge
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-subtitle-card">Subtitle card
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-separe">
<div class="araxxe-rate-chart -fill-ebv">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p41">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole">
</div>
</div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">7
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">3
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">3
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">1
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card -inactive">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column -expand">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-badge -ebv">Badge
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-badge -inactive">Badge
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-subtitle-card">Subtitle card
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-separe">
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">7
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">3
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">3
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-ebv">1
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card -faded">
<div class="araxxe-horizontal-spacing -s30 -top -center">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-pie-chart">
<div class="araxxe-pie-chart--content">
<div class="araxxe-pie-chart--number">42</div>
<div class="araxxe-pie-chart--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-pie-chart--piece -fill-graph-1 -o0 -p35">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
<div class="araxxe-pie-chart--piece -fill-graph-2 -o35 -p30">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
<div class="araxxe-pie-chart--piece -fill-graph-3 -o65 -p20">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
<div class="araxxe-pie-chart--piece -fill-graph-4 -o85 -p10">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
<div class="araxxe-pie-chart--piece -fill-graph-5 -o95 -p5">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -expand">
<table class="araxxe-table-simple -expandable -underlined">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-1"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 1
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-2"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 2
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-3"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 3
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-4"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 4
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-5"></span>
</td>
<td class="araxxe-table-simple--cell -expand">Label 5
</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">1234
</p>
</td>
<td class="araxxe-table-simple--cell">42</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="araxxe-card">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line -align-center">
<span class="araxxe-icon araxxe-glyph-attach -s128"></span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -bottom -left">
<div class="araxxe-horizontal-spacing--column">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
<div class="araxxe-horizontal-spacing--column -expand">
<div class="araxxe-subtitle-card">Subtitle card
</div>
</div>
<div class="araxxe-horizontal-spacing--column">Text</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-subtitle-card">Subtitle card
</div>
</div>
</div>
</div>
<div class="araxxe-card">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line -align-center"><img class="araxxe-thumbnail" src="/atom/thumbnail/thumbnail-small.jpg" alt="Thumbnail"/>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -bottom -left">
<div class="araxxe-horizontal-spacing--column">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
<div class="araxxe-horizontal-spacing--column -expand">
<div class="araxxe-subtitle-card">Subtitle card
</div>
</div>
<div class="araxxe-horizontal-spacing--column">Text</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-subtitle-card">Subtitle card
</div>
</div>
</div>
</div>
<div class="araxxe-card -faded">
<div class="araxxe-horizontal-spacing -s30 -middle">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-date-range -color-main -s24"></span>
</div>
<div class="araxxe-horizontal-spacing--column -expand">
<div class="araxxe-date-range">
<div class="araxxe-date-range--from">
<div class="araxxe-horizontal-spacing -s10 -bottom">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">from</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-text-date" contenteditable="contenteditable">24.11.2020</div>
</div>
</div>
</div>
<div class="araxxe-date-range--between">
<span class="araxxe-icon araxxe-glyph-arrow-right -color-shade-50 -s24"></span>
</div>
<div class="araxxe-date-range--to">
<div class="araxxe-horizontal-spacing -s10 -bottom">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">to</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-text-date" contenteditable="contenteditable">24.11.2020</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card -faded">
<div class="araxxe-horizontal-spacing -s20 -middle -wrap">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/lux.svg" alt="lux"/></span><span class="araxxe-button-rounded--slot">Luxembourg</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/deu.svg" alt="deu"/></span><span class="araxxe-button-rounded--slot">Germany</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/dnk.svg" alt="dnk"/></span><span class="araxxe-button-rounded--slot">Denmark</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/esp.svg" alt="esp"/></span><span class="araxxe-button-rounded--slot">Spain</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/idn.svg" alt="idn"/></span><span class="araxxe-button-rounded--slot">Indonesia</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/mli.svg" alt="mli"/></span><span class="araxxe-button-rounded--slot">Mali</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/mli.svg" alt="mli"/></span><span class="araxxe-button-rounded--slot">Mali</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/mli.svg" alt="mli"/></span><span class="araxxe-button-rounded--slot">Mali</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/mli.svg" alt="mli"/></span><span class="araxxe-button-rounded--slot">Mali</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/mli.svg" alt="mli"/></span><span class="araxxe-button-rounded--slot">Mali</span>
</button>
</div>
</div>
</div>
<div class="araxxe-card -a2psms-o -wrapped">
<div class="araxxe-card--header">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-flag -a2psms-o -inverted">O</span>
</div>
</div>
</div>
<div class="araxxe-card--body">
<div class="araxxe-vertical-spacing -s5 -align-center">
<div class="araxxe-vertical-spacing--line araxxe-card--tint"><span class="araxxe-number -ts48 ">15 000</span>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title
</h3>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-subtitle-card">Description
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card -a2psms-oio -wrapped">
<div class="araxxe-card--header">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-flag -a2psms-oio -inverted">O</span>
</div>
</div>
</div>
<div class="araxxe-card--body">
<div class="araxxe-vertical-spacing -s5 -align-center">
<div class="araxxe-vertical-spacing--line araxxe-card--tint"><span class="araxxe-number -ts48 ">15 000</span>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title
</h3>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-subtitle-card">Description
</div>
</div>
</div>
</div>
</div>
<div style="background-color:#f8f7f5;padding:10px">
<div class="araxxe-card -flat">Flat Card
</div>
</div>
<div class="araxxe-card -service-ebv -wrapped">
<div class="araxxe-card--header -align-center"><span class="araxxe-text-info">January 2020</span>
</div>
<div class="araxxe-card--body">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s0 -align-center">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-number -color-service-ebv -ts48 ">1234</span>
</div>
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text -color-shade-50">at the end of the month</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-table-layout -vp0">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w40">
<p class="araxxe-description">42
</p>
</th>
<td class="araxxe-table-simple--cell">text</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w40">
<p class="araxxe-description">42
</p>
</th>
<td class="araxxe-table-simple--cell">text</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w40">
<p class="araxxe-description">42
</p>
</th>
<td class="araxxe-table-simple--cell">text</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w40">
<p class="araxxe-description">42
</p>
</th>
<td class="araxxe-table-simple--cell">text</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card -service-simbox -offset -wrapped">
<div class="araxxe-card--icon-circled">
<div class="araxxe-icon-circled -s44">
<span class="araxxe-icon araxxe-glyph-voice -color-service-simbox -s24"></span>
</div>
</div>
<div class="araxxe-card--header -align-center"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-card--body">
<div class="araxxe-horizontal-separe -equivalent">
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0 -align-center">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-number -color-service-simbox -ts48 ">1234</span>
</div>
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0 -align-center">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-number -color-service-simbox -ts48 ">1234</span>
</div>
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0 -align-center">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-number -color-service-simbox -ts48 ">1234</span>
</div>
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card -grey-light -offset -wrapped">
<div class="araxxe-card--header -align-center"><span class="araxxe-text-info -color-shade-50">Info</span>
</div>
<div class="araxxe-card--body">
<div class="araxxe-vertical-spacing -s0 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-rate-chart -s48 -fill-service-simbox">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p34">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole">
<div class="araxxe-rate-chart--hole--icon">
<span class="araxxe-icon araxxe-glyph-voice -s24"></span>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-simbox -ts48 ">19<span class="araxxe-number--half">%</span></span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
</div>
</div>
</div>
<div class="araxxe-card--info">
<button class="araxxe-icon araxxe-glyph-info -color-shade-75 -hover-color-shade-85 -s16 -clickable"></button>
</div>
</div>.araxxe-card
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column.-expand
h3.araxxe-title-card.
Title card
.araxxe-horizontal-spacing--column
.araxxe-badge.-ebv.
Badge
.araxxe-horizontal-spacing--column
.araxxe-badge.-active.
Badge
.araxxe-vertical-spacing--line
.araxxe-subtitle-card.
Subtitle card
.araxxe-vertical-spacing--line
.araxxe-horizontal-separe
.araxxe-rate-chart.-fill-ebv
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p38
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
7
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
3
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
3
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
1
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-card.-bordered
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column.-expand
h3.araxxe-title-card.
Title card
.araxxe-horizontal-spacing--column
.araxxe-badge.-ebv.
Badge
.araxxe-horizontal-spacing--column
.araxxe-badge.-active.
Badge
.araxxe-vertical-spacing--line
.araxxe-subtitle-card.
Subtitle card
.araxxe-vertical-spacing--line
.araxxe-horizontal-separe
.araxxe-rate-chart.-fill-ebv
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p41
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
7
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
3
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
3
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
1
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-card.-inactive
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column.-expand
h3.araxxe-title-card.
Title card
.araxxe-horizontal-spacing--column
.araxxe-badge.-ebv.
Badge
.araxxe-horizontal-spacing--column
.araxxe-badge.-inactive.
Badge
.araxxe-vertical-spacing--line
.araxxe-subtitle-card.
Subtitle card
.araxxe-vertical-spacing--line
.araxxe-horizontal-separe
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
7
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
3
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
3
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-ebv.
1
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-card.-faded
.araxxe-horizontal-spacing.-s30.-top.-center
.araxxe-horizontal-spacing--column
.araxxe-pie-chart
.araxxe-pie-chart--content
.araxxe-pie-chart--number 42
.araxxe-pie-chart--unit
span.araxxe-unit Unit
.araxxe-pie-chart--piece.-fill-graph-1.-o0.-p35
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-pie-chart--piece.-fill-graph-2.-o35.-p30
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-pie-chart--piece.-fill-graph-3.-o65.-p20
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-pie-chart--piece.-fill-graph-4.-o85.-p10
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-pie-chart--piece.-fill-graph-5.-o95.-p5
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-horizontal-spacing--column.-expand
table.araxxe-table-simple.-expandable.-underlined
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-1
td.araxxe-table-simple--cell.-expand.
Label 1
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-2
td.araxxe-table-simple--cell.-expand.
Label 2
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-3
td.araxxe-table-simple--cell.-expand.
Label 3
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-4
td.araxxe-table-simple--cell.-expand.
Label 4
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell
span.araxxe-spot.-s18.-fill-graph-5
td.araxxe-table-simple--cell.-expand.
Label 5
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
1234
td.araxxe-table-simple--cell 42
.araxxe-card
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line.-align-center
span.araxxe-icon.araxxe-glyph-attach.-s128
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-bottom.-left
.araxxe-horizontal-spacing--column
h3.araxxe-title-card.
Title card
.araxxe-horizontal-spacing--column.-expand
.araxxe-subtitle-card.
Subtitle card
.araxxe-horizontal-spacing--column Text
.araxxe-vertical-spacing--line
.araxxe-subtitle-card.
Subtitle card
.araxxe-card
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line.-align-center
img.araxxe-thumbnail(src='/atom/thumbnail/thumbnail-small.jpg', alt='Thumbnail')
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-bottom.-left
.araxxe-horizontal-spacing--column
h3.araxxe-title-card.
Title card
.araxxe-horizontal-spacing--column.-expand
.araxxe-subtitle-card.
Subtitle card
.araxxe-horizontal-spacing--column Text
.araxxe-vertical-spacing--line
.araxxe-subtitle-card.
Subtitle card
.araxxe-card.-faded
.araxxe-horizontal-spacing.-s30.-middle
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-date-range.-color-main.-s24
.araxxe-horizontal-spacing--column.-expand
.araxxe-date-range
.araxxe-date-range--from
.araxxe-horizontal-spacing.-s10.-bottom
.araxxe-horizontal-spacing--column
span.araxxe-unit from
.araxxe-horizontal-spacing--column
.araxxe-text-date(contenteditable='contenteditable') 24.11.2020
.araxxe-date-range--between
span.araxxe-icon.araxxe-glyph-arrow-right.-color-shade-50.-s24
.araxxe-date-range--to
.araxxe-horizontal-spacing.-s10.-bottom
.araxxe-horizontal-spacing--column
span.araxxe-unit to
.araxxe-horizontal-spacing--column
.araxxe-text-date(contenteditable='contenteditable') 24.11.2020
.araxxe-card.-faded
.araxxe-horizontal-spacing.-s20.-middle.-wrap
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost.-desaturate
span.araxxe-button-rounded--slot
img.araxxe-country.-h12(src='/atom/country/svg/lux.svg', alt='lux')
span.araxxe-button-rounded--slot Luxembourg
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost.-desaturate
span.araxxe-button-rounded--slot
img.araxxe-country.-h12(src='/atom/country/svg/deu.svg', alt='deu')
span.araxxe-button-rounded--slot Germany
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost
span.araxxe-button-rounded--slot
img.araxxe-country.-h12(src='/atom/country/svg/dnk.svg', alt='dnk')
span.araxxe-button-rounded--slot Denmark
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost.-desaturate
span.araxxe-button-rounded--slot
img.araxxe-country.-h12(src='/atom/country/svg/esp.svg', alt='esp')
span.araxxe-button-rounded--slot Spain
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost.-desaturate
span.araxxe-button-rounded--slot
img.araxxe-country.-h12(src='/atom/country/svg/idn.svg', alt='idn')
span.araxxe-button-rounded--slot Indonesia
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost.-desaturate
span.araxxe-button-rounded--slot
img.araxxe-country.-h12(src='/atom/country/svg/mli.svg', alt='mli')
span.araxxe-button-rounded--slot Mali
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost.-desaturate
span.araxxe-button-rounded--slot
img.araxxe-country.-h12(src='/atom/country/svg/mli.svg', alt='mli')
span.araxxe-button-rounded--slot Mali
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost.-desaturate
span.araxxe-button-rounded--slot
img.araxxe-country.-h12(src='/atom/country/svg/mli.svg', alt='mli')
span.araxxe-button-rounded--slot Mali
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost.-desaturate
span.araxxe-button-rounded--slot
img.araxxe-country.-h12(src='/atom/country/svg/mli.svg', alt='mli')
span.araxxe-button-rounded--slot Mali
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost.-desaturate
span.araxxe-button-rounded--slot
img.araxxe-country.-h12(src='/atom/country/svg/mli.svg', alt='mli')
span.araxxe-button-rounded--slot Mali
.araxxe-card.-a2psms-o.-wrapped
.araxxe-card--header
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column
span.araxxe-text-info Info
.araxxe-horizontal-spacing--column
span.araxxe-flag.-a2psms-o.-inverted O
.araxxe-card--body
.araxxe-vertical-spacing.-s5.-align-center
.araxxe-vertical-spacing--line.araxxe-card--tint
span.araxxe-number.-ts48 15 000
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title
.araxxe-vertical-spacing--line
.araxxe-subtitle-card.
Description
.araxxe-card.-a2psms-oio.-wrapped
.araxxe-card--header
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column
span.araxxe-text-info Info
.araxxe-horizontal-spacing--column
span.araxxe-flag.-a2psms-oio.-inverted O
.araxxe-card--body
.araxxe-vertical-spacing.-s5.-align-center
.araxxe-vertical-spacing--line.araxxe-card--tint
span.araxxe-number.-ts48 15 000
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title
.araxxe-vertical-spacing--line
.araxxe-subtitle-card.
Description
div(style='background-color:#f8f7f5;padding:10px')
.araxxe-card.-flat.
Flat Card
.araxxe-card.-service-ebv.-wrapped
.araxxe-card--header.-align-center
span.araxxe-text-info January 2020
.araxxe-card--body
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s0.-align-center
.araxxe-vertical-spacing--line
span.araxxe-number.-color-service-ebv.-ts48 1234
.araxxe-vertical-spacing--line
span.araxxe-text-info Info
.araxxe-vertical-spacing--line
span.araxxe-text.-color-shade-50 at the end of the month
.araxxe-vertical-spacing--line
.araxxe-table-layout.-vp0
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w40
p.araxxe-description.
42
td.araxxe-table-simple--cell text
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w40
p.araxxe-description.
42
td.araxxe-table-simple--cell text
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w40
p.araxxe-description.
42
td.araxxe-table-simple--cell text
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w40
p.araxxe-description.
42
td.araxxe-table-simple--cell text
.araxxe-card.-service-simbox.-offset.-wrapped
.araxxe-card--icon-circled
.araxxe-icon-circled.-s44
span.araxxe-icon.araxxe-glyph-voice.-color-service-simbox.-s24
.araxxe-card--header.-align-center
span.araxxe-text-info Info
.araxxe-card--body
.araxxe-horizontal-separe.-equivalent
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0.-align-center
.araxxe-vertical-spacing--line
span.araxxe-number.-color-service-simbox.-ts48 1234
.araxxe-vertical-spacing--line
span.araxxe-text-info Info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0.-align-center
.araxxe-vertical-spacing--line
span.araxxe-number.-color-service-simbox.-ts48 1234
.araxxe-vertical-spacing--line
span.araxxe-text-info Info
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0.-align-center
.araxxe-vertical-spacing--line
span.araxxe-number.-color-service-simbox.-ts48 1234
.araxxe-vertical-spacing--line
span.araxxe-text-info Info
.araxxe-card.-grey-light.-offset.-wrapped
.araxxe-card--header.-align-center
span.araxxe-text-info.-color-shade-50 Info
.araxxe-card--body
.araxxe-vertical-spacing.-s0.-align-center
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-s48.-fill-service-simbox
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p34
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole
.araxxe-rate-chart--hole--icon
span.araxxe-icon.araxxe-glyph-voice.-s24
.araxxe-horizontal-spacing--column
span.araxxe-number.-color-service-simbox.-ts48
| 19
span.araxxe-number--half %
.araxxe-vertical-spacing--line
span.araxxe-text-info Info
.araxxe-card--info
button.araxxe-icon.araxxe-glyph-info.-color-shade-75.-hover-color-shade-85.-s16.-clickable<div class="araxxe-carousel">
<div class="araxxe-carousel--previous -disabled">
<span class="araxxe-icon araxxe-glyph-arrow-left-rounded"></span>
</div>
<div class="araxxe-carousel--container">
<div class="araxxe-carousel--slot">
<div class="araxxe-card">Card
</div>
</div>
<div class="araxxe-carousel--slot">
<div class="araxxe-card">Card
</div>
</div>
<div class="araxxe-carousel--slot">
<div class="araxxe-card">Card
</div>
</div>
<div class="araxxe-carousel--slot">
<div class="araxxe-card">Card
</div>
</div>
</div>
<div class="araxxe-carousel--next">
<span class="araxxe-icon araxxe-glyph-arrow-right-rounded"></span>
</div>
</div>.araxxe-carousel
.araxxe-carousel--previous.-disabled
span.araxxe-icon.araxxe-glyph-arrow-left-rounded
.araxxe-carousel--container
.araxxe-carousel--slot
.araxxe-card.
Card
.araxxe-carousel--slot
.araxxe-card.
Card
.araxxe-carousel--slot
.araxxe-card.
Card
.araxxe-carousel--slot
.araxxe-card.
Card
.araxxe-carousel--next
span.araxxe-icon.araxxe-glyph-arrow-right-roundedUsed to list messages and screenshots on chat.
<div style="height: 480px;">
<div class="araxxe-chat-list -messages">
<div class="araxxe-chat-list--header">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-search -color-main-light -s24"></span>
</div>
</div>
</div>
<div class="araxxe-chat-list--content">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-chat-message">
<div class="araxxe-chat-message--slot">
<div class="araxxe-dot -s36 -fill-half-shade-50">AD
</div>
</div>
<div class="araxxe-chat-message--slot -expand">
<div class="araxxe-chat-message--message">
<div class="araxxe-speech-bubble -me">
Speech bubble text
in
multiple lines.
</div>
</div>
<div class="araxxe-chat-message--info">
<div class="araxxe-horizontal-spacing -s5 -end">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Date</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-icon araxxe-glyph-trash -color-danger -s18 -clickable"></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-chat-message">
<div class="araxxe-chat-message--slot">
<div class="araxxe-dot -s36 -fill-half-main-light">AD
</div>
</div>
<div class="araxxe-chat-message--slot -expand">
<div class="araxxe-chat-message--message">
<div class="araxxe-speech-bubble">
Speech bubble text
in
multiple lines.
</div>
</div>
<div class="araxxe-chat-message--message">
<div class="araxxe-speech-bubble">
Speech bubble text
in
multiple lines.
</div>
</div>
<div class="araxxe-chat-message--message">
<div class="araxxe-screenshot-bubble"><img class="araxxe-screenshot-bubble--image" src="/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg"/>
<div class="araxxe-screenshot-bubble--panel">
<button class="araxxe-dot -s48 -color-shade-30 -clickable -fill-shade-100">
<span class="araxxe-icon araxxe-glyph-zoom-in -s24"></span>
</button>
</div>
</div>
</div>
<div class="araxxe-chat-message--info -right"><span class="araxxe-text-info">Date</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-chat-list--input">
<div class="araxxe-chat-message">
<div class="araxxe-chat-message--slot">
<div class="araxxe-dot -s36 -fill-half-shade-50">AD
</div>
</div>
<div class="araxxe-chat-message--slot -expand">
<div class="araxxe-chat-message--message">
<div class="araxxe-input-group ion--input-secondary">
<div class="araxxe-input-group--slot -expand ion--group">
<textarea class="araxxe-textarea" rows="1"></textarea>
</div>
<div class="araxxe-input-group--slot -input -clickable ion--group">
<span class="araxxe-icon araxxe-glyph-attach -s24"></span>
</div>
</div>
</div>
<div class="araxxe-chat-message--info">
<div class="araxxe-horizontal-spacing -s15">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Tap enter to send</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-shift -color-shade-75 -s16"></span>
<span class="araxxe-icon araxxe-glyph-plus -color-shade-75 -s16"></span>
<span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Shift enter to insert a line break</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-chat-list -feed">
<div class="araxxe-chat-list--content">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-chat-message">
<div class="araxxe-chat-message--slot">
<div class="araxxe-dot -s36 -fill-half-shade-50">AD
</div>
</div>
<div class="araxxe-chat-message--slot -expand">
<div class="araxxe-chat-message--message">
<div class="araxxe-speech-bubble -me">
Speech bubble text
in
multiple lines.
</div>
</div>
<div class="araxxe-chat-message--info">
<div class="araxxe-horizontal-spacing -s5 -end">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Date</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-icon araxxe-glyph-trash -color-danger -s18 -clickable"></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-chat-message">
<div class="araxxe-chat-message--slot">
<div class="araxxe-dot -s36 -fill-half-main-light">AD
</div>
</div>
<div class="araxxe-chat-message--slot -expand">
<div class="araxxe-chat-message--message">
<div class="araxxe-speech-bubble">
Speech bubble text
in
multiple lines.
</div>
</div>
<div class="araxxe-chat-message--message">
<div class="araxxe-speech-bubble">
Speech bubble text
in
multiple lines.
</div>
</div>
<div class="araxxe-chat-message--message">
<div class="araxxe-screenshot-bubble"><img class="araxxe-screenshot-bubble--image" src="/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg"/>
<div class="araxxe-screenshot-bubble--panel">
<button class="araxxe-dot -s48 -color-shade-30 -clickable -fill-shade-100">
<span class="araxxe-icon araxxe-glyph-zoom-in -s24"></span>
</button>
</div>
</div>
</div>
<div class="araxxe-chat-message--info -right"><span class="araxxe-text-info">Date</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-chat-list--input">
<div class="araxxe-chat-message">
<div class="araxxe-chat-message--slot">
<div class="araxxe-dot -s36 -fill-half-shade-50">AD
</div>
</div>
<div class="araxxe-chat-message--slot -expand">
<div class="araxxe-chat-message--message">
<div class="araxxe-input-group ion--input-secondary">
<div class="araxxe-input-group--slot -expand ion--group">
<textarea class="araxxe-textarea" rows="1"></textarea>
</div>
<div class="araxxe-input-group--slot -input -clickable ion--group">
<span class="araxxe-icon araxxe-glyph-attach -s24"></span>
</div>
</div>
</div>
<div class="araxxe-chat-message--info">
<div class="araxxe-horizontal-spacing -s15">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Tap enter to send</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-shift -color-shade-75 -s16"></span>
<span class="araxxe-icon araxxe-glyph-plus -color-shade-75 -s16"></span>
<span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Shift enter to insert a line break</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="height: 480px;">
<div class="araxxe-chat-list -messages">
<div class="araxxe-chat-list--header">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-button-select"><span class="araxxe-button-select--text">Button select</span><span class="araxxe-button-select--caret araxxe-glyph-arrow-down"></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-chat-list--content">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<figure class="araxxe-screenshot"><img class="araxxe-screenshot--image" src="/molecule/screenshot/screenshot.jpg" alt="Screenshot"/>
<figcaption class="araxxe-screenshot--panel">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Date</span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dot -s36 -fill-half-main-light">AD
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<address class="araxxe-screenshot--address">First name Last name</address>
</div>
</div>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="araxxe-vertical-spacing--line -align-right">
<button class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -s24 -clickable"></button>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<figure class="araxxe-screenshot"><img class="araxxe-screenshot--image" src="/molecule/screenshot/screenshot.jpg" alt="Screenshot"/>
<figcaption class="araxxe-screenshot--panel">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Date</span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dot -s36 -fill-half-main-light">AD
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<address class="araxxe-screenshot--address">First name Last name</address>
</div>
</div>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="araxxe-vertical-spacing--line -align-right">
<button class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -s24 -clickable"></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>div(style='height: 480px;')
.araxxe-chat-list.-messages
.araxxe-chat-list--header
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column
h2.araxxe-title-medium Title medium
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-search.-color-main-light.-s24
.araxxe-chat-list--content
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-chat-message
.araxxe-chat-message--slot
.araxxe-dot.-s36.-fill-half-shade-50.
AD
.araxxe-chat-message--slot.-expand
.araxxe-chat-message--message
.araxxe-speech-bubble.-me.
Speech bubble text in multiple lines.
.araxxe-chat-message--info
.araxxe-horizontal-spacing.-s5.-end
.araxxe-horizontal-spacing--column
span.araxxe-text-info Date
.araxxe-horizontal-spacing--column
button.araxxe-icon.araxxe-glyph-trash.-color-danger.-s18.-clickable
.araxxe-vertical-spacing--line
.araxxe-chat-message
.araxxe-chat-message--slot
.araxxe-dot.-s36.-fill-half-main-light.
AD
.araxxe-chat-message--slot.-expand
.araxxe-chat-message--message
.araxxe-speech-bubble.
Speech bubble text in multiple lines.
.araxxe-chat-message--message
.araxxe-speech-bubble.
Speech bubble text in multiple lines.
.araxxe-chat-message--message
.araxxe-screenshot-bubble
img.araxxe-screenshot-bubble--image(src='/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg')
.araxxe-screenshot-bubble--panel
button.araxxe-dot.-s48.-color-shade-30.-clickable.-fill-shade-100
span.araxxe-icon.araxxe-glyph-zoom-in.-s24
.araxxe-chat-message--info.-right
span.araxxe-text-info Date
.araxxe-chat-list--input
.araxxe-chat-message
.araxxe-chat-message--slot
.araxxe-dot.-s36.-fill-half-shade-50.
AD
.araxxe-chat-message--slot.-expand
.araxxe-chat-message--message
.araxxe-input-group.ion--input-secondary
.araxxe-input-group--slot.-expand.ion--group
textarea.araxxe-textarea(rows='1')
.araxxe-input-group--slot.-input.-clickable.ion--group
span.araxxe-icon.araxxe-glyph-attach.-s24
.araxxe-chat-message--info
.araxxe-horizontal-spacing.-s15
.araxxe-horizontal-spacing--column
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
.araxxe-horizontal-spacing--column
span.araxxe-text-info Tap enter to send
.araxxe-horizontal-spacing--column
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-shift.-color-shade-75.-s16
span.araxxe-icon.araxxe-glyph-plus.-color-shade-75.-s16
span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
.araxxe-horizontal-spacing--column
span.araxxe-text-info Shift enter to insert a line break
.araxxe-chat-list.-feed
.araxxe-chat-list--content
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-chat-message
.araxxe-chat-message--slot
.araxxe-dot.-s36.-fill-half-shade-50.
AD
.araxxe-chat-message--slot.-expand
.araxxe-chat-message--message
.araxxe-speech-bubble.-me.
Speech bubble text in multiple lines.
.araxxe-chat-message--info
.araxxe-horizontal-spacing.-s5.-end
.araxxe-horizontal-spacing--column
span.araxxe-text-info Date
.araxxe-horizontal-spacing--column
button.araxxe-icon.araxxe-glyph-trash.-color-danger.-s18.-clickable
.araxxe-vertical-spacing--line
.araxxe-chat-message
.araxxe-chat-message--slot
.araxxe-dot.-s36.-fill-half-main-light.
AD
.araxxe-chat-message--slot.-expand
.araxxe-chat-message--message
.araxxe-speech-bubble.
Speech bubble text in multiple lines.
.araxxe-chat-message--message
.araxxe-speech-bubble.
Speech bubble text in multiple lines.
.araxxe-chat-message--message
.araxxe-screenshot-bubble
img.araxxe-screenshot-bubble--image(src='/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg')
.araxxe-screenshot-bubble--panel
button.araxxe-dot.-s48.-color-shade-30.-clickable.-fill-shade-100
span.araxxe-icon.araxxe-glyph-zoom-in.-s24
.araxxe-chat-message--info.-right
span.araxxe-text-info Date
.araxxe-chat-list--input
.araxxe-chat-message
.araxxe-chat-message--slot
.araxxe-dot.-s36.-fill-half-shade-50.
AD
.araxxe-chat-message--slot.-expand
.araxxe-chat-message--message
.araxxe-input-group.ion--input-secondary
.araxxe-input-group--slot.-expand.ion--group
textarea.araxxe-textarea(rows='1')
.araxxe-input-group--slot.-input.-clickable.ion--group
span.araxxe-icon.araxxe-glyph-attach.-s24
.araxxe-chat-message--info
.araxxe-horizontal-spacing.-s15
.araxxe-horizontal-spacing--column
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
.araxxe-horizontal-spacing--column
span.araxxe-text-info Tap enter to send
.araxxe-horizontal-spacing--column
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-shift.-color-shade-75.-s16
span.araxxe-icon.araxxe-glyph-plus.-color-shade-75.-s16
span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
.araxxe-horizontal-spacing--column
span.araxxe-text-info Shift enter to insert a line break
div(style='height: 480px;')
.araxxe-chat-list.-messages
.araxxe-chat-list--header
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-button-select
span.araxxe-button-select--text Button select
span.araxxe-button-select--caret.araxxe-glyph-arrow-down
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-chat-list--content
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
figure.araxxe-screenshot
img.araxxe-screenshot--image(src='/molecule/screenshot/screenshot.jpg', alt='Screenshot')
figcaption.araxxe-screenshot--panel
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
span.araxxe-text-info Date
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column
.araxxe-dot.-s36.-fill-half-main-light.
AD
.araxxe-horizontal-spacing--column
address.araxxe-screenshot--address First name Last name
.araxxe-vertical-spacing--line.-align-right
button.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-s24.-clickable
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
figure.araxxe-screenshot
img.araxxe-screenshot--image(src='/molecule/screenshot/screenshot.jpg', alt='Screenshot')
figcaption.araxxe-screenshot--panel
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
span.araxxe-text-info Date
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column
.araxxe-dot.-s36.-fill-half-main-light.
AD
.araxxe-horizontal-spacing--column
address.araxxe-screenshot--address First name Last name
.araxxe-vertical-spacing--line.-align-right
button.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-s24.-clickable<div class="araxxe-container -s15">Container 15
</div>
<div class="araxxe-container -v70 -h20">Container 70 20
</div>.araxxe-container.-s15.
Container 15
.araxxe-container.-v70.-h20.
Container 70 20
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--separator"></div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
<div class="araxxe-contextual-menu -hmax100 -scrollable">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--filter">
<div class="araxxe-input-group ion--input-secondary">
<div class="araxxe-input-group--slot -input ion--group">
<span class="araxxe-icon araxxe-glyph-search -color-shade-50 -s24"></span>
</div>
<div class="araxxe-input-group--slot -expand ion--group">
<input class="araxxe-input-text -compact" placeholder="Search" type="text"/>
</div>
</div>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-checkbox -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-checkbox-checked -color-main -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-checkbox-checked -color-main -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-checkbox -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--separator
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu.-hmax100.-scrollable
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu
.araxxe-contextual-menu--filter
.araxxe-input-group.ion--input-secondary
.araxxe-input-group--slot.-input.ion--group
span.araxxe-icon.araxxe-glyph-search.-color-shade-50.-s24
.araxxe-input-group--slot.-expand.ion--group
input.araxxe-input-text.-compact(placeholder='Search', type='text')
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-checkbox.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-checkbox-checked.-color-main.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-checkbox-checked.-color-main.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-checkbox.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry<div class="araxxe-footer">
<div class="araxxe-footer--slot">All right reserved © www.araxxe.com</div>
<div class="araxxe-footer--slot">
<div class="araxxe-link -color-main">Legal statements</div>
</div>
</div>.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-header">
<button class="araxxe-header--slot -square -clickable">
<span class="araxxe-icon araxxe-glyph-burger -s24"></span>
</button>
<div class="araxxe-header--slot"><span class="araxxe-unit">Product</span>
</div>
<div class="araxxe-header--slot -center -expand">
<h1 class="araxxe-title-header ">Title header
</h1>
</div>
<div class="araxxe-header--separator"></div>
<button class="araxxe-header--slot -square -clickable">
<span class="araxxe-icon araxxe-glyph-contact -s24"></span>
</button>
<div class="araxxe-header--separator"></div>
<button class="araxxe-header--slot -square -clickable">
<span class="araxxe-icon araxxe-glyph-notifications -s24"></span>
</button>
<div class="araxxe-header--separator"></div>
<div class="araxxe-header--slot -clickable -w200">
<div class="araxxe-header-popover ion--close -right">
<div class="araxxe-header-popover--button">
<div class="araxxe-horizontal-spacing -s10 -left -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dot -s44 -color-shade-30 -fill-shade-50">AD
</div>
</div>
<div class="araxxe-horizontal-spacing--column -expand -ellipsis"><span class="araxxe-text-profile" title="Text profile">
Text profile
The text profile may be longer</span>
</div>
</div>
</div>
<div class="araxxe-header-popover--area">
<div class="araxxe-popover">
<button class="araxxe-popover--slot -clickable"><span class="araxxe-text-info">Clickable entry</span>
</button>
<div class="araxxe-popover--slot">
<div class="araxxe-horizontal-spacing -s15">
<div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Labeled entry</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-popover--slot--button"><span class="araxxe-text-info">en</span>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-popover--slot--button -active"><span class="araxxe-text-info">fr</span>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-popover--slot--button"><span class="araxxe-text-info">es</span>
</div>
</div>
</div>
</div>
<div class="araxxe-popover--separator"></div>
<button class="araxxe-popover--slot -clickable"><span class="araxxe-text-info">Clickable entry</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-header">
<button class="araxxe-header--slot -square -clickable">
<span class="araxxe-icon araxxe-glyph-close -s24"></span>
</button>
<div class="araxxe-header--slot -center -expand">
<div class="araxxe-horizontal-spacing -s40 -middle">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-icon araxxe-glyph-arrow-left-rounded -s28 -clickable"></button>
</div>
<div class="araxxe-horizontal-spacing--column">
<h2 class="araxxe-title-header -w800 -ellipsis" title="A long header title for the details template of this page">A long header title for the details template of this page
</h2>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-icon araxxe-glyph-arrow-right-rounded -s28 -clickable"></button>
</div>
</div>
</div>
</div>
<div class="araxxe-header -service-a2psms">
<button class="araxxe-header--slot -square -clickable">
<span class="araxxe-icon araxxe-glyph-close -s24"></span>
</button>
<div class="araxxe-header--slot -center -expand">
<div class="araxxe-horizontal-spacing -s40 -middle">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-icon araxxe-glyph-arrow-left-rounded -s28 -clickable"></button>
</div>
<div class="araxxe-horizontal-spacing--column">
<h2 class="araxxe-title-header -w800 -ellipsis" title="A long header title for the details template of this page">A long header title for the details template of this page
</h2>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-icon araxxe-glyph-arrow-right-rounded -s28 -clickable"></button>
</div>
</div>
</div>
</div>.araxxe-header
button.araxxe-header--slot.-square.-clickable
span.araxxe-icon.araxxe-glyph-burger.-s24
.araxxe-header--slot
span.araxxe-unit Product
.araxxe-header--slot.-center.-expand
h1.araxxe-title-header.
Title header
.araxxe-header--separator
button.araxxe-header--slot.-square.-clickable
span.araxxe-icon.araxxe-glyph-contact.-s24
.araxxe-header--separator
button.araxxe-header--slot.-square.-clickable
span.araxxe-icon.araxxe-glyph-notifications.-s24
.araxxe-header--separator
.araxxe-header--slot.-clickable.-w200
.araxxe-header-popover.ion--close.-right
.araxxe-header-popover--button
.araxxe-horizontal-spacing.-s10.-left.-middle
.araxxe-horizontal-spacing--column
.araxxe-dot.-s44.-color-shade-30.-fill-shade-50.
AD
.araxxe-horizontal-spacing--column.-expand.-ellipsis
span.araxxe-text-profile(title='Text profile').
Text profile The text profile may be longer
.araxxe-header-popover--area
.araxxe-popover
button.araxxe-popover--slot.-clickable
span.araxxe-text-info Clickable entry
.araxxe-popover--slot
.araxxe-horizontal-spacing.-s15
.araxxe-horizontal-spacing--column.-expand
span.araxxe-text-info Labeled entry
.araxxe-horizontal-spacing--column
.araxxe-popover--slot--button
span.araxxe-text-info en
.araxxe-horizontal-spacing--column
.araxxe-popover--slot--button.-active
span.araxxe-text-info fr
.araxxe-horizontal-spacing--column
.araxxe-popover--slot--button
span.araxxe-text-info es
.araxxe-popover--separator
button.araxxe-popover--slot.-clickable
span.araxxe-text-info Clickable entry
.araxxe-header
button.araxxe-header--slot.-square.-clickable
span.araxxe-icon.araxxe-glyph-close.-s24
.araxxe-header--slot.-center.-expand
.araxxe-horizontal-spacing.-s40.-middle
.araxxe-horizontal-spacing--column
button.araxxe-icon.araxxe-glyph-arrow-left-rounded.-s28.-clickable
.araxxe-horizontal-spacing--column
h2.araxxe-title-header.-w800.-ellipsis(title='A long header title for the details template of this page').
A long header title for the details template of this page
.araxxe-horizontal-spacing--column
button.araxxe-icon.araxxe-glyph-arrow-right-rounded.-s28.-clickable
.araxxe-header.-service-a2psms
button.araxxe-header--slot.-square.-clickable
span.araxxe-icon.araxxe-glyph-close.-s24
.araxxe-header--slot.-center.-expand
.araxxe-horizontal-spacing.-s40.-middle
.araxxe-horizontal-spacing--column
button.araxxe-icon.araxxe-glyph-arrow-left-rounded.-s28.-clickable
.araxxe-horizontal-spacing--column
h2.araxxe-title-header.-w800.-ellipsis(title='A long header title for the details template of this page').
A long header title for the details template of this page
.araxxe-horizontal-spacing--column
button.araxxe-icon.araxxe-glyph-arrow-right-rounded.-s28.-clickable<div class="araxxe-horizontal-histogram">
<div class="araxxe-horizontal-histogram--header">
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">0%</span>
</div>
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">10%</span>
</div>
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">20%</span>
</div>
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">30%</span>
</div>
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">40%</span>
</div>
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">50%</span>
</div>
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">60%</span>
</div>
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">70%</span>
</div>
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">80%</span>
</div>
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">90%</span>
</div>
<div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">100%</span>
</div>
</div>
<div class="araxxe-horizontal-histogram--table">
<div class="araxxe-horizontal-histogram--grid">
<div class="araxxe-horizontal-histogram--axis"></div>
<div class="araxxe-horizontal-histogram--axis"></div>
<div class="araxxe-horizontal-histogram--axis"></div>
<div class="araxxe-horizontal-histogram--axis"></div>
<div class="araxxe-horizontal-histogram--axis"></div>
<div class="araxxe-horizontal-histogram--axis"></div>
<div class="araxxe-horizontal-histogram--axis"></div>
<div class="araxxe-horizontal-histogram--axis"></div>
<div class="araxxe-horizontal-histogram--axis"></div>
<div class="araxxe-horizontal-histogram--axis"></div>
<div class="araxxe-horizontal-histogram--axis"></div>
</div>
<div class="araxxe-horizontal-histogram--bar">
<div class="araxxe-rate-bar">
<div class="araxxe-rate-bar--legend">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -color-shade-50">1 325 / 23 456</span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -bold -color-shade-50">70%</span>
</div>
</div>
</div>
<div class="araxxe-rate-bar--bar">
<div class="araxxe-bar">
<div class="araxxe-bar--part -fill-danger" style="width: 70%"></div>
<div class="araxxe-bar--part -fill-valid -expand"></div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-histogram--bar">
<div class="araxxe-rate-bar">
<div class="araxxe-rate-bar--legend">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -color-shade-50">1 325 / 23 456</span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -bold -color-shade-50">51%</span>
</div>
</div>
</div>
<div class="araxxe-rate-bar--bar">
<div class="araxxe-bar">
<div class="araxxe-bar--part -fill-danger" style="width: 51%"></div>
<div class="araxxe-bar--part -fill-valid -expand"></div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-histogram--bar">
<div class="araxxe-rate-bar">
<div class="araxxe-rate-bar--legend">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -color-shade-50">1 325 / 23 456</span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -bold -color-shade-50">25%</span>
</div>
</div>
</div>
<div class="araxxe-rate-bar--bar">
<div class="araxxe-bar">
<div class="araxxe-bar--part -fill-danger" style="width: 25%"></div>
<div class="araxxe-bar--part -fill-valid -expand"></div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-histogram--bar">
<div class="araxxe-rate-bar">
<div class="araxxe-rate-bar--legend">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -color-shade-50">1 325 / 23 456</span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -bold -color-shade-50">12%</span>
</div>
</div>
</div>
<div class="araxxe-rate-bar--bar">
<div class="araxxe-bar">
<div class="araxxe-bar--part -fill-danger" style="width: 12%"></div>
<div class="araxxe-bar--part -fill-valid -expand"></div>
</div>
</div>
</div>
</div>
</div>
</div>.araxxe-horizontal-histogram
.araxxe-horizontal-histogram--header
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 0%
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 10%
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 20%
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 30%
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 40%
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 50%
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 60%
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 70%
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 80%
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 90%
.araxxe-horizontal-histogram--column
span.araxxe-text.-bold.-color-shade-50 100%
.araxxe-horizontal-histogram--table
.araxxe-horizontal-histogram--grid
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--axis
.araxxe-horizontal-histogram--bar
.araxxe-rate-bar
.araxxe-rate-bar--legend
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-expand
span.araxxe-text-info Info
.araxxe-horizontal-spacing--column
span.araxxe-text.-color-shade-50 1 325 / 23 456
.araxxe-horizontal-spacing--column
span.araxxe-text.-bold.-color-shade-50 70%
.araxxe-rate-bar--bar
.araxxe-bar
.araxxe-bar--part.-fill-danger(style='width: 70%')
.araxxe-bar--part.-fill-valid.-expand
.araxxe-horizontal-histogram--bar
.araxxe-rate-bar
.araxxe-rate-bar--legend
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-expand
span.araxxe-text-info Info
.araxxe-horizontal-spacing--column
span.araxxe-text.-color-shade-50 1 325 / 23 456
.araxxe-horizontal-spacing--column
span.araxxe-text.-bold.-color-shade-50 51%
.araxxe-rate-bar--bar
.araxxe-bar
.araxxe-bar--part.-fill-danger(style='width: 51%')
.araxxe-bar--part.-fill-valid.-expand
.araxxe-horizontal-histogram--bar
.araxxe-rate-bar
.araxxe-rate-bar--legend
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-expand
span.araxxe-text-info Info
.araxxe-horizontal-spacing--column
span.araxxe-text.-color-shade-50 1 325 / 23 456
.araxxe-horizontal-spacing--column
span.araxxe-text.-bold.-color-shade-50 25%
.araxxe-rate-bar--bar
.araxxe-bar
.araxxe-bar--part.-fill-danger(style='width: 25%')
.araxxe-bar--part.-fill-valid.-expand
.araxxe-horizontal-histogram--bar
.araxxe-rate-bar
.araxxe-rate-bar--legend
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-expand
span.araxxe-text-info Info
.araxxe-horizontal-spacing--column
span.araxxe-text.-color-shade-50 1 325 / 23 456
.araxxe-horizontal-spacing--column
span.araxxe-text.-bold.-color-shade-50 12%
.araxxe-rate-bar--bar
.araxxe-bar
.araxxe-bar--part.-fill-danger(style='width: 12%')
.araxxe-bar--part.-fill-valid.-expand<div class="araxxe-horizontal-overlap">
<div class="araxxe-horizontal-overlap--slot">
<div class="araxxe-icon-circled -s64">
<span class="araxxe-icon araxxe-glyph-simcard-international -color-service-simbox -s32"></span>
</div>
</div>
<div class="araxxe-horizontal-overlap--slot">
<div class="araxxe-icon-circled -s64">
<span class="araxxe-icon araxxe-glyph-phone-international -color-service-simbox -s32"></span>
</div>
</div>
</div>.araxxe-horizontal-overlap
.araxxe-horizontal-overlap--slot
.araxxe-icon-circled.-s64
span.araxxe-icon.araxxe-glyph-simcard-international.-color-service-simbox.-s32
.araxxe-horizontal-overlap--slot
.araxxe-icon-circled.-s64
span.araxxe-icon.araxxe-glyph-phone-international.-color-service-simbox.-s32<div class="araxxe-horizontal-separe">
<div class="araxxe-horizontal-separe--column">One</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">Two</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">Three</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">Four</div>
</div>
<div class="araxxe-horizontal-separe -equivalent">
<div class="araxxe-horizontal-separe--column">One</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">Two</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">Three</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">Four</div>
</div>.araxxe-horizontal-separe
.araxxe-horizontal-separe--column One
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column Two
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column Three
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column Four
.araxxe-horizontal-separe.-equivalent
.araxxe-horizontal-separe--column One
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column Two
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column Three
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column Four<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column">First</div>
<div class="araxxe-horizontal-spacing--column">Second</div>
<div class="araxxe-horizontal-spacing--column">Third</div>
</div>
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">First</div>
<div class="araxxe-horizontal-spacing--column">Second</div>
<div class="araxxe-horizontal-spacing--column">Third</div>
</div>
<div class="araxxe-horizontal-spacing -s30 -top">
<div class="araxxe-horizontal-spacing--column">First item</div>
<div class="araxxe-horizontal-spacing--column -expand">Second <br/> item</div>
<div class="araxxe-horizontal-spacing--column">Third item</div>
</div>
<div class="araxxe-horizontal-spacing -s30 -middle">
<div class="araxxe-horizontal-spacing--column">First item</div>
<div class="araxxe-horizontal-spacing--column -expand">Second <br/> item</div>
<div class="araxxe-horizontal-spacing--column">Third item</div>
</div>
<div class="araxxe-horizontal-spacing -s30 -bottom">
<div class="araxxe-horizontal-spacing--column">First item</div>
<div class="araxxe-horizontal-spacing--column -expand">Second <br/> item</div>
<div class="araxxe-horizontal-spacing--column">Third item</div>
</div>
<div class="araxxe-horizontal-spacing -s10 -left">
<div class="araxxe-horizontal-spacing--column">First</div>
<div class="araxxe-horizontal-spacing--column">Second</div>
<div class="araxxe-horizontal-spacing--column">Third</div>
</div>
<div class="araxxe-horizontal-spacing -s10 -center">
<div class="araxxe-horizontal-spacing--column">First</div>
<div class="araxxe-horizontal-spacing--column">Second</div>
<div class="araxxe-horizontal-spacing--column">Third</div>
</div>
<div class="araxxe-horizontal-spacing -s10 -right">
<div class="araxxe-horizontal-spacing--column">First</div>
<div class="araxxe-horizontal-spacing--column">Second</div>
<div class="araxxe-horizontal-spacing--column">Third</div>
</div>
<div class="araxxe-horizontal-spacing -s10">
<div class="araxxe-horizontal-spacing--column -g1">Grow 1</div>
<div class="araxxe-horizontal-spacing--column -g2">Grow 2</div>
<div class="araxxe-horizontal-spacing--column -g3">Grow 3</div>
</div>
<div class="araxxe-horizontal-spacing -s10">
<div class="araxxe-horizontal-spacing--column -w100">Width 100</div>
<div class="araxxe-horizontal-spacing--column -w80">Width 80</div>
<div class="araxxe-horizontal-spacing--column -w50">Width 50</div>
</div>
<div class="araxxe-horizontal-spacing -s30 -wrap">
<div class="araxxe-horizontal-spacing--column -w100">One</div>
<div class="araxxe-horizontal-spacing--column -w100">Two</div>
<div class="araxxe-horizontal-spacing--column -w100">Three</div>
<div class="araxxe-horizontal-spacing--column -w100">Four</div>
<div class="araxxe-horizontal-spacing--column -w100">Five</div>
<div class="araxxe-horizontal-spacing--column -w100">Six</div>
<div class="araxxe-horizontal-spacing--column -w100">Seven</div>
<div class="araxxe-horizontal-spacing--column -w100">Eight</div>
<div class="araxxe-horizontal-spacing--column -w100">Nine</div>
<div class="araxxe-horizontal-spacing--column -w100">Ten</div>
</div>.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column First
.araxxe-horizontal-spacing--column Second
.araxxe-horizontal-spacing--column Third
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column First
.araxxe-horizontal-spacing--column Second
.araxxe-horizontal-spacing--column Third
.araxxe-horizontal-spacing.-s30.-top
.araxxe-horizontal-spacing--column First item
.araxxe-horizontal-spacing--column.-expand
| Second
br
| item
.araxxe-horizontal-spacing--column Third item
.araxxe-horizontal-spacing.-s30.-middle
.araxxe-horizontal-spacing--column First item
.araxxe-horizontal-spacing--column.-expand
| Second
br
| item
.araxxe-horizontal-spacing--column Third item
.araxxe-horizontal-spacing.-s30.-bottom
.araxxe-horizontal-spacing--column First item
.araxxe-horizontal-spacing--column.-expand
| Second
br
| item
.araxxe-horizontal-spacing--column Third item
.araxxe-horizontal-spacing.-s10.-left
.araxxe-horizontal-spacing--column First
.araxxe-horizontal-spacing--column Second
.araxxe-horizontal-spacing--column Third
.araxxe-horizontal-spacing.-s10.-center
.araxxe-horizontal-spacing--column First
.araxxe-horizontal-spacing--column Second
.araxxe-horizontal-spacing--column Third
.araxxe-horizontal-spacing.-s10.-right
.araxxe-horizontal-spacing--column First
.araxxe-horizontal-spacing--column Second
.araxxe-horizontal-spacing--column Third
.araxxe-horizontal-spacing.-s10
.araxxe-horizontal-spacing--column.-g1 Grow 1
.araxxe-horizontal-spacing--column.-g2 Grow 2
.araxxe-horizontal-spacing--column.-g3 Grow 3
.araxxe-horizontal-spacing.-s10
.araxxe-horizontal-spacing--column.-w100 Width 100
.araxxe-horizontal-spacing--column.-w80 Width 80
.araxxe-horizontal-spacing--column.-w50 Width 50
.araxxe-horizontal-spacing.-s30.-wrap
.araxxe-horizontal-spacing--column.-w100 One
.araxxe-horizontal-spacing--column.-w100 Two
.araxxe-horizontal-spacing--column.-w100 Three
.araxxe-horizontal-spacing--column.-w100 Four
.araxxe-horizontal-spacing--column.-w100 Five
.araxxe-horizontal-spacing--column.-w100 Six
.araxxe-horizontal-spacing--column.-w100 Seven
.araxxe-horizontal-spacing--column.-w100 Eight
.araxxe-horizontal-spacing--column.-w100 Nine
.araxxe-horizontal-spacing--column.-w100 Ten<nav class="araxxe-menu">
<ul class="araxxe-menu--content">
<li class="araxxe-menu--slot">
<button class="araxxe-button-menu -selected"><span class="araxxe-button-menu--icon araxxe-glyph-folder"></span><span class="araxxe-button-menu--text">Button menu</span></button>
</li>
<li class="araxxe-menu--slot">
<button class="araxxe-button-menu -notify"><span class="araxxe-button-menu--icon araxxe-glyph-folder"></span><span class="araxxe-button-menu--text">Button menu</span></button>
</li>
<li class="araxxe-menu--slot">
<button class="araxxe-button-menu"><span class="araxxe-button-menu--icon araxxe-glyph-folder"></span><span class="araxxe-button-menu--text">Button menu</span></button>
</li>
<li class="araxxe-menu--slot">
<button class="araxxe-button-menu -notify" disabled="disabled"><span class="araxxe-button-menu--icon araxxe-glyph-folder"></span><span class="araxxe-button-menu--text">Button menu</span></button>
</li>
</ul>
</nav>nav.araxxe-menu
ul.araxxe-menu--content
li.araxxe-menu--slot
button.araxxe-button-menu.-selected
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-notify
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-notify(disabled)
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu<div class="araxxe-chat-modal">
<div class="araxxe-chat-modal--content">
<div class="araxxe-chat-modal--messages">
<div class="araxxe-chat-list -messages">
<div class="araxxe-chat-list--header">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-search -color-main-light -s24"></span>
</div>
</div>
</div>
<div class="araxxe-chat-list--content">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-chat-message">
<div class="araxxe-chat-message--slot">
<div class="araxxe-dot -s36 -fill-half-shade-50">AD
</div>
</div>
<div class="araxxe-chat-message--slot -expand">
<div class="araxxe-chat-message--message">
<div class="araxxe-speech-bubble -me">
Speech bubble text
in
multiple lines.
</div>
</div>
<div class="araxxe-chat-message--info">
<div class="araxxe-horizontal-spacing -s5 -end">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Date</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-icon araxxe-glyph-trash -color-danger -s18 -clickable"></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-chat-message">
<div class="araxxe-chat-message--slot">
<div class="araxxe-dot -s36 -fill-half-main-light">AD
</div>
</div>
<div class="araxxe-chat-message--slot -expand">
<div class="araxxe-chat-message--message">
<div class="araxxe-speech-bubble">
Speech bubble text
in
multiple lines.
</div>
</div>
<div class="araxxe-chat-message--message">
<div class="araxxe-speech-bubble">
Speech bubble text
in
multiple lines.
</div>
</div>
<div class="araxxe-chat-message--message">
<div class="araxxe-screenshot-bubble"><img class="araxxe-screenshot-bubble--image" src="/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg"/>
<div class="araxxe-screenshot-bubble--panel">
<button class="araxxe-dot -s48 -color-shade-30 -clickable -fill-shade-100">
<span class="araxxe-icon araxxe-glyph-zoom-in -s24"></span>
</button>
</div>
</div>
</div>
<div class="araxxe-chat-message--info -right"><span class="araxxe-text-info">Date</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-chat-list--input">
<div class="araxxe-chat-message">
<div class="araxxe-chat-message--slot">
<div class="araxxe-dot -s36 -fill-half-shade-50">AD
</div>
</div>
<div class="araxxe-chat-message--slot -expand">
<div class="araxxe-chat-message--message">
<div class="araxxe-input-group ion--input-secondary">
<div class="araxxe-input-group--slot -expand ion--group">
<textarea class="araxxe-textarea" rows="1"></textarea>
</div>
<div class="araxxe-input-group--slot -input -clickable ion--group">
<span class="araxxe-icon araxxe-glyph-attach -s24"></span>
</div>
</div>
</div>
<div class="araxxe-chat-message--info">
<div class="araxxe-horizontal-spacing -s15">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Tap enter to send</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-shift -color-shade-75 -s16"></span>
<span class="araxxe-icon araxxe-glyph-plus -color-shade-75 -s16"></span>
<span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Shift enter to insert a line break</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-chat-modal--sidebar">
<div class="araxxe-chat-list -messages">
<div class="araxxe-chat-list--header">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-button-select"><span class="araxxe-button-select--text">Button select</span><span class="araxxe-button-select--caret araxxe-glyph-arrow-down"></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-chat-list--content">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<figure class="araxxe-screenshot"><img class="araxxe-screenshot--image" src="/molecule/screenshot/screenshot.jpg" alt="Screenshot"/>
<figcaption class="araxxe-screenshot--panel">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Date</span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dot -s36 -fill-half-main-light">AD
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<address class="araxxe-screenshot--address">First name Last name</address>
</div>
</div>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="araxxe-vertical-spacing--line -align-right">
<button class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -s24 -clickable"></button>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<figure class="araxxe-screenshot"><img class="araxxe-screenshot--image" src="/molecule/screenshot/screenshot.jpg" alt="Screenshot"/>
<figcaption class="araxxe-screenshot--panel">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Date</span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dot -s36 -fill-half-main-light">AD
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<address class="araxxe-screenshot--address">First name Last name</address>
</div>
</div>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="araxxe-vertical-spacing--line -align-right">
<button class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -s24 -clickable"></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>.araxxe-chat-modal
.araxxe-chat-modal--content
.araxxe-chat-modal--messages
.araxxe-chat-list.-messages
.araxxe-chat-list--header
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column
h2.araxxe-title-medium Title medium
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-search.-color-main-light.-s24
.araxxe-chat-list--content
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-chat-message
.araxxe-chat-message--slot
.araxxe-dot.-s36.-fill-half-shade-50.
AD
.araxxe-chat-message--slot.-expand
.araxxe-chat-message--message
.araxxe-speech-bubble.-me.
Speech bubble text in multiple lines.
.araxxe-chat-message--info
.araxxe-horizontal-spacing.-s5.-end
.araxxe-horizontal-spacing--column
span.araxxe-text-info Date
.araxxe-horizontal-spacing--column
button.araxxe-icon.araxxe-glyph-trash.-color-danger.-s18.-clickable
.araxxe-vertical-spacing--line
.araxxe-chat-message
.araxxe-chat-message--slot
.araxxe-dot.-s36.-fill-half-main-light.
AD
.araxxe-chat-message--slot.-expand
.araxxe-chat-message--message
.araxxe-speech-bubble.
Speech bubble text in multiple lines.
.araxxe-chat-message--message
.araxxe-speech-bubble.
Speech bubble text in multiple lines.
.araxxe-chat-message--message
.araxxe-screenshot-bubble
img.araxxe-screenshot-bubble--image(src='/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg')
.araxxe-screenshot-bubble--panel
button.araxxe-dot.-s48.-color-shade-30.-clickable.-fill-shade-100
span.araxxe-icon.araxxe-glyph-zoom-in.-s24
.araxxe-chat-message--info.-right
span.araxxe-text-info Date
.araxxe-chat-list--input
.araxxe-chat-message
.araxxe-chat-message--slot
.araxxe-dot.-s36.-fill-half-shade-50.
AD
.araxxe-chat-message--slot.-expand
.araxxe-chat-message--message
.araxxe-input-group.ion--input-secondary
.araxxe-input-group--slot.-expand.ion--group
textarea.araxxe-textarea(rows='1')
.araxxe-input-group--slot.-input.-clickable.ion--group
span.araxxe-icon.araxxe-glyph-attach.-s24
.araxxe-chat-message--info
.araxxe-horizontal-spacing.-s15
.araxxe-horizontal-spacing--column
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
.araxxe-horizontal-spacing--column
span.araxxe-text-info Tap enter to send
.araxxe-horizontal-spacing--column
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-shift.-color-shade-75.-s16
span.araxxe-icon.araxxe-glyph-plus.-color-shade-75.-s16
span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
.araxxe-horizontal-spacing--column
span.araxxe-text-info Shift enter to insert a line break
.araxxe-chat-modal--sidebar
.araxxe-chat-list.-messages
.araxxe-chat-list--header
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-button-select
span.araxxe-button-select--text Button select
span.araxxe-button-select--caret.araxxe-glyph-arrow-down
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-chat-list--content
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
figure.araxxe-screenshot
img.araxxe-screenshot--image(src='/molecule/screenshot/screenshot.jpg', alt='Screenshot')
figcaption.araxxe-screenshot--panel
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
span.araxxe-text-info Date
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column
.araxxe-dot.-s36.-fill-half-main-light.
AD
.araxxe-horizontal-spacing--column
address.araxxe-screenshot--address First name Last name
.araxxe-vertical-spacing--line.-align-right
button.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-s24.-clickable
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
figure.araxxe-screenshot
img.araxxe-screenshot--image(src='/molecule/screenshot/screenshot.jpg', alt='Screenshot')
figcaption.araxxe-screenshot--panel
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
span.araxxe-text-info Date
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column
.araxxe-dot.-s36.-fill-half-main-light.
AD
.araxxe-horizontal-spacing--column
address.araxxe-screenshot--address First name Last name
.araxxe-vertical-spacing--line.-align-right
button.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-s24.-clickable<div class="araxxe-dark-modal -w320">
<div class="araxxe-vertical-spacing -s15">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-from-to-illustration">
<div class="araxxe-from-to-illustration--from">
<div class="araxxe-icon-flagged -right">
<div class="araxxe-icon-flagged--icon">
<span class="araxxe-icon araxxe-glyph-laptop-gear-up -s58"></span>
</div>
<div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-oio">OIO</span>
</div>
</div>
</div>
<div class="araxxe-from-to-illustration--connection">
<div class="araxxe-from-to-illustration--connector"></div>
<div class="araxxe-from-to-illustration--icon-connector">
<span class="araxxe-icon araxxe-glyph-arrow-right-rounded"></span>
</div>
<div class="araxxe-from-to-illustration--message">
<div class="araxxe-icon-flagged -right">
<div class="araxxe-icon-flagged--icon">
<span class="araxxe-icon araxxe-glyph-mail-bubble -color-main-light -s58"></span>
</div>
<div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-o">O</span>
</div>
</div>
</div>
</div>
<div class="araxxe-from-to-illustration--to">
<div class="araxxe-icon-flagged -left">
<div class="araxxe-icon-flagged--icon">
<span class="araxxe-icon araxxe-glyph-smartphone-mail -s58"></span>
</div>
<div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-o">O</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-shade-100">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-dark-modal--highlight">
<div class="araxxe-vertical-spacing -s0 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Test infection rate
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-rate-chart -fill-service-simbox">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p34">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole -fill-shade-35">
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-simbox -ts48 ">34<span class="araxxe-number--half">%</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button -block">Close
</button>
</div>
</div>
</div>.araxxe-dark-modal.-w320
.araxxe-vertical-spacing.-s15
.araxxe-vertical-spacing--line
.araxxe-from-to-illustration
.araxxe-from-to-illustration--from
.araxxe-icon-flagged.-right
.araxxe-icon-flagged--icon
span.araxxe-icon.araxxe-glyph-laptop-gear-up.-s58
.araxxe-icon-flagged--flag
span.araxxe-flag.-a2psms-oio OIO
.araxxe-from-to-illustration--connection
.araxxe-from-to-illustration--connector
.araxxe-from-to-illustration--icon-connector
span.araxxe-icon.araxxe-glyph-arrow-right-rounded
.araxxe-from-to-illustration--message
.araxxe-icon-flagged.-right
.araxxe-icon-flagged--icon
span.araxxe-icon.araxxe-glyph-mail-bubble.-color-main-light.-s58
.araxxe-icon-flagged--flag
span.araxxe-flag.-a2psms-o O
.araxxe-from-to-illustration--to
.araxxe-icon-flagged.-left
.araxxe-icon-flagged--icon
span.araxxe-icon.araxxe-glyph-smartphone-mail.-s58
.araxxe-icon-flagged--flag
span.araxxe-flag.-a2psms-o O
.araxxe-vertical-spacing--line
p.araxxe-description.-color-shade-100.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
.araxxe-vertical-spacing--line
.araxxe-dark-modal--highlight
.araxxe-vertical-spacing.-s0.-align-center
.araxxe-vertical-spacing--line
.araxxe-title-info.
Test infection rate
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-fill-service-simbox
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p34
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.-fill-shade-35.
.araxxe-horizontal-spacing--column
span.araxxe-number.-color-service-simbox.-ts48
| 34
span.araxxe-number--half %
.araxxe-vertical-spacing--line
button.araxxe-button.-block.
Close
<div class="araxxe-modal -w300">
<div class="araxxe-modal--content">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line -align-center">
<span class="araxxe-icon araxxe-glyph-trash -color-accent -s48"></span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Confirm ?
</p>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button -accent -block">Button
</button>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button -block">Button
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-modal -w300">
<div class="araxxe-modal--content">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
</p>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button -block">Button
</button>
</div>
</div>
</div>
</div>
<div class="araxxe-modal -w700">
<div class="araxxe-modal--header">
<div class="araxxe-modal--header--title">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<button class="araxxe-modal--header--button araxxe-glyph-close"></button>
</div>
<div class="araxxe-modal--content">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s15">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-underlined">
<div class="araxxe-title-underlined--title">
<div class="araxxe-title-info">Title underlined
</div>
</div>
<div class="araxxe-title-underlined--line">
<hr class="araxxe-line"/>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
</p>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s15">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-underlined">
<div class="araxxe-title-underlined--title">
<div class="araxxe-title-info">Title underlined
</div>
</div>
<div class="araxxe-title-underlined--line">
<hr class="araxxe-line"/>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-modal -w700">
<div class="araxxe-modal--header">
<div class="araxxe-modal--header--title">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<button class="araxxe-modal--header--button araxxe-glyph-close"></button>
</div>
<div class="araxxe-modal--content">
<form>
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-field" title="Field label">
<label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
</label>
<div class="araxxe-field--group">
<input class="araxxe-input-text" type="text"/>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s20 -equivalent -top">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-field ion--field-error" title="Field label">
<label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
</label>
<div class="araxxe-field--group">
<input class="araxxe-input-text" type="text"/>
<div class="araxxe-field--message"><span class="araxxe-tooltip-field -error"><span class="araxxe-tooltip-field--icon araxxe-glyph-contact"></span><span class="araxxe-tooltip-field--text">Tooltip field</span><span class="araxxe-tooltip-field--triangle"></span></span>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-field" title="Field label">
<label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
</label>
<div class="araxxe-field--group">
<div class="araxxe-input-group">
<div class="araxxe-input-group--slot -expand ion--group">
<input class="araxxe-input-text" type="text"/>
</div>
<div class="araxxe-input-group--slot -input -clickable ion--group">
<span class="araxxe-icon araxxe-glyph-date-range -color-main -s24"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s20 -equivalent -top">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-field" title="Field label">
<label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
</label>
<div class="araxxe-field--group">
<button class="araxxe-input-select"><span class="araxxe-input-select--input">Select</span><span class="araxxe-input-select--button">
<span class="araxxe-icon araxxe-glyph-arrow-down -color-main -s24"></span></span></button>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-field" title="Field label">
<label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
</label>
<div class="araxxe-field--group">
<button class="araxxe-input-select"><span class="araxxe-input-select--input">Select</span><span class="araxxe-input-select--button">
<span class="araxxe-icon araxxe-glyph-arrow-down -color-main -s24"></span></span></button>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-field" title="Field label">
<label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
</label>
<div class="araxxe-field--group">
<textarea class="araxxe-textarea" rows="3"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s20 -middle -center">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button">Button
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="araxxe-modal -w550">
<div class="araxxe-modal--header">
<div class="araxxe-modal--header--title">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<button class="araxxe-modal--header--button araxxe-glyph-close"></button>
</div>
<div class="araxxe-modal--content">
<form>
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-field" title="Field label">
<label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
</label>
<div class="araxxe-field--group">
<div class="araxxe-horizontal-spacing -s20 -middle">
<div class="araxxe-horizontal-spacing--column -expand">
<input class="araxxe-input-text" type="text"/>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button -accent">Button
</button>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-checkbox -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-accent -s24 -clickable"></span>
</div>
</button>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-checkbox-checked -color-main -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-accent -s24 -clickable"></span>
</div>
</button>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-checkbox -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-accent -s24 -clickable"></span>
</div>
</button>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s20 -middle -center">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button -ghost">Button
</button>
</div>
<div class="araxxe-horizontal-spacing--column -expand -align-right">
<button class="araxxe-button">Button
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>.araxxe-modal.-w300
.araxxe-modal--content
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line.-align-center
span.araxxe-icon.araxxe-glyph-trash.-color-accent.-s48
.araxxe-vertical-spacing--line.-align-center
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Confirm ?
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
button.araxxe-button.-accent.-block.
Button
.araxxe-vertical-spacing--line
button.araxxe-button.-block.
Button
.araxxe-modal.-w300
.araxxe-modal--content
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
p.araxxe-description.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
.araxxe-vertical-spacing--line
button.araxxe-button.-block.
Button
.araxxe-modal.-w700
.araxxe-modal--header
.araxxe-modal--header--title
h2.araxxe-title-medium Title medium
button.araxxe-modal--header--button.araxxe-glyph-close
.araxxe-modal--content
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s15
.araxxe-vertical-spacing--line
.araxxe-title-underlined
.araxxe-title-underlined--title
.araxxe-title-info.
Title underlined
.araxxe-title-underlined--line
hr.araxxe-line
.araxxe-vertical-spacing--line
p.araxxe-paragraph.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s15
.araxxe-vertical-spacing--line
.araxxe-title-underlined
.araxxe-title-underlined--title
.araxxe-title-info.
Title underlined
.araxxe-title-underlined--line
hr.araxxe-line
.araxxe-vertical-spacing--line
p.araxxe-paragraph.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
.araxxe-modal.-w700
.araxxe-modal--header
.araxxe-modal--header--title
h2.araxxe-title-medium Title medium
button.araxxe-modal--header--button.araxxe-glyph-close
.araxxe-modal--content
form
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.araxxe-field(title='Field label')
label.araxxe-field--label
span.araxxe-text-info Field label
.araxxe-field--group
input.araxxe-input-text(type='text')
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s20.-equivalent.-top
.araxxe-horizontal-spacing--column
.araxxe-field.ion--field-error(title='Field label')
label.araxxe-field--label
span.araxxe-text-info Field label
.araxxe-field--group
input.araxxe-input-text(type='text')
.araxxe-field--message
span.araxxe-tooltip-field.-error
span.araxxe-tooltip-field--icon.araxxe-glyph-contact
span.araxxe-tooltip-field--text Tooltip field
span.araxxe-tooltip-field--triangle
.araxxe-horizontal-spacing--column
.araxxe-field(title='Field label')
label.araxxe-field--label
span.araxxe-text-info Field label
.araxxe-field--group
.araxxe-input-group
.araxxe-input-group--slot.-expand.ion--group
input.araxxe-input-text(type='text')
.araxxe-input-group--slot.-input.-clickable.ion--group
span.araxxe-icon.araxxe-glyph-date-range.-color-main.-s24
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s20.-equivalent.-top
.araxxe-horizontal-spacing--column
.araxxe-field(title='Field label')
label.araxxe-field--label
span.araxxe-text-info Field label
.araxxe-field--group
button.araxxe-input-select
span.araxxe-input-select--input Select
span.araxxe-input-select--button
span.araxxe-icon.araxxe-glyph-arrow-down.-color-main.-s24
.araxxe-horizontal-spacing--column
.araxxe-field(title='Field label')
label.araxxe-field--label
span.araxxe-text-info Field label
.araxxe-field--group
button.araxxe-input-select
span.araxxe-input-select--input Select
span.araxxe-input-select--button
span.araxxe-icon.araxxe-glyph-arrow-down.-color-main.-s24
.araxxe-vertical-spacing--line
.araxxe-field(title='Field label')
label.araxxe-field--label
span.araxxe-text-info Field label
.araxxe-field--group
textarea.araxxe-textarea(rows='3')
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s20.-middle.-center
.araxxe-horizontal-spacing--column
button.araxxe-button.
Button
.araxxe-modal.-w550
.araxxe-modal--header
.araxxe-modal--header--title
h2.araxxe-title-medium Title medium
button.araxxe-modal--header--button.araxxe-glyph-close
.araxxe-modal--content
form
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-field(title='Field label')
label.araxxe-field--label
span.araxxe-text-info Field label
.araxxe-field--group
.araxxe-horizontal-spacing.-s20.-middle
.araxxe-horizontal-spacing--column.-expand
input.araxxe-input-text(type='text')
.araxxe-horizontal-spacing--column
button.araxxe-button.-accent.
Button
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-checkbox.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-accent.-s24.-clickable
.araxxe-vertical-spacing--line
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-checkbox-checked.-color-main.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-accent.-s24.-clickable
.araxxe-vertical-spacing--line
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-checkbox.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-accent.-s24.-clickable
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s20.-middle.-center
.araxxe-horizontal-spacing--column
button.araxxe-button.-ghost.
Button
.araxxe-horizontal-spacing--column.-expand.-align-right
button.araxxe-button.
Button
<div class="araxxe-news-banner" style="background-image: url('/organism/news-banner/news-banner.jpg')">
<div class="araxxe-news-banner--content">
<div class="araxxe-news-banner--slot">
<div class="araxxe-horizontal-spacing -s30 -left -middle">
<div class="araxxe-horizontal-spacing--column">
<h1 class="araxxe-title-big -light">Title big
</h1>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-horizontal-spacing -s15 -left -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dot -s6 -fill-shade-100">
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-dot -s6 -clickable -fill-half-shade-100">
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-dot -s6 -clickable -fill-half-shade-100">
</button>
</div>
</div>
</div>
</div>
<div class="araxxe-news-banner--navigation">
<div class="araxxe-horizontal-spacing -s20 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-icon araxxe-glyph-arrow-left-rounded -color-shade-100 -s24 -clickable"></button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-icon araxxe-glyph-arrow-right-rounded -color-shade-100 -s24 -clickable"></button>
</div>
</div>
</div>
</div>
<div class="araxxe-news-banner--slot">
<div class="araxxe-horizontal-spacing -s30 -equivalent -top">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-news-summary">
<div class="araxxe-news-summary--date">02.06.2020</div>
<div class="araxxe-news-summary--summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-news-summary">
<div class="araxxe-news-summary--date">02.06.2020</div>
<div class="araxxe-news-summary--summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-news-summary">
<div class="araxxe-news-summary--date">02.06.2020</div>
<div class="araxxe-news-summary--summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.</div>
</div>
</div>
</div>
</div>
</div>
</div>.araxxe-news-banner(style='background-image: url(\'/organism/news-banner/news-banner.jpg\')')
.araxxe-news-banner--content
.araxxe-news-banner--slot
.araxxe-horizontal-spacing.-s30.-left.-middle
.araxxe-horizontal-spacing--column
h1.araxxe-title-big.-light.
Title big
.araxxe-horizontal-spacing--column
.araxxe-horizontal-spacing.-s15.-left.-middle
.araxxe-horizontal-spacing--column
.araxxe-dot.-s6.-fill-shade-100.
.araxxe-horizontal-spacing--column
button.araxxe-dot.-s6.-clickable.-fill-half-shade-100.
.araxxe-horizontal-spacing--column
button.araxxe-dot.-s6.-clickable.-fill-half-shade-100.
.araxxe-news-banner--navigation
.araxxe-horizontal-spacing.-s20.-center.-middle
.araxxe-horizontal-spacing--column
button.araxxe-icon.araxxe-glyph-arrow-left-rounded.-color-shade-100.-s24.-clickable
.araxxe-horizontal-spacing--column
button.araxxe-icon.araxxe-glyph-arrow-right-rounded.-color-shade-100.-s24.-clickable
.araxxe-news-banner--slot
.araxxe-horizontal-spacing.-s30.-equivalent.-top
.araxxe-horizontal-spacing--column
.araxxe-news-summary
.araxxe-news-summary--date 02.06.2020
.araxxe-news-summary--summary Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.
.araxxe-horizontal-spacing--column
.araxxe-news-summary
.araxxe-news-summary--date 02.06.2020
.araxxe-news-summary--summary Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.
.araxxe-horizontal-spacing--column
.araxxe-news-summary
.araxxe-news-summary--date 02.06.2020
.araxxe-news-summary--summary Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.<div class="araxxe-page-container">
<div class="araxxe-page-container--content">Page container
</div>
</div>
<div class="araxxe-page-container">
<div class="araxxe-page-container--content -v70">Page container
</div>
</div>
<div class="araxxe-page-container">
<div class="araxxe-page-container--tabs">
<div class="araxxe-tabs-page">
<div class="araxxe-tabs-page--tab">
<div class="araxxe-tab-page -selected">
<div class="araxxe-tab-page--text">Tab page</div>
</div>
</div>
<div class="araxxe-tabs-page--tab">
<div class="araxxe-tab-page">
<div class="araxxe-tab-page--text">Tab page</div>
</div>
</div>
<div class="araxxe-tabs-page--tab">
<div class="araxxe-tab-page -disabled">
<div class="araxxe-tab-page--text">Tab page</div>
</div>
</div>
</div>
</div>
<div class="araxxe-page-container--content">Page container
</div>
</div>.araxxe-page-container
.araxxe-page-container--content.
Page container
.araxxe-page-container
.araxxe-page-container--content.-v70.
Page container
.araxxe-page-container
.araxxe-page-container--tabs
.araxxe-tabs-page
.araxxe-tabs-page--tab
.araxxe-tab-page.-selected
.araxxe-tab-page--text Tab page
.araxxe-tabs-page--tab
.araxxe-tab-page
.araxxe-tab-page--text Tab page
.araxxe-tabs-page--tab
.araxxe-tab-page.-disabled
.araxxe-tab-page--text Tab page
.araxxe-page-container--content.
Page container
<div class="araxxe-popover">
<button class="araxxe-popover--slot -clickable"><span class="araxxe-text-info">Clickable entry</span>
</button>
<div class="araxxe-popover--slot">
<div class="araxxe-horizontal-spacing -s15">
<div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Labeled entry</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-popover--slot--button"><span class="araxxe-text-info">en</span>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-popover--slot--button -active"><span class="araxxe-text-info">fr</span>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-popover--slot--button"><span class="araxxe-text-info">es</span>
</div>
</div>
</div>
</div>
<div class="araxxe-popover--separator"></div>
<button class="araxxe-popover--slot -clickable"><span class="araxxe-text-info">Clickable entry</span>
</button>
</div>.araxxe-popover
button.araxxe-popover--slot.-clickable
span.araxxe-text-info Clickable entry
.araxxe-popover--slot
.araxxe-horizontal-spacing.-s15
.araxxe-horizontal-spacing--column.-expand
span.araxxe-text-info Labeled entry
.araxxe-horizontal-spacing--column
.araxxe-popover--slot--button
span.araxxe-text-info en
.araxxe-horizontal-spacing--column
.araxxe-popover--slot--button.-active
span.araxxe-text-info fr
.araxxe-horizontal-spacing--column
.araxxe-popover--slot--button
span.araxxe-text-info es
.araxxe-popover--separator
button.araxxe-popover--slot.-clickable
span.araxxe-text-info Clickable entry<div class="araxxe-recipient-card">
<div class="araxxe-tile -horizontal">
<div class="araxxe-tile--slot -g1">
<div class="araxxe-recipient-card--content">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">SOO
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle -center">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-rate-chart -s48 ">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p10">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole">
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-main -ts48 ">10<span class="araxxe-number--half">%</span></span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line -align-right">
<button class="araxxe-icon araxxe-glyph-info -color-shade-75 -hover-color-shade-85 -s24 -clickable"></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-tile--slot -clickable -g3">
<div class="araxxe-tile -vertical">
<div class="araxxe-tile--slot -expand">
<div class="araxxe-recipient-card--header">
<div class="araxxe-from-to">
<div class="araxxe-from-to--from"><span class="araxxe-flag -a2psms-olo">O</span>
</div>
<div class="araxxe-from-to--icon araxxe-glyph-arrow-right-line"></div>
<div class="araxxe-from-to--to -a2psms-o"><span class="araxxe-flag -a2psms-o -inverted">O</span>
</div>
</div>
</div>
<div class="araxxe-recipient-card--content">
<div class="araxxe-horizontal-separe -equivalent">
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">From
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">To
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-tile--slot">
<div class="araxxe-recipient-card--content">
<div class="araxxe-horizontal-spacing">
<div class="araxxe-horizontal-spacing--column -g1">
<div class="araxxe-horizontal-spacing -s10 -bottom">
<div class="araxxe-horizontal-spacing--column">
<p class="araxxe-description">1500
</p>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -g1">
<div class="araxxe-horizontal-spacing -s10 -bottom">
<div class="araxxe-horizontal-spacing--column">
<p class="araxxe-description">1500
</p>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -g2 -align-right">
<div class="araxxe-subtitle-card">From 12 december 2020 to 30 february 2021
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-recipient-card">
<div class="araxxe-tile -horizontal">
<div class="araxxe-tile--slot -g1">
<div class="araxxe-tile -vertical">
<div class="araxxe-tile--slot -expand -flat">
<div class="araxxe-recipient-card--content">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing">
<div class="araxxe-horizontal-spacing--column -expand">
<p class="araxxe-description">MOO
</p>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-icon araxxe-glyph-info -color-shade-75 -hover-color-shade-85 -s16 -clickable"></button>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle -center">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-rate-chart -s48 -fill-service-simbox">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p10">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole">
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-simbox -ts48 ">10<span class="araxxe-number--half">%</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-tile--slot -secondary">
<div class="araxxe-recipient-card--content">
<div class="araxxe-horizontal-spacing -s5 -center -bottom">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-simbox -ts18 ">47%</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-subtitle-card">of Bypass events
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-tile--slot -clickable -g3">
<div class="araxxe-tile -vertical">
<div class="araxxe-tile--slot -expand -flat">
<div class="araxxe-recipient-card--content">
<div class="araxxe-recipient-card--content--arrow araxxe-glyph-arrow-right-line"></div>
<div class="araxxe-horizontal-separe -equivalent">
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s15 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-icon-flagged -right">
<div class="araxxe-icon-flagged--icon">
<span class="araxxe-icon araxxe-glyph-simcard-national -s58"></span>
</div>
<div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -simbox-olo">OLO</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s15 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-icon-flagged -left">
<div class="araxxe-icon-flagged--icon">
<span class="araxxe-icon araxxe-glyph-mobile -s58"></span>
</div>
<div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -simbox-o">O</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-tile--slot -secondary">
<div class="araxxe-recipient-card--content">
<div class="araxxe-horizontal-spacing -s20">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-horizontal-spacing -s10 -bottom">
<div class="araxxe-horizontal-spacing--column">
<p class="araxxe-description">1500
</p>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-horizontal-spacing -s10 -bottom">
<div class="araxxe-horizontal-spacing--column">
<p class="araxxe-description">1500
</p>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color:#f8f7f5;padding:10px">
<div class="araxxe-recipient-card -flat">
<div class="araxxe-recipient-card--header">
<div class="araxxe-from-to">
<div class="araxxe-from-to--from"><span class="araxxe-text-info">From</span>
</div>
<div class="araxxe-from-to--icon araxxe-glyph-arrow-right-line"></div>
<div class="araxxe-from-to--to -a2psms-oio"><span class="araxxe-text-info">To</span>
</div>
</div>
</div>
<div class="araxxe-recipient-card--content">
<div class="araxxe-horizontal-spacing -s20 -middle">
<div class="araxxe-horizontal-spacing--column -expand">
<div class="araxxe-vertical-spacing -s15 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-icon-flagged -right">
<div class="araxxe-icon-flagged--icon">
<span class="araxxe-icon araxxe-glyph-laptop-gear-up -s58"></span>
</div>
<div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-olo">OLO</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -w70">
<div class="araxxe-vertical-spacing -s0 -align-center">
<div class="araxxe-vertical-spacing--line">
<span class="araxxe-icon araxxe-glyph-mail-bubble -color-main-light -s48"></span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-connector"></div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -expand">
<div class="araxxe-vertical-spacing -s15 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-icon-flagged -left">
<div class="araxxe-icon-flagged--icon">
<span class="araxxe-icon araxxe-glyph-smartphone-mail -s58"></span>
</div>
<div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-o">O</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color:#f8f7f5;padding:10px">
<div class="araxxe-recipient-card -faded">
<div class="araxxe-recipient-card--header">
<div class="araxxe-from-to">
<div class="araxxe-from-to--from"><span class="araxxe-text-info">From</span>
</div>
<div class="araxxe-from-to--icon araxxe-glyph-arrow-right-line"></div>
<div class="araxxe-from-to--to -a2psms-oio"><span class="araxxe-text-info">To</span>
</div>
</div>
</div>
<div class="araxxe-recipient-card--content">
<div class="araxxe-horizontal-spacing -s20 -middle">
<div class="araxxe-horizontal-spacing--column -expand">
<div class="araxxe-vertical-spacing -s15 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-icon-flagged -right">
<div class="araxxe-icon-flagged--icon">
<span class="araxxe-icon araxxe-glyph-laptop-gear-up -s58"></span>
</div>
<div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-olo">OLO</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -w70">
<div class="araxxe-vertical-spacing -s0 -align-center">
<div class="araxxe-vertical-spacing--line">
<span class="araxxe-icon araxxe-glyph-mail-bubble -color-main-light -s48"></span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-connector"></div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -expand">
<div class="araxxe-vertical-spacing -s15 -align-center">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-icon-flagged -left">
<div class="araxxe-icon-flagged--icon">
<span class="araxxe-icon araxxe-glyph-smartphone-mail -s58"></span>
</div>
<div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-o">O</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>.araxxe-recipient-card
.araxxe-tile.-horizontal
.araxxe-tile--slot.-g1
.araxxe-recipient-card--content
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
p.araxxe-description.
SOO
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5.-align-center
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle.-center
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-s48
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p10
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.
.araxxe-horizontal-spacing--column
span.araxxe-number.-color-main.-ts48
| 10
span.araxxe-number--half %
.araxxe-vertical-spacing--line.-align-right
button.araxxe-icon.araxxe-glyph-info.-color-shade-75.-hover-color-shade-85.-s24.-clickable
.araxxe-tile--slot.-clickable.-g3
.araxxe-tile.-vertical
.araxxe-tile--slot.-expand
.araxxe-recipient-card--header
.araxxe-from-to
.araxxe-from-to--from
span.araxxe-flag.-a2psms-olo O
.araxxe-from-to--icon.araxxe-glyph-arrow-right-line
.araxxe-from-to--to.-a2psms-o
span.araxxe-flag.-a2psms-o.-inverted O
.araxxe-recipient-card--content
.araxxe-horizontal-separe.-equivalent
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0.-align-center
.araxxe-vertical-spacing--line
.araxxe-title-info.
From
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s0.-align-center
.araxxe-vertical-spacing--line
.araxxe-title-info.
To
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
.araxxe-tile--slot
.araxxe-recipient-card--content
.araxxe-horizontal-spacing
.araxxe-horizontal-spacing--column.-g1
.araxxe-horizontal-spacing.-s10.-bottom
.araxxe-horizontal-spacing--column
p.araxxe-description.
1500
.araxxe-horizontal-spacing--column
span.araxxe-unit Unit
.araxxe-horizontal-spacing--column.-g1
.araxxe-horizontal-spacing.-s10.-bottom
.araxxe-horizontal-spacing--column
p.araxxe-description.
1500
.araxxe-horizontal-spacing--column
span.araxxe-unit Unit
.araxxe-horizontal-spacing--column.-g2.-align-right
.araxxe-subtitle-card.
From 12 december 2020 to 30 february 2021
.araxxe-recipient-card
.araxxe-tile.-horizontal
.araxxe-tile--slot.-g1
.araxxe-tile.-vertical
.araxxe-tile--slot.-expand.-flat
.araxxe-recipient-card--content
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing
.araxxe-horizontal-spacing--column.-expand
p.araxxe-description.
MOO
.araxxe-horizontal-spacing--column
button.araxxe-icon.araxxe-glyph-info.-color-shade-75.-hover-color-shade-85.-s16.-clickable
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5.-align-center
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle.-center
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-s48.-fill-service-simbox
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p10
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.
.araxxe-horizontal-spacing--column
span.araxxe-number.-color-service-simbox.-ts48
| 10
span.araxxe-number--half %
.araxxe-tile--slot.-secondary
.araxxe-recipient-card--content
.araxxe-horizontal-spacing.-s5.-center.-bottom
.araxxe-horizontal-spacing--column
span.araxxe-number.-color-service-simbox.-ts18 47%
.araxxe-horizontal-spacing--column
.araxxe-subtitle-card.
of Bypass events
.araxxe-tile--slot.-clickable.-g3
.araxxe-tile.-vertical
.araxxe-tile--slot.-expand.-flat
.araxxe-recipient-card--content
.araxxe-recipient-card--content--arrow.araxxe-glyph-arrow-right-line
.araxxe-horizontal-separe.-equivalent
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s15.-align-center
.araxxe-vertical-spacing--line
.araxxe-icon-flagged.-right
.araxxe-icon-flagged--icon
span.araxxe-icon.araxxe-glyph-simcard-national.-s58
.araxxe-icon-flagged--flag
span.araxxe-flag.-simbox-olo OLO
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-vertical-spacing.-s15.-align-center
.araxxe-vertical-spacing--line
.araxxe-icon-flagged.-left
.araxxe-icon-flagged--icon
span.araxxe-icon.araxxe-glyph-mobile.-s58
.araxxe-icon-flagged--flag
span.araxxe-flag.-simbox-o O
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
.araxxe-tile--slot.-secondary
.araxxe-recipient-card--content
.araxxe-horizontal-spacing.-s20
.araxxe-horizontal-spacing--column
.araxxe-horizontal-spacing.-s10.-bottom
.araxxe-horizontal-spacing--column
p.araxxe-description.
1500
.araxxe-horizontal-spacing--column
span.araxxe-unit Unit
.araxxe-horizontal-spacing--column
.araxxe-horizontal-spacing.-s10.-bottom
.araxxe-horizontal-spacing--column
p.araxxe-description.
1500
.araxxe-horizontal-spacing--column
span.araxxe-unit Unit
div(style='background-color:#f8f7f5;padding:10px')
.araxxe-recipient-card.-flat
.araxxe-recipient-card--header
.araxxe-from-to
.araxxe-from-to--from
span.araxxe-text-info From
.araxxe-from-to--icon.araxxe-glyph-arrow-right-line
.araxxe-from-to--to.-a2psms-oio
span.araxxe-text-info To
.araxxe-recipient-card--content
.araxxe-horizontal-spacing.-s20.-middle
.araxxe-horizontal-spacing--column.-expand
.araxxe-vertical-spacing.-s15.-align-center
.araxxe-vertical-spacing--line
.araxxe-icon-flagged.-right
.araxxe-icon-flagged--icon
span.araxxe-icon.araxxe-glyph-laptop-gear-up.-s58
.araxxe-icon-flagged--flag
span.araxxe-flag.-a2psms-olo OLO
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
.araxxe-horizontal-spacing--column.-w70
.araxxe-vertical-spacing.-s0.-align-center
.araxxe-vertical-spacing--line
span.araxxe-icon.araxxe-glyph-mail-bubble.-color-main-light.-s48
.araxxe-vertical-spacing--line
.araxxe-connector
.araxxe-horizontal-spacing--column.-expand
.araxxe-vertical-spacing.-s15.-align-center
.araxxe-vertical-spacing--line
.araxxe-icon-flagged.-left
.araxxe-icon-flagged--icon
span.araxxe-icon.araxxe-glyph-smartphone-mail.-s58
.araxxe-icon-flagged--flag
span.araxxe-flag.-a2psms-o O
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
div(style='background-color:#f8f7f5;padding:10px')
.araxxe-recipient-card.-faded
.araxxe-recipient-card--header
.araxxe-from-to
.araxxe-from-to--from
span.araxxe-text-info From
.araxxe-from-to--icon.araxxe-glyph-arrow-right-line
.araxxe-from-to--to.-a2psms-oio
span.araxxe-text-info To
.araxxe-recipient-card--content
.araxxe-horizontal-spacing.-s20.-middle
.araxxe-horizontal-spacing--column.-expand
.araxxe-vertical-spacing.-s15.-align-center
.araxxe-vertical-spacing--line
.araxxe-icon-flagged.-right
.araxxe-icon-flagged--icon
span.araxxe-icon.araxxe-glyph-laptop-gear-up.-s58
.araxxe-icon-flagged--flag
span.araxxe-flag.-a2psms-olo OLO
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
.araxxe-horizontal-spacing--column.-w70
.araxxe-vertical-spacing.-s0.-align-center
.araxxe-vertical-spacing--line
span.araxxe-icon.araxxe-glyph-mail-bubble.-color-main-light.-s48
.araxxe-vertical-spacing--line
.araxxe-connector
.araxxe-horizontal-spacing--column.-expand
.araxxe-vertical-spacing.-s15.-align-center
.araxxe-vertical-spacing--line
.araxxe-icon-flagged.-left
.araxxe-icon-flagged--icon
span.araxxe-icon.araxxe-glyph-smartphone-mail.-s58
.araxxe-icon-flagged--flag
span.araxxe-flag.-a2psms-o O
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
<div class="araxxe-sheet">
<div class="araxxe-sheet--header">
<div class="araxxe-sheet-line ">
<div class="araxxe-sheet-line--slot -g3"></div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--icon">
<span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
</div>
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--icon">
<span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
</div>
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--icon">
<span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
</div>
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--icon">
<span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
</div>
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--toggle">
<div class="araxxe-sheet--summary">
<div class="araxxe-sheet-line -faded ">
<div class="araxxe-sheet-line--slot -g3">
<div class="araxxe-label-legend -toggle -align-left">
<div class="araxxe-label-legend--label">Text</div>
<div class="araxxe-label-legend--legend">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">Toggle this line</div>
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -primary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-unit">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -primary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-unit">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -primary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -primary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Longer label legend text
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--details -hidden">
<div class="araxxe-sheet--line">
<div class="araxxe-sheet-line ">
<div class="araxxe-sheet-line--slot -g3">
<div class="araxxe-label-legend -secondary -align-left">
<div class="araxxe-label-legend--label">Text</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Longer label legend text
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--line">
<div class="araxxe-sheet-line ">
<div class="araxxe-sheet-line--slot -g3">
<div class="araxxe-label-legend -secondary -align-left">
<div class="araxxe-label-legend--label">Text</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Longer label legend text
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--line">
<div class="araxxe-sheet-line ">
<div class="araxxe-sheet-line--slot -g3">
<div class="araxxe-label-legend -secondary -align-left">
<div class="araxxe-label-legend--label">Text</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Longer label legend text
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--toggle">
<div class="araxxe-sheet--summary">
<div class="araxxe-sheet-line -faded ">
<div class="araxxe-sheet-line--slot -g3">
<div class="araxxe-label-legend -toggle -align-left">
<div class="araxxe-label-legend--label">Text</div>
<div class="araxxe-label-legend--legend">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">Toggle this line</div>
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -primary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-unit">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -primary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-unit">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -primary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -primary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Longer label legend text
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--details">
<div class="araxxe-sheet--line">
<div class="araxxe-sheet-line ">
<div class="araxxe-sheet-line--slot -g3">
<div class="araxxe-label-legend -secondary -align-left">
<div class="araxxe-label-legend--label">Text</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Longer label legend text
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--line">
<div class="araxxe-sheet-line ">
<div class="araxxe-sheet-line--slot -g3">
<div class="araxxe-label-legend -secondary -align-left">
<div class="araxxe-label-legend--label">Text</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Longer label legend text
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--line">
<div class="araxxe-sheet-line ">
<div class="araxxe-sheet-line--slot -g3">
<div class="araxxe-label-legend -secondary -align-left">
<div class="araxxe-label-legend--label">Text</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Label legend
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g2">
<div class="araxxe-label-legend -secondary">
<div class="araxxe-label-legend--label">4242</div>
<div class="araxxe-label-legend--legend">Longer label legend text
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet">
<div class="araxxe-sheet--header">
<div class="araxxe-sheet-line -no-space-left ">
<div class="araxxe-sheet-line--slot -g1">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-sheet-line--slot -w150">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--icon">
<span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
</div>
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -w150">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--icon">
<span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
</div>
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -w150">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--icon">
<span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
</div>
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--pie-chart">
<div class="araxxe-card -faded">
<div class="araxxe-horizontal-spacing -s30 -top -center">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-pie-chart">
<div class="araxxe-pie-chart--content">
<div class="araxxe-pie-chart--number">42</div>
<div class="araxxe-pie-chart--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-pie-chart--piece -fill-graph-1 -o0 -p35">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
<div class="araxxe-pie-chart--piece -fill-graph-2 -o35 -p30">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
<div class="araxxe-pie-chart--piece -fill-graph-3 -o65 -p20">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
<div class="araxxe-pie-chart--piece -fill-graph-4 -o85 -p10">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
<div class="araxxe-pie-chart--piece -fill-graph-5 -o95 -p5">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -expand">
<table class="araxxe-table-simple -underlined">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -w34"><span class="araxxe-spot -s18 -fill-graph-1"></span>
</td>
<td class="araxxe-table-simple--cell">
<p class="araxxe-description">Label 1
</p>
</td>
<td class="araxxe-table-simple--cell -w150">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Abc
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">203
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">1234
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">42
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -w34"><span class="araxxe-spot -s18 -fill-graph-2"></span>
</td>
<td class="araxxe-table-simple--cell">
<p class="araxxe-description">Label 2
</p>
</td>
<td class="araxxe-table-simple--cell -w150">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Abc
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">203
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">1234
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">42
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -w34"><span class="araxxe-spot -s18 -fill-graph-3"></span>
</td>
<td class="araxxe-table-simple--cell">
<p class="araxxe-description">Label 3
</p>
</td>
<td class="araxxe-table-simple--cell -w150">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Abc
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">203
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">1234
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">42
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -w34"><span class="araxxe-spot -s18 -fill-graph-4"></span>
</td>
<td class="araxxe-table-simple--cell">
<p class="araxxe-description">Label 4
</p>
</td>
<td class="araxxe-table-simple--cell -w150">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Abc
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">203
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">1234
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">42
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -w34"><span class="araxxe-spot -s18 -fill-graph-5"></span>
</td>
<td class="araxxe-table-simple--cell">
<p class="araxxe-description">Label 5
</p>
</td>
<td class="araxxe-table-simple--cell -w150">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Abc
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">203
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">1234
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
<td class="araxxe-table-simple--cell -w150 -align-center">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">42
</p>
</div>
<div class="araxxe-vertical-spacing--line">Unit</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>.araxxe-sheet
.araxxe-sheet--header
.araxxe-sheet-line
.araxxe-sheet-line--slot.-g3
.araxxe-sheet-line--slot.-g2
.araxxe-sheet-head
.araxxe-sheet-head--icon
span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet-line--slot.-g2
.araxxe-sheet-head
.araxxe-sheet-head--icon
span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet-line--slot.-g2
.araxxe-sheet-head
.araxxe-sheet-head--icon
span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet-line--slot.-g2
.araxxe-sheet-head
.araxxe-sheet-head--icon
span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet--toggle
.araxxe-sheet--summary
.araxxe-sheet-line.-faded
.araxxe-sheet-line--slot.-g3
.araxxe-label-legend.-toggle.-align-left
.araxxe-label-legend--label Text
.araxxe-label-legend--legend
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column Toggle this line
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-arrow-down.-s24
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-primary
.araxxe-label-legend--label
| 4242
span.araxxe-unit unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-primary
.araxxe-label-legend--label
| 4242
span.araxxe-unit unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-primary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-primary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Longer label legend text
.araxxe-sheet--details.-hidden
.araxxe-sheet--line
.araxxe-sheet-line
.araxxe-sheet-line--slot.-g3
.araxxe-label-legend.-secondary.-align-left
.araxxe-label-legend--label Text
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Longer label legend text
.araxxe-sheet--line
.araxxe-sheet-line
.araxxe-sheet-line--slot.-g3
.araxxe-label-legend.-secondary.-align-left
.araxxe-label-legend--label Text
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Longer label legend text
.araxxe-sheet--line
.araxxe-sheet-line
.araxxe-sheet-line--slot.-g3
.araxxe-label-legend.-secondary.-align-left
.araxxe-label-legend--label Text
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Longer label legend text
.araxxe-sheet--toggle
.araxxe-sheet--summary
.araxxe-sheet-line.-faded
.araxxe-sheet-line--slot.-g3
.araxxe-label-legend.-toggle.-align-left
.araxxe-label-legend--label Text
.araxxe-label-legend--legend
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column Toggle this line
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-arrow-down.-s24
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-primary
.araxxe-label-legend--label
| 4242
span.araxxe-unit unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-primary
.araxxe-label-legend--label
| 4242
span.araxxe-unit unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-primary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-primary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Longer label legend text
.araxxe-sheet--details
.araxxe-sheet--line
.araxxe-sheet-line
.araxxe-sheet-line--slot.-g3
.araxxe-label-legend.-secondary.-align-left
.araxxe-label-legend--label Text
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Longer label legend text
.araxxe-sheet--line
.araxxe-sheet-line
.araxxe-sheet-line--slot.-g3
.araxxe-label-legend.-secondary.-align-left
.araxxe-label-legend--label Text
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Longer label legend text
.araxxe-sheet--line
.araxxe-sheet-line
.araxxe-sheet-line--slot.-g3
.araxxe-label-legend.-secondary.-align-left
.araxxe-label-legend--label Text
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label
| 4242
span.araxxe-text.-uppercase unit
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Label legend
.araxxe-sheet-line--slot.-g2
.araxxe-label-legend.-secondary
.araxxe-label-legend--label 4242
.araxxe-label-legend--legend.
Longer label legend text
.araxxe-sheet
.araxxe-sheet--header
.araxxe-sheet-line.-no-space-left
.araxxe-sheet-line--slot.-g1
h2.araxxe-title-medium Title medium
.araxxe-sheet-line--slot.-w150
.araxxe-sheet-head
.araxxe-sheet-head--icon
span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet-line--slot.-w150
.araxxe-sheet-head
.araxxe-sheet-head--icon
span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet-line--slot.-w150
.araxxe-sheet-head
.araxxe-sheet-head--icon
span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet--pie-chart
.araxxe-card.-faded
.araxxe-horizontal-spacing.-s30.-top.-center
.araxxe-horizontal-spacing--column
.araxxe-pie-chart
.araxxe-pie-chart--content
.araxxe-pie-chart--number 42
.araxxe-pie-chart--unit
span.araxxe-unit Unit
.araxxe-pie-chart--piece.-fill-graph-1.-o0.-p35
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-pie-chart--piece.-fill-graph-2.-o35.-p30
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-pie-chart--piece.-fill-graph-3.-o65.-p20
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-pie-chart--piece.-fill-graph-4.-o85.-p10
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-pie-chart--piece.-fill-graph-5.-o95.-p5
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-horizontal-spacing--column.-expand
table.araxxe-table-simple.-underlined
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-w34
span.araxxe-spot.-s18.-fill-graph-1
td.araxxe-table-simple--cell
p.araxxe-description.
Label 1
td.araxxe-table-simple--cell.-w150
.araxxe-vertical-spacing--line
p.araxxe-description.
Abc
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
203
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
1234
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
42
.araxxe-vertical-spacing--line Unit
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-w34
span.araxxe-spot.-s18.-fill-graph-2
td.araxxe-table-simple--cell
p.araxxe-description.
Label 2
td.araxxe-table-simple--cell.-w150
.araxxe-vertical-spacing--line
p.araxxe-description.
Abc
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
203
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
1234
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
42
.araxxe-vertical-spacing--line Unit
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-w34
span.araxxe-spot.-s18.-fill-graph-3
td.araxxe-table-simple--cell
p.araxxe-description.
Label 3
td.araxxe-table-simple--cell.-w150
.araxxe-vertical-spacing--line
p.araxxe-description.
Abc
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
203
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
1234
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
42
.araxxe-vertical-spacing--line Unit
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-w34
span.araxxe-spot.-s18.-fill-graph-4
td.araxxe-table-simple--cell
p.araxxe-description.
Label 4
td.araxxe-table-simple--cell.-w150
.araxxe-vertical-spacing--line
p.araxxe-description.
Abc
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
203
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
1234
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
42
.araxxe-vertical-spacing--line Unit
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-w34
span.araxxe-spot.-s18.-fill-graph-5
td.araxxe-table-simple--cell
p.araxxe-description.
Label 5
td.araxxe-table-simple--cell.-w150
.araxxe-vertical-spacing--line
p.araxxe-description.
Abc
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
203
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
1234
.araxxe-vertical-spacing--line Unit
td.araxxe-table-simple--cell.-w150.-align-center
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.
42
.araxxe-vertical-spacing--line Unit<div class="araxxe-sidebar">
<div class="araxxe-sidebar--header">
<div class="araxxe-header">
<div class="araxxe-header--slot -center -expand">
<h2 class="araxxe-title-header ">Operator
</h2>
</div>
<div class="araxxe-header--separator"></div>
<button class="araxxe-header--slot -square -clickable -active ion--horizontal-reverse">
<span class="araxxe-icon araxxe-glyph-burger -s24"></span>
</button>
</div>
</div>
<div class="araxxe-sidebar--content">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button-sidebar">Button sidebar</button>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button-sidebar">Button sidebar</button>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button-sidebar">Button sidebar</button>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button-sidebar">Button sidebar</button>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button -block">Button
</button>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button -ghost -block">Button
</button>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button -ghost -block">Button
</button>
</div>
</div>
</div>
</div>
</div>
</div>.araxxe-sidebar
.araxxe-sidebar--header
.araxxe-header
.araxxe-header--slot.-center.-expand
h2.araxxe-title-header.
Operator
.araxxe-header--separator
button.araxxe-header--slot.-square.-clickable.-active.ion--horizontal-reverse
span.araxxe-icon.araxxe-glyph-burger.-s24
.araxxe-sidebar--content
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
button.araxxe-button-sidebar Button sidebar
.araxxe-vertical-spacing--line
button.araxxe-button-sidebar Button sidebar
.araxxe-vertical-spacing--line
button.araxxe-button-sidebar Button sidebar
.araxxe-vertical-spacing--line
button.araxxe-button-sidebar Button sidebar
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
button.araxxe-button.-block.
Button
.araxxe-vertical-spacing--line
button.araxxe-button.-ghost.-block.
Button
.araxxe-vertical-spacing--line
button.araxxe-button.-ghost.-block.
Button
<div class="araxxe-table-layout">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-auto-scroll -h-window-necessary">
<table class="araxxe-table-striped">
<thead class="araxxe-table-striped--thead -sticky -fill-shade-95">
<tr class="araxxe-table-striped--thead--line">
<th class="araxxe-table-striped--indicator"></th>
<th class="araxxe-table-striped--thead--cell -w34">
<button class="araxxe-icon araxxe-glyph-sm-checkbox -color-shade-50-faded -s34 -clickable"></button>
</th>
<th class="araxxe-table-striped--thead--cell -w130">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column on <br/> multiple lines
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50 -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 1
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 2
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 3
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 4
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w34">
<button class="araxxe-icon araxxe-glyph-sm-parameters -color-shade-50-faded -s34 -clickable"></button>
</th>
</tr>
</thead>
<tbody class="araxxe-table-striped--tbody">
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -faded -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 1 Column 1 on a long line to be displayed as ellipsis">Line 1 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 1 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -success" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--open">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 2 Column 1 on a long line to be displayed as ellipsis">Line 2 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 2 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-danger">4,200</span>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -danger" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 3 Column 1 on a long line to be displayed as ellipsis">Line 3 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 3 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-success">4,200</span>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 4 Column 1 on a long line to be displayed as ellipsis">Line 4 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 4 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 5 Column 1 on a long line to be displayed as ellipsis">Line 5 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 5 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 6 Column 1 on a long line to be displayed as ellipsis">Line 6 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 6 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 7 Column 1 on a long line to be displayed as ellipsis">Line 7 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 7 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 8 Column 1 on a long line to be displayed as ellipsis">Line 8 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 8 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-main -s34 -clickable -vertical-mirror"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line">
<td class="araxxe-table-striped--tbody--cell-details" colspan="8">
<div class="araxxe-container -s15">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w140">
<div class="araxxe-title-info -ellipsis" title="Key 1">Key 1
</div>
</th>
<td class="araxxe-table-simple--cell">Value 1</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w140">
<div class="araxxe-title-info -ellipsis" title="Key 2">Key 2
</div>
</th>
<td class="araxxe-table-simple--cell">Value 2</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w140">
<div class="araxxe-title-info -ellipsis" title="A very long key for 3">A very long key for 3
</div>
</th>
<td class="araxxe-table-simple--cell">Value 3</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 9 Column 1 on a long line to be displayed as ellipsis">Line 9 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 9 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 10 Column 1 on a long line to be displayed as ellipsis">Line 10 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 10 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 11 Column 1 on a long line to be displayed as ellipsis">Line 11 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 11 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 12 Column 1 on a long line to be displayed as ellipsis">Line 12 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 12 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 13 Column 1 on a long line to be displayed as ellipsis">Line 13 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 13 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 14 Column 1 on a long line to be displayed as ellipsis">Line 14 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 14 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 15 Column 1 on a long line to be displayed as ellipsis">Line 15 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 15 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 16 Column 1 on a long line to be displayed as ellipsis">Line 16 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 16 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 17 Column 1 on a long line to be displayed as ellipsis">Line 17 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 17 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 18 Column 1 on a long line to be displayed as ellipsis">Line 18 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 18 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 19 Column 1 on a long line to be displayed as ellipsis">Line 19 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 19 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 20 Column 1 on a long line to be displayed as ellipsis">Line 20 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 20 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 21 Column 1 on a long line to be displayed as ellipsis">Line 21 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 21 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 22 Column 1 on a long line to be displayed as ellipsis">Line 22 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 22 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 23 Column 1 on a long line to be displayed as ellipsis">Line 23 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 23 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 24 Column 1 on a long line to be displayed as ellipsis">Line 24 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 24 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 25 Column 1 on a long line to be displayed as ellipsis">Line 25 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 25 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 26 Column 1 on a long line to be displayed as ellipsis">Line 26 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 26 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 27 Column 1 on a long line to be displayed as ellipsis">Line 27 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 27 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 28 Column 1 on a long line to be displayed as ellipsis">Line 28 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 28 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 29 Column 1 on a long line to be displayed as ellipsis">Line 29 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 29 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 30 Column 1 on a long line to be displayed as ellipsis">Line 30 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 30 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -center">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button -ghost">1
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button -ghost -focus">2
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button -ghost">3
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button -ghost">4
</button>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-table-layout -light">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-auto-scroll -h-window-necessary">
<table class="araxxe-table-striped">
<thead class="araxxe-table-striped--thead -sticky -fill-shade-95">
<tr class="araxxe-table-striped--thead--line">
<th class="araxxe-table-striped--indicator"></th>
<th class="araxxe-table-striped--thead--cell -w34">
<button class="araxxe-icon araxxe-glyph-sm-checkbox -color-shade-50-faded -s34 -clickable"></button>
</th>
<th class="araxxe-table-striped--thead--cell -w130">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column on <br/> multiple lines
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50 -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 1
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 2
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 3
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell">
<div class="araxxe-column-sorting">
<div class="araxxe-column-sorting--text">
<div class="araxxe-title-info">Column 4
</div>
</div>
<div class="araxxe-column-sorting--sort">
<button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
</div>
</div>
</th>
<th class="araxxe-table-striped--thead--cell -w34">
<button class="araxxe-icon araxxe-glyph-sm-parameters -color-shade-50-faded -s34 -clickable"></button>
</th>
</tr>
</thead>
<tbody class="araxxe-table-striped--tbody">
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -faded -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 1 Column 1 on a long line to be displayed as ellipsis">Line 1 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 1 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -success" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--open">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 2 Column 1 on a long line to be displayed as ellipsis">Line 2 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 2 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-danger">4,200</span>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -danger" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 3 Column 1 on a long line to be displayed as ellipsis">Line 3 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 3 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-success">4,200</span>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 4 Column 1 on a long line to be displayed as ellipsis">Line 4 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 4 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 5 Column 1 on a long line to be displayed as ellipsis">Line 5 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 5 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 6 Column 1 on a long line to be displayed as ellipsis">Line 6 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 6 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 7 Column 1 on a long line to be displayed as ellipsis">Line 7 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 7 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 8 Column 1 on a long line to be displayed as ellipsis">Line 8 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 8 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-main -s34 -clickable -vertical-mirror"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line">
<td class="araxxe-table-striped--tbody--cell-details" colspan="8">
<div class="araxxe-container -s15">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w140">
<div class="araxxe-title-info -ellipsis" title="Key 1">Key 1
</div>
</th>
<td class="araxxe-table-simple--cell">Value 1</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w140">
<div class="araxxe-title-info -ellipsis" title="Key 2">Key 2
</div>
</th>
<td class="araxxe-table-simple--cell">Value 2</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -w140">
<div class="araxxe-title-info -ellipsis" title="A very long key for 3">A very long key for 3
</div>
</th>
<td class="araxxe-table-simple--cell">Value 3</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 9 Column 1 on a long line to be displayed as ellipsis">Line 9 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 9 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 10 Column 1 on a long line to be displayed as ellipsis">Line 10 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 10 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 11 Column 1 on a long line to be displayed as ellipsis">Line 11 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 11 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 12 Column 1 on a long line to be displayed as ellipsis">Line 12 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 12 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 13 Column 1 on a long line to be displayed as ellipsis">Line 13 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 13 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 14 Column 1 on a long line to be displayed as ellipsis">Line 14 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 14 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 15 Column 1 on a long line to be displayed as ellipsis">Line 15 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 15 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 16 Column 1 on a long line to be displayed as ellipsis">Line 16 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 16 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 17 Column 1 on a long line to be displayed as ellipsis">Line 17 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 17 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 18 Column 1 on a long line to be displayed as ellipsis">Line 18 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 18 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 19 Column 1 on a long line to be displayed as ellipsis">Line 19 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 19 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 20 Column 1 on a long line to be displayed as ellipsis">Line 20 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 20 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 21 Column 1 on a long line to be displayed as ellipsis">Line 21 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 21 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 22 Column 1 on a long line to be displayed as ellipsis">Line 22 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 22 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 23 Column 1 on a long line to be displayed as ellipsis">Line 23 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 23 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 24 Column 1 on a long line to be displayed as ellipsis">Line 24 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 24 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 25 Column 1 on a long line to be displayed as ellipsis">Line 25 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 25 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 26 Column 1 on a long line to be displayed as ellipsis">Line 26 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 26 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 27 Column 1 on a long line to be displayed as ellipsis">Line 27 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 27 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 28 Column 1 on a long line to be displayed as ellipsis">Line 28 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 28 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 29 Column 1 on a long line to be displayed as ellipsis">Line 29 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 29 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
<tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
<td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
</td>
<td class="araxxe-table-striped--tbody--cell">
<div class="araxxe-horizontal-spacing -s5 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-notification-double-icon">
<div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
<div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
</button>
</div>
<div class="araxxe-dropdown--area -w300">
<div class="araxxe-contextual-menu">
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h34">
<div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
<div class="araxxe-contextual-menu--slot">
<button class="araxxe-contextual-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 30 Column 1 on a long line to be displayed as ellipsis">Line 30 Column 1 on a long line to be displayed as ellipsis</span>
</td>
<td class="araxxe-table-striped--tbody--cell">Line 30 Column 2
</td>
<td class="araxxe-table-striped--tbody--cell">4,200
</td>
<td class="araxxe-table-striped--tbody--cell">0,000
</td>
<td class="araxxe-table-striped--tbody--cell">
<button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -center">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button -ghost">1
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button -ghost -focus">2
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button -ghost">3
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button -ghost">4
</button>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-table-layout">
<table class="araxxe-table-simple -expandable -underlined">
<thead class="araxxe-table-simple--thead">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell" colspan="2">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-title-info">Description
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-info -color-shade-75 -s20" title="Information"></span>
</div>
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Value
</div>
</th>
</tr>
</thead>
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -expand">Label 1
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -expand">Label 2
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -expand">Label 3
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -expand">Label 4
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -expand">Label 5
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle">
<td class="araxxe-table-simple--cell -expand">Label 6
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="araxxe-table-layout">
<table class="araxxe-table-simple -expandable -underlined -padded">
<thead class="araxxe-table-simple--thead">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell" colspan="2">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-title-info">Description
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-info -color-shade-75 -s20" title="Information"></span>
</div>
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Value
</div>
</th>
</tr>
</thead>
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-middle -clickable">
<td class="araxxe-table-simple--cell -expand">Label 1
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle -focus-light -clickable">
<td class="araxxe-table-simple--cell -expand">Label 2
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle -clickable">
<td class="araxxe-table-simple--cell -expand">Label 3
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle -clickable">
<td class="araxxe-table-simple--cell -expand">Label 4
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle -clickable">
<td class="araxxe-table-simple--cell -expand">Label 5
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line -align-middle -clickable">
<td class="araxxe-table-simple--cell -expand">Label 6
</td>
<td class="araxxe-table-simple--cell">123</td>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">42 unit
</p>
</td>
</tr>
</tbody>
</table>
</div>.araxxe-table-layout
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-auto-scroll.-h-window-necessary
table.araxxe-table-striped
thead.araxxe-table-striped--thead.-sticky.-fill-shade-95
tr.araxxe-table-striped--thead--line
th.araxxe-table-striped--indicator
th.araxxe-table-striped--thead--cell.-w34
button.araxxe-icon.araxxe-glyph-sm-checkbox.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w130
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info
| Column on
br
| multiple lines
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 1
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 2
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 3
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 4
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w34
button.araxxe-icon.araxxe-glyph-sm-parameters.-color-shade-50-faded.-s34.-clickable
tbody.araxxe-table-striped--tbody
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-faded.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 1 Column 1 on a long line to be displayed as ellipsis') Line 1 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 1 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-success(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--open
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 2 Column 1 on a long line to be displayed as ellipsis') Line 2 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 2 Column 2
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-danger 4,200
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-shade-0 1,234
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-danger(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 3 Column 1 on a long line to be displayed as ellipsis') Line 3 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 3 Column 2
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-success 4,200
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-shade-0 1,234
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 4 Column 1 on a long line to be displayed as ellipsis') Line 4 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 4 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 5 Column 1 on a long line to be displayed as ellipsis') Line 5 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 5 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 6 Column 1 on a long line to be displayed as ellipsis') Line 6 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 6 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 7 Column 1 on a long line to be displayed as ellipsis') Line 7 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 7 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 8 Column 1 on a long line to be displayed as ellipsis') Line 8 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 8 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-main.-s34.-clickable.-vertical-mirror
tr.araxxe-table-striped--tbody--line
td.araxxe-table-striped--tbody--cell-details(colspan='8')
.araxxe-container.-s15
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w140
.araxxe-title-info.-ellipsis(title='Key 1').
Key 1
td.araxxe-table-simple--cell Value 1
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w140
.araxxe-title-info.-ellipsis(title='Key 2').
Key 2
td.araxxe-table-simple--cell Value 2
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w140
.araxxe-title-info.-ellipsis(title='A very long key for 3').
A very long key for 3
td.araxxe-table-simple--cell Value 3
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 9 Column 1 on a long line to be displayed as ellipsis') Line 9 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 9 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 10 Column 1 on a long line to be displayed as ellipsis') Line 10 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 10 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 11 Column 1 on a long line to be displayed as ellipsis') Line 11 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 11 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 12 Column 1 on a long line to be displayed as ellipsis') Line 12 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 12 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 13 Column 1 on a long line to be displayed as ellipsis') Line 13 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 13 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 14 Column 1 on a long line to be displayed as ellipsis') Line 14 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 14 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 15 Column 1 on a long line to be displayed as ellipsis') Line 15 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 15 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 16 Column 1 on a long line to be displayed as ellipsis') Line 16 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 16 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 17 Column 1 on a long line to be displayed as ellipsis') Line 17 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 17 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 18 Column 1 on a long line to be displayed as ellipsis') Line 18 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 18 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 19 Column 1 on a long line to be displayed as ellipsis') Line 19 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 19 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 20 Column 1 on a long line to be displayed as ellipsis') Line 20 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 20 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 21 Column 1 on a long line to be displayed as ellipsis') Line 21 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 21 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 22 Column 1 on a long line to be displayed as ellipsis') Line 22 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 22 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 23 Column 1 on a long line to be displayed as ellipsis') Line 23 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 23 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 24 Column 1 on a long line to be displayed as ellipsis') Line 24 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 24 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 25 Column 1 on a long line to be displayed as ellipsis') Line 25 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 25 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 26 Column 1 on a long line to be displayed as ellipsis') Line 26 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 26 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 27 Column 1 on a long line to be displayed as ellipsis') Line 27 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 27 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 28 Column 1 on a long line to be displayed as ellipsis') Line 28 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 28 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 29 Column 1 on a long line to be displayed as ellipsis') Line 29 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 29 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 30 Column 1 on a long line to be displayed as ellipsis') Line 30 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 30 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-center
.araxxe-horizontal-spacing--column
button.araxxe-button.-ghost.
1
.araxxe-horizontal-spacing--column
button.araxxe-button.-ghost.-focus.
2
.araxxe-horizontal-spacing--column
button.araxxe-button.-ghost.
3
.araxxe-horizontal-spacing--column
button.araxxe-button.-ghost.
4
.araxxe-table-layout.-light
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-auto-scroll.-h-window-necessary
table.araxxe-table-striped
thead.araxxe-table-striped--thead.-sticky.-fill-shade-95
tr.araxxe-table-striped--thead--line
th.araxxe-table-striped--indicator
th.araxxe-table-striped--thead--cell.-w34
button.araxxe-icon.araxxe-glyph-sm-checkbox.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w130
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info
| Column on
br
| multiple lines
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 1
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 2
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 3
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell
.araxxe-column-sorting
.araxxe-column-sorting--text
.araxxe-title-info.
Column 4
.araxxe-column-sorting--sort
button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
th.araxxe-table-striped--thead--cell.-w34
button.araxxe-icon.araxxe-glyph-sm-parameters.-color-shade-50-faded.-s34.-clickable
tbody.araxxe-table-striped--tbody
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-faded.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 1 Column 1 on a long line to be displayed as ellipsis') Line 1 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 1 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-success(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--open
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 2 Column 1 on a long line to be displayed as ellipsis') Line 2 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 2 Column 2
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-danger 4,200
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-shade-0 1,234
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-danger(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 3 Column 1 on a long line to be displayed as ellipsis') Line 3 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 3 Column 2
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-success 4,200
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-bold.-color-shade-0 1,234
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 4 Column 1 on a long line to be displayed as ellipsis') Line 4 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 4 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 5 Column 1 on a long line to be displayed as ellipsis') Line 5 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 5 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 6 Column 1 on a long line to be displayed as ellipsis') Line 6 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 6 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 7 Column 1 on a long line to be displayed as ellipsis') Line 7 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 7 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 8 Column 1 on a long line to be displayed as ellipsis') Line 8 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 8 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-main.-s34.-clickable.-vertical-mirror
tr.araxxe-table-striped--tbody--line
td.araxxe-table-striped--tbody--cell-details(colspan='8')
.araxxe-container.-s15
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w140
.araxxe-title-info.-ellipsis(title='Key 1').
Key 1
td.araxxe-table-simple--cell Value 1
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w140
.araxxe-title-info.-ellipsis(title='Key 2').
Key 2
td.araxxe-table-simple--cell Value 2
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-w140
.araxxe-title-info.-ellipsis(title='A very long key for 3').
A very long key for 3
td.araxxe-table-simple--cell Value 3
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 9 Column 1 on a long line to be displayed as ellipsis') Line 9 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 9 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 10 Column 1 on a long line to be displayed as ellipsis') Line 10 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 10 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 11 Column 1 on a long line to be displayed as ellipsis') Line 11 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 11 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 12 Column 1 on a long line to be displayed as ellipsis') Line 12 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 12 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 13 Column 1 on a long line to be displayed as ellipsis') Line 13 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 13 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 14 Column 1 on a long line to be displayed as ellipsis') Line 14 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 14 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 15 Column 1 on a long line to be displayed as ellipsis') Line 15 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 15 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 16 Column 1 on a long line to be displayed as ellipsis') Line 16 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 16 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 17 Column 1 on a long line to be displayed as ellipsis') Line 17 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 17 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 18 Column 1 on a long line to be displayed as ellipsis') Line 18 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 18 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 19 Column 1 on a long line to be displayed as ellipsis') Line 19 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 19 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 20 Column 1 on a long line to be displayed as ellipsis') Line 20 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 20 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 21 Column 1 on a long line to be displayed as ellipsis') Line 21 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 21 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 22 Column 1 on a long line to be displayed as ellipsis') Line 22 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 22 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 23 Column 1 on a long line to be displayed as ellipsis') Line 23 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 23 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 24 Column 1 on a long line to be displayed as ellipsis') Line 24 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 24 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 25 Column 1 on a long line to be displayed as ellipsis') Line 25 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 25 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 26 Column 1 on a long line to be displayed as ellipsis') Line 26 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 26 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 27 Column 1 on a long line to be displayed as ellipsis') Line 27 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 27 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 28 Column 1 on a long line to be displayed as ellipsis') Line 28 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 28 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms
.araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 29 Column 1 on a long line to be displayed as ellipsis') Line 29 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 29 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
td.araxxe-table-striped--indicator
span.araxxe-indicator.-blank(role='status', aria-label='Blank', title='Blank')
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
td.araxxe-table-striped--tbody--cell
.araxxe-horizontal-spacing.-s5.-middle
.araxxe-horizontal-spacing--column
.araxxe-notification-double-icon
.araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
.araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-caret-button
span.araxxe-caret-button--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-dropdown--area.-w300
.araxxe-contextual-menu
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry for status
.araxxe-contextual-entry--slot
span.araxxe-switch.-off(role='switch', aria-checked='false')
span.araxxe-switch--button
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h34
.araxxe-contextual-entry--slot
span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
.araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu--slot
button.araxxe-contextual-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Contextual entry
td.araxxe-table-striped--tbody--cell
span.araxxe-text.-ellipsis(title='Line 30 Column 1 on a long line to be displayed as ellipsis') Line 30 Column 1 on a long line to be displayed as ellipsis
td.araxxe-table-striped--tbody--cell.
Line 30 Column 2
td.araxxe-table-striped--tbody--cell.
4,200
td.araxxe-table-striped--tbody--cell.
0,000
td.araxxe-table-striped--tbody--cell
button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-center
.araxxe-horizontal-spacing--column
button.araxxe-button.-ghost.
1
.araxxe-horizontal-spacing--column
button.araxxe-button.-ghost.-focus.
2
.araxxe-horizontal-spacing--column
button.araxxe-button.-ghost.
3
.araxxe-horizontal-spacing--column
button.araxxe-button.-ghost.
4
.araxxe-table-layout
table.araxxe-table-simple.-expandable.-underlined
thead.araxxe-table-simple--thead
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell(colspan='2')
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column
.araxxe-title-info.
Description
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-info.-color-shade-75.-s20(title='Information')
th.araxxe-table-simple--cell
.araxxe-title-info.
Value
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-expand.
Label 1
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-expand.
Label 2
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-expand.
Label 3
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-expand.
Label 4
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-expand.
Label 5
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
tr.araxxe-table-simple--line.-align-middle
td.araxxe-table-simple--cell.-expand.
Label 6
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
.araxxe-table-layout
table.araxxe-table-simple.-expandable.-underlined.-padded
thead.araxxe-table-simple--thead
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell(colspan='2')
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column
.araxxe-title-info.
Description
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-info.-color-shade-75.-s20(title='Information')
th.araxxe-table-simple--cell
.araxxe-title-info.
Value
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-middle.-clickable
td.araxxe-table-simple--cell.-expand.
Label 1
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
tr.araxxe-table-simple--line.-align-middle.-focus-light.-clickable
td.araxxe-table-simple--cell.-expand.
Label 2
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
tr.araxxe-table-simple--line.-align-middle.-clickable
td.araxxe-table-simple--cell.-expand.
Label 3
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
tr.araxxe-table-simple--line.-align-middle.-clickable
td.araxxe-table-simple--cell.-expand.
Label 4
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
tr.araxxe-table-simple--line.-align-middle.-clickable
td.araxxe-table-simple--cell.-expand.
Label 5
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
tr.araxxe-table-simple--line.-align-middle.-clickable
td.araxxe-table-simple--cell.-expand.
Label 6
td.araxxe-table-simple--cell 123
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
42 unit
<div class="araxxe-tabs-page">
<div class="araxxe-tabs-page--tab">
<div class="araxxe-tab-page -selected">
<div class="araxxe-tab-page--text">Tab page</div>
</div>
</div>
<div class="araxxe-tabs-page--tab">
<div class="araxxe-tab-page">
<div class="araxxe-tab-page--text">Tab page</div>
</div>
</div>
<div class="araxxe-tabs-page--tab">
<div class="araxxe-tab-page -disabled">
<div class="araxxe-tab-page--text">Tab page</div>
</div>
</div>
</div>.araxxe-tabs-page
.araxxe-tabs-page--tab
.araxxe-tab-page.-selected
.araxxe-tab-page--text Tab page
.araxxe-tabs-page--tab
.araxxe-tab-page
.araxxe-tab-page--text Tab page
.araxxe-tabs-page--tab
.araxxe-tab-page.-disabled
.araxxe-tab-page--text Tab page<div class="araxxe-tile -vertical">
<div class="araxxe-tile--slot -clickable">
<div class="araxxe-tile -horizontal">
<div class="araxxe-tile--slot -g3">Slot 1
</div>
<div class="araxxe-tile--slot -flat -g2">Slot 2
</div>
<div class="araxxe-tile--slot -g1 -secondary">Slot 3
</div>
</div>
</div>
<div class="araxxe-tile--slot">Slot
</div>
</div>.araxxe-tile.-vertical
.araxxe-tile--slot.-clickable
.araxxe-tile.-horizontal
.araxxe-tile--slot.-g3.
Slot 1
.araxxe-tile--slot.-flat.-g2.
Slot 2
.araxxe-tile--slot.-g1.-secondary.
Slot 3
.araxxe-tile--slot.
Slot
<div class="araxxe-toasts">
<div class="araxxe-toasts--slot">
<div class="araxxe-toast">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column -expand">Toast message.</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -main">Button rounded
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-toast--icon-action araxxe-glyph-close"></div>
</div>
</div>
</div>
</div>
<div class="araxxe-toasts--slot">
<div class="araxxe-toast">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column -expand">Toast message.</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-toast--icon-action araxxe-glyph-close"></div>
</div>
</div>
</div>
</div>
</div>.araxxe-toasts
.araxxe-toasts--slot
.araxxe-toast
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column.-expand Toast message.
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-main.
Button rounded
.araxxe-horizontal-spacing--column
.araxxe-toast--icon-action.araxxe-glyph-close
.araxxe-toasts--slot
.araxxe-toast
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column.-expand Toast message.
.araxxe-horizontal-spacing--column
.araxxe-toast--icon-action.araxxe-glyph-close<div class="araxxe-toggles">
<div class="araxxe-toggles--slot">
<button class="araxxe-toggle -stretch">A label that is shown on multiple lines
</button>
</div>
<div class="araxxe-toggles--slot">
<button class="araxxe-toggle -stretch -not-allowed" disabled="disabled">Toggle
</button>
</div>
<div class="araxxe-toggles--slot">
<button class="araxxe-toggle -stretch -not-allowed" disabled="disabled">Toggle
</button>
</div>
<div class="araxxe-toggles--slot">
<button class="araxxe-toggle -stretch -not-allowed" disabled="disabled">Toggle
</button>
</div>
<div class="araxxe-toggles--slot">
<button class="araxxe-toggle -selected -stretch">Toggle
</button>
</div>
<div class="araxxe-toggles--slot">
<button class="araxxe-toggle -stretch">Toggle
</button>
</div>
</div>.araxxe-toggles
.araxxe-toggles--slot
button.araxxe-toggle.-stretch.
A label that is shown on multiple lines
.araxxe-toggles--slot
button.araxxe-toggle.-stretch.-not-allowed(disabled).
Toggle
.araxxe-toggles--slot
button.araxxe-toggle.-stretch.-not-allowed(disabled).
Toggle
.araxxe-toggles--slot
button.araxxe-toggle.-stretch.-not-allowed(disabled).
Toggle
.araxxe-toggles--slot
button.araxxe-toggle.-selected.-stretch.
Toggle
.araxxe-toggles--slot
button.araxxe-toggle.-stretch.
Toggle
<div class="araxxe-vertical-menu">
<button class="araxxe-vertical-menu-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-folder -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Directory</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-main -s24 -clickable"></span>
</div>
</button>
<button class="araxxe-vertical-menu-entry ion--hoverable -h44 -selected">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-folder -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Directory</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-main -s24 -clickable"></span>
</div>
</button>
<button class="araxxe-vertical-menu-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-folder -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Directory</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-main -s24 -clickable"></span>
</div>
</button>
<div class="araxxe-vertical-menu--separator"></div>
<button class="araxxe-vertical-menu-entry ion--hoverable -h44">
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-folder -color-shade-50-faded -s24"></span>
</div>
<div class="araxxe-contextual-entry--slot -expand">Directory</div>
<div class="araxxe-contextual-entry--slot">
<span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-main -s24 -clickable"></span>
</div>
</button>
</div>.araxxe-vertical-menu
button.araxxe-vertical-menu-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-folder.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Directory
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-main.-s24.-clickable
button.araxxe-vertical-menu-entry.ion--hoverable.-h44.-selected
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-folder.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Directory
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-main.-s24.-clickable
button.araxxe-vertical-menu-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-folder.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Directory
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-main.-s24.-clickable
.araxxe-vertical-menu--separator
button.araxxe-vertical-menu-entry.ion--hoverable.-h44
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-folder.-color-shade-50-faded.-s24
.araxxe-contextual-entry--slot.-expand Directory
.araxxe-contextual-entry--slot
span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-main.-s24.-clickableAvailable spaces: -s5, -s10, -s15, -s20, -s30.
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">Line 1</div>
<div class="araxxe-vertical-spacing--line">Line 2</div>
<div class="araxxe-vertical-spacing--line">Line 3</div>
</div>
<div class="araxxe-vertical-spacing -s30 -align-center">
<div class="araxxe-vertical-spacing--line">Line 1</div>
<div class="araxxe-vertical-spacing--line">Line 2</div>
<div class="araxxe-vertical-spacing--line">Line 3</div>
</div>.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line Line 1
.araxxe-vertical-spacing--line Line 2
.araxxe-vertical-spacing--line Line 3
.araxxe-vertical-spacing.-s30.-align-center
.araxxe-vertical-spacing--line Line 1
.araxxe-vertical-spacing--line Line 2
.araxxe-vertical-spacing--line Line 3