aboutsummaryrefslogtreecommitdiffstats
path: root/gui-pdp-monitoring/src/webapp/dist
diff options
context:
space:
mode:
authorhuaxing <huaxing.jin@est.tech>2020-03-11 09:50:37 +0800
committerhuaxing <huaxing.jin@est.tech>2020-03-17 10:09:44 +0800
commit4d4f41c7cc831906100e10838b40c3b8d86657f2 (patch)
treebfc72beff5e1e9a8d907279446504f55239c8d31 /gui-pdp-monitoring/src/webapp/dist
parent7fa12fdd8d4428a8b21ad143943858a1ca2e0e27 (diff)
Setup js unit test and code coverage framework
(1) Use frontend-maven-plugin to integrate frontend development (2) Use jest as test tool (3) Use webpack to create webapp bundle (4) Coverage data is saved in target/jscoverage Issue-ID: POLICY-2311 Signed-off-by: huaxing <huaxing.jin@est.tech> Change-Id: I34fb7487c1e0ca29114eb7accba8bb7c4812da34
Diffstat (limited to 'gui-pdp-monitoring/src/webapp/dist')
-rw-r--r--gui-pdp-monitoring/src/webapp/dist/css/interfaceAssets.css3453
-rw-r--r--gui-pdp-monitoring/src/webapp/dist/css/papChartLib.css64
-rw-r--r--gui-pdp-monitoring/src/webapp/dist/css/styles.css515
-rw-r--r--gui-pdp-monitoring/src/webapp/dist/images/logo_onap.pngbin0 -> 21360 bytes
-rw-r--r--gui-pdp-monitoring/src/webapp/dist/index.html64
-rw-r--r--gui-pdp-monitoring/src/webapp/dist/resources/16px/rowCollapsed_black_16px.svg19
-rw-r--r--gui-pdp-monitoring/src/webapp/dist/resources/16px/rowExpanded_black_16px.svg18
-rw-r--r--gui-pdp-monitoring/src/webapp/dist/resources/16px/settings_black_16px.svg20
-rw-r--r--gui-pdp-monitoring/src/webapp/dist/resources/systemBar/help_black.svg19
-rw-r--r--gui-pdp-monitoring/src/webapp/dist/resources/systemBar/logout_black.svg15
10 files changed, 4187 insertions, 0 deletions
diff --git a/gui-pdp-monitoring/src/webapp/dist/css/interfaceAssets.css b/gui-pdp-monitoring/src/webapp/dist/css/interfaceAssets.css
new file mode 100644
index 0000000..8123245
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/dist/css/interfaceAssets.css
@@ -0,0 +1,3453 @@
+/*
+ * ============LICENSE_START=======================================================
+ * Copyright (C) 2020 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: 20px;
+ 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
diff --git a/gui-pdp-monitoring/src/webapp/dist/css/papChartLib.css b/gui-pdp-monitoring/src/webapp/dist/css/papChartLib.css
new file mode 100644
index 0000000..5dafa25
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/dist/css/papChartLib.css
@@ -0,0 +1,64 @@
+/*
+ * ============LICENSE_START=======================================================
+ * Copyright (C) 2020 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=========================================================
+ */
+path { //
+ stroke: #5fbadd;
+ stroke-width: 2;
+ fill: none;
+}
+
+.axis path, .axis line {
+ fill: none;
+ stroke: grey;
+ stroke-width: 1;
+ shape-rendering: crispEdges;
+}
+
+.tooltip {
+ position: absolute;
+ text-align: center;
+ width: 90px;
+ height: 42px;
+ padding: 2px;
+ font: 12px sans-serif;
+ background: white;
+ border: 2px solid grey;
+ border-radius: 8px;
+ pointer-events: none;
+}
+
+.papChart, .papChart_inline {
+ display: inline-block;
+ position: relative;
+ width: 45%;
+ padding-bottom: 21%;
+ vertical-align: top;
+ overflow: hidden;
+}
+
+.papChart:nth-child(even) {
+ margin-left: 50px;
+}
+
+.svg-content-responsive {
+ display: inline-block;
+ position: absolute;
+ top: 10px;
+ left: 0;
+}
diff --git a/gui-pdp-monitoring/src/webapp/dist/css/styles.css b/gui-pdp-monitoring/src/webapp/dist/css/styles.css
new file mode 100644
index 0000000..f05277c
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/dist/css/styles.css
@@ -0,0 +1,515 @@
+/*
+ * ============LICENSE_START=======================================================
+ * Copyright (C) 2020 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=========================================================
+ */
+.ebSystemBar-config {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ height: 40px;
+ width: 20px;
+ padding: 0 10px;
+ background: url('../resources/16px/settings_black_16px.svg') no-repeat
+ center center transparent;
+ background-size: 20px;
+ cursor: pointer;
+}
+
+.content {
+ display: none;
+ padding: 10px;
+}
+
+.context {
+ margin-left: 5px;
+}
+
+.wrapper {
+ border: 1px dashed #ddd;
+ box-shadow: 0 0 0 3px #fff, 0 0 0 5px #ddd, 0 0 0 10px #fff, 0 0 2px
+ 10px #eee;
+ padding: 10px;
+ margin: 10px;
+ min-width: 1287px;
+}
+
+.engineService {
+ margin-left: 5px;
+ padding-bottom: 10px;
+}
+
+.papDialogDiv {
+ background-color: white;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ min-width: 310px;
+ min-height: 140px;
+ resize: both;
+ overflow: auto;
+ padding: 10px 10px 10px 10px;
+ border: 1px solid #c0c0c0;
+ border-radius: 3px;
+ box-shadow: 3px 7px 5px #555555;
+}
+
+.papDialogDiv {
+ background-color: white;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ min-width: 310px;
+ min-height: 140px;
+ resize: both;
+ overflow: auto;
+ padding: 10px 10px 10px 10px;
+ border: 1px solid #c0c0c0;
+ border-radius: 3px;
+ box-shadow: 3px 7px 5px #555555;
+}
+
+.papErrorDialogDiv {
+ max-width: 80%;
+ max-height: 80%;
+ overflow: hidden;
+}
+
+/* Dialog */
+.papDialogDiv .headingSpan {
+ width: 100%;
+ height: 30px;
+ display: inline-block;
+ text-align: center;
+ font-weight: bold;
+ font-size: 20px;
+ padding: 5px 0px 0px 0px;
+ border-bottom: #c0c0c0 solid 1px;
+}
+
+.papDialogDivBackground {
+ position: fixed;
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ top: 0px;
+ left: 0px;
+}
+
+.dialogMessage {
+ white-space: pre-wrap;
+ font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+ overflow-y: auto;
+ max-height: 480px;
+ overflow-x: hidden;
+ word-wrap: break-word;
+}
+
+/* Form */
+.resultFormDiv .form-style-1 .field-textarea {
+ height: 480px;
+ font-size: 15px;
+}
+
+.form-style-1 {
+ margin: 10px auto;
+ font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+}
+
+.form-style-1 li {
+ padding: 0;
+ display: block;
+ list-style: none;
+ margin: 10px 0 0 0;
+}
+
+.form-style-1 label {
+ margin: 0 0 3px 0;
+ padding: 0px;
+ display: block;
+ font-weight: bold;
+}
+
+.form-style-1 input[type=text], .form-style-1 input[type=date],
+ .form-style-1 input[type=datetime], .form-style-1 input[type=number],
+ .form-style-1 input[type=search], .form-style-1 input[type=time],
+ .form-style-1 input[type=url], .form-style-1 input[type=email],
+ textarea, select {
+ box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ border: 1px solid #BEBEBE;
+ padding: 0px 7px;
+ margin: 0px;
+ -webkit-transition: all 0.30s ease-in-out;
+ -moz-transition: all 0.30s ease-in-out;
+ -ms-transition: all 0.30s ease-in-out;
+ -o-transition: all 0.30s ease-in-out;
+ outline: none;
+}
+
+.form-style-1 input[type=text]:focus, .form-style-1 input[type=date]:focus,
+ .form-style-1 input[type=datetime]:focus, .form-style-1 input[type=number]:focus,
+ .form-style-1 input[type=search]:focus, .form-style-1 input[type=time]:focus,
+ .form-style-1 input[type=url]:focus, .form-style-1 input[type=email]:focus,
+ .form-style-1 textarea:focus, .form-style-1 select:focus {
+ -moz-box-shadow: 0 0 8px #88D5E9;
+ -webkit-box-shadow: 0 0 8px #88D5E9;
+ box-shadow: 0 0 8px #88D5E9;
+ border: 1px solid #88D5E9;
+}
+
+.form-style-1 input:focus::-webkit-input-placeholder {
+ color: transparent;
+}
+
+.form-style-1 input:focus:-moz-placeholder {
+ color: transparent;
+}
+
+.form-style-1 .field {
+ font-size: 15px;
+}
+
+.form-style-1 .field-divided {
+ width: 49%;
+ font-size: 15px;
+}
+
+.form-style-1 .field-long {
+ width: 100%;
+ font-size: 15px;
+}
+
+.form-style-1 .field-medium {
+ width: 50%;
+ font-size: 15px;
+}
+
+.form-style-1 .field-select {
+ width: 100%;
+ font-size: 15px;
+}
+
+.form-style-1 .field-textarea {
+ height: 100px;
+ font-size: 15px;
+}
+
+.form-style-1 .field-javaType {
+ width: 100%;
+ font-size: 15px;
+}
+
+.form-style-1 .field-schemaFlavour {
+ width: 100%;
+ font-size: 15px;
+}
+
+.form-style-1 .field-taskSelLogic {
+ width: 100%;
+ font-size: 15px;
+ height: 300px;
+}
+
+.form-style-1 .field-taskLogic {
+ width: 100%;
+ font-size: 15px;
+ height: 300px;
+}
+
+.form-style-1 .field-finalizerLogic {
+ width: 100%;
+ font-size: 15px;
+ height: 300px;
+}
+
+.form-style-1 .field-schemaDefinition {
+ width: 100%;
+ font-size: 15px;
+ height: 100px;
+}
+
+.form-style-1 .required {
+ color: red;
+}
+
+.form-style-1 .button {
+ font-size: 15px;
+}
+
+.form-style-1 .delete_ex {
+ height: 30px;
+ width: 30px;
+ opacity: 1;
+ font-size: 30px;
+ line-height: 30px;
+ transition: all 0.8s;
+ border: 1px solid transparent;
+ text-align: center;
+}
+
+.form-style-1 .delete_ex:hover {
+ border-radius: 50%;
+ background: tomato;
+ border: 1px solid black;
+}
+
+.form-style-1 .delete_ex_disabled {
+ width: 0px;
+ opacity: 0;
+}
+
+/* Icons */
+.expandIcon {
+ float: right;
+}
+
+.engineContextTitle {
+ padding: 1.2rem 0 .7rem 0;
+ font-weight: normal;
+}
+
+.ignoreConflictsLabel {
+ font-size: 1.4rem;
+ padding-right: 15px;
+}
+
+#engineServicesTable_periodic_events {
+ align-items: center;
+ display: flex;
+ height: 30px;
+}
+
+.modelLoading {
+ margin-left: 5px;
+}
+
+.layoutWrapper {
+ margin: 0 40px;
+}
+
+.appHeading {
+ color: rgb(51, 51, 51);
+ display: block;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ height: 32px;
+ line-height: 12px;
+ position: relative;
+}
+
+.ebQuickActionBar {
+ margin-top: 1.2rem;
+ font-size: 0;
+ height: 32px;
+ padding: 0.4rem 0;
+ background-color: #e8e8e8;
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+ line-height: 0;
+ box-sizing: border-box;
+ -webkit-transition: background-color 0.1s ease-in;
+ transition: background-color 0.1s ease-in;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ border-radius: 3px;
+}
+
+.ebQuickActionBar_context {
+ background-color: #f3f3f3;
+ border-bottom: 2px solid #65cbe5;
+ box-sizing: border-box;
+ height: 32px;
+}
+
+.ebQuickActionBar>* {
+ margin-left: 0.4rem;
+ margin-right: 0.4rem;
+ vertical-align: middle;
+}
+
+.ebQuickActionBar-iconHolder {
+ display: inline-block;
+ vertical-align: middle;
+ height: 1.6rem;
+}
+
+.ebQuickActionBar-separator {
+ display: inline-block;
+ vertical-align: middle;
+ border-left: 1px solid #CCCCCC;
+ margin: 0 8px;
+ height: 2.4rem;
+}
+
+.ebQuickActionBar-Commands, .ebQuickActionBar-commands {
+ display: inline-block;
+ margin: 0;
+ font-size: 0;
+ line-height: 2.4rem;
+}
+
+.ebQuickActionBar-Commands-iconHolder,
+ .ebQuickActionBar-commands-iconHolder {
+ display: inline-block;
+ vertical-align: middle;
+ height: 1.6rem;
+}
+
+.ebQuickActionBar-Commands-separator,
+ .ebQuickActionBar-commands-separator {
+ display: inline-block;
+ vertical-align: middle;
+ border-left: 1px solid #CCCCCC;
+ margin: 0 8px;
+ height: 2.4rem;
+}
+
+.ebQuickActionBar-Commands>*, .ebQuickActionBar-commands>* {
+ margin-left: 0.4rem;
+ margin-right: 0.4rem;
+ vertical-align: middle;
+}
+
+.ebQuickActionBar-Commands-block, .ebQuickActionBar-commands-block,
+ .ebQuickActionBar-CommandsBlock, .ebQuickActionBar-commandsBlock {
+ margin: 0 0.8rem;
+ display: inline-block;
+}
+
+.ebQuickActionBar-Commands-block>*, .ebQuickActionBar-commands-block>*,
+ .ebQuickActionBar-CommandsBlock>*, .ebQuickActionBar-commandsBlock>* {
+ margin-left: 0.4rem;
+ margin-right: 0.4rem;
+ vertical-align: middle;
+}
+
+.ebQuickActionBar-Commands-block :last-child,
+ .ebQuickActionBar-commands-block :last-child,
+ .ebQuickActionBar-CommandsBlock :last-child,
+ .ebQuickActionBar-commandsBlock :last-child {
+ margin-right: 0;
+}
+
+.title {
+ padding: 0px;
+}
+
+.dataTd {
+ max-width: 1000px;
+ word-wrap: break-word;
+ white-space: normal !important;
+}
+
+body {
+ font-family: 'Nunito Sans', sans-serif;
+ font-weight: 400;
+ line-height: 1.6;
+ color: rgb(48, 47, 47);
+ background-size: cover;
+ background-repeat: no-repeat;
+ min-height: calc(100vh - 2 * 4vw); }
+
+.container {
+ max-width: 200rem;
+ margin: 0vw auto;
+ background-color: #fff;
+ border-radius: 6px;
+ overflow: hidden;
+ box-shadow: 0 2rem 6rem 0.5rem rgba(101, 90, 86, 0.2);
+ display: grid;
+ grid-template-rows: 3rem minmax(100rem, auto);
+ grid-template-columns: 0.4fr 3.4fr;
+ grid-template-areas: "head head head" "list recipe shopping"; }
+
+.header {
+ grid-area: head;
+ background-color: #F9F5F3;
+ display: flex;
+ align-items: center;
+ justify-content: space-between; }
+
+.onapLogo {
+ padding-left: 15px;
+ height: 24px;
+ width: 100px;
+ padding-top: 7px;
+}
+
+.pdps {
+ padding: 1rem;
+ background: #e6e6e6;}
+ .pdps__list {
+ list-style: none;
+ margin-inline-start: -2em; }
+ .pdps__link:hover {
+ background-color: #F9F5F3;
+ transform: translateY(-2px); }
+ .pdps__link--active {
+ background-color: #e6e6e6;
+ font-weight: bold;}
+
+.statistics {
+ background-color: #F9F5F3;
+ border-top: 1px solid #fff; }
+
+.pdps__list li {
+ list-style: none;
+ margin: 5px 0 5px 20px;
+}
+.pdps__list li[level='0'] {
+ margin-left: 0;
+}
+.pdps__list li:not(.parentNode) {
+ padding-left: 2px;
+}
+.triangle {
+ width:0;
+ height:0;
+ overflow:hidden;
+ font-size: 0;
+ line-height: 0;
+ border-width:5px;
+ transition: transform .2s;
+ transform-origin: left center;
+ border-style:solid dashed dashed dashed;
+ border-color:transparent transparent transparent #000;
+}
+.closed .triangle {
+ transform: rotateZ(90deg);
+}
+.pdps__list div.title {
+ height: 21px;
+ position: relative;
+}
+.pdps__list div.title i {
+ position: absolute;
+ top: 6px;
+ left: 0;
+}
+.pdps__list div.title p {
+ position: absolute;
+ top: -3px;
+ left: 15px;
+ margin: 0;
+} \ No newline at end of file
diff --git a/gui-pdp-monitoring/src/webapp/dist/images/logo_onap.png b/gui-pdp-monitoring/src/webapp/dist/images/logo_onap.png
new file mode 100644
index 0000000..c6f6857
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/dist/images/logo_onap.png
Binary files differ
diff --git a/gui-pdp-monitoring/src/webapp/dist/index.html b/gui-pdp-monitoring/src/webapp/dist/index.html
new file mode 100644
index 0000000..4bb2745
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/dist/index.html
@@ -0,0 +1,64 @@
+<!--
+ ============LICENSE_START=======================================================
+ Copyright (C) 2020 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=========================================================
+-->
+
+<html>
+ <head>
+ <meta charset="UTF-8">
+
+ <title>ONAP Policy Client Monitoring</title>
+
+ <!-- interface style -->
+ <link rel="stylesheet" type="text/css" href="css/interfaceAssets.css">
+ <!-- ChartLib style -->
+ <link rel="stylesheet" type="text/css" href="css/papChartLib.css">
+ <!-- Pdp services client style -->
+ <link rel="stylesheet" type="text/css" href="css/styles.css">
+
+ </head>
+ <body>
+ <div class="container">
+ <header class="header">
+ <div class="ebSystemBar">
+ <img class="onapLogo" src="images/logo_onap.png" alt="ONAP">
+ <div class="ebSystemBar-topMenuName">ONAP Policy Framework PDP Monitoring</div>
+ <div class="ebSystemBar-config"></div>
+ </div>
+ </header>
+ <div class="pdps">
+ <h2>PDP List</h2>
+ <ul class="pdps__list">
+ </ul>
+ </div>
+ <div class="statistics">
+ <div class="layoutWrapper">
+ <div id="content" class="content">
+ <h2>PDP (Policy Decision Point) Information</h2>
+ <div class="engineService"></div>
+ <h2>PDP Aggregated Statistics</h2>
+ <div class="engineSummary"></div>
+ <h2>PDP Engine Worker Statistics</h2>
+ <div class="engineStatus"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <script type="text/javascript" src="bundle.js"></script>
+ </body>
+</html> \ No newline at end of file
diff --git a/gui-pdp-monitoring/src/webapp/dist/resources/16px/rowCollapsed_black_16px.svg b/gui-pdp-monitoring/src/webapp/dist/resources/16px/rowCollapsed_black_16px.svg
new file mode 100644
index 0000000..6878c86
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/dist/resources/16px/rowCollapsed_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2437.971 16 16" enable-background="new 13 2437.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="17" y="2441.97" fill="#FFFFFF" width="7" height="7"/>
+<path d="M24.5,2440.97c-0.275,0-7.725,0-8,0s-0.5,0.225-0.5,0.5s0,7.725,0,8s0.225,0.499,0.5,0.499c0.22,0,7.78,0,8,0
+ c0.275,0,0.5-0.223,0.5-0.499s0-7.725,0-8S24.775,2440.97,24.5,2440.97z M24,2448.97h-7v-7.001h7V2448.97z"/>
+<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="18" y1="2445.47" x2="23" y2="2445.47"/>
+<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="20.5" y1="2447.97" x2="20.5" y2="2442.971"/>
+<rect x="13" y="2437.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-pdp-monitoring/src/webapp/dist/resources/16px/rowExpanded_black_16px.svg b/gui-pdp-monitoring/src/webapp/dist/resources/16px/rowExpanded_black_16px.svg
new file mode 100644
index 0000000..5e3e46a
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/dist/resources/16px/rowExpanded_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2405.971 16 16" enable-background="new 13 2405.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="17" y="2409.97" fill="#FFFFFF" width="7" height="7"/>
+<path d="M24.5,2408.971c-0.275,0-7.725,0-8,0s-0.5,0.225-0.5,0.5s0,7.725,0,8s0.225,0.499,0.5,0.499c0.22,0,7.78,0,8,0
+ c0.275,0,0.5-0.223,0.5-0.499s0-7.725,0-8S24.775,2408.971,24.5,2408.971z M24,2416.971h-7v-7.001h7V2416.971z"/>
+<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="18" y1="2413.471" x2="23" y2="2413.471"/>
+<rect x="13" y="2405.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-pdp-monitoring/src/webapp/dist/resources/16px/settings_black_16px.svg b/gui-pdp-monitoring/src/webapp/dist/resources/16px/settings_black_16px.svg
new file mode 100644
index 0000000..c347888
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/dist/resources/16px/settings_black_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 101.971 16 16" enable-background="new 13 101.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M28,110.97v-2h-2.101c-0.13-0.638-0.383-1.229-0.73-1.754l1.488-1.488l-1.414-1.414l-1.488,1.488
+ c-0.524-0.347-1.117-0.601-1.755-0.731v-2.101h-2v2.101c-0.638,0.129-1.23,0.383-1.754,0.731l-1.488-1.488l-1.414,1.414l1.488,1.488
+ c-0.347,0.524-0.601,1.116-0.731,1.754H14v2h2.101c0.13,0.638,0.384,1.23,0.731,1.755l-1.488,1.488l1.414,1.414l1.488-1.488
+ c0.524,0.347,1.116,0.601,1.754,0.73v2.101h2v-2.101c0.638-0.129,1.23-0.383,1.754-0.731l1.489,1.489l1.414-1.414l-1.489-1.489
+ c0.347-0.524,0.601-1.116,0.731-1.754H28z M21,112.47c-1.381,0-2.5-1.119-2.5-2.5s1.119-2.5,2.5-2.5s2.5,1.119,2.5,2.5
+ S22.381,112.47,21,112.47z"/>
+<rect x="13" y="101.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-pdp-monitoring/src/webapp/dist/resources/systemBar/help_black.svg b/gui-pdp-monitoring/src/webapp/dist/resources/systemBar/help_black.svg
new file mode 100644
index 0000000..14fdf5d
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/dist/resources/systemBar/help_black.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#1D1D1B" d="M8,0C3.582,0,0,3.582,0,8s3.582,8,8,8s8-3.582,8-8S12.418,0,8,0z M8.608,12.149
+ c-0.205,0.183-0.442,0.273-0.711,0.273c-0.277,0-0.521-0.09-0.728-0.27c-0.207-0.181-0.311-0.433-0.311-0.756
+ c0-0.287,0.101-0.528,0.3-0.724c0.201-0.196,0.447-0.295,0.738-0.295c0.287,0,0.529,0.099,0.725,0.295
+ c0.196,0.195,0.295,0.437,0.295,0.724C8.917,11.717,8.813,11.967,8.608,12.149z M10.46,6.227c-0.123,0.229-0.27,0.427-0.439,0.594
+ C9.85,6.986,9.545,7.267,9.104,7.661c-0.122,0.111-0.22,0.208-0.293,0.292C8.738,8.038,8.684,8.114,8.647,8.185
+ c-0.036,0.069-0.063,0.14-0.083,0.209c-0.02,0.07-0.049,0.193-0.089,0.368C8.408,9.135,8.194,9.32,7.837,9.32
+ c-0.187,0-0.343-0.061-0.47-0.183C7.239,9.016,7.176,8.835,7.176,8.595c0-0.301,0.047-0.561,0.14-0.782
+ c0.093-0.22,0.217-0.413,0.371-0.58C7.84,7.067,8.048,6.869,8.31,6.64c0.229-0.201,0.395-0.352,0.497-0.454
+ c0.102-0.103,0.188-0.216,0.257-0.341c0.07-0.125,0.105-0.261,0.105-0.408c0-0.287-0.107-0.528-0.32-0.725S8.361,4.417,8.024,4.417
+ c-0.394,0-0.684,0.099-0.87,0.298C6.968,4.913,6.811,5.206,6.682,5.593C6.56,5.998,6.329,6.2,5.989,6.2
+ c-0.201,0-0.37-0.071-0.508-0.212C5.344,5.846,5.274,5.693,5.274,5.528c0-0.34,0.109-0.685,0.328-1.034
+ C5.82,4.146,6.14,3.856,6.559,3.627s0.907-0.344,1.466-0.344c0.52,0,0.978,0.096,1.375,0.287c0.397,0.192,0.705,0.452,0.922,0.782
+ c0.216,0.33,0.324,0.688,0.324,1.074C10.646,5.73,10.584,5.998,10.46,6.227z"/>
+</svg>
diff --git a/gui-pdp-monitoring/src/webapp/dist/resources/systemBar/logout_black.svg b/gui-pdp-monitoring/src/webapp/dist/resources/systemBar/logout_black.svg
new file mode 100644
index 0000000..af297ac
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/dist/resources/systemBar/logout_black.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#1D1D1B" d="M10.77,12.455c0,0-0.684,0.192-0.684-0.684c0-0.199,0-0.861,0-1.711H5.98
+ c-0.377,0-0.684-0.308-0.684-0.684V6.639c0-0.377,0.307-0.684,0.684-0.684h4.106c0-0.818,0-1.475,0-1.732
+ c0-0.919,0.684-0.662,0.684-0.662l5.133,4.447L10.77,12.455z"/>
+ </g>
+ <path fill="#1D1D1B" d="M9.85,14H3.099c-0.551,0-1-0.447-1-1V3c0-0.552,0.449-1,1-1H9.85V0H3.099c-1.656,0-3,1.344-3,3v10
+ c0,1.656,1.344,3,3,3H9.85V14z"/>
+</g>
+</svg>