Create PAP Client Mornitoring Model

Issue-ID: POLICY-2311
Signed-off-by: Hengye <yehui.wang@est.tech>
Change-Id: Ibdea465b955a61c3bae26662ab7cb2762da133e1

1 files changed, 3454 insertions, 0 deletions

diff --git a/client/client-common/src/main/resources/css/interfaceAssets.css b/client/client-common/src/main/resources/css/interfaceAssets.css
new file mode 100644
index 00000000..d92ac27d
--- /dev/null
+++ b/client/client-common/src/main/resources/css/interfaceAssets.css
@@ -0,0 +1,3454 @@
+/*
+ * ============LICENSE_START=======================================================
+ *  Copyright (C) 2019 Nordix Foundation.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ * ============LICENSE_END=========================================================
+ */
+@charset "utf-8";
+
+html {
+    position: relative;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 10px !important;
+    line-height: 10px !important;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+}
+
+body {
+    font-size: 1.6rem;
+    line-height: 1.2rem;
+    color: #333333;
+    background-color: #ffffff;
+    margin: 0;
+    padding: 0;
+}
+
+*:focus, .ebInput:focus, .ebIcon:focus, .ebCheckbox:focus+.ebCheckbox-inputStatus:after,
+    .ebRadioBtn:focus+.ebRadioBtn-inputStatus:after, textarea:focus, button:focus,
+    i:focus {
+    /**
+     * FF outline do not looks same as Chrome so adding box shadow
+     * FF outline is not working as expected
+     **/
+    /*
+     * one way of outline
+    outline: #4d90fe auto 5px;
+    box-shadow: 0 0 0 1px #4d90fe;
+    -webkit-box-shadow: none;
+    */
+    outline: none; //
+    box-shadow: 0 0 2px 1px #FFFFFF;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: #4d4d4d;
+    font-weight: bold;
+}
+
+h1 {
+    line-height: 3.2rem;
+    font-size: 3.2rem;
+    font-weight: normal;
+    padding: 0.6rem 0;
+    margin: 0 0 0.6rem 0;
+}
+
+h2 {
+    border-bottom: #000000 solid 1px;
+    line-height: 2.0rem;
+    font-size: 2.0rem;
+    font-weight: normal;
+    padding: 1.2rem 0 0.7rem 0;
+    margin: 0 0 0.4rem 0;
+}
+
+h3 {
+    border-bottom: #7f7f7f solid 1px;
+    line-height: 1.6rem;
+    font-size: 1.6rem;
+    padding: 1.2rem 0 0.7rem 0;
+    margin: 0 0 0.4rem 0;
+    font-weight: normal;
+    color: #333333;
+}
+
+h4 {
+    border-bottom: #b2b2b2 solid 1px;
+    line-height: 1.2rem;
+    font-size: 1.2rem;
+    padding: 0.6rem 0;
+    margin: 0 0 0.6rem 0;
+    font-weight: bold;
+    color: #333333;
+}
+
+.ebLayout-SectionSubheading h3 {
+    float: left;
+    margin: 0;
+    border-bottom: none;
+}
+
+/* System Bar */
+.ebSystemBar {
+    position: relative;
+    width: 100%;
+    height: 40px;
+    border-top: 4px solid #0066b3;
+    background-image: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%);
+    box-shadow: 0 1px 2px #D2D2D2;
+}
+
+.ebSystemBar::before {
+    position: absolute;
+    top: -4px;
+    left: 0;
+    width: 100%;
+    height: 4px;
+    content: "";
+    font-size: 0;
+    background: #0066b3;
+    background: -o-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77
+        75%, #db0050 100%);
+    background: -moz-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%,
+        #151f77 75%, #db0050 100%);
+    background: -webkit-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%,
+        #151f77 75%, #db0050 100%);
+    background: -ms-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77
+        75%, #db0050 100%);
+    background: -webkit-gradient(linear, left top, right top, color-stop(0.1, #a2c517),
+        color-stop(0.3, #009046), color-stop(0.5, #0082b6),
+        color-stop(0.75, #151f77), color-stop(1, #db0050));
+    background: linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%
+        , #db0050 100%);
+}
+
+.ebSystemBar-logo {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    height: 40px;
+    width: 20px;
+    padding: 0 10px;
+    background: url('../resources/systemBar/econ01.svg') no-repeat center
+        center transparent;
+    background-size: 20px;
+}
+
+.ebSystemBar-topMenuName {
+    display: inline-block;
+    padding: 0 5px 0 40px;
+    margin: 0;
+    line-height: 40px;
+    font-size: 16.8px;
+    color: #58585A;
+}
+
+.ebSystemBar-topMenu {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 50px;
+    list-style: none;
+    height: 40px;
+    margin: 0;
+    padding: 0;
+}
+
+.ebSystemBar-topMenu li {
+    display: inline-block;
+}
+
+.ebSystemBar-topMenu a {
+    padding: 0 5px 0 15px;
+    margin: 0;
+    font-size: 1.6em;
+    line-height: 40px;
+    color: #58585a;
+    cursor: pointer;
+    text-decoration: none;
+}
+
+.ebSystemBar-topMenu a:hover {
+    color: #0066B3;
+}
+
+.ebSystemBar-rightButton {
+    float: right;
+    display: inline-block;
+    line-height: 40px;
+    vertical-align: middle;
+}
+
+.ebSystemBar-rightButton a {
+    display: block;
+    padding: 0 18px 0 18px;
+    font-size: 1.3rem;
+    color: #0066B3;
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: 18px center;
+    border-left: solid 1px #D2D2D2;
+}
+
+.ebSystemBar-rightButton a:hover {
+    text-decoration: underline;
+}
+
+.ebSystemBar-rightButton:hover {
+    background-image: linear-gradient(180deg, #f2f2f2 0%, #e8e8e8 100%);
+}
+
+@media screen and (max-width: 640px) {
+    .ebSystemBar-topBar-rightButton a {
+        width: 0;
+        padding-left: 34px;
+        text-indent: -9999px;
+    }
+}
+
+/* Inline Message */
+.ebInlineMessage {
+    padding: 5px 15px 0px 7px;
+    font-size: 0;
+    position: fixed;
+    bottom: 0;
+    left: 2;
+    width: calc(100% - 30px);
+    height: 66px;
+    border: 3px solid #adadad;
+    background-color: #FFFFFF;
+}
+
+.ebInlineMessage-iconHolder, .ebInlineMessage-contentHolder {
+    display: inline-block;
+    vertical-align: top;
+}
+
+.ebInlineMessage-iconHolder {
+    width: 20px;
+    margin: 0 12px 0 0;
+}
+
+.ebInlineMessage-contentHolder {
+    width: calc(100% - 32px);
+    font-size: 1.2rem;
+}
+
+.ebInlineMessage-header {
+    margin-top: 3px;
+    font-size: 14px;
+    line-height: 14px;
+}
+
+.ebInlineMessage-separator {
+    height: 1px;
+    margin: 12px 0;
+    background-color: #adadad;
+    opacity: 0.3;
+}
+
+.ebInlineMessage-description {
+    color: #666666;
+    white-space: pre;
+}
+
+/* Table */
+.ebTable {
+    margin: 0;
+    padding: 0;
+    table-layout: fixed;
+    border-left: 1px solid #cccccc; //
+    ewatkmi: added for visible border;
+    border-right: 1px solid #cccccc; //
+    ewatkmi: added for visible border;
+    border-bottom: 1px solid #cccccc; //
+    ewatkmi: added for visible border;
+    border-collapse: collapse;
+    border-spacing: 0;
+    color: #1a1a1a;
+}
+
+.ebTable_fullW {
+    width: 100%;
+}
+
+.ebTable-th_resizable, .ebTable-th_sortable {
+    position: relative;
+}
+
+.ebTable-th_resizable .ebTable-headerResize {
+    position: absolute;
+    top: -20px;
+    bottom: -20px;
+    right: -12px;
+    width: 10px;
+    cursor: col-resize;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+.ebTable-th_sortable {
+    cursor: pointer !important;
+}
+
+.ebTable-th_sortable .ebTable-header {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-items: center;
+}
+
+.ebTable-th_sortable .ebTable-headerText {
+    flex-shrink: 1;
+    flex-grow: 0;
+    margin-right: 8px;
+    box-sizing: border-box;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+.ebTable-th_sortable .ebTable-headerSort {
+    flex-grow: 0;
+    flex-shrink: 0;
+    flex-basis: 10px;
+    margin-left: 4px;
+}
+
+.ebTable-th_sortable .ebTable-headerSortOrder {
+    flex-grow: 1;
+    color: #999999;
+    font-weight: normal;
+}
+
+.ebTable-header {
+    position: relative;
+    display: block;
+    width: 100%;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.ebTable-headerText {
+    padding: 4px 0;
+    display: inline-block;
+    vertical-align: middle;
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.ebTable thead tr {
+    height: 3.2rem;
+    font-size: 1.2rem;
+    font-weight: bold;
+    text-align: left;
+}
+
+.ebTable thead tr th {
+    padding-left: 1.2rem;
+    padding-right: 1.2rem;
+    text-align: left;
+    cursor: default;
+    border-top: #cccccc solid 1px;
+    border-bottom: #cccccc solid 1px;
+    border-right: #e6e6e6 solid 1px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.ebTable thead tr th:last-child {
+    border-right: none;
+}
+
+.ebTable thead tr:hover {
+    background: none;
+}
+
+.ebTable thead tr:active {
+    background: none;
+}
+
+.ebTable tbody tr {
+    height: 3.2rem;
+    font-size: 1.2rem;
+    border-bottom: #e6e6e6 solid 1px;
+}
+
+.ebTable tbody tr td {
+    margin: 0;
+    padding: 0 1.2rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: default;
+    border-right: #e6e6e6 solid 1px;
+}
+
+.ebTable tbody tr td:last-child {
+    border-right: none;
+}
+
+.ebTable_striped tbody tr {
+    border-bottom: none;
+}
+
+.ebTable_striped tbody tr td {
+    border-right: none;
+}
+
+.ebTable_striped tbody tr:nth-of-type(even) {
+    background-color: #f2f2f2;
+}
+
+.ebTable_striped tbody tr:nth-of-type(odd) { //
+    ewatkmi: added for nested tables;
+    background-color: #ffffff;
+}
+
+.ebTable_compact tbody tr {
+    height: 2.6rem;
+}
+
+.ebTable_expandableStriped {
+    border-collapse: separate;
+}
+
+.ebTable_expandableStriped tbody tr {
+    border-bottom: none;
+}
+
+.ebTable_expandableStriped tbody tr td {
+    border-right: none;
+}
+
+.ebTable_expandableStriped tbody tr:nth-of-type(4n-1),
+    .ebTable_expandableStriped tbody tr:nth-of-type(4n) {
+    background-color: #f2f2f2;
+}
+
+.ebTable_pinstripe tr td {
+    border-bottom: #e6e6e6 solid 1px;
+}
+
+.ebTable_color_paleBlue.ebTable thead tr th {
+    background-color: #99ddee;
+    border-top: none;
+    border-bottom: none;
+}
+
+.ebTable_color_paleBlue.ebTable_striped tbody tr:nth-of-type(even) {
+    background-color: #e6f6fb;
+}
+
+.ebTable_color_purple.ebTable thead tr th {
+    background-color: #ca9bc1;
+    border-top: none;
+    border-bottom: none;
+}
+
+.ebTable_color_purple.ebTable_striped tbody tr:nth-of-type(even) {
+    background-color: #f2e6ef;
+}
+
+.ebTable_color_darkGreen.ebTable thead tr th {
+    background-color: #99c0bf;
+    border-top: none;
+    border-bottom: none;
+}
+
+.ebTable_color_darkGreen.ebTable_striped tbody tr:nth-of-type(even) {
+    background-color: #e6efef;
+}
+
+.ebTable_color_green.ebTable thead tr th {
+    background-color: #d0e3a2;
+    border-top: none;
+    border-bottom: none;
+}
+
+.ebTable_color_green.ebTable_striped tbody tr:nth-of-type(even) {
+    background-color: #f3f8e8;
+}
+
+.ebTable_color_yellow.ebTable thead tr th {
+    background-color: #fde499;
+    border-top: none;
+    border-bottom: none;
+}
+
+.ebTable_color_yellow.ebTable_striped tbody tr:nth-of-type(even) {
+    background-color: #fff8e6;
+}
+
+.ebTable_color_orange.ebTable thead tr th {
+    background-color: #f9d099;
+    border-top: none;
+    border-bottom: none;
+}
+
+.ebTable_color_orange.ebTable_striped tbody tr:nth-of-type(even) {
+    background-color: #fef3e6;
+}
+
+.ebTable_color_red.ebTable thead tr th {
+    background-color: #f4a6a3;
+    border-top: none;
+    border-bottom: none;
+}
+
+.ebTable_color_red.ebTable_striped tbody tr:nth-of-type(even) {
+    background-color: #fce9e8;
+}
+
+.ebTable_borderTop_none thead tr th {
+    border-top: none;
+}
+
+.ebTable_verticalBorders_none thead tr th, .ebTable_verticalBorders_none tr td
+    {
+    border-right: none !important;
+    border-left: none !important;
+}
+
+.ebTable_wrapHeaders th {
+    white-space: normal !important;
+    text-overflow: inherit !important;
+}
+
+.ebTable_wrapHeaders th .ebTable-headerText {
+    white-space: normal !important;
+    text-overflow: inherit !important;
+}
+
+.ebTable-expandableRow {
+    height: inherit !important;
+    display: none;
+}
+
+.ebTable-expandableRow_expanded {
+    display: table-row;
+}
+
+.ebTable-expandableRow>td {
+    padding: 0 !important;
+}
+
+.ebTable-expandableRow>td>div {
+    overflow: hidden;
+    height: 0;
+    transition: height 0.3s ease-in-out;
+}
+/**
+ * Hover/Active/Selected Effects
+ *
+ * Modifiers:
+ *    .ebTable_hoverActive_none (disables native hover and active selectors, primarily for pin columns plugin)
+ */
+.ebTable {
+    /** Hover effect **/
+    
+}
+
+.ebTable.ebTable:not (.ebTable_hoverActive_none ) tbody tr:not (.ebTable-expandableRow
+    ):not (.headerRow ):hover>*, .ebTable tbody tr:not (.ebTable-expandableRow
+    ):not (.headerRow ).ebTableRow_hover>* {
+    background-image: linear-gradient(0deg, rgba(0, 102, 179, 0.1),
+        rgba(0, 102, 179, 0.1));
+}
+
+.ebTable.ebTable_highlightedEffect_solid tbody tr:not (.ebTable-expandableRow
+    ).ebTableRow_highlighted>* {
+    background-color: #ffffff !important;
+}
+
+/* Context Menu */
+.ebContextMenu {
+    position: relative;
+    width: 16px;
+    height: 16px;
+}
+
+.ebContextMenu:focus {
+    outline: none;
+}
+
+.ebContextMenu-ExpandBtn, .ebContextMenu-expandBtn {
+    width: 16px;
+    height: 16px;
+    position: relative;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+.ebContextMenu-ExpandBtn:focus, .ebContextMenu-expandBtn:focus {
+    outline: none;
+}
+
+.ebContextMenu-Dropdown, .ebContextMenu-body {
+    position: absolute;
+    z-index: 1500;
+    min-width: 60px;
+    width: auto;
+    height: auto;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    box-shadow: 5px 5px 5px #87888A;
+}
+
+.ebContextMenu-Dropdown_corner_default,
+    .ebContextMenu-body_corner_default {
+    position: absolute;
+    top: 20px;
+    left: 0px;
+}
+
+.ebContextMenu-Dropdown_corner_topRight,
+    .ebContextMenu-body_corner_topRight {
+    position: absolute;
+    top: 20px;
+    right: 0px;
+}
+
+.ebContextMenu-Dropdown_corner_bottomLeft,
+    .ebContextMenu-body_corner_bottomLeft {
+    position: absolute;
+    bottom: 20px;
+    left: 0px;
+}
+
+.ebContextMenu-Dropdown_corner_bottomRight,
+    .ebContextMenu-body_corner_bottomRight {
+    position: absolute;
+    bottom: 20px;
+    right: 0px;
+}
+
+.ebContextMenu-Dropdown_visible_false, .ebContextMenu-body_visible_false
+    {
+    visibility: hidden;
+}
+
+.ebContextMenu-Dropdown_visible_true, .ebContextMenu-body_visible_true {
+    display: block;
+}
+
+/* Component List */
+.ebComponentList {
+    position: relative;
+    z-index: 1500;
+    padding: 4px 0;
+    margin: 0;
+    color: #333333;
+    list-style: none;
+    background-color: #ffffff;
+    border: #bfbfbf solid 1px;
+    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.ebComponentList-group, .ebComponentList-item {
+    padding: 0 0.8rem;
+    line-height: 2.4rem;
+    font-size: 1.2rem;
+    background-color: #ffffff;
+}
+
+.ebComponentList-iconHolder {
+    display: inline-block;
+    vertical-align: middle;
+    width: 16px;
+    padding-right: 8px;
+}
+
+.ebComponentList-item {
+    cursor: pointer;
+}
+
+.ebComponentList-item-name {
+    display: inline-block;
+    font-size: 12px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    width: calc(100% - 24px);
+    vertical-align: middle;
+}
+
+.ebComponentList-item_icon {
+    font-size: 0;
+}
+
+.ebComponentList-link, .ebComponentList-item, .ebComponentList-item>*,
+    .ebComponentList-group-header {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.ebComponentList-group {
+    display: block;
+}
+
+.ebComponentList-group_expandable_collapsed>.ebComponentList-group-header,
+    .ebComponentList-group_expandable_expanded>.ebComponentList-group-header
+    {
+    font-size: 0;
+    cursor: pointer;
+    white-space: nowrap;
+    height: 24px;
+    vertical-align: middle;
+}
+
+.ebComponentList-group_expandable_collapsed>.ebComponentList-group-header .ebComponentList-iconHolder+.ebComponentList-group-name,
+    .ebComponentList-group_expandable_expanded>.ebComponentList-group-header .ebComponentList-iconHolder+.ebComponentList-group-name
+    {
+    width: calc(100% - 40px);
+}
+
+.ebComponentList-group_expandable_collapsed>.ebComponentList-inner,
+    .ebComponentList-group_expandable_expanded>.ebComponentList-inner {
+    padding: 0 0 0 24px;
+    margin: 0 -0.8rem;
+}
+
+.ebComponentList-group_expandable_collapsed>.ebComponentList-group-header
+    {
+    border: none;
+}
+
+.ebComponentList-group_expandable_collapsed>.ebComponentList-inner .ebComponentList-item
+    {
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+    height: 0;
+    opacity: 0;
+    transition: height 0.2s linear, padding 0.075s 0.075s linear, margin
+        0.075s 0.075s linear, opacity 0.075s linear;
+}
+
+.ebComponentList-group_expandable_collapsed>.ebComponentList-inner .ebComponentList-group_expandable_collapsed .ebComponentList-group-header,
+    .ebComponentList-group_expandable_collapsed>.ebComponentList-inner .ebComponentList-group_expandable_expanded .ebComponentList-group-header
+    {
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+    height: 0;
+    opacity: 0;
+    transition: height 0.2s linear, padding 0.075s 0.075s linear, margin
+        0.075s 0.075s linear, opacity 0.075s linear;
+}
+
+.ebComponentList-group_expandable_collapsed>.ebComponentList-inner .ebComponentList-group>.ebComponentList-inner
+    {
+    padding: 0;
+    margin: 0;
+    transition: padding 0.1s 0.1s linear, margin 0.1s 0.1s linear;
+}
+
+.ebComponentList-group_expandable_expanded>.ebComponentList-group-header
+    {
+    border-bottom: 1px solid #999;
+}
+
+.ebComponentList-group_expandable_expanded>.ebComponentList-inner>.ebComponentList-item
+    {
+    overflow: hidden;
+    height: 24px;
+    transition: height 0.2s linear, padding 0.075s linear, margin 0.075s
+        linear, opacity 0.15s 0.15s linear;
+}
+
+.ebComponentList-group_expandable_expanded>.ebComponentList-inner>.ebComponentList-group_expandable_expanded>.ebComponentList-group-header,
+    .ebComponentList-group_expandable_expanded>.ebComponentList-inner>.ebComponentList-group_expandable_collapsed>.ebComponentList-group-header
+    {
+    overflow: hidden;
+    height: 24px;
+    text-overflow: ellipsis;
+    transition: height 0.2s linear, padding 0.075s linear, margin 0.075s
+        linear, opacity 0.15s 0.15s linear;
+}
+
+.ebComponentList-group:not (.ebComponentList-group_expandable_collapsed
+    ):not (.ebComponentList-group_expandable_expanded ) >.ebComponentList-group-header
+    {
+    cursor: default !important;
+    pointer-events: none !important;
+    -ms-touch-action: none !important;
+    touch-action: none !important;
+    -khtml-user-select: none !important;
+    -moz-user-select: none !important;
+    -o-user-select: none !important;
+    -webkit-user-select: none !important;
+    user-select: none;
+}
+
+.ebComponentList-group-header {
+    font-size: 1.2rem;
+    font-weight: bold;
+    line-height: 2.4rem;
+    border-bottom: 1px solid #999;
+    background-color: #ffffff;
+}
+
+.ebComponentList-group-header_icon {
+    font-size: 0;
+}
+
+.ebComponentList-group-header_icon>.ebComponentList-group-name {
+    width: calc(100% - 24px);
+}
+
+.ebComponentList-group-name {
+    display: inline-block;
+    width: calc(100% - 16px);
+    font-size: 1.2rem;
+    line-height: 2.4rem;
+    font-weight: bold;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    vertical-align: middle;
+}
+
+.ebComponentList-inner {
+    margin: 0 -0.8rem;
+    padding: 4px 0 0 0;
+}
+
+.ebComponentList-link {
+    display: block;
+}
+
+.ebComponentList-link:hover {
+    text-decoration: none;
+}
+
+.ebComponentList-separator {
+    height: 1px;
+    margin: 0.4rem;
+    background-color: #E6E6E6;
+}
+
+.ebComponentList_focus_forced .ebComponentList-item:hover {
+    background-color: transparent;
+}
+
+.ebComponentList_focus_forced .ebComponentList-item_focused:hover {
+    background-color: #e6f0f7;
+}
+
+.ebComponentList:not (.ebComponentList_focus_forced ) .ebComponentList-item:hover
+    {
+    background-color: #e6f0f7;
+}
+
+.ebComponentList_focus_forced .ebComponentList-item:active,
+    .ebComponentList:not (.ebComponentList_focus_forced ) .ebComponentList-item:active
+    {
+    background-color: #cce0f0;
+}
+
+.ebComponentList-item {
+    /* Fixes MultiSelectBox ellipsis bug in Firefox */
+    margin: 0px !important;
+    font-size: 1em !important;
+}
+
+.ebComponentList-item_focused {
+    background-color: #e6f0f7;
+}
+
+.ebComponentList-item_disabled {
+    color: #b0b0af;
+    cursor: not-allowed !important;
+}
+
+.ebComponentList-item_disabled:hover, .ebComponentList-item_disabled:active
+    {
+    background-color: inherit !important;
+}
+
+.ebComponentList-item_selected {
+    position: relative;
+    cursor: default;
+}
+
+.ebComponentList-item_selected>.ebComponentList-link {
+    cursor: default;
+    color: #333333;
+    cursor: default !important;
+    pointer-events: none !important;
+    -ms-touch-action: none !important;
+    touch-action: none !important;
+    -khtml-user-select: none !important;
+    -moz-user-select: none !important;
+    -o-user-select: none !important;
+    -webkit-user-select: none !important;
+    user-select: none;
+}
+
+.ebComponentList-item_selected:before {
+    position: absolute;
+    content: "";
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 100%;
+    opacity: .2;
+    background-color: #0967b2;
+}
+
+.ebComponentList-item>.ebComponentList-checkboxHolder>.ebCheckbox {
+    margin-left: 1px;
+}
+
+.ebComponentList-item>.ebComponentList-checkboxHolder>.ebCheckbox-label
+    {
+    padding-left: 3px;
+    overflow: hidden;
+    font-size: 12px;
+    line-height: 2.4rem;
+    text-overflow: ellipsis;
+    width: calc(100% - 24px);
+}
+
+.ebComponentList-info {
+    color: #333333;
+    font-style: italic;
+    text-align: center;
+}
+
+.ebComponentList-info:hover {
+    background-color: #ffffff;
+}
+
+.ebComponentList-info:active {
+    background-color: #ffffff;
+}
+
+.ebComponentList-info, .ebComponentList-loader {
+    display: none;
+    margin: 0.6rem;
+    cursor: default;
+}
+
+.ebComponentList_info .ebComponentList-group, .ebComponentList_info .ebComponentList-separator,
+    .ebComponentList_info .ebComponentList-item {
+    display: none;
+}
+
+.ebComponentList_info .ebComponentList-info {
+    display: block;
+}
+
+.ebComponentList_loading {
+    min-height: 34px;
+}
+
+.ebComponentList_loading .ebComponentList-loader {
+    display: block;
+}
+
+.ebComponentList_loading .ebComponentList-item_selected:before {
+    display: none;
+}
+
+.ebComponentList_loading>.ebComponentList-group,
+    .ebComponentList_loading>.ebComponentList-item,
+    .ebComponentList_loading>.ebComponentList-items>.ebComponentList-group,
+    .ebComponentList_loading>.ebComponentList-items>.ebComponentList-item {
+    opacity: 0.4;
+}
+
+/* Scrollbar */
+.eb_scrollbar {
+    -webkit-overflow-scrolling: touch;
+    overflow: auto;
+}
+
+.eb_scrollbar::-webkit-scrollbar {
+    width: 14px;
+    height: 14px;
+}
+
+.eb_scrollbar::-webkit-scrollbar-track {
+    background-color: #f0f0f0;
+    background-clip: content-box;
+}
+
+.eb_scrollbar::-webkit-scrollbar-thumb {
+    background-color: #cccccc;
+    border-radius: 3px;
+    transition: all 0.2s linear;
+    background-clip: content-box;
+}
+
+.eb_scrollbar::-webkit-scrollbar-thumb:hover {
+    background-color: #999999;
+}
+
+.eb_scrollbar::-webkit-scrollbar-button {
+    width: 14px;
+    height: 14px;
+    background-repeat: no-repeat;
+    background-color: #f0f0f0;
+    background-position: center;
+}
+
+.eb_scrollbar::-webkit-scrollbar-button:hover {
+    background-color: #cccccc;
+}
+
+.eb_scrollbar::-webkit-scrollbar-button:vertical:decrement {
+    background-position: center 4px;
+    background-image:
+        url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M0.293,3.293l3-3C3.488,0.098,3.744,0,4,0s0.512,0.098,0.707,0.293l3,3c0.391,0.391,0.391,1.023,0,1.414 s-1.023,0.391-1.414,0L4,2.414L1.707,4.707c-0.391,0.391-1.023,0.391-1.414,0S-0.098,3.684,0.293,3.293z'/></svg>");
+    border-top-left-radius: 2px;
+    border-top-right-radius: 2px;
+}
+
+.eb_scrollbar::-webkit-scrollbar-button:vertical:increment {
+    background-image:
+        url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M7.707,1.707l-3,3C4.512,4.902,4.255,5,4,5S3.488,4.902,3.292,4.707l-3-3c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0L4,2.586l2.293-2.293c0.391-0.391,1.023-0.391,1.414,0S8.098,1.316,7.707,1.707z'/></svg>");
+    border-bottom-left-radius: 2px;
+    border-bottom-right-radius: 2px;
+}
+
+.eb_scrollbar::-webkit-scrollbar-button:horizontal:decrement {
+    background-position: 4px center;
+    background-image:
+        url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M4.707,6.293c0.391,0.391,0.391,1.023,0,1.414C4.512,7.902,4.256,8,4,8S3.488,7.902,3.293,7.707l-3-3 C0.105,4.52,0,4.266,0,4s0.105-0.52,0.293-0.707l3-3c0.391-0.391,1.023-0.391,1.414,0c0.391,0.39,0.391,1.023,0,1.414L2.414,4 L4.707,6.293z'/></svg>");
+    border-bottom-left-radius: 2px;
+    border-top-left-radius: 2px;
+}
+
+.eb_scrollbar::-webkit-scrollbar-button:horizontal:increment {
+    background-image:
+        url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414C0.488,0.098,0.744,0,1,0s0.512,0.098,0.707,0.293l3,3 C4.895,3.48,5,3.734,5,4s-0.105,0.52-0.293,0.707l-3,3c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414L2.586,4L0.293,1.707z'/></svg>");
+    border-bottom-right-radius: 2px;
+    border-top-right-radius: 2px;
+}
+
+/* Input */
+.ebInput {
+    display: inline-block;
+    vertical-align: middle;
+    text-align: left;
+    font-size: 1.2rem;
+    width: 140px;
+    height: 2.4rem;
+    padding: 0.4rem 0.6rem;
+    border: 1px solid #b3b3b3;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border-radius: 3px;
+    box-shadow: inset 1px 1px 0 0 #cccccc;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+}
+
+.ebInput_wMargin {
+    margin: 6px;
+}
+
+.ebInput_txtCenter {
+    text-align: center;
+}
+
+.ebInput_miniW, .ebInput_width_mini {
+    width: 40px;
+}
+
+.ebInput_smallW, .ebInput_width_small {
+    width: 80px;
+}
+
+.ebInput_longW, .ebInput_width_long {
+    width: 180px;
+}
+
+.ebInput_xLongW, .ebInput_width_xLong {
+    width: 220px;
+}
+
+.ebInput_width_full {
+    min-width: 40px;
+    width: 100%;
+}
+
+.ebInput_noRightSide {
+    border-width: 1px 0 1px 1px;
+    border-radius: 3px 0 0 3px;
+}
+
+.ebInput_noLeftSide {
+    border-width: 1px 1px 1px 0;
+    border-radius: 0 3px 3px 0;
+    box-shadow: inset 0 1px 0 0 #cccccc;
+}
+
+.ebInput:hover {
+    border-color: #666666;
+}
+
+.ebInput[readonly] {
+    cursor: text; //
+    box-shadow: none;
+    border-color: #E3E3E3;
+    background-color: #f0f0f0;
+    color: #b2b2b2;
+}
+
+.ebInput[readonly]:hover { //
+    border-color: #E3E3E3;
+}
+
+.ebInput_disabled, .ebInput:disabled {
+    color: #B2B2B2;
+    border-color: #B2B2B2;
+    background-color: rgba(0, 0, 0, 0.05);
+    -webkit-text-fill-color: #b2b2b2;
+    opacity: 1;
+    -ms-touch-action: none !important;
+    touch-action: none !important;
+    box-shadow: inset 1px 1px 0 0 #cccccc;
+}
+
+.ebInput_borderColor {
+    border-color: #b3b3b3;
+}
+
+.ebInput_borderColor_red {
+    border-color: #e32119;
+}
+
+.ebInput_status_none {
+    border-color: #b3b3b3;
+}
+
+.ebInput_status_warning {
+    border-color: #f08a00;
+}
+
+.ebInput_status_error {
+    border-color: #e32119;
+}
+
+.ebInput.eb_wMargin+.ebInput-status {
+    margin: -0.2rem 0.8rem 0 0.6rem;
+}
+
+.ebInput-status {
+    display: block;
+    margin: 0.4rem 0 0 0;
+    line-height: 1.2rem;
+    min-height: 1.8rem;
+    font-size: 1.2rem;
+    font-weight: normal;
+}
+
+.ebInput-statusOk, .ebInput-statusError {
+    vertical-align: middle;
+}
+
+.ebInput-statusOk:before, .ebInput-statusError:before {
+    display: inline-block;
+    vertical-align: middle;
+    margin: 0 0.6rem 0 0;
+    width: 1.2rem;
+    height: 1.2rem;
+    content: '';
+    background-repeat: no-repeat;
+}
+
+.ebInput-statusInfo {
+    vertical-align: middle;
+    color: #8d8d8d;
+}
+
+.ebInput-statusOk {
+    color: #89ba17;
+    display: none;
+}
+
+.ebInput-statusOk:before {
+    background-image: url('../resources/form/valid_icon.svg');
+}
+
+.ebInput-statusError {
+    color: #e32119;
+    display: none;
+}
+
+.ebInput-statusError:before {
+    background-image: url('../resources/form/invalid_icon.svg');
+}
+
+.ebInput-status_none {
+    display: none;
+}
+
+.ebInput-status_hide .ebInput-statusOk, .ebInput-status_hide .ebInput-statusError,
+    .ebInput-status_hide .ebInput-statusInfo {
+    display: none;
+}
+
+.ebInput-status_info .ebInput-statusInfo {
+    display: inline-block;
+}
+
+.ebInput-status_info .ebInput-statusOk, .ebInput-status_info .ebInput-statusError
+    {
+    display: none;
+}
+
+.ebInput-status_ok .ebInput-statusOk {
+    display: inline-block;
+}
+
+.ebInput-status_ok .ebInput-statusError, .ebInput-status_ok .ebInput-statusInfo
+    {
+    display: none;
+}
+
+.ebInput-status_error .ebInput-statusError {
+    display: inline-block;
+}
+
+.ebInput-status_error .ebInput-statusOk, .ebInput-status_error .ebInput-statusInfo
+    {
+    display: none;
+}
+
+.ebInput:not (.ebInput_validation_focusLost ):valid+.ebInput-status:not
+    (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
+    ):not (.ebInput-status_error ) .ebInput-statusOk {
+    display: inline-block;
+}
+
+.ebInput:not (.ebInput_validation_focusLost ):invalid:not (.ebInput_borderColor
+    ):not (.ebInput_status_warning ):not (.ebInput_status_none ) {
+    border-color: #e32119;
+}
+
+.ebInput:not (.ebInput_validation_focusLost ):invalid+.ebInput-status:not
+    (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
+    ):not (.ebInput-status_error ) .ebInput-statusError {
+    display: inline-block;
+}
+
+.ebInput:not (.ebInput_validation_focusLost ):invalid+.ebInput-status:not
+    (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
+    ):not (.ebInput-status_error ) .ebInput-statusInfo {
+    display: none;
+}
+
+.ebInput.ebInput_validation_focusLost:not (:focus ):valid+.ebInput-status:not
+    (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
+    ):not (.ebInput-status_error ) .ebInput-statusOk {
+    display: inline-block;
+}
+
+.ebInput.ebInput_validation_focusLost:not (:focus ):invalid:not (.ebInput_borderColor
+    ):not (.ebInput_status_warning ):not (.ebInput_status_none ) {
+    border-color: #e32119;
+}
+
+.ebInput.ebInput_validation_focusLost:not (:focus ):invalid+.ebInput-status:not
+    (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
+    ):not (.ebInput-status_error ) .ebInput-statusError {
+    display: inline-block;
+}
+
+.ebInput.ebInput_validation_focusLost:not (:focus ):invalid+.ebInput-status:not
+    (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
+    ):not (.ebInput-status_error ) .ebInput-statusInfo {
+    display: none;
+}
+
+/* Textarea */
+.ebTextArea {
+    -webkit-overflow-scrolling: touch;
+    overflow: auto;
+    display: inline-block;
+    vertical-align: middle;
+    text-align: left;
+    font-size: 1.2rem;
+    width: 140px;
+    padding: 0.4rem 0.6rem;
+    margin: 0;
+    border: 1px solid #b3b3b3;
+    font-family: arial;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border-radius: 3px;
+    box-shadow: inset 1px 1px 0 0 #cccccc;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+}
+
+.ebTextArea::-webkit-scrollbar {
+    width: 14px;
+    height: 14px;
+}
+
+.ebTextArea::-webkit-scrollbar-track {
+    background-color: #f0f0f0;
+    background-clip: content-box;
+}
+
+.ebTextArea::-webkit-scrollbar-thumb {
+    background-color: #cccccc;
+    border-radius: 3px;
+    transition: all 0.2s linear;
+    background-clip: content-box;
+}
+
+.ebTextArea::-webkit-scrollbar-thumb:hover {
+    background-color: #999999;
+}
+
+.ebTextArea::-webkit-scrollbar-button {
+    width: 14px;
+    height: 14px;
+    background-repeat: no-repeat;
+    background-color: #f0f0f0;
+    background-position: center;
+}
+
+.ebTextArea::-webkit-scrollbar-button:hover {
+    background-color: #cccccc;
+}
+
+.ebTextArea::-webkit-scrollbar-button:vertical:decrement {
+    background-position: center 4px;
+    background-image:
+        url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M0.293,3.293l3-3C3.488,0.098,3.744,0,4,0s0.512,0.098,0.707,0.293l3,3c0.391,0.391,0.391,1.023,0,1.414 s-1.023,0.391-1.414,0L4,2.414L1.707,4.707c-0.391,0.391-1.023,0.391-1.414,0S-0.098,3.684,0.293,3.293z'/></svg>");
+    border-top-left-radius: 2px;
+    border-top-right-radius: 2px;
+}
+
+.ebTextArea::-webkit-scrollbar-button:vertical:increment {
+    background-image:
+        url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M7.707,1.707l-3,3C4.512,4.902,4.255,5,4,5S3.488,4.902,3.292,4.707l-3-3c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0L4,2.586l2.293-2.293c0.391-0.391,1.023-0.391,1.414,0S8.098,1.316,7.707,1.707z'/></svg>");
+    border-bottom-left-radius: 2px;
+    border-bottom-right-radius: 2px;
+}
+
+.ebTextArea::-webkit-scrollbar-button:horizontal:decrement {
+    background-position: 4px center;
+    background-image:
+        url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M4.707,6.293c0.391,0.391,0.391,1.023,0,1.414C4.512,7.902,4.256,8,4,8S3.488,7.902,3.293,7.707l-3-3 C0.105,4.52,0,4.266,0,4s0.105-0.52,0.293-0.707l3-3c0.391-0.391,1.023-0.391,1.414,0c0.391,0.39,0.391,1.023,0,1.414L2.414,4 L4.707,6.293z'/></svg>");
+    border-bottom-left-radius: 2px;
+    border-top-left-radius: 2px;
+}
+
+.ebTextArea::-webkit-scrollbar-button:horizontal:increment {
+    background-image:
+        url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414C0.488,0.098,0.744,0,1,0s0.512,0.098,0.707,0.293l3,3 C4.895,3.48,5,3.734,5,4s-0.105,0.52-0.293,0.707l-3,3c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414L2.586,4L0.293,1.707z'/></svg>");
+    border-bottom-right-radius: 2px;
+    border-top-right-radius: 2px;
+}
+
+.ebTextArea_noMargin {
+    margin: 0;
+}
+
+.ebTextArea_txtCenter {
+    text-align: center;
+}
+
+.ebTextArea_miniW, .ebTextArea_width_mini {
+    width: 40px;
+}
+
+.ebTextArea_smallW, .ebTextArea_width_small {
+    width: 80px;
+}
+
+.ebTextArea_longW, .ebTextArea_width_long {
+    width: 180px;
+}
+
+.ebTextArea_xLongW, .ebTextArea_width_xLong {
+    width: 220px;
+}
+
+.ebTextArea_width_full {
+    min-width: 40px;
+    width: 100%;
+}
+
+.ebTextArea_noRightSide {
+    border-width: 1px 0 1px 1px;
+    border-radius: 3px 0 0 3px;
+}
+
+.ebTextArea_noLeftSide {
+    border-width: 1px 1px 1px 0;
+    border-radius: 0 3px 3px 0;
+}
+
+.ebTextArea:hover {
+    border-color: #666666;
+}
+
+.ebTextArea[readonly] {
+    cursor: text;
+    border-color: #E3E3E3;
+    background-color: #f0f0f0;
+    color: #b2b2b2;
+}
+
+.ebTextArea[readonly]:hover { //
+    border-color: #E3E3E3;
+}
+
+.ebTextArea_disabled, .ebTextArea:disabled {
+    color: #B2B2B2;
+    border-color: #B2B2B2;
+    background-color: rgba(0, 0, 0, 0.05);
+    -ms-touch-action: none;
+    touch-action: none;
+    -webkit-text-fill-color: #b2b2b2;
+    opacity: 1;
+    box-shadow: inset 1px 1px 0 0 #cccccc;
+}
+
+.ebTextArea_status_none {
+    border-color: #b3b3b3;
+}
+
+.ebTextArea_status_warning {
+    border-color: #f08a00;
+}
+
+.ebTextArea_status_error {
+    border-color: #e32119;
+}
+
+.ebTextArea:invalid:not (.ebTextArea_status_warning ):not (.ebTextArea_status_none
+    ) {
+    border-color: #e32119;
+}
+
+/* Button */
+.ebBtn {
+    position: relative;
+    display: inline-block;
+    vertical-align: middle;
+    color: #333333;
+    background-color: #ffffff;
+    border: none;
+    min-width: 60px;
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.1) 100%);
+    padding: 0 8px;
+    height: 2.4rem;
+    font-size: 1.2rem;
+    white-space: nowrap;
+    text-decoration: none;
+    text-align: center;
+    cursor: pointer;
+}
+
+a.ebBtn:hover {
+    color: #333;
+}
+
+a.ebBtn:focus, a.ebBtn:active, a.ebBtn_active {
+    text-decoration: none;
+}
+
+.ebBtn:focus {
+    outline: none;
+    box-shadow: 0 0 2px 1px #4d90fe, 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
+}
+
+.ebBtn_color_blue, .ebBtn_color_darkBlue, .ebBtn_color_paleBlue,
+    .ebBtn_color_darkGreen, .ebBtn_color_green, .ebBtn_color_orange,
+    .ebBtn_color_red, .ebBtn_color_purple {
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.3) 100%);
+    color: #F0F0F0 !important;
+}
+
+.ebBtn_color_blue:hover, .ebBtn_color_darkBlue:hover,
+    .ebBtn_color_paleBlue:hover, .ebBtn_color_darkGreen:hover,
+    .ebBtn_color_green:hover, .ebBtn_color_orange:hover, .ebBtn_color_red:hover,
+    .ebBtn_color_purple:hover {
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.1) 100%);
+}
+
+.ebBtn_color_blue {
+    background-color: #0966b3;
+}
+
+.ebBtn_color_darkBlue {
+    background-color: #0066b3;
+}
+
+.ebBtn_color_paleBlue {
+    background-color: #00A9D4;
+}
+
+.ebBtn_color_darkGreen {
+    background-color: #00625F;
+}
+
+.ebBtn_color_green {
+    background-color: #89BA17;
+}
+
+.ebBtn_color_orange {
+    background-color: #F08A00;
+}
+
+.ebBtn_color_red {
+    background-color: #E32119;
+}
+
+.ebBtn_color_purple {
+    background-color: #953882;
+}
+
+.ebBtn_small {
+    font-size: 1.1rem;
+    padding: 0 6px;
+    height: 2rem;
+}
+
+.ebBtn_large {
+    font-size: 1.4rem;
+    padding: 0 10px;
+    height: 3.8rem;
+}
+
+.ebBtn:hover {
+    text-decoration: none;
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.15) 100%);
+}
+
+.ebBtn_active, .ebBtn:active, .ebBtn_active:hover {
+    text-decoration: none;
+    box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px
+        rgba(0, 0, 0, 0.2);
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%,
+        rgba(0, 0, 0, 0.2) 100%);
+}
+
+.ebBtn:disabled, .ebBtn_disabled, .ebBtn:disabled:hover, .ebBtn_disabled:hover,
+    .ebBtn:disabled:active, .ebBtn_disabled:active {
+    -ms-touch-action: none !important;
+    cursor: not-allowed !important;
+    touch-action: none !important;
+    background: rgba(0, 0, 0, 0.1);
+    color: #8d8d8d !important;
+}
+
+.ebBtn:disabled .ebIcon, .ebBtn_disabled .ebIcon {
+    opacity: 0.3;
+}
+
+.ebBtn_subtle {
+    background-image: none;
+    background-color: transparent;
+    box-shadow: none;
+    min-width: auto;
+}
+
+.ebBtn_subtle:hover {
+    background-image: none;
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.ebBtn_subtle:focus {
+    box-shadow: 0 0 2px 1px #4d90fe, 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
+}
+
+.ebBtn_subtle:active, .ebBtn_subtle.ebBtn_subtle_active {
+    text-decoration: none;
+    box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px
+        rgba(0, 0, 0, 0.2);
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%,
+        rgba(0, 0, 0, 0.2) 100%);
+}
+
+.ebBtn_subtle:disabled, .ebBtn_subtle.ebBtn_subtle_disabled,
+    .ebBtn_subtle:disabled:hover, .ebBtn_subtle.ebBtn_subtle_disabled:hover,
+    .ebBtn_subtle:disabled:active, .ebBtn_subtle.ebBtn_subtle_disabled:active
+    {
+    background-color: transparent;
+    box-shadow: none;
+}
+
+.ebBtn:active:focus, .ebBtn_active:focus {
+    box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px
+        rgba(0, 0, 0, 0.2), 0 0 2px 1px #4d90fe;
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%,
+        rgba(0, 0, 0, 0.2) 100%);
+}
+
+/* Combobox */
+.ebCombobox {
+    position: relative;
+    display: inline-block;
+    vertical-align: middle;
+    white-space: nowrap;
+    margin: 0;
+    padding: 0;
+    height: 2.4rem;
+}
+
+.ebCombobox_width_full {
+    min-width: 70px;
+    width: 100%;
+}
+
+.ebCombobox_width_full .ebInput {
+    width: calc(100% - 30px);
+}
+
+.ebCombobox-list, .ebCombobox-body {
+    position: absolute;
+    margin-top: 6px;
+    display: none;
+    width: 100%;
+}
+
+.ebCombobox-list_rightAlign, .ebCombobox-body_rightAlign {
+    right: 0;
+}
+
+.ebCombobox-Helper, .ebCombobox-helper {
+    position: relative;
+    display: inline-block;
+    vertical-align: middle;
+    width: 30px;
+    /*height: 100%; ewwatkmi: replaced with 2.4rem below*/
+    height: 2.4rem;
+    cursor: pointer;
+    border: 1px solid #999999;
+    background-color: #ffffff;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border-radius: 0 3px 3px 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.1) 100%);
+}
+
+.ebCombobox-Helper:hover, .ebCombobox-helper:hover {
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.15) 100%);
+}
+
+.ebCombobox-Helper:active, .ebCombobox-helper:active {
+    box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.35);
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%,
+        rgba(0, 0, 0, 0.2) 100%);
+}
+
+.ebCombobox-Helper:disabled, .ebCombobox-helper:disabled {
+    border-color: #b2b2b2;
+}
+
+.ebCombobox-Helper:disabled, .ebCombobox-helper:disabled,
+    .ebCombobox-Helper:disabled:hover, .ebCombobox-helper:disabled:hover,
+    .ebCombobox-Helper:disabled:active, .ebCombobox-helper:disabled:active
+    {
+    -ms-touch-action: none !important;
+    cursor: not-allowed !important;
+    touch-action: none !important;
+    background: #e5e5e5;
+    color: #B2B2B2;
+    cursor: not-allowed;
+    box-shadow: none;
+}
+
+.ebCombobox-Helper .ebCombobox-iconHolder, .ebCombobox-helper .ebCombobox-iconHolder
+    {
+    display: inline-block;
+    opacity: 0.7;
+    cursor: pointer;
+    line-height: 2.2rem;
+}
+
+.ebCombobox-Helper .ebCombobox-iconHolder .ebIcon, .ebCombobox-helper .ebCombobox-iconHolder .ebIcon
+    {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+}
+
+.ebCombobox:hover>.ebCombobox-Helper, .ebCombobox:hover>.ebCombobox-helper
+    {
+    border-color: #666666;
+}
+
+.ebCombobox
+ 
+.ebInput
+:focus
+ 
+~
+.ebCombobox-list
+, /*.ebCombobox .ebInput:focus ~ .ebCombobox-body,*/
+.ebCombobox
+:active
+>
+.ebCombobox-list
+, /*.ebCombobox:active > .ebCombobox-body*/
+{
+display
+:
+ 
+block
+;
+
+
+}
+.ebCombobox>.ebCombobox-list, .ebCombobox>.ebCombobox-body {
+    display: none;
+}
+
+.ebCombobox_noMargin {
+    margin: 0;
+}
+
+.ebCombobox_disabled, .ebCombobox_disabled *:hover {
+    -ms-touch-action: none !important;
+    cursor: not-allowed !important;
+    touch-action: none !important;
+}
+
+.ebCombobox_disabled .ebCombobox-iconHolder, .ebCombobox_disabled .ebCombobox-iconHolder:hover,
+    .ebCombobox_disabled .ebCombobox-iconHolder:active {
+    -ms-touch-action: none !important;
+    cursor: not-allowed !important;
+    touch-action: none !important;
+    opacity: 0.3;
+}
+
+.ebCombobox_disabled:hover>.ebCombobox-Helper, .ebCombobox_disabled:hover>.ebCombobox-helper
+    {
+    border-color: #b2b2b2;
+}
+
+.ebCombobox_disabled:active>.ebCombobox-list, .ebCombobox_disabled:active>.ebCombobox-body
+    {
+    display: none;
+}
+
+.ebCombobox_disabled .ebInput:focus ~ .ebCombobox-list,
+    .ebCombobox_disabled .ebInput:focus ~ .ebCombobox-body {
+    display: none;
+}
+
+.ebCombobox_status_warning .ebInput {
+    border-color: #f08a00;
+}
+
+.ebCombobox_status_error .ebInput {
+    border-color: #e32119;
+}
+
+/* Switcher */
+.ebSwitcher {
+    position: relative;
+    height: 24px;
+    width: 84px;
+    display: block;
+    overflow: hidden;
+    cursor: pointer;
+    border: 1px solid #ccc;
+    border-radius: 3px;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+.ebSwitcher-checkbox {
+    display: none;
+}
+
+.ebSwitcher-body {
+    position: relative;
+    font-size: 0;
+    white-space: nowrap;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transition: left 0.2s linear;
+}
+
+.ebSwitcher-onLabel, .ebSwitcher-switch, .ebSwitcher-offLabel {
+    display: inline-block;
+    vertical-align: top;
+    overflow: hidden;
+    height: 100%;
+}
+
+.ebSwitcher-onLabel, .ebSwitcher-offLabel {
+    width: calc(100% - 24px);
+    line-height: 2.4rem;
+    color: white;
+    text-align: center;
+    font-size: 1.2rem;
+}
+
+.ebSwitcher-onLabel {
+    background-color: red;
+}
+
+.ebSwitcher-onLabel2 {
+    background-color: #89ba17;
+}
+
+.ebSwitcher-offLabel {
+    background-color: #89ba17;
+}
+
+.ebSwitcher-offLabel2 {
+    background-color: red;
+}
+
+.ebSwitcher-switch {
+    height: 24px;
+    width: 24px;
+    transition: left 0.2s;
+}
+
+.ebSwitcher-switch::after {
+    content: "";
+    position: absolute;
+    margin: -1px;
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+    background: #ffffff;
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.1) 100%);
+    border-radius: 3px;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.ebSwitcher-checkbox:not (:checked ) +.ebSwitcher-body {
+    left: calc(-100% + 24px);
+}
+
+.ebSwitcher:focus {
+    /*
+        outline: #4d90fe auto 5px;
+        box-shadow: 0 0 0 1px #4d90fe;
+        -webkit-box-shadow: none;
+        */
+    outline: none;
+    box-shadow: 0 0 2px 1px #4d90fe;
+}
+
+.ebSwitcher_status_warning {
+    border-color: #f08a00;
+}
+
+.ebSwitcher_status_error {
+    border-color: #e32119;
+}
+
+.ebSwitcher_disabled {
+    cursor: not-allowed;
+}
+
+.ebSwitcher_disabled .ebSwitcher-onLabel, .ebSwitcher_disabled .ebSwitcher-offLabel,
+    .ebSwitcher_disabled .ebSwitcher-switch::after {
+    background-color: #e5e5e5;
+    background-image: none;
+    color: #8d8d8d;
+}
+
+/* Dropdown */
+.ebDropdown {
+    position: relative;
+    display: inline-block;
+    height: 2.4rem;
+    padding: 0;
+    margin: 0;
+}
+
+.ebDropdown-list, .ebDropdown-body {
+    position: absolute;
+    margin-top: 6px;
+    display: none;
+    min-width: 100%;
+}
+
+.ebDropdown-list_rightAlign, .ebDropdown-body_rightAlign {
+    right: 0;
+}
+
+.ebDropdown-Header, .ebDropdown-header {
+    position: relative;
+    display: inline-block;
+    vertical-align: middle;
+    height: 100%;
+    min-width: 60px;
+    margin: 0;
+    padding: 6px 8px;
+    line-height: 1.2rem;
+    font-size: 1.2rem;
+    text-align: left;
+    text-decoration: none;
+    white-space: nowrap;
+    color: #333333;
+    background-color: #ffffff;
+    border: none;
+    cursor: pointer;
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.1) 100%);
+}
+
+.ebDropdown-Header:hover, .ebDropdown-header:hover {
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.15) 100%);
+}
+
+.ebDropdown-Header:active, .ebDropdown-header:active {
+    box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px
+        rgba(0, 0, 0, 0.2);
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%,
+        rgba(0, 0, 0, 0.2) 100%);
+}
+
+.ebDropdown-Header .ebDropdown-caption, .ebDropdown-header .ebDropdown-caption
+    {
+    display: inline-block;
+    padding: 0 4px 0 0;
+    vertical-align: middle;
+    min-width: 27px;
+}
+
+.ebDropdown-Header .ebDropdown-iconHolder, .ebDropdown-header .ebDropdown-iconHolder
+    {
+    display: inline-block;
+    cursor: pointer;
+    opacity: 0.7;
+}
+
+.ebDropdown .ebDropdown-Header:focus+.ebDropdown-list, .ebDropdown .ebDropdown-header:focus+.ebDropdown-body,
+    .ebDropdown .ebDropdown-Header:active+.ebDropdown-list, .ebDropdown .ebDropdown-header:active+.ebDropdown-body,
+    .ebDropdown:focus>.ebDropdown-list, .ebDropdown:focus>.ebDropdown-body,
+    .ebDropdown:active>.ebDropdown-list, .ebDropdown:active>.ebDropdown-body
+    {
+    display: block;
+}
+
+.ebDropdown_disabled .ebDropdown-Header, .ebDropdown_disabled .ebDropdown-header
+    {
+    background: rgba(0, 0, 0, 0.1);
+    color: #B2B2B2;
+}
+
+.ebDropdown_disabled .ebDropdown-Header, .ebDropdown_disabled .ebDropdown-header,
+    .ebDropdown_disabled .ebDropdown-Header:hover, .ebDropdown_disabled .ebDropdown-header:hover,
+    .ebDropdown_disabled .ebDropdown-Header:active, .ebDropdown_disabled .ebDropdown-header:active
+    {
+    -ms-touch-action: none !important;
+    cursor: not-allowed !important;
+    touch-action: none !important;
+}
+
+.ebDropdown_disabled .ebDropdown-Header:hover, .ebDropdown_disabled .ebDropdown-header:hover,
+    .ebDropdown_disabled .ebDropdown-Header:active, .ebDropdown_disabled .ebDropdown-header:active
+    {
+    background: rgba(0, 0, 0, 0.1);
+    color: #B2B2B2;
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder,
+    .ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder,
+    .ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder:hover,
+    .ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder:hover,
+    .ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder:active,
+    .ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder:active {
+    -ms-touch-action: none !important;
+    cursor: not-allowed !important;
+    touch-action: none !important;
+    opacity: 0.3;
+}
+
+.ebDropdown_disabled .ebDropdown-Header:focus+.ebDropdown-list,
+    .ebDropdown_disabled .ebDropdown-header:focus+.ebDropdown-body,
+    .ebDropdown_disabled .ebDropdown-Header:active+.ebDropdown-list,
+    .ebDropdown_disabled .ebDropdown-header:active+.ebDropdown-body,
+    .ebDropdown_disabled:focus>.ebDropdown-list, .ebDropdown_disabled:focus>.ebDropdown-body,
+    .ebDropdown_disabled:active>.ebDropdown-list, .ebDropdown_disabled:active>.ebDropdown-body
+    {
+    display: none;
+}
+
+/* Icons */
+.ebIcon {
+    display: inline-block;
+    vertical-align: middle;
+    border: none;
+    height: 16px;
+    width: 16px;
+    line-height: 1.6rem;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-color: transparent;
+    background-size: 100%;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    /*small icons  */
+    /*16px icons*/
+}
+
+.ebIcon_interactive {
+    opacity: 0.7;
+    cursor: pointer;
+}
+
+.ebIcon_interactive:hover {
+    opacity: 1.0;
+}
+
+.ebIcon_interactive:active {
+    opacity: 0.4;
+}
+
+.ebIcon_button {
+    margin: 10px;
+}
+
+.ebIcon_noVertAlign {
+    vertical-align: inherit;
+}
+
+.ebIcon_disabled {
+    cursor: default;
+}
+
+.ebIcon_disabled, .ebIcon_disabled:hover, .ebIcon_disabled:active {
+    opacity: 0.3;
+}
+
+.ebIcon_small {
+    width: 1rem;
+    height: 1rem;
+    line-height: 1rem;
+}
+
+.ebIcon_big {
+    width: 2rem;
+    height: 2rem;
+    line-height: 2rem;
+}
+
+.ebIcon_large {
+    width: 2.8rem;
+    height: 2.8rem;
+    line-height: 2.8rem;
+}
+
+.ebIcon_wMargin {
+    margin: 4px;
+}
+
+.ebIcon_upArrow {
+    background-image: url('../resources/16px/ArrowUpSmall_black_16px.svg');
+}
+
+.ebIcon_upArrow_white {
+    background-image: url('../resources/16px/arrowUpSmall_white_16px.svg');
+}
+
+.ebIcon_downArrow {
+    background-image: url('../resources/16px/ArrowDownSmall_black_16px.svg');
+}
+
+.ebIcon_downArrow_white {
+    background-image: url('../resources/16px/ArrowDownSmall_white_16px.svg');
+}
+
+.ebIcon_leftArrow {
+    background-image: url('../resources/16px/ArrowLeftSmall_black_16px.svg');
+}
+
+.ebIcon_leftArrow_white {
+    background-image: url('../resources/16px/ArrowLeftSmall_white_16px.svg');
+}
+
+.ebIcon_rightArrow {
+    background-image:
+        url('../resources/16px/ArrowRightSmall_black_16px.svg');
+}
+
+.ebIcon_rightArrow_white {
+    background-image:
+        url('../resources/16px/ArrowRightSmall_white_16px.svg');
+}
+
+.ebIcon_prevArrow {
+    background-image:
+        url('../resources/16px/ArrowDoubleLeftSmall_black_16px.svg');
+}
+
+.ebIcon_nextArrow {
+    background-image:
+        url('../resources/16px/ArrowDoubleRightSmall_black_16px.svg');
+}
+
+.ebIcon_upArrow_10px {
+    background-image: url('../resources/10px/ArrowUpSmall_black_10px.svg');
+}
+
+.ebIcon_downArrow_10px {
+    background-image: url('../resources/10px/ArrowDownSmall_black_10px.svg');
+}
+
+.ebIcon_leftArrow_10px {
+    background-image: url('../resources/10px/ArrowLeftSmall_black_10px.svg');
+}
+
+.ebIcon_rightArrow_10px {
+    background-image:
+        url('../resources/10px/ArrowRightSmall_black_10px.svg');
+}
+
+.ebIcon_prevArrow_10px {
+    background-image:
+        url('../resources/10px/ArrowDoubleLeftSmall_black_10px.svg');
+}
+
+.ebIcon_nextArrow_10px {
+    background-image:
+        url('../resources/10px/ArrowDoubleRightSmall_black_10px.svg');
+}
+
+.ebIcon_errorSmall {
+    background-image: url('../resources/other/errorSmall_red_10px.svg');
+}
+
+.ebIcon_tickSmallBlack {
+    background-image: url('../resources/other/tick_black_10x8px.svg');
+}
+
+.ebIcon_tickSmallGreen {
+    background-image: url('../resources/other/tick_green_10x8px.svg');
+}
+
+.ebIcon_upArrowLarge {
+    background-image: url('../resources/16px/ArrowUp_black_16px.svg');
+}
+
+.ebIcon_upArrowLarge_white {
+    background-image: url('../resources/16px/ArrowUp_white_16px.svg');
+}
+
+.ebIcon_downArrowLarge {
+    background-image: url('../resources/16px/ArrowDown_black_16px.svg');
+}
+
+.ebIcon_downArrowLarge_white {
+    background-image: url('../resources/16px/ArrowDown_white_16px.svg');
+}
+
+.ebIcon_downArrowLarge_blue {
+    background-image: url('../resources/16px/ArrowDown_blue_16px.svg');
+}
+
+.ebIcon_leftArrowLarge {
+    background-image: url('../resources/16px/ArrowLeft_black_16px.svg');
+}
+
+.ebIcon_leftArrowLarge_white {
+    background-image: url('../resources/16px/ArrowLeft_white_16px.svg');
+}
+
+.ebIcon_rightArrowLarge {
+    background-image: url('../resources/16px/ArrowRight_black_16px.svg');
+}
+
+.ebIcon_rightArrowLarge_white {
+    background-image: url('../resources/16px/ArrowRight_white_16px.svg');
+}
+
+.ebIcon_circleArrowDown {
+    background-image:
+        url('../resources/16px/circleArrowDown_black_16px.svg');
+}
+
+.ebIcon_circleArrowDown_white {
+    background-image:
+        url('../resources/16px/circleArrowDown_white_16px.svg');
+}
+
+.ebIcon_circleArrowLeft {
+    background-image:
+        url('../resources/16px/circleArrowLeft_black_16px.svg');
+}
+
+.ebIcon_circleArrowLeft_white {
+    background-image:
+        url('../resources/16px/circleArrowLeft_white_16px.svg');
+}
+
+.ebIcon_circleArrowRight {
+    background-image:
+        url('../resources/16px/circleArrowRight_black_16px.svg');
+}
+
+.ebIcon_circleArrowRight_white {
+    background-image:
+        url('../resources/16px/circleArrowRight_white_16px.svg');
+}
+
+.ebIcon_circleArrowUp {
+    background-image: url('../resources/16px/circleArrowUp_black_16px.svg');
+}
+
+.ebIcon_circleArrowUp_white {
+    background-image: url('../resources/16px/circleArrowUp_white_16px.svg');
+}
+
+.ebIcon_circleCaretDown {
+    background-image:
+        url('../resources/16px/circleCaretDown_black_16px.svg');
+}
+
+.ebIcon_circleCaretDown_white {
+    background-image:
+        url('../resources/16px/circleCaretDown_white_16px.svg');
+}
+
+.ebIcon_circleCaretLeft {
+    background-image:
+        url('../resources/16px/circleCaretLeft_black_16px.svg');
+}
+
+.ebIcon_circleCaretLeft_white {
+    background-image:
+        url('../resources/16px/circleCaretLeft_white_16px.svg');
+}
+
+.ebIcon_circleCaretRight {
+    background-image:
+        url('../resources/16px/circleCaretRight_black_16px.svg');
+}
+
+.ebIcon_circleCaretRight_white {
+    background-image:
+        url('../resources/16px/circleCaretRight_white_16px.svg');
+}
+
+.ebIcon_circleCaretUp {
+    background-image: url('../resources/16px/circleCaretUp_black_16px.svg');
+}
+
+.ebIcon_circleCaretUp_white {
+    background-image: url('../resources/16px/circleCaretUp_white_16px.svg');
+}
+
+.ebIcon_eLogo {
+    background-image: url('../resources/systemBar/econ01.svg');
+}
+
+.ebIcon_comment {
+    background-image: url('../resources/16px/Comment_black_16px.svg');
+}
+
+.ebIcon_comment_white {
+    background-image: url('../resources/16px/comment_white.svg');
+}
+
+.ebIcon_copy {
+    background-image: url('../resources/16px/copy_black_16px.svg');
+}
+
+.ebIcon_copy_white {
+    background-image: url('../resources/16px/copy_white_16px.svg');
+}
+
+.ebIcon_cut {
+    background-image: url('../resources/16px/cut_black.svg');
+}
+
+.ebIcon_cut_white {
+    background-image: url('../resources/16px/cut_white.svg');
+}
+
+.ebIcon_delete {
+    background-image: url('../resources/16px/delete_black_16px.svg');
+}
+
+.ebIcon_delete_white {
+    background-image: url('../resources/16px/delete_white_16px.svg');
+}
+
+.ebIcon_duplicate {
+    background-image: url('../resources/16px/duplicate_black_16px.svg');
+}
+
+.ebIcon_duplicate_white {
+    background-image: url('../resources/16px/duplicate_white_16px.svg');
+}
+
+.ebIcon_edit {
+    background-image: url('../resources/16px/edit_black_16px.svg');
+}
+
+.ebIcon_editWhite {
+    background-image: url('../resources/16px/edit_white_16px.svg');
+}
+
+.ebIcon_newFile {
+    background-image: url('../resources/16px/newFile_black_16px.svg');
+}
+
+.ebIcon_newFile_white {
+    background-image: url('../resources/16px/newFile_white_16px.svg');
+}
+
+.ebIcon_save {
+    background-image: url('../resources/16px/save_black_16px.svg');
+}
+
+.ebIcon_save_white {
+    background-size: contain;
+    background-image: url('../resources/16px/save_white.svg');
+}
+
+.ebIcon_filter {
+    background-image: url('../resources/16px/filter_black_16px.svg');
+}
+
+.ebIcon_filterOn {
+    background-image: url('../resources/16px/filters_on.svg');
+}
+
+.ebIcon_filterOff {
+    background-image: url('../resources/16px/filters_off.svg');
+}
+
+.ebIcon_filter_white {
+    background-image: url('../resources/16px/filter_white_16px.svg');
+}
+
+.ebIcon_folder {
+    background-image: url('../resources/16px/folder_black_16px.svg');
+}
+
+.ebIcon_folder_white {
+    background-image: url('../resources/16px/folder_white_16px.svg');
+}
+
+.ebIcon_folderClosed {
+    background-image: url('../resources/16px/folderClosed_black.svg');
+}
+
+.ebIcon_folderClosed_white {
+    background-image: url('../resources/16px/folderClosed_white.svg');
+}
+
+.ebIcon_detach {
+    background-image: url('../resources/16px/detach_black_16px.svg');
+}
+
+.ebIcon_detach_white {
+    background-size: contain;
+    background-image: url('../resources/16px/detach_white.svg');
+}
+
+.ebIcon_import {
+    background-image: url('../resources/16px/import_black.svg');
+}
+
+.ebIcon_import_white {
+    background-image: url('../resources/16px/import_white.svg');
+}
+
+.ebIcon_export {
+    background-image: url('../resources/16px/export_black_16px.svg');
+}
+
+.ebIcon_export_white {
+    background-image: url('../resources/16px/export_white.svg');
+}
+
+.ebIcon_undo {
+    background-image: url('../resources/16px/undo_black_16px.svg');
+}
+
+.ebIcon_undo_white {
+    background-image: url('../resources/16px/undo_white_16px.svg');
+}
+
+.ebIcon_cancelled {
+    background-image: url('../resources/16px/Cancelled_Black_16px.svg');
+}
+
+.ebIcon_draft {
+    background-size: contain;
+    background-image: url('../resources/16px/draft.svg');
+}
+
+.ebIcon_importExport {
+    background-image: url('../resources/16px/import_export.svg');
+}
+
+.ebIcon_login {
+    background-image: url('../resources/16px/login.svg');
+}
+
+.ebIcon_move {
+    background-image: url('../resources/16px/move.svg');
+}
+
+.ebIcon_remove {
+    background-image: url('../resources/16px/remove.svg');
+}
+
+.ebIcon_valid {
+    background-image: url('../resources/16px/valid_icon.svg');
+}
+
+.ebIcon_invalid {
+    background-image: url('../resources/16px/invalid_icon.svg');
+}
+
+.ebIcon_error {
+    background-image: url('../resources/16px/error_red_16px.svg');
+}
+
+.ebIcon_warning {
+    background-image: url('../resources/16px/warning_yellow_16px.svg');
+}
+
+.ebIcon_warningOrange {
+    background-image: url('../resources/16px/warning_orange_16px.svg');
+}
+
+.ebIcon_warning_white {
+    background-image: url('../resources/16px/warning_white.svg');
+}
+
+.ebIcon_warningShield {
+    background-image: url('../resources/16px/warningShield_black_16px.svg');
+}
+
+.ebIcon_warningShield_white {
+    background-size: contain;
+    background-image: url('../resources/16px/warningShield_white.svg');
+}
+
+.ebIcon_mail {
+    background-image: url('../resources/16px/mail_black_16px.svg');
+}
+
+.ebIcon_mail_white {
+    background-image: url('../resources/16px/mail_white_16px.svg');
+}
+
+.ebIcon_mailRead {
+    background-image: url('../resources/16px/mailRead_black_16px.svg');
+}
+
+.ebIcon_mailRead_white {
+    background-image: url('../resources/16px/mailRead_white_16px.svg');
+}
+
+.ebIcon_link {
+    background-image: url('../resources/16px/Link_black_16px.svg');;
+}
+
+.ebIcon_lock {
+    background-image: url('../resources/16px/lock_black_16px.svg');
+}
+
+.ebIcon_lock_white {
+    background-image: url('../resources/16px/lock_white_16px.svg');
+}
+
+.ebIcon_unlock {
+    background-image: url('../resources/16px/unlock_black_16px.svg');
+}
+
+.ebIcon_unlock_white {
+    background-image: url('../resources/16px/unlock_white_16px.svg');
+}
+
+.ebIcon_logout {
+    background-image: url('../resources/16px/logout_black_16px.svg');
+}
+
+.ebIcon_menu {
+    background-image: url('../resources/16px/menu_black_16px.svg');
+}
+
+.ebIcon_menu_white {
+    background-image: url('../resources/16px/menu_white_16px.svg');
+}
+
+.ebIcon_search {
+    background-image: url('../resources/16px/search_black_16px.svg');
+}
+
+.ebIcon_searchWhite {
+    background-image: url('../resources/16px/search_white_16px.svg');
+}
+
+.ebIcon_advancedSearch {
+    background-image:
+        url('../resources/16px/advanced_search_black_16px.svg');
+}
+
+.ebIcon_advancedSearchWhite {
+    background-image:
+        url('../resources/16px/advanced_search_white_16px.svg');
+}
+
+.ebIcon_share {
+    background-image: url('../resources/16px/share_black_16px.svg');
+}
+
+.ebIcon_share_white {
+    background-image: url('../resources/16px/share_white.svg');
+}
+
+.ebIcon_star {
+    background-image: url('../resources/16px/star_black_16px.svg');
+}
+
+.ebIcon_star_white {
+    background-image: url('../resources/16px/star_white_16px.svg');
+}
+
+.ebIcon_star_yellow {
+    background-image: url('../resources/16px/star_yellow_16px.svg');
+}
+
+.ebIcon_starOutline {
+    background-image: url('../resources/16px/star_outline_black_16px.svg');
+}
+
+.ebIcon_starOutline_white {
+    background-image: url('../resources/16px/star_outline_white_16px.svg');
+}
+
+.ebIcon_starOutline_yellow {
+    background-image: url('../resources/16px/star_outline_yellow_16px.svg');
+}
+
+.ebIcon_tick {
+    background-image: url('../resources/16px/tick_green_16px.svg');
+}
+
+.ebIcon_tick_black {
+    background-image: url('../resources/16px/tick_16px.svg');
+}
+
+.ebIcon_simpleGreenTick {
+    background-image: url('../resources/16px/simple_green_tick.svg');
+}
+
+.ebIcon_simpleTick_black {
+    background-image: url('../resources/16px/simple_tick.svg');
+}
+
+.ebIcon_download {
+    background-image: url('../resources/16px/download_black.svg');
+}
+
+.ebIcon_download_white {
+    background-image: url('../resources/16px/download_white.svg');
+}
+
+.ebIcon_downloadWhite {
+    background-image: url('../resources/16px/download_white_16px.svg');
+}
+
+.ebIcon_documentWhite {
+    background-image: url('../resources/16px/document_white_16px.svg');
+}
+
+.ebIcon_expand {
+    background-image: url('../resources/16px/expand_black_16px.svg');
+}
+
+.ebIcon_rowCollapsed {
+    background-image: url('../resources/16px/rowCollapsed_black_16px.svg');
+}
+
+.ebIcon_rowExpanded {
+    background-image: url('../resources/16px/rowExpanded_black_16px.svg');
+}
+
+.ebIcon_rowView {
+    background-image: url('../resources/16px/rowView_black_16px.svg');
+}
+
+.ebIcon_rowView_white {
+    background-image: url('../resources/16px/rowView_white.svg');
+}
+
+.ebIcon_externalApp {
+    background-image: url('../resources/16px/externalApp_black_16px.svg');
+}
+
+.ebIcon_externalApp_white {
+    background-image: url('../resources/16px/externalApp_white_16px.svg');
+}
+
+.ebIcon_fullscreen {
+    background-image: url('../resources/16px/fullscreen_black_16px.svg');
+}
+
+.ebIcon_fullscreenMinimize {
+    background-image:
+        url('../resources/16px/fullscreenMinimise_black_16px.svg');
+}
+
+.ebIcon_help {
+    background-image: url('../resources/16px/help_black_16px.svg');
+}
+
+.ebIcon_help_white {
+    background-image: url('../resources/16px/help_white.svg');
+}
+
+.ebIcon_info {
+    background-image: url('../resources/16px/info_black.svg');
+}
+
+.ebIcon_info_white {
+    background-image: url('../resources/16px/info_white.svg');
+}
+
+.ebIcon_dialogInfo {
+    background-image: url('../resources/16px/dialogInfo_blue.svg');
+}
+
+.ebIcon_dialogInfo_white {
+    background-image: url('../resources/16px/dialogInfo_white.svg');
+}
+
+.ebIcon_infoMsgIndicator {
+    background-image: url('../resources/16px/infoMsgIndicator_16px.svg');
+}
+
+.ebIcon_exitFullscreen {
+    background-image:
+        url('../resources/16px/minimiseFullscreen_black_16px.svg');
+}
+
+.ebIcon_refresh {
+    background-image: url('../resources/16px/refresh_black_16px.svg');
+}
+
+.ebIcon_refresh_white {
+    background-image: url('../resources/16px/refresh_white_16px.svg');
+}
+
+.ebIcon_settings {
+    background-image: url('../resources/16px/settings_black_16px.svg');
+}
+
+.ebIcon_settings_white {
+    background-image: url('../resources/16px/settings_white_16px.svg');
+}
+
+.ebIcon_user {
+    background-image: url('../resources/16px/user_black_16px.svg');
+}
+
+.ebIcon_user_white {
+    background-image: url('../resources/16px/user_white_16px.svg');
+}
+
+.ebIcon_close {
+    background-image: url('../resources/16px/X_black_16px.svg');
+}
+
+.ebIcon_close_white {
+    background-image: url('../resources/16px/close_white_16px.svg');
+}
+
+.ebIcon_close_blue {
+    background-image: url('../resources/16px/X_blue_16px.svg');
+}
+
+.ebIcon_close_paleBlue {
+    background-image: url('../resources/16px/X_paleBlue_16px.svg');
+}
+
+.ebIcon_close_green {
+    background-image: url('../resources/16px/X_green_16px.svg');
+}
+
+.ebIcon_close_orange {
+    background-image: url('../resources/16px/X_orange_16px.svg');
+}
+
+.ebIcon_close_red {
+    background-image: url('../resources/16px/X_red_16px.svg');
+}
+
+.ebIcon_close_yellow {
+    background-image: url('../resources/16px/X_yellow_16px.svg');
+}
+
+.ebIcon_minus {
+    background-image: url('../resources/16px/minus_black_16px.svg');
+}
+
+.ebIcon_plus {
+    background-image: url('../resources/16px/plus_black_16px.svg');
+}
+
+.ebIcon_add {
+    background-image: url('../resources/16px/add_black_16px.svg');
+}
+
+.ebIcon_add_white {
+    background-image: url('../resources/16px/add_white_16px.svg');
+}
+
+.ebIcon_multiSelect {
+    background-image: url('../resources/16px/multiSelect_black_16px.svg');
+}
+
+.ebIcon_multiSelect_white {
+    background-size: contain;
+    background-image: url('../resources/16px/multiSelect_white.svg');
+}
+
+.ebIcon_multiSort {
+    background-image: url('../resources/16px/multi-sort.svg');
+}
+
+.ebIcon_multiSort_white {
+    background-image: url('../resources/16px/multi-sort_white.svg');
+}
+
+.ebIcon_sort {
+    background-image: url('../resources/16px/sort.svg');
+}
+
+.ebIcon_sort_white {
+    background-image: url('../resources/16px/sort_white.svg');
+}
+
+.ebIcon_stop {
+    background-image: url('../resources/16px/stop_black_16px.svg');
+}
+
+.ebIcon_pause {
+    background-image: url('../resources/16px/pause_black_16px.svg');
+}
+
+.ebIcon_suspend {
+    background-image: url('../resources/16px/suspend_black_16px.svg');
+}
+
+.ebIcon_resume {
+    background-image: url('../resources/16px/resume_black_16px.svg');
+}
+
+.ebIcon_play {
+    background-image: url('../resources/16px/play_black_16px.svg');
+}
+
+.ebIcon_fastForward {
+    background-image: url('../resources/16px/fastForward_black_16px.svg');
+}
+
+.ebIcon_fastRewind {
+    background-image: url('../resources/16px/fastRewind_black_16px.svg');
+}
+
+.ebIcon_print {
+    background-image: url('../resources/16px/print_black_16px.svg');
+}
+
+.ebIcon_print_white {
+    background-image: url('../resources/16px/print_white_16px.svg');
+}
+
+.ebIcon_calendar {
+    background-image: url('../resources/16px/calendar_black_16px.svg');
+}
+
+.ebIcon_calendar_white {
+    background-image: url('../resources/16px/calendar_white_16px.svg');
+}
+
+.ebIcon_addToFolder {
+    background-image: url('../resources/16px/addToFolder_black.svg');
+}
+
+.ebIcon_addToFolder_white {
+    background-image: url('../resources/16px/addToFolder_white.svg');
+}
+
+.ebIcon_alarmCleared {
+    background-image: url('../resources/16px/alarmCleared_16px.svg');
+}
+
+.ebIcon_alarmCleared_white {
+    background-image: url('../resources/16px/alarmCleared_white_16px.svg');
+}
+
+.ebIcon_alarmCritical {
+    background-image: url('../resources/16px/alarmCritical_16px.svg');
+}
+
+.ebIcon_alarmCritical_white {
+    background-image: url('../resources/16px/alarmCritical_white_16px.svg');
+}
+
+.ebIcon_alarmHeartbeat {
+    background-image: url('../resources/16px/alarmHeartbeat_16px.svg');
+}
+
+.ebIcon_alarmIndeterminate {
+    background-image: url('../resources/16px/alarmIndeterminate_16px.svg');
+}
+
+.ebIcon_alarmIndeterminate_white {
+    background-image:
+        url('../resources/16px/alarmIndeterminate_white_16px.svg');
+}
+
+.ebIcon_alarmMajor {
+    background-image: url('../resources/16px/alarmMajor_16px.svg');
+}
+
+.ebIcon_alarmMajor_white {
+    background-image: url('../resources/16px/alarmMajor_white_16px.svg');
+}
+
+.ebIcon_alarmMinor {
+    background-image: url('../resources/16px/alarmMinor_16px.svg');
+}
+
+.ebIcon_alarmMinor_white {
+    background-image: url('../resources/16px/alarmMinor_white_16px.svg');
+}
+
+.ebIcon_alarmWarning {
+    background-image: url('../resources/16px/alarmWarning_16px.svg');
+}
+
+.ebIcon_alarmWarning_white {
+    background-image: url('../resources/16px/alarmWarning_white_16px.svg');
+}
+
+.ebIcon_alarmOtherGrouping {
+    background-image: url('../resources/16px/alarmOtherGrouping_16px.svg');
+}
+
+.ebIcon_alarmUnacknowledged {
+    background-image: url('../resources/16px/alarmUnacknowledged.svg');
+}
+
+.ebIcon_alarmUnacknowledged_white {
+    background-image: url('../resources/16px/alarmUnacknowledged_white.svg');
+}
+
+.ebIcon_alarmUnspecified {
+    background-image: url('../resources/16px/alarmUnspecified_16px.svg');
+}
+
+.ebIcon_acknowledgeAlarm {
+    background-image: url('../resources/16px/acknowledgeAlarm.svg');
+}
+
+.ebIcon_acknowledgeAlarm_white {
+    background-image: url('../resources/16px/acknowledgeAlarm_white.svg');
+}
+
+.ebIcon_clearAlarm {
+    background-image: url('../resources/16px/clearAlarm.svg');
+}
+
+.ebIcon_clearAlarm_white {
+    background-image: url('../resources/16px/clearAlarm_white.svg');
+}
+
+.ebIcon_bsc {
+    background-image: url('../resources/16px/BSC_black_16px.svg');
+}
+
+.ebIcon_bscYellow {
+    background-image: url('../resources/16px/BSC_Yellow_16px.svg');
+}
+
+.ebIcon_bscFunction {
+    background-image: url('../resources/16px/BSCFunction_black_16px.svg');
+}
+
+.ebIcon_bscFunctionYellow {
+    background-image: url('../resources/16px/BSCFunction_Yellow_16px.svg');
+}
+
+.ebIcon_cabinet {
+    background-image: url('../resources/16px/cabinet_black_16px.svg');
+}
+
+.ebIcon_cellGray {
+    background-image: url('../resources/16px/cell_gray_16px.svg');
+}
+
+.ebIcon_cellGreen {
+    background-image: url('../resources/16px/cell_green_16px.svg');
+}
+
+.ebIcon_cellRed {
+    background-image: url('../resources/16px/cell_red_16px.svg');
+}
+
+.ebIcon_cellAdjacent {
+    background-image: url('../resources/16px/cellAdjacent_16px.svg');
+}
+
+.ebIcon_cellExternal {
+    background-image: url('../resources/16px/cellExternal_16px.svg');
+}
+
+.ebIcon_charging {
+    background-image: url('../resources/16px/charging_black.svg');
+}
+
+.ebIcon_charging_white {
+    background-size: contain;
+    background-image: url('../resources/16px/charging_white.svg');
+}
+
+.ebIcon_connected {
+    background-image: url('../resources/16px/connected_black_16px.svg');
+}
+
+.ebIcon_disconnected {
+    background-image: url('../resources/16px/disconnected_black_16px.svg');
+}
+
+.ebIcon_connectionError {
+    background-image:
+        url('../resources/16px/connectionError_black_16px.svg');
+}
+
+.ebIcon_core {
+    background-image: url('../resources/16px/core_black_16px.svg');
+}
+
+.ebIcon_coreSubscriber {
+    background-image: url('../resources/16px/coreSubscriber_black_16px.svg');
+}
+
+.ebIcon_database {
+    background-image: url('../resources/16px/database_black_16px.svg');
+}
+
+.ebIcon_ftpServer {
+    background-image: url('../resources/16px/ftpServer_black_16px.svg');
+}
+
+.ebIcon_ftpServerFunction {
+    background-image:
+        url('../resources/16px/ftpServerFunction_black_16px.svg');
+}
+
+.ebIcon_gatewayFunction {
+    background-image:
+        url('../resources/16px/gatewayFunction_black_16px.svg');
+}
+
+.ebIcon_grabHandle {
+    background-image: url('../resources/16px/grabHandle_black_16px.svg');
+}
+
+.ebIcon_grabHandle_white {
+    background-size: contain;
+    background-image: url('../resources/16px/grabHandle_white.svg');
+}
+
+.ebIcon_managedFunction {
+    background-image:
+        url('../resources/16px/managedFunction_black_16px.svg');
+}
+
+.ebIcon_managedGroup {
+    background-image: url('../resources/16px/managedGroup_black_16px.svg');
+}
+
+.ebIcon_managementNode {
+    background-image: url('../resources/16px/managementNode_black_16px.svg');
+}
+
+.ebIcon_network {
+    background-image: url('../resources/16px/network_black_16px.svg');
+}
+
+.ebIcon_networkElement {
+    background-image: url('../resources/16px/networkElement_black_16px.svg');
+}
+
+.ebIcon_networkElement_white {
+    background-image: url('../resources/16px/networkElement_white_16px.svg');
+}
+
+.ebIcon_rbs {
+    background-image: url('../resources/16px/RBS_black_16px.svg');
+}
+
+.ebIcon_rbs_white {
+    background-image: url('../resources/16px/RBS_white_16px.svg');
+}
+
+.ebIcon_routeSwitch {
+    background-image: url('../resources/16px/routeSwitch.svg');
+}
+
+.ebIcon_rxi {
+    background-image: url('../resources/16px/rxi_black_16px.svg');
+}
+
+.ebIcon_switchFunction {
+    background-image: url('../resources/16px/switchFunction_black_16px.svg');
+}
+
+.ebIcon_technicianPresent {
+    background-image: url('../resources/16px/technicianPresent_16px.svg');
+}
+
+.ebIcon_terminal {
+    background-image: url('../resources/16px/terminal_black_16px.svg');
+}
+
+.ebIcon_topology {
+    background-image: url('../resources/16px/topology_black_16px.svg');
+}
+
+.ebIcon_access {
+    background-image: url('../resources/16px/access_black_16px.svg');
+}
+
+.ebIcon_access_white {
+    background-image: url('../resources/16px/access_white_16px.svg');
+}
+
+.ebIcon_accessSettings {
+    background-image: url('../resources/16px/accessSettings_black_16px.svg');
+}
+
+.ebIcon_accessSettings_white {
+    background-image: url('../resources/16px/accessSettings_white_16px.svg');
+}
+
+.ebIcon_alignCenter {
+    background-image: url('../resources/16px/alignCenter_black_16px.svg');
+}
+
+.ebIcon_alignCenter_white {
+    background-image: url('../resources/16px/alignCenter_white.svg');
+}
+
+.ebIcon_alignLeft {
+    background-image: url('../resources/16px/alignLeft_black_16px.svg');
+}
+
+.ebIcon_alignLeft_white {
+    background-image: url('../resources/16px/alignLeft_white.svg');
+}
+
+.ebIcon_alignRight {
+    background-image: url('../resources/16px/alignRight_black_16px.svg');
+}
+
+.ebIcon_alignRight_white {
+    background-image: url('../resources/16px/alignRight_white.svg');
+}
+
+.ebIcon_cli {
+    background-image:
+        url('../resources/16px/CommandLineInterface_black_16px.svg');
+}
+
+.ebIcon_cli_white {
+    background-image:
+        url('../resources/16px/CommandLineInterface_white_16px.svg');
+}
+
+.ebIcon_controllingNode {
+    background-image: url('../resources/16px/controllingNode.svg');
+}
+
+.ebIcon_grid3x3 {
+    background-image: url('../resources/16px/grid3X3_black_16px.svg');
+}
+
+.ebIcon_grid3x3_white {
+    background-image: url('../resources/16px/grid3x3_white.svg');
+}
+
+.ebIcon_grid4x4 {
+    background-image: url('../resources/16px/grid4X4_black_16px.svg');
+}
+
+.ebIcon_grid4x4_white {
+    background-image: url('../resources/16px/grid4x4_white.svg');
+}
+
+.ebIcon_gridView {
+    background-image: url('../resources/16px/gridView_black_16px.svg');
+}
+
+.ebIcon_gridView_white {
+    background-image: url('../resources/16px/gridView_white.svg');
+}
+
+.ebIcon_jumpTo {
+    background-image: url('../resources/16px/jumpTo_black_16px.svg');
+}
+
+.ebIcon_microwave {
+    background-image: url('../resources/16px/microwave.svg');
+}
+
+.ebIcon_mo {
+    background-image: url('../resources/16px/mo.svg');
+}
+
+.ebIcon_security {
+    background-image: url('../resources/16px/security_black_16px.svg');
+}
+
+.ebIcon_security_white {
+    background-image: url('../resources/16px/security_white_16px.svg');
+}
+
+.ebIcon_site {
+    background-image: url('../resources/16px/site_black_16px.svg');
+}
+
+.ebIcon_siteManager {
+    background-image: url('../resources/16px/siteManager_black_16px.svg');
+}
+
+.ebIcon_subnetwork {
+    background-image: url('../resources/16px/subnetwork.svg');
+}
+
+.ebIcon_gateway, .ebIcon_switch {
+    background-image: url('../resources/16px/switch.svg');
+}
+
+.ebIcon_tip {
+    background-image: url('../resources/16px/tip_black_16px.svg');
+}
+
+.ebIcon_tip_white {
+    background-image: url('../resources/16px/tip_white_16px.svg');
+}
+
+.ebIcon_attach {
+    background-image: url('../resources/16px/attach_black_16px.svg');
+}
+
+.ebIcon_attach_white {
+    background-size: contain;
+    background-image: url('../resources/16px/attach_white.svg');
+}
+
+.ebIcon_clock {
+    background-image: url('../resources/16px/clock_black_16px.svg');
+}
+
+.ebIcon_clock_white {
+    background-image: url('../resources/16px/clock_white_16px.svg');
+}
+
+.ebIcon_windowMaximize {
+    background-image: url('../resources/16px/WindowMaximize_black_16px.svg');
+}
+
+.ebIcon_windowMinimize {
+    background-image: url('../resources/16px/WindowMinimize_black_16px.svg');
+}
+
+.ebIcon_deprecated {
+    background-image: url('../resources/16px/deprecated_16px.svg');
+}
+
+.ebIcon_obsolete {
+    background-image: url('../resources/16px/obsolete_16px.svg');
+}
+
+.ebIcon_newStatus_blue {
+    background-image: url('../resources/16px/newStatus_blue_16px.svg');
+}
+
+.ebIcon_newStatus_green {
+    background-image: url('../resources/16px/newStatus_green_16px.svg');
+}
+
+.ebIcon_upload {
+    background-image: url('../resources/16px/upload_black_16px.svg');
+}
+
+.ebIcon_activate {
+    background-image: url('../resources/16px/activate_black_16px.svg');
+}
+
+.ebIcon_activate_white {
+    background-size: contain;
+    background-image: url('../resources/16px/activate_white.svg');
+}
+
+.ebIcon_deactivate {
+    background-image: url('../resources/16px/deactivate_black_16px.svg');
+}
+
+.ebIcon_deactivate_white {
+    background-size: contain;
+    background-image: url('../resources/16px/deactivate_white.svg');
+}
+
+.ebIcon_switchBetween {
+    background-image: url('../resources/16px/switchBetween_black_16px.svg');
+}
+
+.ebIcon_switchBetween_white {
+    background-image: url('../resources/16px/switchBetween_white_16px.svg');
+}
+
+.ebIcon_eye {
+    background-image: url('../resources/16px/eye_black_16px.svg');
+}
+
+.ebIcon_eye_white {
+    background-image: url('../resources/16px/eye_white_16px.svg');
+}
+
+.ebIcon_eyeLine {
+    background-image: url('../resources/16px/eyeLine_black_16px.svg');
+}
+
+.ebIcon_eyeLine_white {
+    background-image: url('../resources/16px/eyeLine_white.svg');
+}
+
+.ebIcon_activityTray {
+    background-image: url('../resources/16px/activity_16px_black.svg');
+}
+
+.ebIcon_note {
+    background-image: url('../resources/16px/note_black_16px.svg');
+    background-size: contain;
+}
+
+.ebIcon_note_white {
+    background-image: url('../resources/16px/note_white_16px.svg');
+}
+
+.ebIcon_tableView {
+    background-image: url('../resources/16px/tableView_black_16px.svg');
+}
+
+.ebIcon_tableView_white {
+    background-image: url('../resources/16px/tableView_white_16px.svg');
+}
+
+.ebIcon_synced {
+    background-image: url('../resources/16px/Syncd_16px.svg');
+}
+
+.ebIcon_syncError {
+    background-image: url('../resources/16px/SyncError_16px.svg');
+}
+
+.ebIcon_syncing {
+    background-image: url('../resources/16px/Syncing_Static_16px.svg');
+}
+
+.ebIcon_syncing_animated {
+    background-image: url('../resources/16px/Syncing_Animated_16px.svg');
+}
+
+/* Breadcrumb */
+.ebBreadcrumbs {
+    position: relative;
+    display: block;
+    font-size: 0;
+    margin-top: 12px;
+    margin-bottom: 4px;
+}
+
+.ebBreadcrumbs-link {
+    font-size: 1.2rem;
+    vertical-align: middle;
+    display: inline-block
+}
+
+.ebBreadcrumbs-list {
+    position: absolute;
+    left: 0;
+    margin-top: 6px;
+    display: none;
+    min-width: calc(100% - 16px);
+    max-width: 250px;
+    z-index: 1500
+}
+
+.ebBreadcrumbs-arrow {
+    margin-left: .6rem;
+    vertical-align: middle;
+    outline: none;
+    display: inline-block;
+    line-height: 12px
+}
+
+.ebBreadcrumbs-arrow:focus>* {
+    opacity: 1
+}
+
+.ebBreadcrumbs-arrow_hidden {
+    display: none
+}
+
+.ebBreadcrumbs-arrow:focus+.ebBreadcrumbs-list {
+    display: block
+}
+
+.ebBreadcrumbs-item {
+    position: relative;
+    font-size: 0;
+    white-space: nowrap;
+    display: inline-block;
+    margin-bottom: .8rem
+}
+
+.ebBreadcrumbs-item:after {
+    vertical-align: middle;
+    display: inline-block;
+    width: 20px;
+    content: "/";
+    font-size: 1.6rem;
+    text-align: center;
+    color: #999;
+    cursor: default !important;
+    pointer-events: none !important;
+    -ms-touch-action: none !important;
+    touch-action: none !important;
+    -khtml-user-select: none !important;
+    -moz-user-select: none !important;
+    -o-user-select: none !important;
+    -webkit-user-select: none !important;
+    user-select: none
+}
+
+.ebBreadcrumbs-item:last-child {
+    margin-right: 0
+}
+
+.ebBreadcrumbs-item:last-child>.ebBreadcrumbs-link {
+    -ms-touch-action: none !important;
+    touch-action: none !important;
+    -khtml-user-select: none !important;
+    -moz-user-select: none !important;
+    -o-user-select: none !important;
+    -webkit-user-select: none !important;
+    user-select: none
+}
+
+.ebBreadcrumbs-item:last-child:after {
+    content: "";
+    padding: 0;
+    font-size: 0;
+    width: 0;
+}
+
+.ebBreadcrumbs a {
+    font-size: 1.2rem;
+    color: #0066b3;
+    text-decoration: none;
+}
+
+.ebBreadcrumbs a:hover {
+    text-decoration: underline;
+    outline: none;
+}
+
+.ebBreadcrumbs a:active {
+    text-decoration: underline
+}
+
+.ebBreadcrumbs a:focus {
+    outline: none;
+    text-decoration: underline;
+    box-shadow: none;
+}
\ No newline at end of file