Templates consist mostly of groups of organisms stitched together to form pages. It’s here where we start to see the design coming together and start seeing things like layout in action.
<!-- Open-->
<div class="araxxe-template-chat -open">
<div class="araxxe-template-chat--button">
<button class="araxxe-dot -s64 -clickable -fill-main-light">
<span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
</button>
</div>
<div class="araxxe-template-chat--content">
<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>
</div>
</div>
<!-- Close-->
<div class="araxxe-template-chat -close">
<div class="araxxe-template-chat--button">
<button class="araxxe-dot -s64 -clickable -fill-main-light">
<span class="araxxe-icon araxxe-glyph-chat -s24"></span>
</button>
</div>
<div class="araxxe-template-chat--content">
<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>
</div>
</div>// Open
.araxxe-template-chat.-open
.araxxe-template-chat--button
button.araxxe-dot.-s64.-clickable.-fill-main-light
span.araxxe-icon.araxxe-glyph-arrow-down.-s24
.araxxe-template-chat--content
.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
// Close
.araxxe-template-chat.-close
.araxxe-template-chat--button
button.araxxe-dot.-s64.-clickable.-fill-main-light
span.araxxe-icon.araxxe-glyph-chat.-s24
.araxxe-template-chat--content
.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-template-details">
<div class="araxxe-template-details--header">
<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>
</div>
<div class="araxxe-template-details--content">
<div class="araxxe-template-details--content--header">
<div class="araxxe-template-details--content--header--slot">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -g1">
<div class="araxxe-card-stat -selected -service-a2psms">
<div class="araxxe-card-stat--slot">
<div class="araxxe-horizontal-spacing -s15 -middle -center">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-rate-chart -s48 -fill-service-a2psms">
<div class="araxxe-rate-chart--background -fill-shade-100 ">
<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-background-service-a2psms">
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-a2psms -ts48 ">34<span class="araxxe-number--half">%</span></span>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer"><span class="araxxe-text-info">A footer text</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -g3">
<div class="araxxe-recipient-card">
<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>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s60 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<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 class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text -color-shade-50">From 12 december 2020 to 30 february 2021</span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-card -flat">
<div class="araxxe-horizontal-separe">
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-horizontal-spacing -s10 -bottom">
<div class="araxxe-horizontal-spacing--column">
<p class="araxxe-description">1 500
</p>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-separe--separator"></div>
<div class="araxxe-horizontal-separe--column">
<div class="araxxe-horizontal-spacing -s10 -bottom">
<div class="araxxe-horizontal-spacing--column">
<p class="araxxe-description">1 500
</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>
</div>
</div>
<div class="araxxe-template-details--content--body">
<div class="araxxe-template-details--content--body--slot">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line -align-right">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-button-select -main"><span class="araxxe-button-select--icon araxxe-glyph-folder"></span><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-vertical-spacing--line">
<div class="araxxe-table-layout">
<table class="araxxe-table-simple -padded -vertical-border">
<thead class="araxxe-table-simple--thead">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -align-center">
<p class="araxxe-description">Title column
</p>
</th>
<th class="araxxe-table-simple--cell -align-center">
<p class="araxxe-description">Title column
</p>
</th>
<th class="araxxe-table-simple--cell -align-center" colspan="3">
<p class="araxxe-description">Title column
</p>
</th>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Origin
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Origin
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Origin
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Origin
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Origin
</div>
</th>
</tr>
</thead>
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -hoverable">
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info -color-service-a2psms">Prime origin</span>
</div>
</div>
</td>
</tr>
<tr class="araxxe-table-simple--line -hoverable">
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info -color-service-a2psms">Prime origin</span>
</div>
</div>
</td>
</tr>
<tr class="araxxe-table-simple--line -hoverable">
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line">Prime origin</div>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">Uber</div>
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info -color-service-a2psms">Prime origin</span>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>.araxxe-template-details
.araxxe-template-details--header
.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
.araxxe-template-details--content
.araxxe-template-details--content--header
.araxxe-template-details--content--header--slot
.araxxe-vertical-spacing.-s40
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-g1
.araxxe-card-stat.-selected.-service-a2psms
.araxxe-card-stat--slot
.araxxe-horizontal-spacing.-s15.-middle.-center
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-s48.-fill-service-a2psms
.araxxe-rate-chart--background.-fill-shade-100
.araxxe-rate-chart--progress.-p34
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.-fill-background-service-a2psms.
.araxxe-horizontal-spacing--column
span.araxxe-number.-color-service-a2psms.-ts48
| 34
span.araxxe-number--half %
.araxxe-card-stat--footer
span.araxxe-text-info A footer text
.araxxe-horizontal-spacing--column.-g3
.araxxe-recipient-card
.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
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s60.-equivalent
.araxxe-horizontal-spacing--column
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-horizontal-spacing--column
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
span.araxxe-text.-color-shade-50 From 12 december 2020 to 30 february 2021
.araxxe-vertical-spacing--line
.araxxe-card.-flat
.araxxe-horizontal-separe
.araxxe-horizontal-separe--column
.araxxe-horizontal-spacing.-s10.-bottom
.araxxe-horizontal-spacing--column
p.araxxe-description.
1 500
.araxxe-horizontal-spacing--column
span.araxxe-unit Unit
.araxxe-horizontal-separe--separator
.araxxe-horizontal-separe--column
.araxxe-horizontal-spacing.-s10.-bottom
.araxxe-horizontal-spacing--column
p.araxxe-description.
1 500
.araxxe-horizontal-spacing--column
span.araxxe-unit Unit
.araxxe-template-details--content--body
.araxxe-template-details--content--body--slot
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line.-align-right
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-button-select.-main
span.araxxe-button-select--icon.araxxe-glyph-folder
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-vertical-spacing--line
.araxxe-table-layout
table.araxxe-table-simple.-padded.-vertical-border
thead.araxxe-table-simple--thead
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-align-center
p.araxxe-description.
Title column
th.araxxe-table-simple--cell.-align-center
p.araxxe-description.
Title column
th.araxxe-table-simple--cell.-align-center(colspan='3')
p.araxxe-description.
Title column
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
.araxxe-title-info.
Origin
th.araxxe-table-simple--cell
.araxxe-title-info.
Origin
th.araxxe-table-simple--cell
.araxxe-title-info.
Origin
th.araxxe-table-simple--cell
.araxxe-title-info.
Origin
th.araxxe-table-simple--cell
.araxxe-title-info.
Origin
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-hoverable
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line
span.araxxe-text-info.-color-service-a2psms Prime origin
tr.araxxe-table-simple--line.-hoverable
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line
span.araxxe-text-info.-color-service-a2psms Prime origin
tr.araxxe-table-simple--line.-hoverable
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line Prime origin
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line Uber
.araxxe-vertical-spacing--line
span.araxxe-text-info.-color-service-a2psms Prime origin<div class="araxxe-template-details">
<div class="araxxe-template-details--header">
<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>
<div class="araxxe-template-details--content">
<div class="araxxe-template-details--content--header">
<div class="araxxe-template-details--content--header--slot">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -g2">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h1 class="araxxe-title-big">Title big
</h1>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s20 -left -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-badge -border">Badge
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-status">
<div class="araxxe-status--icon"><span class="araxxe-spot araxxe-glyph-status-new -s18 -active"></span>
</div>
<div class="araxxe-status--text">Status</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -align-left">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">
<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 class="araxxe-vertical-spacing--line">
<p class="araxxe-paragraph -italic">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-horizontal-spacing -s20 -left -middle">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -accent">Button rounded
</button>
</div>
<div class="araxxe-horizontal-spacing--column -expand">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-button-select -main"><span class="araxxe-button-select--icon araxxe-glyph-folder"></span><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-horizontal-spacing--column">
<button class="araxxe-link">More information
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -g1">
<div class="araxxe-table-layout -light">
<table class="araxxe-table-details">
<tr class="araxxe-table-details--line">
<th class="araxxe-table-details--cell">
<div class="araxxe-title-info">Key 1
</div>
</th>
<td class="araxxe-table-details--cell"><span class="araxxe-text -bold">Value 1</span></td>
</tr>
<tr class="araxxe-table-details--line">
<th class="araxxe-table-details--cell">
<div class="araxxe-title-info">Key 2
</div>
</th>
<td class="araxxe-table-details--cell"><span class="araxxe-text -bold">Value 2</span></td>
</tr>
<tr class="araxxe-table-details--line">
<th class="araxxe-table-details--cell">
<div class="araxxe-title-info">Key 3
</div>
</th>
<td class="araxxe-table-details--cell"><span class="araxxe-text -bold">Value 3</span></td>
</tr>
<tr class="araxxe-table-details--line">
<th class="araxxe-table-details--cell">
<div class="araxxe-title-info">Key 4
</div>
</th>
<td class="araxxe-table-details--cell -align-right"><span class="araxxe-text -bold">Value 4</span></td>
</tr>
<tr class="araxxe-table-details--line">
<th class="araxxe-table-details--cell">
<div class="araxxe-title-info">Key 5
</div>
</th>
<td class="araxxe-table-details--cell"><span class="araxxe-text -bold">Value 5</span></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-details--content--body">
<div class="araxxe-template-details--content--body--slot">
<h1 class="araxxe-title-big">Title big
</h1>
</div>
<div class="araxxe-template-details--content--body--slot -flexible">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column -expand"></div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--open -right">
<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>
</div>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
<div class="araxxe-template-details--content--body--slot">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
</div>
</div>
</div>.araxxe-template-details
.araxxe-template-details--header
.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-template-details--content
.araxxe-template-details--content--header
.araxxe-template-details--content--header--slot
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-g2
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h1.araxxe-title-big.
Title big
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s20.-left.-middle
.araxxe-horizontal-spacing--column
.araxxe-badge.-border.
Badge
.araxxe-horizontal-spacing--column
.araxxe-status
.araxxe-status--icon
span.araxxe-spot.araxxe-glyph-status-new.-s18.-active
.araxxe-status--text Status
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.-align-left.
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
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
p.araxxe-paragraph.-italic.
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-horizontal-spacing.-s20.-left.-middle
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-accent.
Button rounded
.araxxe-horizontal-spacing--column.-expand
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-button-select.-main
span.araxxe-button-select--icon.araxxe-glyph-folder
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-horizontal-spacing--column
button.araxxe-link.
More information
.araxxe-horizontal-spacing--column.-g1
.araxxe-table-layout.-light
table.araxxe-table-details
tbody
tr.araxxe-table-details--line
th.araxxe-table-details--cell
.araxxe-title-info.
Key 1
td.araxxe-table-details--cell
span.araxxe-text.-bold Value 1
tr.araxxe-table-details--line
th.araxxe-table-details--cell
.araxxe-title-info.
Key 2
td.araxxe-table-details--cell
span.araxxe-text.-bold Value 2
tr.araxxe-table-details--line
th.araxxe-table-details--cell
.araxxe-title-info.
Key 3
td.araxxe-table-details--cell
span.araxxe-text.-bold Value 3
tr.araxxe-table-details--line
th.araxxe-table-details--cell
.araxxe-title-info.
Key 4
td.araxxe-table-details--cell.-align-right
span.araxxe-text.-bold Value 4
tr.araxxe-table-details--line
th.araxxe-table-details--cell
.araxxe-title-info.
Key 5
td.araxxe-table-details--cell
span.araxxe-text.-bold Value 5
.araxxe-template-details--content--body
.araxxe-template-details--content--body--slot
h1.araxxe-title-big.
Title big
.araxxe-template-details--content--body--slot.-flexible
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column.-expand
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--open.-right
.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
.araxxe-vertical-spacing--line
.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-template-details--content--body--slot
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.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-vertical-spacing--line
.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
<div class="araxxe-template-details">
<div class="araxxe-template-details--header">
<div class="araxxe-header -service-simbox">
<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>
<div class="araxxe-template-details--content">
<div class="araxxe-template-details--content--header">
<div class="araxxe-template-details--content--header--slot">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -g2">
<h3 class="araxxe-title-card">Own SIM terminating to own network
</h3>
</div>
<div class="araxxe-horizontal-spacing--column -g3">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</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-horizontal-spacing--column -g3">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</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>
</div>
</div>
</div>
</div>
<div class="araxxe-template-details--content--body">
<div class="araxxe-template-details--content--body--slot -flexible">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line -align-right">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-button-select"><span class="araxxe-button-select--icon araxxe-glyph-folder"></span><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-vertical-spacing--line">
<div class="araxxe-table-layout">
<table class="araxxe-table-simple -padded">
<thead class="araxxe-table-simple--thead">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -align-center -light-separator" colspan="2">
<p class="araxxe-description">Title column
</p>
</th>
<th class="araxxe-table-simple--cell -align-center -light-separator" colspan="3">
<p class="araxxe-description">Title column
</p>
</th>
<th class="araxxe-table-simple--cell -align-center" colspan="10">
<p class="araxxe-description">Title column
</p>
</th>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell -light-separator">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell -light-separator">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Title info
</div>
</th>
</tr>
</thead>
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell -light-separator">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell -light-separator">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell -light-separator">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell -light-separator">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell -light-separator">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell -light-separator">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
<td class="araxxe-table-simple--cell">
<div class="araxxe-vertical-spacing -s5"><span class="araxxe-text">text</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>.araxxe-template-details
.araxxe-template-details--header
.araxxe-header.-service-simbox
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-template-details--content
.araxxe-template-details--content--header
.araxxe-template-details--content--header--slot
.araxxe-vertical-spacing.-s40
.araxxe-vertical-spacing--line
.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
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-g2
h3.araxxe-title-card.
Own SIM terminating to own network
.araxxe-horizontal-spacing--column.-g3
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.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-horizontal-spacing--column.-g3
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.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-template-details--content--body
.araxxe-template-details--content--body--slot.-flexible
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line.-align-right
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-button-select
span.araxxe-button-select--icon.araxxe-glyph-folder
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-vertical-spacing--line
.araxxe-table-layout
table.araxxe-table-simple.-padded
thead.araxxe-table-simple--thead
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-align-center.-light-separator(colspan='2')
p.araxxe-description.
Title column
th.araxxe-table-simple--cell.-align-center.-light-separator(colspan='3')
p.araxxe-description.
Title column
th.araxxe-table-simple--cell.-align-center(colspan='10')
p.araxxe-description.
Title column
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell.-light-separator
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell.-light-separator
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
th.araxxe-table-simple--cell
.araxxe-title-info.
Title info
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell.-light-separator
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell.-light-separator
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell.-light-separator
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell.-light-separator
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell.-light-separator
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell.-light-separator
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text
td.araxxe-table-simple--cell
.araxxe-vertical-spacing.-s5
span.araxxe-text text<div class="araxxe-template-details">
<div class="araxxe-template-details--maintenance">
<div class="araxxe-maintenance-banner">Maintenance scheduled from 23/12/2020 01:00:00 to 23/12/2020 01:00:00</div>
</div>
<div class="araxxe-template-details--header">
<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>
<div class="araxxe-template-details--content">
<div class="araxxe-template-details--content--header">
<div class="araxxe-template-details--content--header--slot">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -g2">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h1 class="araxxe-title-big">Title big
</h1>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s20 -left -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-badge -border">Badge
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-status">
<div class="araxxe-status--icon"><span class="araxxe-spot araxxe-glyph-status-new -s18 -active"></span>
</div>
<div class="araxxe-status--text">Status</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -align-left">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">
<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 class="araxxe-vertical-spacing--line">
<p class="araxxe-paragraph -italic">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-horizontal-spacing -s20 -left -middle">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -accent">Button rounded
</button>
</div>
<div class="araxxe-horizontal-spacing--column -expand">
<div class="araxxe-dropdown ion--close">
<div class="araxxe-dropdown--button">
<button class="araxxe-button-select -main"><span class="araxxe-button-select--icon araxxe-glyph-folder"></span><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-horizontal-spacing--column">
<button class="araxxe-link">More information
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -g1">
<div class="araxxe-table-layout -light">
<table class="araxxe-table-details">
<tr class="araxxe-table-details--line">
<th class="araxxe-table-details--cell">
<div class="araxxe-title-info">Key 1
</div>
</th>
<td class="araxxe-table-details--cell"><span class="araxxe-text -bold">Value 1</span></td>
</tr>
<tr class="araxxe-table-details--line">
<th class="araxxe-table-details--cell">
<div class="araxxe-title-info">Key 2
</div>
</th>
<td class="araxxe-table-details--cell"><span class="araxxe-text -bold">Value 2</span></td>
</tr>
<tr class="araxxe-table-details--line">
<th class="araxxe-table-details--cell">
<div class="araxxe-title-info">Key 3
</div>
</th>
<td class="araxxe-table-details--cell"><span class="araxxe-text -bold">Value 3</span></td>
</tr>
<tr class="araxxe-table-details--line">
<th class="araxxe-table-details--cell">
<div class="araxxe-title-info">Key 4
</div>
</th>
<td class="araxxe-table-details--cell -align-right"><span class="araxxe-text -bold">Value 4</span></td>
</tr>
<tr class="araxxe-table-details--line">
<th class="araxxe-table-details--cell">
<div class="araxxe-title-info">Key 5
</div>
</th>
<td class="araxxe-table-details--cell"><span class="araxxe-text -bold">Value 5</span></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-details--content--body">
<div class="araxxe-template-details--content--body--slot">
<h1 class="araxxe-title-big">Title big
</h1>
</div>
<div class="araxxe-template-details--content--body--slot -flexible">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column -expand"></div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--open -right">
<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>
</div>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
<div class="araxxe-template-details--content--body--slot">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
</div>
</div>
</div>.araxxe-template-details
.araxxe-template-details--maintenance
.araxxe-maintenance-banner Maintenance scheduled from 23/12/2020 01:00:00 to 23/12/2020 01:00:00
.araxxe-template-details--header
.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-template-details--content
.araxxe-template-details--content--header
.araxxe-template-details--content--header--slot
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-g2
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h1.araxxe-title-big.
Title big
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s20.-left.-middle
.araxxe-horizontal-spacing--column
.araxxe-badge.-border.
Badge
.araxxe-horizontal-spacing--column
.araxxe-status
.araxxe-status--icon
span.araxxe-spot.araxxe-glyph-status-new.-s18.-active
.araxxe-status--text Status
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.-align-left.
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
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
p.araxxe-paragraph.-italic.
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-horizontal-spacing.-s20.-left.-middle
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-accent.
Button rounded
.araxxe-horizontal-spacing--column.-expand
.araxxe-dropdown.ion--close
.araxxe-dropdown--button
button.araxxe-button-select.-main
span.araxxe-button-select--icon.araxxe-glyph-folder
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-horizontal-spacing--column
button.araxxe-link.
More information
.araxxe-horizontal-spacing--column.-g1
.araxxe-table-layout.-light
table.araxxe-table-details
tbody
tr.araxxe-table-details--line
th.araxxe-table-details--cell
.araxxe-title-info.
Key 1
td.araxxe-table-details--cell
span.araxxe-text.-bold Value 1
tr.araxxe-table-details--line
th.araxxe-table-details--cell
.araxxe-title-info.
Key 2
td.araxxe-table-details--cell
span.araxxe-text.-bold Value 2
tr.araxxe-table-details--line
th.araxxe-table-details--cell
.araxxe-title-info.
Key 3
td.araxxe-table-details--cell
span.araxxe-text.-bold Value 3
tr.araxxe-table-details--line
th.araxxe-table-details--cell
.araxxe-title-info.
Key 4
td.araxxe-table-details--cell.-align-right
span.araxxe-text.-bold Value 4
tr.araxxe-table-details--line
th.araxxe-table-details--cell
.araxxe-title-info.
Key 5
td.araxxe-table-details--cell
span.araxxe-text.-bold Value 5
.araxxe-template-details--content--body
.araxxe-template-details--content--body--slot
h1.araxxe-title-big.
Title big
.araxxe-template-details--content--body--slot.-flexible
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column.-expand
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--open.-right
.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
.araxxe-vertical-spacing--line
.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-template-details--content--body--slot
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.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-vertical-spacing--line
.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
<div class="araxxe-template-login">
<div class="araxxe-template-login--content">
<div class="araxxe-page-container">
<div class="araxxe-page-container--content -v70 -h30">
<div class="araxxe-vertical-spacing -s70">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -center -middle">
<div class="araxxe-horizontal-spacing--column"><img class="araxxe-logo" src="/atom/logo/logo.png" srcset="/atom/logo/logo@2x.png 2x, /atom/logo/logo@3x.png 3x" alt="Logo"/>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<form>
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<input class="araxxe-input-text -secondary" placeholder="Text" type="text"/>
</div>
<div class="araxxe-vertical-spacing--line">
<input class="araxxe-input-text -secondary" placeholder="Password" type="password"/>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button -block">Button
</button>
</div>
</div>
</form>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<a class="araxxe-link" href="#">link
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>.araxxe-template-login
.araxxe-template-login--content
.araxxe-page-container
.araxxe-page-container--content.-v70.-h30
.araxxe-vertical-spacing.-s70
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-center.-middle
.araxxe-horizontal-spacing--column
img.araxxe-logo(src='/atom/logo/logo.png', srcset='/atom/logo/logo@2x.png 2x, /atom/logo/logo@3x.png 3x', alt='Logo')
.araxxe-vertical-spacing--line
form
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
input.araxxe-input-text.-secondary(placeholder='Text', type='text')
.araxxe-vertical-spacing--line
input.araxxe-input-text.-secondary(placeholder='Password', type='password')
.araxxe-vertical-spacing--line
button.araxxe-button.-block.
Button
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-center.-middle
.araxxe-horizontal-spacing--column
a.araxxe-link(href='#').
link
Use -show and -hide modifiers on araxxe-template-menu component to display or hide.
Then, to open the sidebar, please change araxxe-template-menu--sidebar modifier from -close to -open.
<div class="araxxe-template-menu -show">
<div class="araxxe-template-menu--sidebar -open">
<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>
</div>
<div class="araxxe-template-menu--layer"></div>
</div>
<div class="araxxe-template-menu -hide">
<div class="araxxe-template-menu--sidebar -close">
<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>
</div>
<div class="araxxe-template-menu--layer"></div>
</div>.araxxe-template-menu.-show
.araxxe-template-menu--sidebar.-open
.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
.araxxe-template-menu--layer
.araxxe-template-menu.-hide
.araxxe-template-menu--sidebar.-close
.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
.araxxe-template-menu--layerFor the animations, you can use -open and -close classes with additional -hide to not display the entire block.
To open, you have to:
To close, you have to:
<div class="araxxe-template-modal -open">
<div class="araxxe-template-modal--content">
<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>
</div>.araxxe-template-modal.-open
.araxxe-template-modal--content
.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
<div class="araxxe-template-modal -open">
<div class="araxxe-template-modal--content">
<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>
</div>
</div>.araxxe-template-modal.-open
.araxxe-template-modal--content
.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-template-modal -open">
<div class="araxxe-template-modal--content">
<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>
</div>.araxxe-template-modal.-open
.araxxe-template-modal--content
.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
<div class="araxxe-template-modal -open">
<div class="araxxe-template-modal--content">
<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>
</div>.araxxe-template-modal.-open
.araxxe-template-modal--content
.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.
<div class="araxxe-template-notifications -open">
<h1 class="araxxe-title-big">Notifications
</h1>
</div>
<div class="araxxe-template-notifications -close">
<h1 class="araxxe-title-big">Notifications
</h1>
</div>.araxxe-template-notifications.-open
h1.araxxe-title-big.
Notifications
.araxxe-template-notifications.-close
h1.araxxe-title-big.
Notifications
<div class="araxxe-template-standard">
<div class="araxxe-template-standard--header">
<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>
<div class="araxxe-template-standard--body">
<div class="araxxe-template-standard--menu">
<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>
</div>
<div class="araxxe-template-standard--content">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<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">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<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"><span class="araxxe-button-rounded--slot">
<span class="araxxe-icon araxxe-glyph-radio-on -color-accent -s24"></span></span><span class="araxxe-button-rounded--slot">Cheetah</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost"><span class="araxxe-button-rounded--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span></span><span class="araxxe-button-rounded--slot">Cheetah</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost"><span class="araxxe-button-rounded--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span></span><span class="araxxe-button-rounded--slot">Cheetah</span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-button-rounded -ghost"><span class="araxxe-button-rounded--slot">
<span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span></span><span class="araxxe-button-rounded--slot">Cheetah</span>
</button>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<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 -vertical-expand">
<div class="araxxe-vertical-spacing -s15 -align-center">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-pie-chart -align-center -thicker -s100">
<div class="araxxe-pie-chart--content">
</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-vertical-spacing--line">
<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>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="araxxe-carousel--slot">
<div class="araxxe-card -vertical-expand">
<div class="araxxe-vertical-spacing -s15 -align-center">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-pie-chart -align-center -thicker -s100">
<div class="araxxe-pie-chart--content">
</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-vertical-spacing--line">
<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>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="araxxe-carousel--slot">
<div class="araxxe-card -vertical-expand">
<div class="araxxe-vertical-spacing -s15 -align-center">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-pie-chart -align-center -thicker -s100">
<div class="araxxe-pie-chart--content">
</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-vertical-spacing--line">
<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>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="araxxe-carousel--slot">
<div class="araxxe-card -vertical-expand">
<div class="araxxe-vertical-spacing -s20 -align-center">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-dotted-circle">
<div class="araxxe-vertical-spacing -s5 -align-center">
<div class="araxxe-vertical-spacing--line"><span class="araxxe-number -color-main -ts48 ">14</span>
</div>
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">units
</p>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button -block">Button
</button>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-carousel--next">
<span class="araxxe-icon araxxe-glyph-arrow-right-rounded"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<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">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<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 -service-ebv -vertical-expand -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>
<div class="araxxe-carousel--slot">
<div class="araxxe-card -service-ebv -vertical-expand -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>
<div class="araxxe-carousel--slot">
<div class="araxxe-card -service-ebv -vertical-expand -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>
<div class="araxxe-carousel--slot">
<div class="araxxe-card -service-ebv -vertical-expand -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>
</div>
<div class="araxxe-carousel--next">
<span class="araxxe-icon araxxe-glyph-arrow-right-rounded"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-page-container">
<div class="araxxe-page-container--content">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column">
<h2 class="araxxe-title-big">Title big
</h2>
</div>
<div class="araxxe-horizontal-spacing--column -expand"></div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close -right">
<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-horizontal-spacing--column">
<div class="araxxe-dropdown ion--open -right">
<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-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close -right">
<div class="araxxe-dropdown--button">
<button class="araxxe-button-select -main"><span class="araxxe-button-select--icon araxxe-glyph-folder"></span><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>
</div>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-standard--footer">
<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>
</div>
</div>.araxxe-template-standard
.araxxe-template-standard--header
.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-template-standard--body
.araxxe-template-standard--menu
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
.araxxe-template-standard--content
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.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
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-card.-faded
.araxxe-horizontal-spacing.-s20.-middle.-wrap
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost
span.araxxe-button-rounded--slot
span.araxxe-icon.araxxe-glyph-radio-on.-color-accent.-s24
span.araxxe-button-rounded--slot Cheetah
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost
span.araxxe-button-rounded--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
span.araxxe-button-rounded--slot Cheetah
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost
span.araxxe-button-rounded--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
span.araxxe-button-rounded--slot Cheetah
.araxxe-horizontal-spacing--column
button.araxxe-button-rounded.-ghost
span.araxxe-button-rounded--slot
span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
span.araxxe-button-rounded--slot Cheetah
.araxxe-vertical-spacing--line
.araxxe-carousel
.araxxe-carousel--previous.-disabled
span.araxxe-icon.araxxe-glyph-arrow-left-rounded
.araxxe-carousel--container
.araxxe-carousel--slot
.araxxe-card.-vertical-expand
.araxxe-vertical-spacing.-s15.-align-center
.araxxe-vertical-spacing--line
span.araxxe-text-info Info
.araxxe-vertical-spacing--line
.araxxe-pie-chart.-align-center.-thicker.-s100
.araxxe-pie-chart--content.
.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-vertical-spacing--line
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
.araxxe-carousel--slot
.araxxe-card.-vertical-expand
.araxxe-vertical-spacing.-s15.-align-center
.araxxe-vertical-spacing--line
span.araxxe-text-info Info
.araxxe-vertical-spacing--line
.araxxe-pie-chart.-align-center.-thicker.-s100
.araxxe-pie-chart--content.
.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-vertical-spacing--line
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
.araxxe-carousel--slot
.araxxe-card.-vertical-expand
.araxxe-vertical-spacing.-s15.-align-center
.araxxe-vertical-spacing--line
span.araxxe-text-info Info
.araxxe-vertical-spacing--line
.araxxe-pie-chart.-align-center.-thicker.-s100
.araxxe-pie-chart--content.
.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-vertical-spacing--line
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
.araxxe-carousel--slot
.araxxe-card.-vertical-expand
.araxxe-vertical-spacing.-s20.-align-center
.araxxe-vertical-spacing--line
span.araxxe-text-info Info
.araxxe-vertical-spacing--line
.araxxe-dotted-circle
.araxxe-vertical-spacing.-s5.-align-center
.araxxe-vertical-spacing--line
span.araxxe-number.-color-main.-ts48 14
.araxxe-vertical-spacing--line
p.araxxe-description.
units
.araxxe-vertical-spacing--line
button.araxxe-button.-block.
Button
.araxxe-carousel--next
span.araxxe-icon.araxxe-glyph-arrow-right-rounded
.araxxe-vertical-spacing--line
.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
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-carousel
.araxxe-carousel--previous.-disabled
span.araxxe-icon.araxxe-glyph-arrow-left-rounded
.araxxe-carousel--container
.araxxe-carousel--slot
.araxxe-card.-service-ebv.-vertical-expand.-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-carousel--slot
.araxxe-card.-service-ebv.-vertical-expand.-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-carousel--slot
.araxxe-card.-service-ebv.-vertical-expand.-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-carousel--slot
.araxxe-card.-service-ebv.-vertical-expand.-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-carousel--next
span.araxxe-icon.araxxe-glyph-arrow-right-rounded
.araxxe-vertical-spacing--line
.araxxe-page-container
.araxxe-page-container--content
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column
h2.araxxe-title-big.
Title big
.araxxe-horizontal-spacing--column.-expand
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close.-right
.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-horizontal-spacing--column
.araxxe-dropdown.ion--open.-right
.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-horizontal-spacing--column
.araxxe-dropdown.ion--close.-right
.araxxe-dropdown--button
button.araxxe-button-select.-main
span.araxxe-button-select--icon.araxxe-glyph-folder
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-vertical-spacing--line
.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-template-standard--footer
.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-template-standard">
<div class="araxxe-template-standard--header">
<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>
<div class="araxxe-template-standard--body">
<div class="araxxe-template-standard--menu">
<nav class="araxxe-menu">
<ul class="araxxe-menu--content">
<li class="araxxe-menu--slot">
<button class="araxxe-button-menu -selected -color-service-a2psms"><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 -color-service-a2psms"><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 -color-service-a2psms"><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 -color-service-a2psms" 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>
</div>
<div class="araxxe-template-standard--content">
<div class="araxxe-page-container">
<div class="araxxe-page-container--content">
<div class="araxxe-vertical-spacing -s15">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<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>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card -a2psms-olo -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-olo -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>
<div class="araxxe-horizontal-spacing--column">
<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>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-card -faded">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-card -faded">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-standard--footer">
<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>
</div>
</div>.araxxe-template-standard
.araxxe-template-standard--header
.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-template-standard--body
.araxxe-template-standard--menu
nav.araxxe-menu
ul.araxxe-menu--content
li.araxxe-menu--slot
button.araxxe-button-menu.-selected.-color-service-a2psms
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-notify.-color-service-a2psms
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-color-service-a2psms
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-notify.-color-service-a2psms(disabled)
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
.araxxe-template-standard--content
.araxxe-page-container
.araxxe-page-container--content
.araxxe-vertical-spacing.-s15
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.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-horizontal-spacing--column
.araxxe-card.-a2psms-olo.-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-olo.-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-horizontal-spacing--column
.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
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-card.-faded
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.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-vertical-spacing--line
.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-vertical-spacing--line
.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-vertical-spacing--line
.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-vertical-spacing--line
.araxxe-card.-faded
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.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-vertical-spacing--line
.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-vertical-spacing--line
.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-vertical-spacing--line
.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-template-standard--footer
.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-template-standard">
<div class="araxxe-template-standard--header">
<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>
<div class="araxxe-template-standard--body">
<div class="araxxe-template-standard--menu">
<nav class="araxxe-menu">
<ul class="araxxe-menu--content">
<li class="araxxe-menu--slot">
<button class="araxxe-button-menu -selected -color-service-simbox"><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 -color-service-simbox"><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 -color-service-simbox"><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 -color-service-simbox" 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>
</div>
<div class="araxxe-template-standard--content">
<div class="araxxe-page-container">
<div class="araxxe-page-container--content">
<div class="araxxe-vertical-spacing -s25">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-card -service-simbox -wrapped">
<div class="araxxe-card--header -align-center"><span class="araxxe-text-info">Info</span>
</div>
<div class="araxxe-tile -horizontal">
<div class="araxxe-tile--slot -flat -g1">
<div class="araxxe-card">
<div class="araxxe-vertical-spacing -s25">
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">All cases
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-card -faded">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line -align-center">
<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-pie-chart -thinner -s48">
<div class="araxxe-pie-chart--content">
<div class="araxxe-pie-chart--content--icon">
<span class="araxxe-icon araxxe-glyph-voice -s24"></span>
</div>
</div>
<div class="araxxe-pie-chart--background"></div>
<div class="araxxe-pie-chart--piece -fill-simbox-o -o0 -p27">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
<div class="araxxe-pie-chart--piece -fill-simbox-olo -o27 -p6">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
<div class="araxxe-pie-chart--piece -fill-simbox-oio -o33 -p12">
<div class="araxxe-pie-chart--hs"></div>
<div class="araxxe-pie-chart--he"></div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-simbox -ts48 ">45<span class="araxxe-number--half">%</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -equivalent">
<div class="araxxe-horizontal-spacing--column -align-left">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-right">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -middle">
<div class="araxxe-horizontal-spacing--column -align-left -expand"><span class="araxxe-number -color-service-simbox -ts24 ">4238</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-title-info">/
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-right -expand"><span class="araxxe-number -color-service-simbox -ts24 ">22306</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-tile--slot -g1 -secondary">
<div class="araxxe-card--body">
<div class="araxxe-vertical-spacing -s25">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -center">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-flag -simbox-o">o</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<p class="araxxe-description">Simbox cases
</p>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-card -flat">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line -align-center">
<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-simbox-o">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p27">
<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-simbox-o -ts48 ">27<span class="araxxe-number--half">%</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -equivalent">
<div class="araxxe-horizontal-spacing--column -align-left">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-right">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -middle">
<div class="araxxe-horizontal-spacing--column -align-left -expand"><span class="araxxe-number -color-service-simbox -ts24 ">4238</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-title-info">/
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-right -expand"><span class="araxxe-number -color-service-simbox -ts24 ">22306</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-tile--slot -g1 -secondary">
<div class="araxxe-card--body">
<div class="araxxe-vertical-spacing -s25">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -center">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-flag -simbox-olo">olo</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<p class="araxxe-description">Simbox cases
</p>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-card -flat">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line -align-center">
<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-simbox-olo">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p6">
<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-simbox-olo -ts48 ">6<span class="araxxe-number--half">%</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -equivalent">
<div class="araxxe-horizontal-spacing--column -align-left">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-right">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -middle">
<div class="araxxe-horizontal-spacing--column -align-left -expand"><span class="araxxe-number -color-service-simbox -ts24 ">4238</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-title-info">/
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-right -expand"><span class="araxxe-number -color-service-simbox -ts24 ">22306</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-tile--slot -g1 -secondary">
<div class="araxxe-card--body">
<div class="araxxe-vertical-spacing -s25">
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Other fraudulent cases
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-card -flat">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line -align-center">
<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-simbox-oio">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p12">
<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-simbox-oio -ts48 ">12<span class="araxxe-number--half">%</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -equivalent">
<div class="araxxe-horizontal-spacing--column -align-left">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-right">
<div class="araxxe-title-info">Title info
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -middle">
<div class="araxxe-horizontal-spacing--column -align-left -expand"><span class="araxxe-number -color-service-simbox -ts24 ">4238</span>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-title-info">/
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-right -expand"><span class="araxxe-number -color-service-simbox -ts24 ">22306</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-card -faded">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s15 -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-icon-circled -s64">
<span class="araxxe-icon araxxe-glyph-mobile-national -color-service-simbox -s32"></span>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-card -faded">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s15 -middle">
<div class="araxxe-horizontal-spacing--column">
<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>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h3 class="araxxe-title-card">Title card
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-standard--footer">
<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>
</div>
</div>.araxxe-template-standard
.araxxe-template-standard--header
.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-template-standard--body
.araxxe-template-standard--menu
nav.araxxe-menu
ul.araxxe-menu--content
li.araxxe-menu--slot
button.araxxe-button-menu.-selected.-color-service-simbox
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-notify.-color-service-simbox
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-color-service-simbox
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-notify.-color-service-simbox(disabled)
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
.araxxe-template-standard--content
.araxxe-page-container
.araxxe-page-container--content
.araxxe-vertical-spacing.-s25
.araxxe-vertical-spacing--line
.araxxe-card.-service-simbox.-wrapped
.araxxe-card--header.-align-center
span.araxxe-text-info Info
.araxxe-tile.-horizontal
.araxxe-tile--slot.-flat.-g1
.araxxe-card
.araxxe-vertical-spacing.-s25
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
All cases
.araxxe-vertical-spacing--line
.araxxe-card.-faded
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line.-align-center
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle.-center
.araxxe-horizontal-spacing--column
.araxxe-pie-chart.-thinner.-s48
.araxxe-pie-chart--content
.araxxe-pie-chart--content--icon
span.araxxe-icon.araxxe-glyph-voice.-s24
.araxxe-pie-chart--background
.araxxe-pie-chart--piece.-fill-simbox-o.-o0.-p27
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-pie-chart--piece.-fill-simbox-olo.-o27.-p6
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-pie-chart--piece.-fill-simbox-oio.-o33.-p12
.araxxe-pie-chart--hs
.araxxe-pie-chart--he
.araxxe-horizontal-spacing--column
span.araxxe-number.-color-service-simbox.-ts48
| 45
span.araxxe-number--half %
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-equivalent
.araxxe-horizontal-spacing--column.-align-left
.araxxe-title-info.
Title info
.araxxe-horizontal-spacing--column.-align-right
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-middle
.araxxe-horizontal-spacing--column.-align-left.-expand
span.araxxe-number.-color-service-simbox.-ts24 4238
.araxxe-horizontal-spacing--column
.araxxe-title-info.
/
.araxxe-horizontal-spacing--column.-align-right.-expand
span.araxxe-number.-color-service-simbox.-ts24 22306
.araxxe-tile--slot.-g1.-secondary
.araxxe-card--body
.araxxe-vertical-spacing.-s25
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-center
.araxxe-horizontal-spacing--column
span.araxxe-flag.-simbox-o o
.araxxe-horizontal-spacing--column
p.araxxe-description.
Simbox cases
.araxxe-vertical-spacing--line
.araxxe-card.-flat
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line.-align-center
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle.-center
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-s48.-fill-simbox-o
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p27
.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-simbox-o.-ts48
| 27
span.araxxe-number--half %
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-equivalent
.araxxe-horizontal-spacing--column.-align-left
.araxxe-title-info.
Title info
.araxxe-horizontal-spacing--column.-align-right
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-middle
.araxxe-horizontal-spacing--column.-align-left.-expand
span.araxxe-number.-color-service-simbox.-ts24 4238
.araxxe-horizontal-spacing--column
.araxxe-title-info.
/
.araxxe-horizontal-spacing--column.-align-right.-expand
span.araxxe-number.-color-service-simbox.-ts24 22306
.araxxe-tile--slot.-g1.-secondary
.araxxe-card--body
.araxxe-vertical-spacing.-s25
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-center
.araxxe-horizontal-spacing--column
span.araxxe-flag.-simbox-olo olo
.araxxe-horizontal-spacing--column
p.araxxe-description.
Simbox cases
.araxxe-vertical-spacing--line
.araxxe-card.-flat
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line.-align-center
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle.-center
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-s48.-fill-simbox-olo
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p6
.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-simbox-olo.-ts48
| 6
span.araxxe-number--half %
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-equivalent
.araxxe-horizontal-spacing--column.-align-left
.araxxe-title-info.
Title info
.araxxe-horizontal-spacing--column.-align-right
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-middle
.araxxe-horizontal-spacing--column.-align-left.-expand
span.araxxe-number.-color-service-simbox.-ts24 4238
.araxxe-horizontal-spacing--column
.araxxe-title-info.
/
.araxxe-horizontal-spacing--column.-align-right.-expand
span.araxxe-number.-color-service-simbox.-ts24 22306
.araxxe-tile--slot.-g1.-secondary
.araxxe-card--body
.araxxe-vertical-spacing.-s25
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Other fraudulent cases
.araxxe-vertical-spacing--line
.araxxe-card.-flat
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line.-align-center
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle.-center
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-s48.-fill-simbox-oio
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p12
.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-simbox-oio.-ts48
| 12
span.araxxe-number--half %
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-equivalent
.araxxe-horizontal-spacing--column.-align-left
.araxxe-title-info.
Title info
.araxxe-horizontal-spacing--column.-align-right
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-middle
.araxxe-horizontal-spacing--column.-align-left.-expand
span.araxxe-number.-color-service-simbox.-ts24 4238
.araxxe-horizontal-spacing--column
.araxxe-title-info.
/
.araxxe-horizontal-spacing--column.-align-right.-expand
span.araxxe-number.-color-service-simbox.-ts24 22306
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-card.-faded
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s15.-middle
.araxxe-horizontal-spacing--column
.araxxe-icon-circled.-s64
span.araxxe-icon.araxxe-glyph-mobile-national.-color-service-simbox.-s32
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.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
.araxxe-vertical-spacing--line
.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
.araxxe-vertical-spacing--line
.araxxe-card.-faded
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s15.-middle
.araxxe-horizontal-spacing--column
.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
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
h3.araxxe-title-card.
Title card
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.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
.araxxe-vertical-spacing--line
.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
.araxxe-vertical-spacing--line
.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
.araxxe-template-standard--footer
.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-template-standard">
<div class="araxxe-template-standard--header">
<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--open -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 -fill-shade-50 araxxe-operator-logo" style="background-image: url("/atom/operator-logo/icon/nlkpn.png")">
</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>
<div class="araxxe-template-standard--body">
<div class="araxxe-template-standard--banner">
<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>
</div>
<div class="araxxe-template-standard--content">
<div class="araxxe-page-container">
<div class="araxxe-page-container--content">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -middle">
<div class="araxxe-horizontal-spacing--column -expand">
<h2 class="araxxe-title-big">Title big
</h2>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dropdown ion--close -right">
<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>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<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 -service-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-horizontal-separe--column">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description -color-service-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-service-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-service-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-service-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>
<div class="araxxe-vertical-spacing--line">
<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 -service-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-service-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-service-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-service-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-service-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>
<div class="araxxe-vertical-spacing--line">
<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 -service-a2psms">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-service-a2psms">
<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-service-a2psms">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-service-a2psms">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-service-a2psms">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-service-a2psms">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>
<div class="araxxe-vertical-spacing--line">
<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 -service-simbox">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-service-simbox">
<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-service-simbox">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-service-simbox">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-service-simbox">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-service-simbox">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>
<div class="araxxe-vertical-spacing--line">
<button class="araxxe-button -ghost -block">Button
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-standard--footer">
<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>
</div>
</div>.araxxe-template-standard
.araxxe-template-standard--header
.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--open.-right
.araxxe-header-popover--button
.araxxe-horizontal-spacing.-s10.-left.-middle
.araxxe-horizontal-spacing--column
.araxxe-dot.-s44.-fill-shade-50.araxxe-operator-logo(style='background-image: url("/atom/operator-logo/icon/nlkpn.png")').
.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-template-standard--body
.araxxe-template-standard--banner
.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.
.araxxe-template-standard--content
.araxxe-page-container
.araxxe-page-container--content
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-middle
.araxxe-horizontal-spacing--column.-expand
h2.araxxe-title-big.
Title big
.araxxe-horizontal-spacing--column
.araxxe-dropdown.ion--close.-right
.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-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.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.-service-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-horizontal-separe--column
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
p.araxxe-description.-color-service-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-service-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-service-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-service-ebv.
1
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.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.-service-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-service-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-service-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-service-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-service-ebv.
1
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.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.-service-a2psms.
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-service-a2psms
.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-service-a2psms.
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-service-a2psms.
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-service-a2psms.
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-service-a2psms.
1
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.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.-service-simbox.
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-service-simbox
.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-service-simbox.
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-service-simbox.
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-service-simbox.
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-service-simbox.
1
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
button.araxxe-button.-ghost.-block.
Button
.araxxe-template-standard--footer
.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-template-standard">
<div class="araxxe-template-standard--maintenance">
<div class="araxxe-maintenance-banner">Maintenance scheduled from 23/12/2020 01:00:00 to 23/12/2020 01:00:00</div>
</div>
<div class="araxxe-template-standard--header">
<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>
<div class="araxxe-template-standard--body">
<div class="araxxe-template-standard--menu">
<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>
</div>
<div class="araxxe-template-standard--content">
<div class="araxxe-page-container">
<div class="araxxe-page-container--content">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral -accent"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--icon araxxe-glyph-stars"></span><span class="araxxe-card-numeral--number">42</span></span><span class="araxxe-card-numeral--text">card numeral</span></span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--number">42</span></span><span class="araxxe-card-numeral--text">card numeral</span></span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--number">42</span></span><span class="araxxe-card-numeral--text">card numeral</span></span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--number">42</span></span><span class="araxxe-card-numeral--text">card numeral</span></span>
</button>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 1
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s20">
<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">
<ul class="araxxe-list-underlined">
<li class="araxxe-list-underlined--item">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column -expand">
<p class="araxxe-description -ellipsis">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-horizontal-spacing--column">
<p class="araxxe-description">42
</p>
</div>
</div>
</li>
<li class="araxxe-list-underlined--item">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column -expand">
<p class="araxxe-description -ellipsis">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-horizontal-spacing--column">
<p class="araxxe-description">42
</p>
</div>
</div>
</li>
<li class="araxxe-list-underlined--item">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column -expand">
<p class="araxxe-description -ellipsis">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-horizontal-spacing--column">
<p class="araxxe-description">42
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s20">
<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">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 1
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 2
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 3
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 4
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s20">
<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">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -main">Badge 1
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 2
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 3
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 4
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s20">
<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">
<div class="araxxe-badge -block -border">Badge
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-center">
<div class="araxxe-icon-text -main">
<div class="araxxe-icon-text--icon araxxe-glyph-data"></div>
<div class="araxxe-icon-text--text">
<div class="araxxe-title-info">First
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-center">
<div class="araxxe-icon-text -main">
<div class="araxxe-icon-text--icon araxxe-glyph-data"></div>
<div class="araxxe-icon-text--text">
<div class="araxxe-title-info">Second
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-center">
<div class="araxxe-icon-text -main">
<div class="araxxe-icon-text--icon araxxe-glyph-data"></div>
<div class="araxxe-icon-text--text">
<div class="araxxe-title-info">Third
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-center">
<div class="araxxe-icon-text -main">
<div class="araxxe-icon-text--icon araxxe-glyph-data"></div>
<div class="araxxe-icon-text--text">
<div class="araxxe-title-info">Fourth
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-table-layout">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-top">
<th class="araxxe-table-simple--cell -w240">
<div class="araxxe-title-info -ellipsis">Information
</div>
</th>
<td class="araxxe-table-simple--cell">
<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>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-table-layout">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-top">
<th class="araxxe-table-simple--cell -w240">
<div class="araxxe-title-info -ellipsis">Information
</div>
</th>
<td class="araxxe-table-simple--cell">
<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>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-table-layout">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-top">
<th class="araxxe-table-simple--cell -w240">
<div class="araxxe-title-info -ellipsis">Information
</div>
</th>
<td class="araxxe-table-simple--cell">
<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>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 2
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 3
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-table-layout">
<table class="araxxe-table-simple">
<thead class="araxxe-table-simple--thead">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Column 1
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Column 2
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Column 3
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Column 4
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Column 5
</div>
</th>
</tr>
</thead>
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Cell 1/1</td>
<td class="araxxe-table-simple--cell">Cell 1/2</td>
<td class="araxxe-table-simple--cell">Cell 1/3</td>
<td class="araxxe-table-simple--cell">Cell 1/4</td>
<td class="araxxe-table-simple--cell">Cell 1/5</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Cell 2/1</td>
<td class="araxxe-table-simple--cell">Cell 2/2</td>
<td class="araxxe-table-simple--cell">Cell 2/3</td>
<td class="araxxe-table-simple--cell">Cell 2/4</td>
<td class="araxxe-table-simple--cell">Cell 2/5</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Cell 3/1</td>
<td class="araxxe-table-simple--cell">Cell 3/2</td>
<td class="araxxe-table-simple--cell">Cell 3/3</td>
<td class="araxxe-table-simple--cell">Cell 3/4</td>
<td class="araxxe-table-simple--cell">Cell 3/5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-standard--footer">
<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>
</div>
</div>.araxxe-template-standard
.araxxe-template-standard--maintenance
.araxxe-maintenance-banner Maintenance scheduled from 23/12/2020 01:00:00 to 23/12/2020 01:00:00
.araxxe-template-standard--header
.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-template-standard--body
.araxxe-template-standard--menu
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
.araxxe-template-standard--content
.araxxe-page-container
.araxxe-page-container--content
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral.-accent
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--icon.araxxe-glyph-stars
span.araxxe-card-numeral--number 42
span.araxxe-card-numeral--text card numeral
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--number 42
span.araxxe-card-numeral--text card numeral
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--number 42
span.araxxe-card-numeral--text card numeral
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--number 42
span.araxxe-card-numeral--text card numeral
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s40
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 1
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s20
.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
ul.araxxe-list-underlined
li.araxxe-list-underlined--item
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column.-expand
p.araxxe-description.-ellipsis.
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-horizontal-spacing--column
p.araxxe-description.
42
li.araxxe-list-underlined--item
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column.-expand
p.araxxe-description.-ellipsis.
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-horizontal-spacing--column
p.araxxe-description.
42
li.araxxe-list-underlined--item
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column.-expand
p.araxxe-description.-ellipsis.
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-horizontal-spacing--column
p.araxxe-description.
42
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s20
.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
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 1
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 2
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 3
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 4
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s20
.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
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-badge.-main.
Badge 1
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 2
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 3
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 4
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s20
.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
.araxxe-badge.-block.-border.
Badge
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-center
.araxxe-icon-text.-main
.araxxe-icon-text--icon.araxxe-glyph-data
.araxxe-icon-text--text
.araxxe-title-info.
First
.araxxe-horizontal-spacing--column.-align-center
.araxxe-icon-text.-main
.araxxe-icon-text--icon.araxxe-glyph-data
.araxxe-icon-text--text
.araxxe-title-info.
Second
.araxxe-horizontal-spacing--column.-align-center
.araxxe-icon-text.-main
.araxxe-icon-text--icon.araxxe-glyph-data
.araxxe-icon-text--text
.araxxe-title-info.
Third
.araxxe-horizontal-spacing--column.-align-center
.araxxe-icon-text.-main
.araxxe-icon-text--icon.araxxe-glyph-data
.araxxe-icon-text--text
.araxxe-title-info.
Fourth
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.araxxe-table-layout
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-top
th.araxxe-table-simple--cell.-w240
.araxxe-title-info.-ellipsis.
Information
td.araxxe-table-simple--cell
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
.araxxe-table-layout
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-top
th.araxxe-table-simple--cell.-w240
.araxxe-title-info.-ellipsis.
Information
td.araxxe-table-simple--cell
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
.araxxe-table-layout
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-top
th.araxxe-table-simple--cell.-w240
.araxxe-title-info.-ellipsis.
Information
td.araxxe-table-simple--cell
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
.araxxe-vertical-spacing.-s40
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 2
.araxxe-vertical-spacing--line
.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
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 3
.araxxe-vertical-spacing--line
.araxxe-table-layout
table.araxxe-table-simple
thead.araxxe-table-simple--thead
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
.araxxe-title-info.
Column 1
th.araxxe-table-simple--cell
.araxxe-title-info.
Column 2
th.araxxe-table-simple--cell
.araxxe-title-info.
Column 3
th.araxxe-table-simple--cell
.araxxe-title-info.
Column 4
th.araxxe-table-simple--cell
.araxxe-title-info.
Column 5
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Cell 1/1
td.araxxe-table-simple--cell Cell 1/2
td.araxxe-table-simple--cell Cell 1/3
td.araxxe-table-simple--cell Cell 1/4
td.araxxe-table-simple--cell Cell 1/5
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Cell 2/1
td.araxxe-table-simple--cell Cell 2/2
td.araxxe-table-simple--cell Cell 2/3
td.araxxe-table-simple--cell Cell 2/4
td.araxxe-table-simple--cell Cell 2/5
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Cell 3/1
td.araxxe-table-simple--cell Cell 3/2
td.araxxe-table-simple--cell Cell 3/3
td.araxxe-table-simple--cell Cell 3/4
td.araxxe-table-simple--cell Cell 3/5
.araxxe-template-standard--footer
.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-template-standard">
<div class="araxxe-template-standard--header">
<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>
<div class="araxxe-template-standard--body">
<div class="araxxe-template-standard--menu">
<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>
</div>
<div class="araxxe-template-standard--content">
<div class="araxxe-page-container">
<div class="araxxe-page-container--content">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral -accent"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--icon araxxe-glyph-stars"></span><span class="araxxe-card-numeral--number">42</span></span><span class="araxxe-card-numeral--text">card numeral</span></span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--number">42</span></span><span class="araxxe-card-numeral--text">card numeral</span></span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--number">42</span></span><span class="araxxe-card-numeral--text">card numeral</span></span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--number">42</span></span><span class="araxxe-card-numeral--text">card numeral</span></span>
</button>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 1
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s20">
<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">
<ul class="araxxe-list-underlined">
<li class="araxxe-list-underlined--item">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column -expand">
<p class="araxxe-description -ellipsis">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-horizontal-spacing--column">
<p class="araxxe-description">42
</p>
</div>
</div>
</li>
<li class="araxxe-list-underlined--item">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column -expand">
<p class="araxxe-description -ellipsis">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-horizontal-spacing--column">
<p class="araxxe-description">42
</p>
</div>
</div>
</li>
<li class="araxxe-list-underlined--item">
<div class="araxxe-horizontal-spacing -s5">
<div class="araxxe-horizontal-spacing--column -expand">
<p class="araxxe-description -ellipsis">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-horizontal-spacing--column">
<p class="araxxe-description">42
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s20">
<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">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 1
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 2
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 3
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 4
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s20">
<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">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -main">Badge 1
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 2
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 3
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-badge -border">Badge 4
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s20">
<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">
<div class="araxxe-badge -block -border">Badge
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-center">
<div class="araxxe-icon-text -main">
<div class="araxxe-icon-text--icon araxxe-glyph-data"></div>
<div class="araxxe-icon-text--text">
<div class="araxxe-title-info">First
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-center">
<div class="araxxe-icon-text -main">
<div class="araxxe-icon-text--icon araxxe-glyph-data"></div>
<div class="araxxe-icon-text--text">
<div class="araxxe-title-info">Second
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-center">
<div class="araxxe-icon-text -main">
<div class="araxxe-icon-text--icon araxxe-glyph-data"></div>
<div class="araxxe-icon-text--text">
<div class="araxxe-title-info">Third
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -align-center">
<div class="araxxe-icon-text -main">
<div class="araxxe-icon-text--icon araxxe-glyph-data"></div>
<div class="araxxe-icon-text--text">
<div class="araxxe-title-info">Fourth
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-table-layout">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-top">
<th class="araxxe-table-simple--cell -w240">
<div class="araxxe-title-info -ellipsis">Information
</div>
</th>
<td class="araxxe-table-simple--cell">
<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>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-table-layout">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-top">
<th class="araxxe-table-simple--cell -w240">
<div class="araxxe-title-info -ellipsis">Information
</div>
</th>
<td class="araxxe-table-simple--cell">
<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>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-table-layout">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line -align-top">
<th class="araxxe-table-simple--cell -w240">
<div class="araxxe-title-info -ellipsis">Information
</div>
</th>
<td class="araxxe-table-simple--cell">
<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>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 2
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 3
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-table-layout">
<table class="araxxe-table-simple">
<thead class="araxxe-table-simple--thead">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Column 1
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Column 2
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Column 3
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Column 4
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Column 5
</div>
</th>
</tr>
</thead>
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Cell 1/1</td>
<td class="araxxe-table-simple--cell">Cell 1/2</td>
<td class="araxxe-table-simple--cell">Cell 1/3</td>
<td class="araxxe-table-simple--cell">Cell 1/4</td>
<td class="araxxe-table-simple--cell">Cell 1/5</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Cell 2/1</td>
<td class="araxxe-table-simple--cell">Cell 2/2</td>
<td class="araxxe-table-simple--cell">Cell 2/3</td>
<td class="araxxe-table-simple--cell">Cell 2/4</td>
<td class="araxxe-table-simple--cell">Cell 2/5</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Cell 3/1</td>
<td class="araxxe-table-simple--cell">Cell 3/2</td>
<td class="araxxe-table-simple--cell">Cell 3/3</td>
<td class="araxxe-table-simple--cell">Cell 3/4</td>
<td class="araxxe-table-simple--cell">Cell 3/5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-standard--footer">
<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>
</div>
</div>.araxxe-template-standard
.araxxe-template-standard--header
.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-template-standard--body
.araxxe-template-standard--menu
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
.araxxe-template-standard--content
.araxxe-page-container
.araxxe-page-container--content
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral.-accent
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--icon.araxxe-glyph-stars
span.araxxe-card-numeral--number 42
span.araxxe-card-numeral--text card numeral
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--number 42
span.araxxe-card-numeral--text card numeral
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--number 42
span.araxxe-card-numeral--text card numeral
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--number 42
span.araxxe-card-numeral--text card numeral
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s40
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 1
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s20
.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
ul.araxxe-list-underlined
li.araxxe-list-underlined--item
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column.-expand
p.araxxe-description.-ellipsis.
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-horizontal-spacing--column
p.araxxe-description.
42
li.araxxe-list-underlined--item
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column.-expand
p.araxxe-description.-ellipsis.
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-horizontal-spacing--column
p.araxxe-description.
42
li.araxxe-list-underlined--item
.araxxe-horizontal-spacing.-s5
.araxxe-horizontal-spacing--column.-expand
p.araxxe-description.-ellipsis.
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-horizontal-spacing--column
p.araxxe-description.
42
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s20
.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
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 1
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 2
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 3
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 4
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s20
.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
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line
.araxxe-badge.-main.
Badge 1
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 2
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 3
.araxxe-vertical-spacing--line
.araxxe-badge.-border.
Badge 4
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s20
.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
.araxxe-badge.-block.-border.
Badge
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-center
.araxxe-icon-text.-main
.araxxe-icon-text--icon.araxxe-glyph-data
.araxxe-icon-text--text
.araxxe-title-info.
First
.araxxe-horizontal-spacing--column.-align-center
.araxxe-icon-text.-main
.araxxe-icon-text--icon.araxxe-glyph-data
.araxxe-icon-text--text
.araxxe-title-info.
Second
.araxxe-horizontal-spacing--column.-align-center
.araxxe-icon-text.-main
.araxxe-icon-text--icon.araxxe-glyph-data
.araxxe-icon-text--text
.araxxe-title-info.
Third
.araxxe-horizontal-spacing--column.-align-center
.araxxe-icon-text.-main
.araxxe-icon-text--icon.araxxe-glyph-data
.araxxe-icon-text--text
.araxxe-title-info.
Fourth
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.araxxe-table-layout
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-top
th.araxxe-table-simple--cell.-w240
.araxxe-title-info.-ellipsis.
Information
td.araxxe-table-simple--cell
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
.araxxe-table-layout
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-top
th.araxxe-table-simple--cell.-w240
.araxxe-title-info.-ellipsis.
Information
td.araxxe-table-simple--cell
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
.araxxe-table-layout
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line.-align-top
th.araxxe-table-simple--cell.-w240
.araxxe-title-info.-ellipsis.
Information
td.araxxe-table-simple--cell
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
.araxxe-vertical-spacing.-s40
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 2
.araxxe-vertical-spacing--line
.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
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 3
.araxxe-vertical-spacing--line
.araxxe-table-layout
table.araxxe-table-simple
thead.araxxe-table-simple--thead
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
.araxxe-title-info.
Column 1
th.araxxe-table-simple--cell
.araxxe-title-info.
Column 2
th.araxxe-table-simple--cell
.araxxe-title-info.
Column 3
th.araxxe-table-simple--cell
.araxxe-title-info.
Column 4
th.araxxe-table-simple--cell
.araxxe-title-info.
Column 5
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Cell 1/1
td.araxxe-table-simple--cell Cell 1/2
td.araxxe-table-simple--cell Cell 1/3
td.araxxe-table-simple--cell Cell 1/4
td.araxxe-table-simple--cell Cell 1/5
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Cell 2/1
td.araxxe-table-simple--cell Cell 2/2
td.araxxe-table-simple--cell Cell 2/3
td.araxxe-table-simple--cell Cell 2/4
td.araxxe-table-simple--cell Cell 2/5
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Cell 3/1
td.araxxe-table-simple--cell Cell 3/2
td.araxxe-table-simple--cell Cell 3/3
td.araxxe-table-simple--cell Cell 3/4
td.araxxe-table-simple--cell Cell 3/5
.araxxe-template-standard--footer
.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-template-standard">
<div class="araxxe-template-standard--header">
<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>
<div class="araxxe-template-standard--body">
<div class="araxxe-template-standard--menu">
<nav class="araxxe-menu">
<ul class="araxxe-menu--content">
<li class="araxxe-menu--slot">
<button class="araxxe-button-menu -selected -color-service-a2psms"><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 -color-service-a2psms"><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 -color-service-a2psms"><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 -color-service-a2psms" 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>
</div>
<div class="araxxe-template-standard--content">
<div class="araxxe-page-container">
<div class="araxxe-page-container--content">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -g1 -flex">
<div class="araxxe-card -grow">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-a2psms -ts48 ">2222</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Test number
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -g1 -flex">
<div class="araxxe-card -grow">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<div class="araxxe-horizontal-spacing -s15 -middle -center">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-rate-chart -s48 -fill-service-a2psms">
<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>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-a2psms -ts48 ">34<span class="araxxe-number--half">%</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -g2 -flex">
<div class="araxxe-card -grow">
<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 -align-center">
<table class="araxxe-table-simple">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -align-right -w130"><span class="araxxe-number -color-service-a2psms -ts30 ">15 000</span>
</th>
<td class="araxxe-table-simple--cell">
<p class="araxxe-description">Description text for first line
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -align-right -w130"><span class="araxxe-number -color-service-a2psms -ts30 ">500</span>
</th>
<td class="araxxe-table-simple--cell">
<p class="araxxe-description">Description text for second line
</p>
</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell -align-right -w130"><span class="araxxe-number -color-service-a2psms -ts30 ">50 000</span>
</th>
<td class="araxxe-table-simple--cell">
<p class="araxxe-description -ellipsis">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>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 1
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<table class="araxxe-table-simple -padded -service-a2psms">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line -no-underline">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line -highlight">
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Total
</div>
</th>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">12 345 UNIT
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<table class="araxxe-table-simple -padded -service-a2psms">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line -no-underline">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line -highlight">
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Total
</div>
</th>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">12 345 UNIT
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -selected -service-a2psms">
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-a2psms -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-a2psms -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-a2psms -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer"><span class="araxxe-text-info">A footer <br/> text</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-a2psms">
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-a2psms -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-a2psms -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-a2psms -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer">
<div class="araxxe-operator-logo -block -contained -h44" style="background-image: url("/atom/operator-logo/icon/1147.png")"></div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-a2psms">
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-a2psms -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-a2psms -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-a2psms -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer"><span class="araxxe-text-info">A footer <br/> text</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-a2psms">
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-a2psms -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-a2psms -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-a2psms -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer"><span class="araxxe-text-info">A footer <br/> text</span>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-a2psms">
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-a2psms -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-a2psms -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-a2psms -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer"><span class="araxxe-text-info">A footer <br/> text</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 2
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-sheet">
<div class="araxxe-sheet--header">
<div class="araxxe-sheet-line ">
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--slot">
<div class="araxxe-sheet-line -faded ">
<div class="araxxe-sheet-line--slot -g1">
<p class="araxxe-description">Description of the statistic
</p>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-rate-chart -fill-service-a2psms">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p7">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole -fill-background">
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">7%</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-rate-chart -fill-service-a2psms">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p7">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole -fill-background">
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">7%</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-rate-chart -fill-service-a2psms">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p7">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole -fill-background">
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">7%</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-rate-chart -fill-service-a2psms">
<div class="araxxe-rate-chart--background ">
<div class="araxxe-rate-chart--progress -p7">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole -fill-background">
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">7%</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--slot">
<div class="araxxe-sheet-line -faded ">
<div class="araxxe-sheet-line--slot -g1">
<p class="araxxe-description">Description of the statistic
</p>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-check-circle -color-valid -s24"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">Yes</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-cross-circle -color-danger -s24"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">No</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-check-circle -color-valid -s24"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">Yes</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-cross-circle -color-danger -s24"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">No</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 3
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<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">
<div class="araxxe-title-info">First
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Second
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Third
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Fourth
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Fifth
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Sixth
</div>
</th>
</tr>
</thead>
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">+33 999 999 999</td>
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">10.99.42.129</td>
<td class="araxxe-table-simple--cell">443</td>
<td class="araxxe-table-simple--cell">28%</td>
<td class="araxxe-table-simple--cell">42%</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">+33 999 999 999</td>
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">10.99.42.129</td>
<td class="araxxe-table-simple--cell">443</td>
<td class="araxxe-table-simple--cell">28%</td>
<td class="araxxe-table-simple--cell">42%</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">+33 999 999 999</td>
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">10.99.42.129</td>
<td class="araxxe-table-simple--cell">443</td>
<td class="araxxe-table-simple--cell">28%</td>
<td class="araxxe-table-simple--cell">42%</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">+33 999 999 999</td>
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">10.99.42.129</td>
<td class="araxxe-table-simple--cell">443</td>
<td class="araxxe-table-simple--cell">28%</td>
<td class="araxxe-table-simple--cell">42%</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">+33 999 999 999</td>
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">10.99.42.129</td>
<td class="araxxe-table-simple--cell">443</td>
<td class="araxxe-table-simple--cell">28%</td>
<td class="araxxe-table-simple--cell">42%</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">+33 999 999 999</td>
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">10.99.42.129</td>
<td class="araxxe-table-simple--cell">443</td>
<td class="araxxe-table-simple--cell">28%</td>
<td class="araxxe-table-simple--cell">42%</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-standard--footer">
<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>
</div>
</div>.araxxe-template-standard
.araxxe-template-standard--header
.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-template-standard--body
.araxxe-template-standard--menu
nav.araxxe-menu
ul.araxxe-menu--content
li.araxxe-menu--slot
button.araxxe-button-menu.-selected.-color-service-a2psms
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-notify.-color-service-a2psms
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-color-service-a2psms
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-notify.-color-service-a2psms(disabled)
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
.araxxe-template-standard--content
.araxxe-page-container
.araxxe-page-container--content
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-g1.-flex
.araxxe-card.-grow
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-a2psms.-ts48 2222
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Test number
.araxxe-horizontal-spacing--column.-g1.-flex
.araxxe-card.-grow
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line.-align-center
.araxxe-horizontal-spacing.-s15.-middle.-center
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-s48.-fill-service-a2psms
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p34
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.
.araxxe-horizontal-spacing--column
span.araxxe-number.-color-service-a2psms.-ts48
| 34
span.araxxe-number--half %
.araxxe-horizontal-spacing--column.-g2.-flex
.araxxe-card.-grow
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line.-align-center
table.araxxe-table-simple
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-align-right.-w130
span.araxxe-number.-color-service-a2psms.-ts30 15 000
td.araxxe-table-simple--cell
p.araxxe-description.
Description text for first line
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-align-right.-w130
span.araxxe-number.-color-service-a2psms.-ts30 500
td.araxxe-table-simple--cell
p.araxxe-description.
Description text for second line
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell.-align-right.-w130
span.araxxe-number.-color-service-a2psms.-ts30 50 000
td.araxxe-table-simple--cell
p.araxxe-description.-ellipsis.
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.-s40
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 1
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
table.araxxe-table-simple.-padded.-service-a2psms
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line.-no-underline
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line.-highlight
th.araxxe-table-simple--cell
.araxxe-title-info.
Total
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
12 345 UNIT
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
table.araxxe-table-simple.-padded.-service-a2psms
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line.-no-underline
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line.-highlight
th.araxxe-table-simple--cell
.araxxe-title-info.
Total
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
12 345 UNIT
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-selected.-service-a2psms
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-a2psms.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-a2psms.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-a2psms.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-card-stat--footer
span.araxxe-text-info
| A footer
br
| text
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-a2psms
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-a2psms.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-a2psms.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-a2psms.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-card-stat--footer
.araxxe-operator-logo.-block.-contained.-h44(style='background-image: url("/atom/operator-logo/icon/1147.png")')
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-a2psms
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-a2psms.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-a2psms.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-a2psms.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-card-stat--footer
span.araxxe-text-info
| A footer
br
| text
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-a2psms
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-a2psms.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-a2psms.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-a2psms.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-card-stat--footer
span.araxxe-text-info
| A footer
br
| text
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-a2psms
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-a2psms.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-a2psms.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-a2psms.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-card-stat--footer
span.araxxe-text-info
| A footer
br
| text
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 2
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
.araxxe-sheet
.araxxe-sheet--header
.araxxe-sheet-line
.araxxe-sheet-line--slot.-g1
.araxxe-title-info.
Title info
.araxxe-sheet-line--slot.-g1
.araxxe-sheet-head
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet-line--slot.-g1
.araxxe-sheet-head
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet-line--slot.-g1
.araxxe-sheet-head
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet-line--slot.-g1
.araxxe-sheet-head
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet--slot
.araxxe-sheet-line.-faded
.araxxe-sheet-line--slot.-g1
p.araxxe-description.
Description of the statistic
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-fill-service-a2psms
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p7
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.-fill-background.
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold 7%
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-fill-service-a2psms
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p7
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.-fill-background.
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold 7%
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-fill-service-a2psms
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p7
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.-fill-background.
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold 7%
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-fill-service-a2psms
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p7
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.-fill-background.
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold 7%
.araxxe-sheet--slot
.araxxe-sheet-line.-faded
.araxxe-sheet-line--slot.-g1
p.araxxe-description.
Description of the statistic
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-check-circle.-color-valid.-s24
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold Yes
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-cross-circle.-color-danger.-s24
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold No
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-check-circle.-color-valid.-s24
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold Yes
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-cross-circle.-color-danger.-s24
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold No
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 3
.araxxe-vertical-spacing--line
.araxxe-table-layout
table.araxxe-table-simple.-expandable.-underlined
thead.araxxe-table-simple--thead
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
.araxxe-title-info.
First
th.araxxe-table-simple--cell
.araxxe-title-info.
Second
th.araxxe-table-simple--cell
.araxxe-title-info.
Third
th.araxxe-table-simple--cell
.araxxe-title-info.
Fourth
th.araxxe-table-simple--cell
.araxxe-title-info.
Fifth
th.araxxe-table-simple--cell
.araxxe-title-info.
Sixth
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell +33 999 999 999
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell 10.99.42.129
td.araxxe-table-simple--cell 443
td.araxxe-table-simple--cell 28%
td.araxxe-table-simple--cell 42%
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell +33 999 999 999
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell 10.99.42.129
td.araxxe-table-simple--cell 443
td.araxxe-table-simple--cell 28%
td.araxxe-table-simple--cell 42%
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell +33 999 999 999
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell 10.99.42.129
td.araxxe-table-simple--cell 443
td.araxxe-table-simple--cell 28%
td.araxxe-table-simple--cell 42%
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell +33 999 999 999
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell 10.99.42.129
td.araxxe-table-simple--cell 443
td.araxxe-table-simple--cell 28%
td.araxxe-table-simple--cell 42%
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell +33 999 999 999
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell 10.99.42.129
td.araxxe-table-simple--cell 443
td.araxxe-table-simple--cell 28%
td.araxxe-table-simple--cell 42%
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell +33 999 999 999
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell 10.99.42.129
td.araxxe-table-simple--cell 443
td.araxxe-table-simple--cell 28%
td.araxxe-table-simple--cell 42%
.araxxe-template-standard--footer
.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-template-standard">
<div class="araxxe-template-standard--header">
<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>
<div class="araxxe-template-standard--body">
<div class="araxxe-template-standard--menu">
<nav class="araxxe-menu">
<ul class="araxxe-menu--content">
<li class="araxxe-menu--slot">
<button class="araxxe-button-menu -selected -color-service-simbox"><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 -color-service-simbox"><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 -color-service-simbox"><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 -color-service-simbox" 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>
</div>
<div class="araxxe-template-standard--content">
<div class="araxxe-page-container">
<div class="araxxe-page-container--content">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -expand">
<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>
<div class="araxxe-horizontal-spacing--column -w240">
<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>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 1
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<table class="araxxe-table-simple -padded -service-simbox">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line -no-underline">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line -highlight">
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Total
</div>
</th>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">12 345 UNIT
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<table class="araxxe-table-simple -padded -service-simbox">
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line -no-underline">
<th class="araxxe-table-simple--cell">
<p class="araxxe-description">Description
</p>
</th>
<td class="araxxe-table-simple--cell -align-right">12 345 UNIT</td>
</tr>
<tr class="araxxe-table-simple--line -highlight">
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Total
</div>
</th>
<td class="araxxe-table-simple--cell -align-right">
<p class="araxxe-description">12 345 UNIT
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 2
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">
<span class="araxxe-icon araxxe-glyph-simcard-national -color-service-simbox -s44"></span>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot -inverted">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-shade-100 -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description -color-shade-100">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer -left">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">Title
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-simbox -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer -left">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">Title
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-simbox -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer -left">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">Title
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-simbox -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer -left">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">Title
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-simbox -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer -left">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 3
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30">
<div class="araxxe-horizontal-spacing--column -g1">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">
<span class="araxxe-icon araxxe-glyph-phone-national -color-service-simbox -s44"></span>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot -inverted">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-shade-100 -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description -color-shade-100">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer -left">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -g2">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">Title
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-simbox -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer -left">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column -g2">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">Title
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-simbox -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer -left">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-measure-legend">
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--number -w40"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-measure-legend--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
<div class="araxxe-measure-legend--line">
<div class="araxxe-measure-legend--spacer"></div>
<div class="araxxe-measure-legend--legend">legend</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 4
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-sheet">
<div class="araxxe-sheet--header">
<div class="araxxe-sheet-line ">
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-sheet-head">
<div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--slot">
<div class="araxxe-sheet-line -faded ">
<div class="araxxe-sheet-line--slot -g1">
<p class="araxxe-description">Description of the statistic
</p>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">Text</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">Text</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--slot">
<div class="araxxe-sheet-line -faded ">
<div class="araxxe-sheet-line--slot -g1">
<p class="araxxe-description">Description of the statistic
</p>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">Text</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">Text</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--slot">
<div class="araxxe-sheet-line -faded ">
<div class="araxxe-sheet-line--slot -g1">
<p class="araxxe-description">Description of the statistic
</p>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-check-circle -color-valid -s24"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">Yes</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column">
<span class="araxxe-icon araxxe-glyph-cross-circle -color-danger -s24"></span>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">No</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--slot">
<div class="araxxe-sheet-line -faded ">
<div class="araxxe-sheet-line--slot -g1">
<p class="araxxe-description">Description of the statistic
</p>
</div>
<div class="araxxe-sheet-line--slot -g1">
<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 -p7">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole -fill-background">
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">7%</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<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 -p7">
<div class="araxxe-rate-chart--hs"></div>
<div class="araxxe-rate-chart--he"></div>
</div>
</div>
<div class="araxxe-rate-chart--hole -fill-background">
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">7%</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-sheet--slot">
<div class="araxxe-sheet-line -faded ">
<div class="araxxe-sheet-line--slot -g1">
<p class="araxxe-description">Description of the statistic
</p>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">Text</span>
</div>
</div>
</div>
<div class="araxxe-sheet-line--slot -g1">
<div class="araxxe-horizontal-spacing -s10 -center -middle">
<div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -ts18 -bold">Text</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 5
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<span class="araxxe-icon araxxe-glyph-simcard-international -color-service-simbox -s44"></span>
</div>
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot -inverted">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-shade-100 -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description -color-shade-100">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-simbox -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--collapsible -opened">
<div class="araxxe-card-stat--collapsible--content">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
</div>
</div>
<button class="araxxe-card-stat--collapsible--trigger">
<span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
</button>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<span class="araxxe-icon araxxe-glyph-phone-international -color-service-simbox -s44"></span>
</div>
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot -inverted">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-shade-100 -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description -color-shade-100">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-simbox -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--collapsible">
<div class="araxxe-card-stat--collapsible--content">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
</div>
</div>
<button class="araxxe-card-stat--collapsible--trigger">
<span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
</button>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<span class="araxxe-icon araxxe-glyph-simcard-international -color-service-simbox -s44"></span>
</div>
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot -inverted">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-shade-100 -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description -color-shade-100">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-simbox -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--collapsible">
<div class="araxxe-card-stat--collapsible--content">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
</div>
</div>
<button class="araxxe-card-stat--collapsible--trigger">
<span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
</button>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card-stat -service-simbox">
<div class="araxxe-card-stat--header">
<div class="araxxe-vertical-spacing -s0">
<div class="araxxe-vertical-spacing--line">
<span class="araxxe-icon araxxe-glyph-phone-international -color-service-simbox -s44"></span>
</div>
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot -inverted">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-shade-100 -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description -color-shade-100">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--footer">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="araxxe-card-stat--separator"/>
<div class="araxxe-card-stat--slot">
<div class="araxxe-vertical-spacing">
<div class="araxxe-vertical-spacing--line -align-center"><span class="araxxe-number -color-service-simbox -ts30 ">1 234</span>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<p class="araxxe-description">Description
</p>
</div>
</div>
</div>
<div class="araxxe-card-stat--collapsible">
<div class="araxxe-card-stat--collapsible--content">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<p class="araxxe-description">Description
</p>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s5 -equivalent -middle">
<div class="araxxe-horizontal-spacing--column -align-left"><span class="araxxe-text-info">MSISDN</span>
</div>
<div class="araxxe-horizontal-spacing--column -align-right"><span class="araxxe-number -color-service-simbox -ts18 -bold">3,5</span>
</div>
</div>
</div>
</div>
</div>
<button class="araxxe-card-stat--collapsible--trigger">
<span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-big">Title 6
</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<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">
<div class="araxxe-title-info">First
</div>
</th>
<th class="araxxe-table-simple--cell">
<div class="araxxe-title-info">Second
</div>
</th>
</tr>
</thead>
<tbody class="araxxe-table-simple--tbody">
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">Label</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">Label</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">Label</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">Label</td>
</tr>
<tr class="araxxe-table-simple--line">
<td class="araxxe-table-simple--cell">Label</td>
<td class="araxxe-table-simple--cell">Label</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-standard--footer">
<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>
</div>
</div>.araxxe-template-standard
.araxxe-template-standard--header
.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-template-standard--body
.araxxe-template-standard--menu
nav.araxxe-menu
ul.araxxe-menu--content
li.araxxe-menu--slot
button.araxxe-button-menu.-selected.-color-service-simbox
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-notify.-color-service-simbox
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-color-service-simbox
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
li.araxxe-menu--slot
button.araxxe-button-menu.-notify.-color-service-simbox(disabled)
span.araxxe-button-menu--icon.araxxe-glyph-folder
span.araxxe-button-menu--text Button menu
.araxxe-template-standard--content
.araxxe-page-container
.araxxe-page-container--content
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-expand
.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-horizontal-spacing--column.-w240
.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
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s40
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 1
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
table.araxxe-table-simple.-padded.-service-simbox
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line.-no-underline
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line.-highlight
th.araxxe-table-simple--cell
.araxxe-title-info.
Total
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
12 345 UNIT
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
table.araxxe-table-simple.-padded.-service-simbox
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line.-no-underline
th.araxxe-table-simple--cell
p.araxxe-description.
Description
td.araxxe-table-simple--cell.-align-right 12 345 UNIT
tr.araxxe-table-simple--line.-highlight
th.araxxe-table-simple--cell
.araxxe-title-info.
Total
td.araxxe-table-simple--cell.-align-right
p.araxxe-description.
12 345 UNIT
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 2
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header
span.araxxe-icon.araxxe-glyph-simcard-national.-color-service-simbox.-s44
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot.-inverted
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-shade-100.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.-color-shade-100.
Description
.araxxe-card-stat--footer.-left
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header.
Title
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-simbox.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
.araxxe-card-stat--footer.-left
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header.
Title
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-simbox.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
.araxxe-card-stat--footer.-left
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header.
Title
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-simbox.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
.araxxe-card-stat--footer.-left
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header.
Title
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-simbox.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
.araxxe-card-stat--footer.-left
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 3
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30
.araxxe-horizontal-spacing--column.-g1
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header
span.araxxe-icon.araxxe-glyph-phone-national.-color-service-simbox.-s44
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot.-inverted
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-shade-100.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.-color-shade-100.
Description
.araxxe-card-stat--footer.-left
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-horizontal-spacing--column.-g2
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header.
Title
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-simbox.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
.araxxe-card-stat--footer.-left
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-horizontal-spacing--column.-g2
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header.
Title
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-simbox.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
.araxxe-card-stat--footer.-left
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
.araxxe-measure-legend
.araxxe-measure-legend--line
.araxxe-measure-legend--number.-w40
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-measure-legend--unit
span.araxxe-unit Unit
.araxxe-measure-legend--line
.araxxe-measure-legend--spacer
.araxxe-measure-legend--legend legend
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 4
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
.araxxe-sheet
.araxxe-sheet--header
.araxxe-sheet-line
.araxxe-sheet-line--slot.-g1
.araxxe-title-info.
Title info
.araxxe-sheet-line--slot.-g1
.araxxe-sheet-head
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet-line--slot.-g1
.araxxe-sheet-head
.araxxe-sheet-head--unit
span.araxxe-unit Unit
.araxxe-sheet--slot
.araxxe-sheet-line.-faded
.araxxe-sheet-line--slot.-g1
p.araxxe-description.
Description of the statistic
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold Text
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold Text
.araxxe-sheet--slot
.araxxe-sheet-line.-faded
.araxxe-sheet-line--slot.-g1
p.araxxe-description.
Description of the statistic
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold Text
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold Text
.araxxe-sheet--slot
.araxxe-sheet-line.-faded
.araxxe-sheet-line--slot.-g1
p.araxxe-description.
Description of the statistic
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-check-circle.-color-valid.-s24
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold Yes
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-icon.araxxe-glyph-cross-circle.-color-danger.-s24
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold No
.araxxe-sheet--slot
.araxxe-sheet-line.-faded
.araxxe-sheet-line--slot.-g1
p.araxxe-description.
Description of the statistic
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-fill-service-simbox
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p7
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.-fill-background.
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold 7%
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
.araxxe-rate-chart.-fill-service-simbox
.araxxe-rate-chart--background
.araxxe-rate-chart--progress.-p7
.araxxe-rate-chart--hs
.araxxe-rate-chart--he
.araxxe-rate-chart--hole.-fill-background.
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold 7%
.araxxe-sheet--slot
.araxxe-sheet-line.-faded
.araxxe-sheet-line--slot.-g1
p.araxxe-description.
Description of the statistic
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold Text
.araxxe-sheet-line--slot.-g1
.araxxe-horizontal-spacing.-s10.-center.-middle
.araxxe-horizontal-spacing--column
span.araxxe-number.-ts18.-bold Text
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
span.araxxe-icon.araxxe-glyph-simcard-international.-color-service-simbox.-s44
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot.-inverted
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-shade-100.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.-color-shade-100.
Description
.araxxe-card-stat--footer
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-simbox.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
.araxxe-card-stat--collapsible.-opened
.araxxe-card-stat--collapsible--content
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
button.araxxe-card-stat--collapsible--trigger
span.araxxe-icon.araxxe-glyph-arrow-down.-s24
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
span.araxxe-icon.araxxe-glyph-phone-international.-color-service-simbox.-s44
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot.-inverted
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-shade-100.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.-color-shade-100.
Description
.araxxe-card-stat--footer
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-simbox.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
.araxxe-card-stat--collapsible
.araxxe-card-stat--collapsible--content
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
button.araxxe-card-stat--collapsible--trigger
span.araxxe-icon.araxxe-glyph-arrow-down.-s24
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
span.araxxe-icon.araxxe-glyph-simcard-international.-color-service-simbox.-s44
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot.-inverted
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-shade-100.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.-color-shade-100.
Description
.araxxe-card-stat--footer
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-simbox.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
.araxxe-card-stat--collapsible
.araxxe-card-stat--collapsible--content
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
button.araxxe-card-stat--collapsible--trigger
span.araxxe-icon.araxxe-glyph-arrow-down.-s24
.araxxe-horizontal-spacing--column
.araxxe-card-stat.-service-simbox
.araxxe-card-stat--header
.araxxe-vertical-spacing.-s0
.araxxe-vertical-spacing--line
span.araxxe-icon.araxxe-glyph-phone-international.-color-service-simbox.-s44
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot.-inverted
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-shade-100.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.-color-shade-100.
Description
.araxxe-card-stat--footer
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
hr.araxxe-card-stat--separator
.araxxe-card-stat--slot
.araxxe-vertical-spacing
.araxxe-vertical-spacing--line.-align-center
span.araxxe-number.-color-service-simbox.-ts30 1 234
.araxxe-vertical-spacing--line.-align-center
p.araxxe-description.
Description
.araxxe-card-stat--collapsible
.araxxe-card-stat--collapsible--content
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
p.araxxe-description.
Description
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s5.-equivalent.-middle
.araxxe-horizontal-spacing--column.-align-left
span.araxxe-text-info MSISDN
.araxxe-horizontal-spacing--column.-align-right
span.araxxe-number.-color-service-simbox.-ts18.-bold 3,5
button.araxxe-card-stat--collapsible--trigger
span.araxxe-icon.araxxe-glyph-arrow-down.-s24
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h2.araxxe-title-big.
Title 6
.araxxe-vertical-spacing--line
.araxxe-table-layout
table.araxxe-table-simple.-expandable.-underlined
thead.araxxe-table-simple--thead
tr.araxxe-table-simple--line
th.araxxe-table-simple--cell
.araxxe-title-info.
First
th.araxxe-table-simple--cell
.araxxe-title-info.
Second
tbody.araxxe-table-simple--tbody
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell Label
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell Label
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell Label
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell Label
tr.araxxe-table-simple--line
td.araxxe-table-simple--cell Label
td.araxxe-table-simple--cell Label
.araxxe-template-standard--footer
.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-template-standard">
<div class="araxxe-template-standard--header">
<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>
<div class="araxxe-template-standard--body">
<div class="araxxe-template-standard--menu">
<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>
</div>
<div class="araxxe-template-standard--content">
<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">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s50">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent -top">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--number">42 <span class="araxxe-unit">unit</span></span></span><span class="araxxe-card-numeral--text">card numeral</span></span><span class="araxxe-card-numeral--footer">
<span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span></span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--number">42 <span class="araxxe-unit">unit</span></span></span><span class="araxxe-card-numeral--text">card numeral</span></span><span class="araxxe-card-numeral--footer">
<span class="araxxe-icon araxxe-glyph-call -color-main -s24"></span></span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--number">42</span></span><span class="araxxe-card-numeral--text">card numeral</span></span><span class="araxxe-card-numeral--footer">
<span class="araxxe-icon araxxe-glyph-sms -color-main -s24"></span></span>
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-card-numeral"><span class="araxxe-card-numeral--content"><span class="araxxe-card-numeral--numeral"><span class="araxxe-card-numeral--number">42</span></span><span class="araxxe-card-numeral--text">card numeral</span></span><span class="araxxe-card-numeral--footer">
<span class="araxxe-icon araxxe-glyph-mms -color-main -s24"></span></span>
</button>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium -align-center">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<h1 class="araxxe-title-big">Title big
</h1>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s15 -left -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dot -s44 -bordered">
<span class="araxxe-icon araxxe-glyph-call -s24"></span>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<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>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card -faded">
<div class="araxxe-vertical-spacing -s30">
<div class="araxxe-vertical-spacing--line">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-pie-chart -align-center">
<div class="araxxe-pie-chart--content">
<div class="araxxe-pie-chart--number">42 <span class="araxxe-unit">unit</span>
</div>
<div class="araxxe-pie-chart--text">23 items</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-vertical-spacing--line">
<div class="araxxe-auto-scroll -hmax300">
<table class="araxxe-table-simple -expandable -underlined -padded">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s15 -left -middle">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-dot -s44 -bordered">
<span class="araxxe-icon araxxe-glyph-sms -s24"></span>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<h2 class="araxxe-title-medium">Title medium</h2>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<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>
<div class="araxxe-horizontal-spacing--column">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h1 class="araxxe-title-big">Title big
</h1>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s30 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<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">
<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>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<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">
<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>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<h1 class="araxxe-title-big">Title big
</h1>
</div>
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<h1 class="araxxe-title-big">Title big
</h1>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<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>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-standard--footer">
<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>
</div>
</div>.araxxe-template-standard
.araxxe-template-standard--header
.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-template-standard--body
.araxxe-template-standard--menu
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
.araxxe-template-standard--content
.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
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
.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-vertical-spacing--line
.araxxe-vertical-spacing.-s50
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent.-top
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--number
| 42
span.araxxe-unit unit
span.araxxe-card-numeral--text card numeral
span.araxxe-card-numeral--footer
span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--number
| 42
span.araxxe-unit unit
span.araxxe-card-numeral--text card numeral
span.araxxe-card-numeral--footer
span.araxxe-icon.araxxe-glyph-call.-color-main.-s24
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--number 42
span.araxxe-card-numeral--text card numeral
span.araxxe-card-numeral--footer
span.araxxe-icon.araxxe-glyph-sms.-color-main.-s24
.araxxe-horizontal-spacing--column
button.araxxe-card-numeral
span.araxxe-card-numeral--content
span.araxxe-card-numeral--numeral
span.araxxe-card-numeral--number 42
span.araxxe-card-numeral--text card numeral
span.araxxe-card-numeral--footer
span.araxxe-icon.araxxe-glyph-mms.-color-main.-s24
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h2.araxxe-title-medium.-align-center Title medium
.araxxe-vertical-spacing--line
.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
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
h1.araxxe-title-big.
Title big
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s40
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s15.-left.-middle
.araxxe-horizontal-spacing--column
.araxxe-dot.-s44.-bordered
span.araxxe-icon.araxxe-glyph-call.-s24
.araxxe-horizontal-spacing--column
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.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
.araxxe-horizontal-spacing--column
.araxxe-card.-faded
.araxxe-vertical-spacing.-s30
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.araxxe-pie-chart.-align-center
.araxxe-pie-chart--content
.araxxe-pie-chart--number
| 42
span.araxxe-unit unit
.araxxe-pie-chart--text 23 items
.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-vertical-spacing--line
.araxxe-auto-scroll.-hmax300
table.araxxe-table-simple.-expandable.-underlined.-padded
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-vertical-spacing--line
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s15.-left.-middle
.araxxe-horizontal-spacing--column
.araxxe-dot.-s44.-bordered
span.araxxe-icon.araxxe-glyph-sms.-s24
.araxxe-horizontal-spacing--column
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.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-horizontal-spacing--column
.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-vertical-spacing--line
h1.araxxe-title-big.
Title big
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s30.-equivalent
.araxxe-horizontal-spacing--column
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
.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-horizontal-spacing--column
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
h2.araxxe-title-medium Title medium
.araxxe-vertical-spacing--line
.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-vertical-spacing--line
h1.araxxe-title-big.
Title big
.araxxe-vertical-spacing--line
.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-vertical-spacing--line
h1.araxxe-title-big.
Title big
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s40
.araxxe-vertical-spacing--line
.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-vertical-spacing--line
.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
.araxxe-template-standard--footer
.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-template-standard">
<div class="araxxe-template-standard--header">
<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>
<div class="araxxe-template-standard--body">
<div class="araxxe-template-standard--menu">
<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>
</div>
<div class="araxxe-template-standard--content">
<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">
<div class="araxxe-vertical-spacing -s40">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s5">
<div class="araxxe-vertical-spacing--line -align-center">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line -align-center">
<h1 class="araxxe-title-big">Title big
</h1>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s20 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card -faded">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line -align-center">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-toggle -selected">Toggle
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-toggle">Toggle
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-toggle">Toggle
</button>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-toggle">Toggle
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-toggle">Toggle
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-toggle">Toggle
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-horizontal-spacing--column">
<div class="araxxe-card -faded">
<div class="araxxe-vertical-spacing -s20">
<div class="araxxe-vertical-spacing--line -align-center">
<div class="araxxe-title-info">Title info
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-vertical-spacing -s10">
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-toggle">Toggle
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-toggle">Toggle
</button>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<div class="araxxe-horizontal-spacing -s10 -equivalent">
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-toggle -selected">Toggle
</button>
</div>
<div class="araxxe-horizontal-spacing--column">
<button class="araxxe-toggle">Toggle
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-vertical-spacing--line">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="araxxe-template-standard--footer">
<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>
</div>
</div>.araxxe-template-standard
.araxxe-template-standard--header
.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-template-standard--body
.araxxe-template-standard--menu
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
.araxxe-template-standard--content
.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
.araxxe-vertical-spacing.-s40
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s5
.araxxe-vertical-spacing--line.-align-center
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line.-align-center
h1.araxxe-title-big.
Title big
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s20.-equivalent
.araxxe-horizontal-spacing--column
.araxxe-card.-faded
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line.-align-center
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-equivalent
.araxxe-horizontal-spacing--column
button.araxxe-toggle.-selected.
Toggle
.araxxe-horizontal-spacing--column
button.araxxe-toggle.
Toggle
.araxxe-horizontal-spacing--column
button.araxxe-toggle.
Toggle
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-equivalent
.araxxe-horizontal-spacing--column
button.araxxe-toggle.
Toggle
.araxxe-horizontal-spacing--column
button.araxxe-toggle.
Toggle
.araxxe-horizontal-spacing--column
button.araxxe-toggle.
Toggle
.araxxe-horizontal-spacing--column
.araxxe-card.-faded
.araxxe-vertical-spacing.-s20
.araxxe-vertical-spacing--line.-align-center
.araxxe-title-info.
Title info
.araxxe-vertical-spacing--line
.araxxe-vertical-spacing.-s10
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-equivalent
.araxxe-horizontal-spacing--column
button.araxxe-toggle.
Toggle
.araxxe-horizontal-spacing--column
button.araxxe-toggle.
Toggle
.araxxe-vertical-spacing--line
.araxxe-horizontal-spacing.-s10.-equivalent
.araxxe-horizontal-spacing--column
button.araxxe-toggle.-selected.
Toggle
.araxxe-horizontal-spacing--column
button.araxxe-toggle.
Toggle
.araxxe-vertical-spacing--line
.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
.araxxe-template-standard--footer
.araxxe-footer
.araxxe-footer--slot All right reserved © www.araxxe.com
.araxxe-footer--slot
.araxxe-link.-color-main Legal statements<div class="araxxe-template-toasts">
<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>
</div>.araxxe-template-toasts
.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