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.
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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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
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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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
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="#")
| linkUse -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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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="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="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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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" style="margin: 4px 24px 0 0">
<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="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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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(style="margin: 4px 24px 0 0")
.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="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="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="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="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="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="disabled")
| Toggle
.araxxe-toggles--slot
button.araxxe-toggle.-stretch.-not-allowed(disabled="disabled")
| Toggle
.araxxe-toggles--slot
button.araxxe-toggle.-stretch.-not-allowed(disabled="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="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