Change management and PNF support

Issue-ID: VID-44, VID-48, VID-49, VID-50, VID-51, VID-52
Change-Id: I83e940aad2e4e294a0927b546c4c08ca8e539a65
Signed-off-by: Ofir Sonsino <os0695@att.com>

8 files changed, 341 insertions, 0 deletions

diff --git a/vid-app-common/src/main/webapp/app/vid/styles/angularjs-datetime-picker.css b/vid-app-common/src/main/webapp/app/vid/styles/angularjs-datetime-picker.css
new file mode 100644
index 00000000..16bad31e
--- /dev/null
+++ b/vid-app-common/src/main/webapp/app/vid/styles/angularjs-datetime-picker.css
@@ -0,0 +1,76 @@
+.angularjs-datetime-picker {
+  color: #333;
+  font: normal 14px sans-serif;
+  border: 1px solid #ddd;
+  display: inline-block;
+  background: #fff;
+  z-index: 99999;
+}
+.angularjs-datetime-picker > .adp-month {
+  text-align: center;
+  line-height: 22px;
+  padding: 10px;
+  background: #00aeef;
+  text-transform: uppercase;
+  font-weight: bold;
+  border-bottom: 1px solid #ddd;
+  position: relative;
+}
+.angularjs-datetime-picker > .adp-month > button {
+  color: #555;
+  font: normal 14px sans-serif;
+  outline: none;
+  position: absolute;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+.angularjs-datetime-picker > .adp-month > button:hover {
+  color: #333;
+}
+.angularjs-datetime-picker > .adp-month > button.adp-prev {
+  left: 10px;
+}
+.angularjs-datetime-picker > .adp-month > button.adp-next {
+  right: 10px;
+}
+.angularjs-datetime-picker > .adp-days {
+  width: 210px; /* 30 x 7 */
+  margin: 10px;
+  text-align: center;
+}
+.angularjs-datetime-picker > .adp-days > .adp-day-of-week, .angularjs-datetime-picker > .adp-days > .adp-day {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  border: 1px solid transparent;
+  width: 30px;
+  line-height: 28px;
+  float: left;
+  border-radius: 25px;
+}
+.angularjs-datetime-picker > .adp-days > .adp-day-of-week {
+  font-weight: bold;
+}
+.angularjs-datetime-picker > .adp-days > .adp-day:not(.selectable) {
+  opacity: 0.15;
+  cursor: default;
+}
+.angularjs-datetime-picker > .adp-days > .adp-day.selectable  {
+  cursor: pointer;
+}
+.angularjs-datetime-picker > .adp-days > .adp-day.selected {
+  background: #e0e0e0;
+}
+.angularjs-datetime-picker > .adp-days > .adp-day.selectable:hover {
+ background: #00aeef;
+}
+.angularjs-datetime-picker > .adp-days:after {
+  content: '';
+  display: block;
+  clear: left;
+  height: 0;
+}
+
+.angularjs-datetime-picker input[type=range] {
+  width: 150px;
+}
\ No newline at end of file
diff --git a/vid-app-common/src/main/webapp/app/vid/styles/change-management-icons.css b/vid-app-common/src/main/webapp/app/vid/styles/change-management-icons.css
new file mode 100644
index 00000000..8c4dbd8c
--- /dev/null
+++ b/vid-app-common/src/main/webapp/app/vid/styles/change-management-icons.css
@@ -0,0 +1,82 @@
+@font-face {
+    font-family: 'icomoon';
+    src:  url('fonts/icomoon.eot?4cilop');
+    src:  url('fonts/icomoon.eot?4cilop#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?4cilop') format('truetype'),
+    url('fonts/icomoon.woff?4cilop') format('woff'),
+    url('fonts/icomoon.svg?4cilop#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.changes-management [class^="icon-"],.changes-management [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'icomoon' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-finished_d:before {
+    content: "\e90c";
+    color: #4ca90c;
+}
+.icon-noun_573805_cc-03:before {
+    content: "\e90a";
+}
+.icon-scedular:before {
+    content: "\e90b";
+}
+.icon-alert:before {
+    content: "\e901";
+    color: #ffb81c;
+    cursor: pointer;
+}
+.icon-close_hover:before {
+    content: "\e902";
+}
+.icon-close:before {
+    content: "\e903";
+    color: #5a5a5a;
+}
+.icon-dearch_hover:before {
+    content: "\e904";
+    color: #5a5a5a;
+}
+.icon-pending:before {
+    content: "\e905";
+    color: #00aeef;
+    cursor: pointer;
+}
+.icon-plus:before {
+    content: "\e906";
+}
+.icon-process:before {
+    content: "\e900";
+    color: #4ca90c;
+    font-size: 17px;
+    cursor: pointer;
+}
+.icon-search:before {
+    content: "\e907";
+    color: #5a5a5a;
+}
+.icon-view:before {
+    content: "\e908";
+    color: #959595;
+    font-size: 16px;
+    cursor: pointer;
+}
+.icon-x:before {
+    content: "\e909";
+    color: #cf2a2a;
+    font-size: 12px;
+    cursor: pointer;
+}
diff --git a/vid-app-common/src/main/webapp/app/vid/styles/change-management.css b/vid-app-common/src/main/webapp/app/vid/styles/change-management.css
new file mode 100644
index 00000000..68a06ee1
--- /dev/null
+++ b/vid-app-common/src/main/webapp/app/vid/styles/change-management.css
@@ -0,0 +1,157 @@
+.body-content-jsp {
+    margin-top: 35px;
+    min-height: 500px;
+    margin-left: 201px;
+    margin-right: 0px;
+    background-color: #f8f8f8;
+}
+
+.changes-management {
+    background: white;
+    color: #797979;
+}
+
+.changes-management .header {
+    height: 76px;
+    padding: 13px 0px 0px 26px;
+    background: #00aeef;
+}
+
+.changes-management #change-management-headline {
+    font-family: "Open Sans";
+    color: #ffffff;
+    font-size: 24px;
+    font-weight: 400;
+    line-height: 24px;
+    text-align: left;
+}
+
+
+.changes-management .separator {
+    width: 1px;
+    font-size: 35px;
+    background: #00aeef;
+    border-left: 1px solid #d2d2d2;
+    margin: 0px 30px 0px 30px;
+}
+
+.changes-management .header .button-container {
+    display: initial;
+}
+
+.changes-management .header .icon-svg {
+    display: inline;
+    color: #ffffff;
+    position: relative;
+    top: 9px;
+}
+
+.changes-management .header .button-text {
+    position: relative;
+    font-family: "Open Sans";
+    color:  #ffffff;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 24px;
+    text-align: left;
+    bottom: 5px;
+    left: 5px;
+}
+
+.changes-management .header .icon-filling {
+    width: 40px;
+    height: 40px;
+    fill: #ffffff;
+}
+
+.changes-management .header .search-changes {
+    width: 361px;
+    float: right;
+    height: 41px;
+    border: 0px;
+    background-color: #59c2ed;
+    color: #ffffff;
+    margin-right: 15px;
+    border-radius: 10px;
+    top: 6px;
+}
+
+.changes-management .header .search-changes::placeholder {
+    font-family: "Open Sans";
+    color: #ffffff;
+    text-align: left;
+    font-size: 14px;
+    line-height: 40px;
+    font-style: italic;
+}
+
+.att-accordion__toggle {
+    font-size: 14px;
+}
+
+.jobs-table {
+    background-color: #f8f8f8;
+    padding: 40px;
+}
+
+.nav-tabs.nav-justified {
+    width: 30%;
+    margin-right:2px;
+    border:0px;
+    border-radius:0px;
+}
+
+.uib-tab.nav-item {
+    border: 1px solid #d2d2d2;
+    background-color:  #f8f8f8;
+}
+
+.uib-tab.nav-item.active {
+    border-top: 4px solid #00aeef;
+}
+
+.nav-tabs.nav-justified>li>a {
+    border-radius:0px!important;
+    border: 0px!important;
+}
+
+.table {
+    border: 1px solid #eaeaea;
+    box-sizing: border-box;
+    background-color: #ffffff;
+    box-shadow: 0px 2px 7px 0px rgba(34, 31, 31, 0.17);
+    font-family: "Open Sans";
+    color: #5a5a5a;
+    font-size: 14px;
+    font-weight: 400;
+}
+
+.table>thead {
+    background-color: #d2d2d2;
+    font-family: "Open Sans";
+    color: #191919;
+    font-size: 13px;
+    font-weight: 600;
+    line-height: 40px;
+}
+
+.table-headline-row {
+    font-family: "Open Sans";
+    color: #00aeef;
+    font-size: 14px;
+    font-weight: 600;
+    background-color: #eaeaea;
+    box-shadow: 0px 1px 1px 0px rgba(34, 31, 31, 0.19);
+}
+
+.table-bordered{border:1px solid #eaeaea;}
+.table-bordered>tbody>tr>td,
+.table-bordered>tbody>tr>th,
+.table-bordered>tfoot>tr>td,
+.table-bordered>tfoot>tr>th,
+.table-bordered>thead>tr>td,
+.table-bordered>thead>tr>th{border:1px solid #eaeaea;}
+
+.centered {
+    text-align: center;
+}
\ No newline at end of file
diff --git a/vid-app-common/src/main/webapp/app/vid/styles/common.css b/vid-app-common/src/main/webapp/app/vid/styles/common.css
new file mode 100644
index 00000000..8d6fb615
--- /dev/null
+++ b/vid-app-common/src/main/webapp/app/vid/styles/common.css
@@ -0,0 +1,3 @@
+html, body {
+    font-size:14px;
+}
\ No newline at end of file
diff --git a/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.eot b/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.eot
new file mode 100644
index 00000000..e57ccc5e
--- /dev/null
+++ b/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.eot
diff --git a/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.svg b/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.svg
new file mode 100644
index 00000000..5d514c47
--- /dev/null
+++ b/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="process" d="M631.646 246.003c0 3.88 0.539 7.761 0.539 11.749-0.004 0.383-0.007 0.834-0.007 1.287 0 4.063 0.198 8.081 0.585 12.042l-0.040-0.502c-0.361 2.651-0.567 5.715-0.567 8.827 0 0.687 0.010 1.371 0.030 2.052l-0.002-0.1c0 3.719-0.539 7.437-0.539 11.21 26.43 12.179 48.879 24.977 70.103 39.439l-1.657-1.066c3.777 2.631 6.217 6.952 6.217 11.844 0 1.016-0.105 2.007-0.305 2.963l0.016-0.094c-4.423 18.505-9.784 34.428-16.377 49.694l0.747-1.944c-2.25 5.102-7.144 8.659-12.9 8.945l-0.035 0.001c-7.871 0.492-17.069 0.773-26.333 0.773-19.785 0-39.272-1.28-58.382-3.761l2.255 0.239-0.539 0.593c-3.647 7.094-7.767 13.212-12.509 18.784l0.114-0.137c-5.071 6.721-10.014 12.621-15.232 18.264l0.142-0.155c11.157 19.513 21.869 42.472 30.726 66.333l1.072 3.299c0.401 1.296 0.632 2.785 0.632 4.328 0 4.429-1.901 8.414-4.932 11.183l-0.012 0.011c-12.333 10.122-26.056 19.898-40.426 28.722l-1.611 0.92c-2.319 1.362-5.108 2.166-8.084 2.166s-5.765-0.804-8.161-2.207l0.076 0.041c-24.388-14.877-45.538-30.781-65.017-48.489l0.343 0.307c-5.389 2.21-10.779 4.096-16.168 5.928l-7.006 2.425c-7.006 1.94-14.552 4.15-22.636 5.928-4.417 28.524-10.424 53.569-18.231 77.805l0.985-3.538c-2.026 5.462-6.963 9.387-12.877 9.912l-0.058 0.004c-8.48 0.724-18.35 1.137-28.317 1.137-8.431 0-16.793-0.296-25.077-0.877l1.116 0.063c-5.677-0.152-10.473-3.765-12.365-8.799l-0.031-0.094c-9.201-21.373-17.193-46.613-22.702-72.769l-0.473-2.683c-8.084-1.832-16.168-4.096-24.253-6.36l-5.928-2.102c-5.389-1.832-10.779-3.611-16.168-5.713-17.796 18.222-37.178 34.73-57.977 49.359l-1.307 0.871c-2.466 1.762-5.543 2.817-8.866 2.817-2.676 0-5.192-0.684-7.382-1.887l0.080 0.040c-15.204-8.735-28.235-17.643-40.524-27.442l0.642 0.494-2.695-1.832c-3.35-2.48-5.497-6.419-5.497-10.859 0-1.474 0.237-2.892 0.674-4.219l-0.027 0.095c7.457-28.224 17.034-52.771 28.99-75.888l-0.965 2.052c-5.156-5.301-9.935-11.037-14.251-17.123l-0.301-0.446c-4.954-5.7-9.42-12.074-13.186-18.889l-0.287-0.567-0.539-0.323c-23.512 4.276-50.861 6.981-78.748 7.485l-0.477 0.007c-0.25 0.016-0.543 0.025-0.837 0.025-6.027 0-11.165-3.805-13.144-9.144l-0.031-0.097-1.617-3.18c-5.197-12.090-10.177-26.795-14.071-41.935l-0.481-2.205c-0.308-1.054-0.485-2.265-0.485-3.518 0-4.296 2.086-8.105 5.3-10.47l0.036-0.025c19.808-15.936 42.055-30.522 65.664-42.857l2.243-1.067c0-3.988-0.539-7.923-0.539-11.857 0.005-0.397 0.008-0.866 0.008-1.336 0-3.971-0.199-7.895-0.586-11.764l0.040 0.488c0.357-2.618 0.561-5.643 0.561-8.716 0-0.612-0.008-1.222-0.024-1.829l0.002 0.090c0-3.827 0.539-7.653 0.539-11.48-26.444-12.213-48.892-25.010-70.129-39.453l1.683 1.080c-3.823-2.421-6.324-6.629-6.324-11.42 0-1.15 0.144-2.267 0.415-3.333l-0.020 0.093c4.411-18.495 9.772-34.419 16.373-49.681l-0.743 1.931c2.225-5.133 7.129-8.716 12.9-8.999l0.034-0.001c7.772-0.47 16.858-0.738 26.006-0.738 19.899 0 39.502 1.267 58.733 3.724l-2.28-0.238 0.539-0.701c3.933-7.079 8.036-13.16 12.599-18.856l-0.203 0.263c4.851-6.306 9.701-12.342 15.091-18.109-11.191-19.521-21.904-42.464-30.74-66.317l-1.058-3.261c-0.491-1.375-0.775-2.962-0.775-4.615 0-4.352 1.969-8.245 5.065-10.835l0.022-0.018c12.332-10.128 26.053-19.938 40.412-28.814l1.626-0.936c2.24-1.322 4.936-2.102 7.815-2.102s5.574 0.781 7.888 2.142l-0.073-0.040c24.597 14.961 45.92 30.882 65.607 48.585l-0.395-0.349c5.389-2.264 10.779-4.15 16.168-5.982l7.006-2.425c7.006-2.048 15.091-4.204 22.636-5.875 4.417-28.503 10.424-53.528 18.231-77.746l-0.984 3.533c1.873-5.589 6.885-9.621 12.89-10.022l0.044-0.002c10.24-0.647 19.941-1.132 30.181-1.132 7.006 0 14.552 0 22.097 0.862 5.549 0.483 10.189 3.936 12.358 8.745l0.038 0.094c9.191 21.366 17.183 46.606 22.699 72.759l0.476 2.694c8.084 1.779 16.168 3.988 24.253 6.413l5.928 2.048c4.851 1.779 10.24 3.557 15.629 5.767 18.022-18.073 37.566-34.607 58.431-49.401l1.392-0.937c2.466-1.762 5.543-2.817 8.866-2.817 2.676 0 5.192 0.684 7.382 1.887l-0.080-0.040c16.351 9.641 30.251 19.126 43.497 29.414l-0.92-0.688c3.282 2.649 5.364 6.672 5.364 11.181 0 1.353-0.187 2.662-0.538 3.903l0.024-0.101c-7.807 28.375-17.365 52.881-29.089 76.106l1.064-2.324c5.136 5.32 9.913 11.072 14.242 17.165l0.309 0.458c4.968 5.727 9.436 12.138 13.189 18.995l0.285 0.569h0.539c23.5-4.233 50.851-6.917 78.733-7.43l0.492-0.007c6.924 0.705 12.639 5.231 15.048 11.411l0.042 0.123c5.706 12.624 10.879 27.623 14.705 43.152l0.386 1.85c0.305 1.047 0.481 2.25 0.481 3.495 0 4.286-2.085 8.085-5.295 10.439l-0.036 0.025c-19.817 16.016-42.062 30.671-65.676 43.072l-2.231 1.068zM366.484 138.213c-69.948 3.144-125.467 60.616-125.467 131.055 0 72.449 58.731 131.18 131.18 131.18 72.443 0 131.17-58.722 131.18-131.162v-0.001c-1.734-72.771-61.136-131.1-134.162-131.1-0.96 0-1.918 0.010-2.873 0.030l0.143-0.002zM922.678 713.485c26.134 10.384 48.7 23.068 69.262 38.304l-0.816-0.577c3.748 2.471 6.187 6.661 6.187 11.422 0 0.936-0.094 1.85-0.274 2.733l0.015-0.088c-4.663 21.645-11.538 40.766-20.571 58.609l0.63-1.373c-2.233 4.494-6.643 7.609-11.812 7.974l-0.045 0.003c-7.813 0.794-16.885 1.247-26.062 1.247-19.779 0-39.066-2.103-57.652-6.097l1.794 0.323c-6.133 6.77-12.466 13-19.139 18.852l-0.263 0.226c-6.511 5.463-13.725 10.687-21.3 15.385l-0.797 0.46c1.663 11.334 2.612 24.419 2.612 37.726s-0.949 26.392-2.784 39.191l0.172-1.464c-0.696 5.472-4.523 9.896-9.604 11.454l-0.097 0.026c-17.778 6.201-38.458 10.704-59.878 12.644l-1.023 0.075c-0.601 0.086-1.296 0.135-2.001 0.135-4.907 0-9.262-2.368-11.983-6.023l-0.028-0.040c-15.292-20.204-27.898-43.558-36.649-68.716l-0.538-1.778c-10.263-1.606-19.342-3.896-28.080-6.916l1.133 0.34c-9.968-3.235-18.347-6.721-26.389-10.778l1.058 0.484c-19.74 14.879-42.31 27.691-66.463 37.4l-1.983 0.704c-1.679 0.707-3.63 1.117-5.677 1.117-3.579 0-6.865-1.255-9.441-3.348l0.028 0.022c-15.955-12.96-29.804-27.579-41.579-43.8l-0.459-0.663c-1.812-2.287-2.907-5.214-2.907-8.397 0-2.098 0.476-4.085 1.325-5.859l-0.035 0.082c12.025-25.438 27.185-47.251 45.35-66.157l-0.078 0.082c-2.749-6.899-5.519-15.564-7.756-24.44l-0.328-1.537c-1.329-7.45-2.294-16.318-2.68-25.336l-0.015-0.426c-26.34-10.247-49.099-22.945-69.778-38.288l0.793 0.562c-3.45-2.614-5.656-6.714-5.656-11.329 0-0.968 0.097-1.914 0.282-2.828l-0.015 0.091c4.17-21.542 10.891-40.71 19.975-58.469l-0.572 1.233c2.344-4.398 6.693-7.459 11.794-7.971l0.063-0.005c7.863-0.794 16.994-1.246 26.231-1.246 19.908 0 39.325 2.102 58.041 6.097l-1.813-0.324c5.992-6.919 12.336-13.161 19.143-18.868l0.259-0.211c6.516-5.635 13.74-10.851 21.402-15.409l0.695-0.383c-1.801-11.379-2.83-24.5-2.83-37.861s1.029-26.482 3.011-39.288l-0.182 1.427c0.72-5.305 4.274-9.632 9.064-11.447l0.098-0.033c17.913-6.146 38.775-10.646 60.363-12.639l1.077-0.080h0.539c0.318-0.025 0.689-0.039 1.064-0.039 4.856 0 9.163 2.353 11.843 5.981l0.028 0.040c15.266 20.21 27.869 43.56 36.644 68.706l0.543 1.788c10.548 1.698 19.807 4.004 28.752 6.996l-1.266-0.367c9.772 3.227 17.969 6.673 25.841 10.669l-1.049-0.483c19.759-14.675 42.311-27.455 66.375-37.3l2.072-0.75c1.748-0.728 3.779-1.151 5.909-1.151 3.684 0 7.072 1.266 9.754 3.386l-0.033-0.025c15.663 13.239 29.474 27.819 41.547 43.786l0.491 0.677c1.813 2.275 2.909 5.191 2.909 8.362 0 2.092-0.477 4.072-1.327 5.839l0.035-0.081c-12.455 25.328-27.568 47.105-45.424 66.295l0.153-0.166c2.695 8.515 5.389 17.192 7.545 26.031 1.477 7.336 2.628 16.169 3.203 25.158l0.031 0.604zM748.598 645.686c-39.582 1.979-70.925 34.554-70.925 74.449 0 41.165 33.371 74.536 74.536 74.536s74.536-33.371 74.536-74.536c0-0.007 0-0.014 0-0.021v0.001c-0.798-41.294-34.461-74.463-75.87-74.463-0.801 0-1.598 0.012-2.393 0.037l0.116-0.003z" />
+<glyph unicode="&#xe901;" glyph-name="alert" d="M1009.543 85.624l-445.139 775.529c-7.751 22.531-28.764 38.432-53.49 38.432-24.994 0-46.194-16.247-53.615-38.756l-0.114-0.399-444.536-774.445c-29.515-51.742-7.831-91.678 48.791-91.678h898.711c2.92-0.554 6.279-0.87 9.712-0.87 30.173 0 54.633 24.46 54.633 54.633 0 14.558-5.694 27.786-14.976 37.578l0.023-0.025zM510.795 689.483c28.815-6.731 49.95-32.201 49.95-62.607 0-4.296-0.422-8.493-1.226-12.553l0.067 0.408-9.035-247.868c5.094-7.524 8.132-16.801 8.132-26.788 0-26.614-21.575-48.188-48.188-48.188s-48.188 21.575-48.188 48.188c0 9.987 3.038 19.264 8.24 26.958l-0.109-0.17-9.035 247.868c-0.78 3.739-1.226 8.035-1.226 12.435 0 30.542 21.506 56.062 50.2 62.241l0.419 0.076zM510.795 105.201c-1.987-0.21-4.292-0.329-6.626-0.329-36.926 0-66.861 29.935-66.861 66.861s29.935 66.861 66.861 66.861c36.917 0 66.845-29.919 66.861-66.832v-0.002c0.18-1.752 0.283-3.785 0.283-5.843 0-33.427-27.093-60.526-60.517-60.536h-0.001z" />
+<glyph unicode="&#xe902;" glyph-name="close_hover" d="M1001.813 940.715c-12.348 12.319-29.391 19.936-48.213 19.936s-35.865-7.617-48.215-19.938l0.001 0.001-395.093-398.592-395.093 398.592c-12.153 12.396-29.072 20.080-47.787 20.080s-35.634-7.684-47.776-20.069l-0.011-0.011c-12.258-12.503-19.823-29.645-19.823-48.555s7.565-36.052 19.834-48.566l-0.011 0.011 391.68-395.349-391.68-395.093c-12.273-12.48-19.85-29.611-19.85-48.512s7.577-36.032 19.859-48.522l-0.009 0.010c12.291-12.443 29.352-20.15 48.213-20.15s35.923 7.707 48.207 20.144l0.007 0.007 394.24 398.165 395.093-398.165c12.291-12.443 29.352-20.15 48.213-20.15s35.923 7.707 48.207 20.144l0.007 0.007c12.273 12.48 19.85 29.611 19.85 48.512s-7.577 36.032-19.859 48.522l0.009-0.010-391.68 394.837 391.68 395.435c12.308 12.512 19.907 29.688 19.907 48.64s-7.599 36.128-19.916 48.649l0.009-0.009z" />
+<glyph unicode="&#xe903;" glyph-name="close" d="M1001.813 940.715c-12.348 12.319-29.391 19.936-48.213 19.936s-35.865-7.617-48.215-19.938l0.001 0.001-395.093-398.592-395.093 398.592c-12.153 12.396-29.072 20.080-47.787 20.080s-35.634-7.684-47.776-20.069l-0.011-0.011c-12.258-12.503-19.823-29.645-19.823-48.555s7.565-36.052 19.834-48.566l-0.011 0.011 391.68-395.349-391.68-395.093c-12.273-12.48-19.85-29.611-19.85-48.512s7.577-36.032 19.859-48.522l-0.009 0.010c12.291-12.443 29.352-20.15 48.213-20.15s35.923 7.707 48.207 20.144l0.007 0.007 394.24 398.165 395.093-398.165c12.291-12.443 29.352-20.15 48.213-20.15s35.923 7.707 48.207 20.144l0.007 0.007c12.273 12.48 19.85 29.611 19.85 48.512s-7.577 36.032-19.859 48.522l0.009-0.010-391.68 394.837 391.68 395.435c12.308 12.512 19.907 29.688 19.907 48.64s-7.599 36.128-19.916 48.649l0.009-0.009z" />
+<glyph unicode="&#xe904;" glyph-name="dearch_hover" d="M684.505 316.377h47.262l292.234-292.549-87.434-87.828-293.022 292.549v46.789l-17.329 17.566c-64.582-58.114-150.479-93.658-244.678-93.658-0.38 0-0.761 0.001-1.141 0.002h0.059c-210.042 0.045-380.298 170.328-380.298 380.377 0 210.076 170.3 380.377 380.377 380.377s380.377-170.3 380.377-380.377v0c0-0.188 0.001-0.411 0.001-0.634 0-94.356-35.571-180.403-94.035-245.465l0.299 0.338zM380.455 843.028c-0.070 0-0.153 0-0.236 0-145.431 0-263.326-117.895-263.326-263.326s117.895-263.326 263.326-263.326c145.431 0 263.326 117.895 263.326 263.326v0c0.002 0.422 0.004 0.921 0.004 1.421 0 144.648-117.26 261.908-261.908 261.908-0.417 0-0.833-0.001-1.25-0.003h0.064z" />
+<glyph unicode="&#xe905;" glyph-name="pending" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512c282.77 0 512 229.23 512 512v0c0 282.77-229.23 512-512 512v0zM219.429 521.143c40.396 0 73.143-32.747 73.143-73.143s-32.747-73.143-73.143-73.143c-40.396 0-73.143 32.747-73.143 73.143v0c0 40.396 32.747 73.143 73.143 73.143v0zM512 521.143c40.396 0 73.143-32.747 73.143-73.143s-32.747-73.143-73.143-73.143c-40.396 0-73.143 32.747-73.143 73.143v0c0 40.396 32.747 73.143 73.143 73.143v0zM804.571 521.143c40.396 0 73.143-32.747 73.143-73.143s-32.747-73.143-73.143-73.143c-40.396 0-73.143 32.747-73.143 73.143v0c0 40.396 32.747 73.143 73.143 73.143v0z" />
+<glyph unicode="&#xe906;" glyph-name="plus" d="M512 960v0c-282.77 0-512-229.23-512-512v0c0-282.77 229.23-512 512-512s512 229.23 512 512c0 282.77-229.23 512-512 512zM524.488 685.268c13.794 0 24.976-11.182 24.976-24.976v0-399.61c0-13.794-11.182-24.976-24.976-24.976s-24.976 11.182-24.976 24.976v0 399.61c0 13.794 11.182 24.976 24.976 24.976v0zM324.683 485.463h399.61c13.794 0 24.976-11.182 24.976-24.976s-11.182-24.976-24.976-24.976v0h-399.61c-13.794 0-24.976 11.182-24.976 24.976s11.182 24.976 24.976 24.976v0z" />
+<glyph unicode="&#xe907;" glyph-name="search" d="M684.505 316.377h47.262l292.234-292.549-87.434-87.828-293.022 292.549v46.789l-17.329 17.566c-64.582-58.114-150.479-93.658-244.678-93.658-0.38 0-0.761 0.001-1.141 0.002h0.059c-210.042 0.045-380.298 170.328-380.298 380.377 0 210.076 170.3 380.377 380.377 380.377s380.377-170.3 380.377-380.377v0c0-0.188 0.001-0.411 0.001-0.634 0-94.356-35.571-180.403-94.035-245.465l0.299 0.338zM380.455 843.028c-0.070 0-0.153 0-0.236 0-145.431 0-263.326-117.895-263.326-263.326s117.895-263.326 263.326-263.326c145.431 0 263.326 117.895 263.326 263.326v0c0.002 0.422 0.004 0.921 0.004 1.421 0 144.648-117.26 261.908-261.908 261.908-0.417 0-0.833-0.001-1.25-0.003h0.064z" />
+<glyph unicode="&#xe908;" glyph-name="view" d="M620.089 448c-1.432-58.584-49.263-105.529-108.059-105.529-59.696 0-108.089 48.393-108.089 108.089 0 59.685 48.376 108.072 108.057 108.089h0.002c59.856-0.735 108.096-49.429 108.096-109.39 0-0.443-0.003-0.885-0.008-1.327l0.001 0.067zM512 238.364c-1.627-0.045-3.541-0.071-5.461-0.071-115.81 0-209.692 93.883-209.692 209.692s93.883 209.692 209.692 209.692c115.805 0 209.684-93.874 209.692-209.677v-0.001c0.010-0.767 0.016-1.672 0.016-2.579 0-113.37-91.106-205.462-204.097-207.055l-0.15-0.002zM512 760.775c-282.738 0-512-311.296-512-311.296s229.262-314.311 512-314.311 512 314.311 512 314.311-229.262 311.296-512 311.296z" />
+<glyph unicode="&#xe909;" glyph-name="x" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512c282.77 0 512 229.23 512 512v0c0 282.77-229.23 512-512 512v0zM735.086 280.21c7.12-7.11 11.525-16.938 11.525-27.794s-4.405-20.684-11.524-27.794v0c-6.949-7.091-16.626-11.486-27.329-11.486-0.164 0-0.327 0.001-0.491 0.003h0.025c-10.823 0.154-20.601 4.504-27.804 11.493l0.010-0.010-167.497 167.79-167.497-167.643c-7.188-7-16.963-11.374-27.759-11.556h-0.035c-0.108-0.001-0.236-0.002-0.365-0.002-10.748 0-20.463 4.424-27.422 11.551l-0.007 0.008c-7.12 7.11-11.525 16.938-11.525 27.794s4.405 20.684 11.524 27.794v0l167.497 167.643-167.497 167.717c-7.113 7.113-11.513 16.94-11.513 27.794 0 21.709 17.598 39.307 39.307 39.307 10.854 0 20.681-4.4 27.794-11.513v0l167.497-167.717 167.497 167.79c7.113 7.113 16.94 11.513 27.794 11.513 21.709 0 39.307-17.598 39.307-39.307 0-10.854-4.4-20.681-11.513-27.794v0l-167.497-167.79z" />
+<glyph unicode="&#xe90a;" glyph-name="noun_573805_cc-03" d="M512.211 960c-282.886 0-512.211-229.325-512.211-512.211s229.325-512.211 512.211-512.211c282.887 0 512.211 229.325 512.211 512.211v0c-0.017 282.88-229.332 512.195-512.21 512.211h-0.001zM261.202 377.71c-38.703 0-70.079 31.375-70.079 70.079s31.375 70.079 70.079 70.079c38.703 0 70.079-31.375 70.079-70.079v0c0.005-0.298 0.007-0.649 0.007-1.001 0-38.155-30.93-69.085-69.085-69.085-0.352 0-0.703 0.003-1.054 0.008l0.053-0.001zM512.211 377.71c-38.703 0-70.079 31.375-70.079 70.079s31.375 70.079 70.079 70.079c38.703 0 70.079-31.375 70.079-70.079v0c0-0.061 0-0.133 0-0.205 0-38.59-31.284-69.874-69.874-69.874-0.072 0-0.144 0-0.216 0h0.011zM763.221 377.71c-38.703 0-70.079 31.375-70.079 70.079s31.375 70.079 70.079 70.079c38.703 0 70.079-31.375 70.079-70.079v0c0-0.061 0-0.133 0-0.205 0-38.59-31.284-69.874-69.874-69.874-0.072 0-0.144 0-0.217 0h0.011z" />
+<glyph unicode="&#xe90b;" glyph-name="scedular" horiz-adv-x="981" d="M981.333 662.699c0.312 4.17 0.49 9.033 0.49 13.938 0 109.691-88.922 198.613-198.613 198.613-5.353 0-10.656-0.212-15.902-0.627l0.693 0.044h-554.667c-4.553 0.371-9.857 0.583-15.21 0.583-109.691 0-198.613-88.922-198.613-198.613 0-4.905 0.178-9.768 0.527-14.583l-0.038 0.645v-470.699c0-128.811 82.475-256 213.333-256h554.667c130.859 0 213.333 127.189 213.333 256v470.699zM36.352 662.699c0 109.141 66.048 169.301 176.981 169.301h554.667c110.933 0 176.981-60.16 176.981-169.301l-6.315-44.032h-896zM938.667 192c0-109.141-59.733-213.333-170.667-213.333h-554.667c-110.933 0-170.667 104.192-170.667 213.333v384h896v-384zM362.667 405.333h256c11.782 0 21.333-9.551 21.333-21.333s-9.551-21.333-21.333-21.333v0h-256c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.333 21.333 21.333v0zM362.667 234.667h256c11.782 0 21.333-9.551 21.333-21.333s-9.551-21.333-21.333-21.333v0h-256c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.333 21.333 21.333v0zM704 960c11.782 0 21.333-9.551 21.333-21.333v0-170.667c0-11.782-9.551-21.333-21.333-21.333s-21.333 9.551-21.333 21.333v0 170.667c0 11.782 9.551 21.333 21.333 21.333v0zM277.333 960c11.782 0 21.333-9.551 21.333-21.333v0-170.667c0-11.782-9.551-21.333-21.333-21.333s-21.333 9.551-21.333 21.333v0 170.667c0 11.782 9.551 21.333 21.333 21.333v0z" />
+<glyph unicode="&#xe90c;" glyph-name="finished_d" d="M512 960v0c-282.77 0-512-229.23-512-512v0c0-282.77 229.23-512 512-512s512 229.23 512 512c0 282.77-229.23 512-512 512zM473.454 273.993c8.558 13.239 15.067 22.894 21.138 32.768 91.648 149.211 118.126 170.569 209.701 319.781 5.105 9.183 10.457 17.077 16.416 24.459l-0.252-0.322c8.798 10.219 21.751 16.651 36.206 16.651 9.048 0 17.507-2.52 24.715-6.896l-0.212 0.119c13.74-7.345 22.93-21.594 22.93-37.989 0-6.179-1.305-12.053-3.655-17.361l0.108 0.274c-3.479-7.646-7.067-14.1-11.098-20.236l0.346 0.561c-108.251-176.859-151.479-225.646-259.803-402.286-7.527-16.71-24.034-28.132-43.21-28.132-13.809 0-26.235 5.924-34.874 15.369l-0.032 0.036q-107.52 91.502-213.138 184.978c-11.444 7.654-18.878 20.525-18.878 35.132 0 11.575 4.668 22.060 12.224 29.675l-0.003-0.003c9.080 9.371 21.781 15.187 35.84 15.187s26.76-5.816 35.827-15.174l0.013-0.013c46.738-39.643 92.672-80.457 138.971-120.32z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.ttf b/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.ttf
new file mode 100644
index 00000000..7d0e36d1
--- /dev/null
+++ b/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.ttf
diff --git a/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.woff b/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.woff
new file mode 100644
index 00000000..b2d2e64a
--- /dev/null
+++ b/vid-app-common/src/main/webapp/app/vid/styles/fonts/icomoon.woff