Adding client editor module to apex-pdp

The size of the review is big because of following:

1. edit_area & jquery are 3PP's used in the client editor
2. ui elements like svg, gifs, png

Change-Id: Ib62d8e6dda6e6dc1b6e604298e23505523f77cf2
Issue-ID: POLICY-864
Signed-off-by: ramverma <ram.krishna.verma@ericsson.com>

1 files changed, 2807 insertions, 0 deletions

diff --git a/client/client-editor/src/main/resources/webapp/css/interfaceAssets.css b/client/client-editor/src/main/resources/webapp/css/interfaceAssets.css
new file mode 100644
index 000000000..d1fc6747e
--- /dev/null
+++ b/client/client-editor/src/main/resources/webapp/css/interfaceAssets.css
@@ -0,0 +1,2807 @@
+/*
+ * ============LICENSE_START=======================================================
+ *  Copyright (C) 2016-2018 Ericsson. All rights reserved.
+ * ================================================================================
+ * 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: #89ba17;
+}
+.ebSwitcher-offLabel {
+  background-color: #999999;
+}
+.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;
+}
+
+.title {
+    padding: 0px;
+}