modify frame html files

Change-Id: I91aa3090449c3b11bca56bdbe773b58760158f9e
Signed-off-by: “shentao” <shentao@chinamobile.com>

155 files changed, 18412 insertions, 0 deletions

diff --git a/openo-portal/portal-common/src/main/webapp/common/image/integration/logo.png b/openo-portal/portal-common/src/main/webapp/common/image/integration/logo.png
index a36c5e8b..9277eb11 100644
--- a/openo-portal/portal-common/src/main/webapp/common/image/integration/logo.png
+++ b/openo-portal/portal-common/src/main/webapp/common/image/integration/logo.png
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/integration/logo_white.png b/openo-portal/portal-common/src/main/webapp/common/image/integration/logo_white.png
deleted file mode 100644
index 2a48ef41..00000000
--- a/openo-portal/portal-common/src/main/webapp/common/image/integration/logo_white.png
+++ /dev/null
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/integration/netnumenLogo.png b/openo-portal/portal-common/src/main/webapp/common/image/integration/netnumenLogo.png
index d899116f..21f9e87a 100644
--- a/openo-portal/portal-common/src/main/webapp/common/image/integration/netnumenLogo.png
+++ b/openo-portal/portal-common/src/main/webapp/common/image/integration/netnumenLogo.png
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/integration/zte_logo_16.gif b/openo-portal/portal-common/src/main/webapp/common/image/integration/zte_logo_16.gif
index 362b825a..2a2d258b 100644
--- a/openo-portal/portal-common/src/main/webapp/common/image/integration/zte_logo_16.gif
+++ b/openo-portal/portal-common/src/main/webapp/common/image/integration/zte_logo_16.gif
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/integration/zte_logo_white.png b/openo-portal/portal-common/src/main/webapp/common/image/integration/zte_logo_white.png
index a36c5e8b..ef9aedb7 100644
--- a/openo-portal/portal-common/src/main/webapp/common/image/integration/zte_logo_white.png
+++ b/openo-portal/portal-common/src/main/webapp/common/image/integration/zte_logo_white.png
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/NFV.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/NFV.svg
new file mode 100644
index 00000000..fca8cdce
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/NFV.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<path fill="#649BE6" d="M16.732,9.92c0,0.599,1.179,1.083,2.629,1.083c1.451,0,2.629-0.483,2.629-1.083c0-0.006,0.001-0.011,0-0.018
+	c0-0.003,0.001-0.013,0-0.017c-0.039-0.585-1.202-1.051-2.629-1.051C17.911,8.835,16.732,9.321,16.732,9.92z"/>
+<path fill="#649BE6" d="M19.372,11.246c-1.451,0-2.63-0.485-2.63-1.083c0-0.036-0.014-0.15-0.018-0.218v0.677
+	c0.01,0.102,0.018,0.213,0.018,0.261c0,0.598,1.179,1.085,2.63,1.085c1.45,0,2.628-0.487,2.628-1.085v-0.72
+	C22,10.761,20.822,11.246,19.372,11.246z"/>
+<path fill="#649BE6" d="M19.372,12.297c-1.451,0-2.63-0.486-2.63-1.085c0-0.035-0.014-0.142-0.018-0.207v0.632
+	c0.01,0.104,0.018,0.213,0.018,0.26c0,0.602,1.179,1.086,2.63,1.086c1.45,0,2.628-0.484,2.628-1.086v-0.685
+	C22,11.811,20.822,12.297,19.372,12.297z"/>
+<path fill="#649BE6" d="M19.372,13.311c-1.451,0-2.63-0.482-2.63-1.084c0-0.033-0.014-0.143-0.018-0.209v0.668
+	c0.002,0.021,0.008,0.051,0.008,0.063c0,0.601,1.179,1.084,2.629,1.084c1.451,0,2.629-0.483,2.629-1.084
+	c0-0.013,0.006-0.043,0.01-0.063v-0.459C22,12.826,20.822,13.311,19.372,13.311z"/>
+<path fill="#649BE6" d="M20.171,7.799c-0.11-0.283-0.239-0.561-0.383-0.831l-0.817,0.383c0.129,0.245,0.245,0.497,0.346,0.754
+	L20.171,7.799z"/>
+<path fill="#649BE6" d="M17.955,5.825l0.717-0.534c-0.427-0.518-0.915-0.996-1.447-1.423l-0.59,0.659
+	C17.119,4.917,17.563,5.353,17.955,5.825z"/>
+<path fill="#649BE6" d="M14.285,3.146c0.27,0.11,0.533,0.232,0.787,0.365l0.439-0.758c-0.281-0.146-0.568-0.278-0.863-0.4
+	L14.285,3.146z"/>
+<path fill="#649BE6" d="M5.661,2.754L6.1,3.512c0.256-0.134,0.519-0.256,0.788-0.366L6.524,2.353
+	C6.229,2.475,5.941,2.607,5.661,2.754z"/>
+<path fill="#649BE6" d="M2.494,5.298l0.72,0.533c0.39-0.472,0.833-0.908,1.319-1.298L3.941,3.874C3.41,4.302,2.923,4.78,2.494,5.298
+	z"/>
+<path fill="#649BE6" d="M2.202,7.351L1.384,6.968c-0.14,0.27-0.268,0.547-0.383,0.831l0.854,0.307
+	C1.959,7.848,2.074,7.597,2.202,7.351z"/>
+<path fill="#649BE6" d="M18.971,15.137l0.817,0.383c0.144-0.271,0.271-0.547,0.383-0.832l-0.854-0.306
+	C19.216,14.639,19.1,14.891,18.971,15.137z"/>
+<path fill="#649BE6" d="M16.635,17.961l0.59,0.66c0.532-0.43,1.021-0.906,1.447-1.426l-0.717-0.531
+	C17.563,17.134,17.119,17.568,16.635,17.961z"/>
+<path fill="#649BE6" d="M14.285,19.342l0.363,0.792c0.295-0.12,0.582-0.254,0.863-0.399l-0.439-0.758
+	C14.818,19.107,14.555,19.23,14.285,19.342z"/>
+<path fill="#649BE6" d="M5.661,19.732c0.28,0.146,0.568,0.281,0.863,0.399l0.364-0.792c-0.27-0.109-0.532-0.232-0.788-0.365
+	L5.661,19.732z"/>
+<path fill="#649BE6" d="M3.213,16.654l-0.72,0.535c0.429,0.518,0.916,0.994,1.447,1.422l0.591-0.657
+	C4.047,17.563,3.604,17.128,3.213,16.654z"/>
+<path fill="#649BE6" d="M1.001,14.688c0.115,0.285,0.243,0.563,0.383,0.832l0.818-0.383c-0.128-0.246-0.243-0.498-0.347-0.755
+	L1.001,14.688z"/>
+<path fill="#649BE6" d="M12.373,0.804C12.373,0.36,11.992,0,11.523,0H9.494c-0.469,0-0.85,0.36-0.85,0.804V1.98h3.729V0.804z"/>
+<path fill="#649BE6" d="M9.494,6.116h2.029c0.469,0,0.85-0.359,0.85-0.803v-2.93H8.645v2.931C8.645,5.757,9.025,6.116,9.494,6.116z
+	 M10.508,4.174c0.189,0,0.342,0.145,0.342,0.323c0,0.178-0.153,0.324-0.342,0.324s-0.341-0.146-0.341-0.324
+	C10.167,4.319,10.319,4.174,10.508,4.174z"/>
+<ellipse fill="#649BE6" cx="10.642" cy="17.541" rx="3.407" ry="0.486"/>
+<path fill="#649BE6" d="M7.288,17.979v3.26c0,0,0.744,0.761,3.459,0.763c2.862,0.002,3.301-0.763,3.301-0.763v-3.26
+	c0,0-1.848,0.318-3.349,0.318C8.912,18.297,7.288,17.979,7.288,17.979z M9.528,20.43H9.099v0.437L8.408,20.21l0.691-0.644v0.436
+	h0.429V20.43z M10.571,21.615L9.88,20.962h0.459v-0.407h0.454v0.407h0.458L10.571,21.615z M11.602,20.001h0.43v-0.435l0.691,0.644
+	l-0.691,0.655V20.43h-0.43V20.001z M10.792,19.473v0.405h-0.454v-0.405h-0.46l0.691-0.656l0.679,0.656H10.792z"/>
+<g>
+	<path fill="#649BE6" d="M2.167,8.959L0,9.194v1.992c0,0,0.343,1.143,0.597,1.457c0.84,1.043,1.161,1.07,1.57,1.489h0.031v-0.024
+		h0.025c0.408-0.418,0.73-0.443,1.57-1.489c0.252-0.31,0.595-1.453,0.595-1.453V9.174L2.167,8.959z M3.911,11.247
+		c0,0-0.268,0.896-0.466,1.138c-0.657,0.818-0.909,0.84-1.229,1.166h-0.02v0.02H2.172c-0.32-0.327-0.571-0.35-1.229-1.164
+		c-0.199-0.246-0.467-1.141-0.467-1.141V9.706l1.695-0.185l1.738,0.168v1.558H3.911z"/>
+	<path fill="#649BE6" d="M0.813,11.32c0,0,0.215,0.719,0.375,0.918c0.529,0.654,0.731,0.674,0.988,0.936h0.02v-0.016h0.016
+		c0.257-0.262,0.459-0.279,0.988-0.938c0.16-0.193,0.375-0.916,0.375-0.916v-1.253L2.177,9.917l-1.364,0.149V11.32z"/>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/NS.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/NS.svg
new file mode 100644
index 00000000..27223cfb
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/NS.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<circle fill="#FFFFFF" stroke="#649BE6" stroke-miterlimit="10" cx="11" cy="11" r="10.5"/>
+<path fill="none" stroke="#649BE6" stroke-width="0.75" stroke-miterlimit="10" d="M1.348,7.298c0,0,2.663-2.507,8.796-3.041
+	c5.706-0.496,10.372,2.506,10.372,2.506"/>
+<path fill="none" stroke="#649BE6" stroke-width="0.75" stroke-miterlimit="10" d="M0.833,9.395c0,0,2.827,5.068,9.836,5.74
+	c6.037,0.579,10.819-3.064,10.819-3.064"/>
+<path fill="none" stroke="#649BE6" stroke-width="0.75" stroke-miterlimit="10" d="M11.321,0.726c0,0-5.977,4.548-6.109,10.274
+	c-0.166,7.113,3.903,10.229,3.903,10.229"/>
+<path fill="none" stroke="#649BE6" stroke-width="0.75" stroke-miterlimit="10" d="M16.029,1.903c0,0,0.926,7.691-3.457,13.148
+	c-2.342,2.92-7.091,4.789-7.091,4.789"/>
+<path fill="none" stroke="#649BE6" stroke-width="0.75" stroke-miterlimit="10" d="M20.837,14.529c0,0-1.933,2.736-5.983,4.391
+	c-2.445,0.999-6.528,1.713-6.528,1.713"/>
+<path fill="#649BE6" d="M8.86,4.418c0,0.68-0.551,1.231-1.231,1.231l0,0c-0.68,0-1.231-0.551-1.231-1.231l0,0
+	c0-0.68,0.551-1.231,1.231-1.231l0,0C8.309,3.187,8.86,3.738,8.86,4.418L8.86,4.418z"/>
+<path fill="#649BE6" d="M17.154,4.899c0,0.68-0.551,1.231-1.23,1.231l0,0c-0.68,0-1.23-0.551-1.23-1.231l0,0
+	c0-0.68,0.552-1.23,1.23-1.23l0,0C16.604,3.669,17.154,4.22,17.154,4.899L17.154,4.899z"/>
+<path fill="#649BE6" d="M21.65,12.07c0,0.681-0.553,1.232-1.23,1.232l0,0c-0.682,0-1.232-0.553-1.232-1.232l0,0
+	c0-0.679,0.553-1.23,1.232-1.23l0,0C21.1,10.84,21.65,11.391,21.65,12.07L21.65,12.07z"/>
+<path fill="#649BE6" d="M13.837,15.066c0,0.681-0.552,1.231-1.231,1.231l0,0c-0.68,0-1.231-0.552-1.231-1.231l0,0
+	c0-0.68,0.552-1.229,1.231-1.229l0,0C13.285,13.837,13.837,14.389,13.837,15.066L13.837,15.066z"/>
+<path fill="#649BE6" d="M6.773,13.462c0,0.681-0.552,1.231-1.232,1.231l0,0c-0.679,0-1.231-0.553-1.231-1.231l0,0
+	c0-0.68,0.552-1.229,1.231-1.229l0,0C6.222,12.232,6.773,12.782,6.773,13.462L6.773,13.462z"/>
+<path fill="#649BE6" d="M10.413,20.204c0,0.68-0.552,1.231-1.231,1.231l0,0c-0.68,0-1.232-0.553-1.232-1.231l0,0
+	c0-0.679,0.552-1.229,1.232-1.229l0,0C9.86,18.975,10.413,19.525,10.413,20.204L10.413,20.204z"/>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VDU.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VDU.svg
new file mode 100644
index 00000000..ca11bf3f
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VDU.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<rect x="0.76" y="1.021" fill="#FFFFFF" width="11.539" height="20.979"/>
+<path fill="#649BE6" d="M20.667,3.569c0,0.422-0.343,0.765-0.765,0.765h-2.805c-0.424,0-0.766-0.342-0.766-0.765V0.765
+	C16.333,0.342,16.675,0,17.098,0h2.805c0.423,0,0.766,0.342,0.766,0.765L20.667,3.569L20.667,3.569z"/>
+<path fill="#649BE6" d="M20.667,21.234c0,0.424-0.343,0.766-0.765,0.766h-2.805c-0.424,0-0.766-0.342-0.766-0.766v-2.803
+	c0-0.424,0.342-0.766,0.766-0.766h2.805c0.422,0,0.765,0.342,0.765,0.766V21.234z"/>
+<path fill="#649BE6" d="M20.667,12.4c0,0.424-0.343,0.767-0.765,0.767h-2.805c-0.424,0-0.766-0.343-0.766-0.767V9.598
+	c0-0.422,0.342-0.765,0.766-0.765h2.805c0.422,0,0.765,0.342,0.765,0.765V12.4z"/>
+<rect x="12.167" y="10.782" fill="#649BE6" width="4.362" height="0.6"/>
+<rect x="14.65" y="18.658" fill="#649BE6" width="1.879" height="0.6"/>
+<rect x="14.652" y="3.202" fill="#649BE6" width="1.877" height="0.6"/>
+<rect x="14.648" y="3.206" fill="#649BE6" width="0.601" height="16"/>
+<path fill="#649BE6" d="M11.607,22H1.5C0.673,22,0,21.348,0,20.546V1.455C0,0.652,0.673,0,1.5,0h10.107c0.826,0,1.5,0.652,1.5,1.455
+	v19.091C13.107,21.348,12.436,22,11.607,22z M1.5,1C1.224,1,1,1.204,1,1.455v19.091C1,20.796,1.224,21,1.5,21h10.107
+	c0.275,0,0.5-0.204,0.5-0.454V1.455c0-0.25-0.225-0.455-0.5-0.455H1.5z"/>
+<rect x="2.061" y="2.929" fill="#649BE6" width="7.985" height="1"/>
+<rect x="2.061" y="4.555" fill="#649BE6" width="7.985" height="1"/>
+<rect x="2.061" y="6.305" fill="#649BE6" width="7.985" height="1"/>
+<path fill="#649BE6" d="M9.241,18.438c0,0.381-0.308,0.688-0.688,0.688h-5c-0.38,0-0.688-0.308-0.688-0.688l0,0
+	c0-0.379,0.308-0.688,0.688-0.688h5C8.934,17.75,9.241,18.059,9.241,18.438L9.241,18.438z"/>
+<circle fill="#649BE6" cx="6.054" cy="12" r="1"/>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VIM.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VIM.svg
new file mode 100644
index 00000000..68e58513
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VIM.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<polyline fill="#FFFFFF" stroke="#649BE6" stroke-miterlimit="10" points="2.605,18.331 0.546,7.16 0.858,5.163 5.539,5.163 
+	6.724,6.973 14.773,6.973 "/>
+<path fill="#FFFFFF" stroke="#649BE6" stroke-miterlimit="10" d="M20.301,12.625c0.036-0.218,0.061-0.439,0.061-0.668
+	c0-0.234-0.023-0.461-0.063-0.684l1.002-0.905l-0.279-0.733l-1.416-0.018c-0.244-0.341-0.541-0.641-0.881-0.89l-0.017-1.482
+	L17.979,6.96L17.04,8.015c-0.211-0.036-0.431-0.059-0.651-0.059c-0.256,0-0.504,0.026-0.744,0.071L14.766,7.04l-0.729,0.286
+	L14.02,8.749c-0.314,0.238-0.592,0.526-0.828,0.846H5.352L2.793,18.02h11.982l0.684-1.881l-0.012-0.033l0.197-0.221
+	c0.24,0.045,0.488,0.073,0.744,0.073c0.223,0,0.44-0.024,0.65-0.062l0.939,1.056l0.729-0.284l0.017-1.482
+	c0.319-0.232,0.601-0.515,0.836-0.83l1.541-0.018l0.282-0.734L20.301,12.625z M16.389,13.123c-0.641,0-1.158-0.521-1.158-1.167
+	c0-0.646,0.519-1.166,1.158-1.166c0.639,0,1.157,0.52,1.157,1.166C17.546,12.602,17.025,13.123,16.389,13.123z"/>
+<path fill="#FFFFFF" stroke="#649BE6" stroke-width="0.75" stroke-miterlimit="10" d="M13.361,9.576h-0.264
+	c-0.023,0.031-0.053,0.058-0.074,0.09l-1.362,0.018l-0.282,0.733l0.995,0.898c-0.033,0.203-0.054,0.408-0.054,0.623
+	c0,0.25,0.025,0.492,0.07,0.73l-1.095,0.982l0.283,0.736l1.592,0.018c0.218,0.281,0.472,0.527,0.754,0.738l0.017,1.426l0.729,0.281
+	l0.683-0.766"/>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VNF.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VNF.svg
new file mode 100644
index 00000000..8407a46f
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VNF.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<circle fill="#FDFEFF" stroke="#649BE6" stroke-miterlimit="10" cx="11" cy="11" r="10.562"/>
+<g>
+	<path fill="#649BE6" d="M14.625,13.992c-0.723,0-1.34,0.424-1.634,1.033L7.036,13.05c0.017-0.099,0.03-0.198,0.03-0.302
+		c0-0.301-0.08-0.58-0.209-0.831l5.609-4.782c0.313,0.254,0.706,0.413,1.14,0.413c1.004,0,1.818-0.814,1.818-1.818
+		s-0.814-1.818-1.818-1.818s-1.817,0.814-1.817,1.818c0,0.28,0.067,0.542,0.181,0.778l-5.626,4.796
+		c-0.305-0.232-0.682-0.375-1.094-0.375c-1.004,0-1.818,0.814-1.818,1.818s0.814,1.817,1.818,1.817c0.614,0,1.155-0.307,1.484-0.772
+		l6.074,2.017c0,0,0,0,0,0.002c0,1.004,0.814,1.817,1.818,1.817s1.818-0.813,1.818-1.817S15.629,13.992,14.625,13.992z"/>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VNFC.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VNFC.svg
new file mode 100644
index 00000000..71d42d77
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VNFC.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<circle fill="#FDFEFF" stroke="#649BE6" stroke-miterlimit="10" cx="11" cy="11" r="10.562"/>
+<rect x="17.314" y="5.03" fill="#FDFEFF" width="4.686" height="13.471"/>
+<path fill="#649BE6" d="M11.711,13.134c-0.584,0-1.083,0.343-1.321,0.835l-4.81-1.597c0.014-0.079,0.024-0.16,0.024-0.243
+	c0-0.242-0.065-0.469-0.169-0.672l4.531-3.863c0.253,0.205,0.571,0.333,0.92,0.333c0.811,0,1.469-0.658,1.469-1.469
+	S11.697,4.99,10.886,4.99S9.418,5.648,9.418,6.459c0,0.227,0.054,0.438,0.146,0.628l-4.545,3.875
+	c-0.246-0.188-0.55-0.303-0.883-0.303c-0.811,0-1.469,0.657-1.469,1.468c0,0.813,0.658,1.469,1.469,1.469
+	c0.496,0,0.933-0.246,1.199-0.623l4.907,1.629c0,0,0,0,0,0.002c0,0.812,0.658,1.467,1.47,1.467c0.812,0,1.47-0.655,1.47-1.467
+	C13.18,13.792,12.521,13.134,11.711,13.134z"/>
+<g>
+	<path fill="#649BE6" d="M22,8.838l-4.354-2.257l-4.353,2.257l4.353,2.257L22,8.838z M17.646,7.458l2.66,1.38l-2.66,1.381
+		l-2.66-1.381L17.646,7.458z"/>
+	<polygon fill="#649BE6" points="17.646,13.158 15.262,11.922 13.57,11.922 17.646,14.036 21.725,11.922 20.032,11.922 	"/>
+	<polygon fill="#649BE6" points="17.646,16.102 15.262,14.861 13.57,14.861 17.646,16.977 21.725,14.861 20.032,14.861 	"/>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VNFM.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VNFM.svg
new file mode 100644
index 00000000..4f96c1b5
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/VNFM.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<polyline fill="none" stroke="#649BE6" stroke-miterlimit="10" points="2.605,18.331 0.546,7.16 0.858,5.163 5.539,5.163 
+	6.724,6.973 14.773,6.973 "/>
+<polyline fill="none" stroke="#649BE6" stroke-miterlimit="10" points="15.458,16.139 14.773,18.02 2.792,18.02 5.351,9.594 
+	11.6,9.594 "/>
+<g>
+	<path fill="#649BE6" d="M19.182,14.096c-0.724,0-1.341,0.424-1.635,1.033l-5.955-1.977c0.018-0.098,0.03-0.197,0.03-0.301
+		c0-0.302-0.08-0.58-0.209-0.832l5.608-4.783c0.313,0.254,0.705,0.413,1.14,0.413c1.004,0,1.817-0.814,1.817-1.818
+		s-0.813-1.818-1.817-1.818c-1.005,0-1.817,0.814-1.817,1.818c0,0.28,0.067,0.542,0.182,0.778l-5.626,4.796
+		c-0.305-0.232-0.682-0.375-1.094-0.375c-1.004,0-1.817,0.813-1.817,1.817s0.813,1.818,1.817,1.818c0.614,0,1.155-0.307,1.483-0.773
+		l6.073,2.019c0,0,0,0,0,0.002c0,1.004,0.814,1.815,1.818,1.815s1.818-0.813,1.818-1.815S20.186,14.096,19.182,14.096z"/>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/breakLink.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/breakLink.svg
new file mode 100644
index 00000000..d842f510
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/breakLink.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<path fill="#C9161D" d="M5,0C2.239,0,0,2.239,0,5c0,2.762,2.239,5,5,5c2.762,0,5-2.238,5-5C10,2.239,7.762,0,5,0z M8.144,7.122
+	L7.083,8.183L4.961,6.061L2.917,8.104L1.856,7.044L3.9,5L1.856,2.957l1.062-1.061l2.043,2.043l2.122-2.122l1.061,1.061L6.021,5
+	L8.144,7.122z"/>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/common_dc.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/common_dc.svg
new file mode 100644
index 00000000..1646e105
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/common_dc.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.2336999,0,0,1.5324837,39.905588,-1425.8443)"
+     id="text5639-4"
+     style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <g
+     transform="translate(-26.889408,-3.6392125)"
+     id="g3487"
+     style="fill:#649be6;fill-opacity:1">
+    <g
+       transform="translate(0,1.25e-5)"
+       id="g3529"
+       style="fill:#649be6;fill-opacity:1">
+      <g
+         transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+         id="layer1"
+         style="fill:#649be6;fill-opacity:1">
+        <path
+           d="M 2.75,0 C 1.2265,0 0,1.2265 0,2.75 l 0,16.5 C 0,20.7735 1.2265,22 2.75,22 l 11.8125,0 4.6875,0 C 20.7735,22 22,20.7735 22,19.25 L 22,2.75 C 22,1.2265 20.7735,0 19.25,0 L 2.75,0 z m 2.96875,1.5625 10.53125,0 c 0.93663,0 1.71875,0.7031207 1.71875,1.5625 l 0,15.875 c 0,0.859379 -0.78212,1.5625 -1.71875,1.5625 l -10.53125,0 c -0.9366303,0 -1.6875,-0.703121 -1.6875,-1.5625 l 0,-15.875 c 0,-0.8593793 0.7508697,-1.5625 1.6875,-1.5625 z m 8.625,2.5 c -0.888596,5.9e-6 -1.579729,0.2764695 -2.125,0.8125 -0.545274,0.5360408 -0.8125,1.2811681 -0.8125,2.25 0,0.9158959 0.270111,1.6594063 0.8125,2.1875 0.542386,0.528095 1.220065,0.75 2.0625,0.75 0.680866,0 1.275891,-0.129114 1.71875,-0.4375 0.442849,-0.3083856 0.747081,-0.8021967 0.9375,-1.4375 l -1.25,-0.3125 c -0.106751,0.4261836 -0.254776,0.7389695 -0.5,0.9375 -0.245233,0.198533 -0.565818,0.2500009 -0.90625,0.25 -0.46161,9e-7 -0.836498,-0.1251421 -1.125,-0.4375 -0.288507,-0.3123552 -0.437502,-0.8266061 -0.4375,-1.5625 -2e-6,-0.6935345 0.144666,-1.1902861 0.4375,-1.5 0.29283,-0.309705 0.685984,-0.4999951 1.15625,-0.5 0.340432,4.9e-6 0.636979,0.075297 0.875,0.25 0.238011,0.1747126 0.39373,0.4482357 0.46875,0.75 l 1.25,-0.3125 C 16.761992,5.2841164 16.538499,4.9363317 16.25,4.6875 15.765308,4.266618 15.119822,4.0625059 14.34375,4.0625 z m -9.125,0.125 0,5.8125 2.4375,0 c 0.4731436,0 0.8422618,-0.04294 1.125,-0.125 0.3779361,-0.111178 0.6528467,-0.301468 0.875,-0.5 0.2942686,-0.2620613 0.528817,-0.576464 0.6875,-1 0.129815,-0.3467671 0.187495,-0.7708739 0.1875,-1.25 -5e-6,-0.5452976 -0.04902,-1.0030797 -0.1875,-1.375 C 10.205262,5.3780881 9.9841692,5.0692729 9.71875,4.8125 9.453321,4.5557375 9.153416,4.3505951 8.78125,4.25 8.5042819,4.175887 8.0592096,4.1875058 7.53125,4.1875 l -2.3125,0 z M 6.5,5.125 l 0.5625,0 c 0.5221899,5e-6 0.8836239,0.025446 1.0625,0.0625 0.2394549,0.047652 0.4692036,0.1775029 0.625,0.3125 0.155788,0.1350061 0.2259441,0.3216188 0.3125,0.5625 0.086547,0.2408891 0.1562453,0.5499977 0.15625,1 C 9.2187453,7.5125081 9.1490472,7.8642635 9.0625,8.125 8.9759443,8.3857402 8.8870352,8.5736764 8.75,8.6875 8.6129563,8.8013261 8.4264693,8.889853 8.21875,8.9375 8.0600691,8.97456 7.7952422,9.000001 7.4375,9 L 6.5,9 6.5,5.125 z m -0.65625,7.75 c -0.3252429,0 -0.59375,0.223 -0.59375,0.5 0,0.277 0.2685071,0.5 0.59375,0.5 l 10.4375,0 c 0.325244,0 0.59375,-0.223 0.59375,-0.5 0,-0.277 -0.268506,-0.5 -0.59375,-0.5 l -10.4375,0 z m 0,2.875 c -0.3252429,0 -0.59375,0.223 -0.59375,0.5 0,0.277 0.2685071,0.5 0.59375,0.5 l 10.4375,0 c 0.325244,0 0.59375,-0.223 0.59375,-0.5 0,-0.277 -0.268506,-0.5 -0.59375,-0.5 l -10.4375,0 z"
+           transform="matrix(0.72727273,0,0,0.72727273,19.618433,1038.9464)"
+           id="rect5513"
+           style="fill:#649be6;fill-opacity:1;stroke:none" />
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3921381,0,0,1.3921381,-0.1371048,0.09814145)"
+         id="text3454"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+  <g
+     id="text3099"
+     style="font-size:12.77633667px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans" />
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/common_ncd.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/common_ncd.svg
new file mode 100644
index 00000000..23bde265
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/common_ncd.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <path
+       d="M 3.265625,1030.3622 C 1.4540676,1030.3622 0,1031.8163 0,1033.6278 l 0,15.4688 c 0,1.8115 1.4540676,3.2656 3.265625,3.2656 l 15.46875,0 c 1.811557,0 3.265625,-1.4541 3.265625,-3.2656 l 0,-15.4688 c 0,-1.8115 -1.454068,-3.2656 -3.265625,-3.2656 l -15.46875,0 z m -1.03125,3.5665 2.1054687,0 4.3398438,5.6719 0,-5.6719 2.0195315,0 0,6.4882 c -0.376791,-0.11 -0.7954402,-0.1719 -1.2031252,-0.1719 -0.7967217,0 -1.5359397,0.2523 -2.1914063,0.6446 l -3.09375,-3.9961 0,5.543 -1.9765625,0 0,-8.5078 z m 7.5625,7.6054 c 0.859652,0 1.568578,0.2225 2.105469,0.7305 0.319568,0.3003 0.570675,0.7266 0.730469,1.2891 l -1.417969,0.3437 c -0.0831,-0.3643 -0.209012,-0.6484 -0.472656,-0.8593 -0.263654,-0.2112 -0.611187,-0.3009 -0.9882817,-0.3009 -0.5209101,0 -0.9646969,0.1847 -1.2890625,0.5587 -0.32437,0.3737 -0.4726584,0.9673 -0.4726563,1.8047 -2.1e-6,0.8885 0.1530793,1.5565 0.4726563,1.9335 0.3195719,0.377 0.7777397,0.5156 1.2890625,0.5156 0.3770947,0 0.6736697,-0.1045 0.9453127,-0.3437 0.271633,-0.2397 0.440346,-0.6027 0.558594,-1.1172 l 1.375,0.4297 c -0.210926,0.7671 -0.540709,1.3035 -1.03125,1.6758 -0.490553,0.3722 -1.093465,0.6016 -1.8476567,0.6016 -0.9331613,0 -1.719514,-0.3509 -2.3203126,-0.9884 -0.6008014,-0.6376 -0.9023441,-1.4723 -0.9023437,-2.5781 -4e-7,-1.1696 0.2983465,-2.1029 0.9023437,-2.75 0.6039945,-0.6471 1.378988,-0.9453 2.3632813,-0.9453 z m 4.082031,0.1292 2.621094,0 c 0.584818,0 1.025234,0 1.332031,0.085 0.412246,0.121 0.737235,0.3774 1.03125,0.6875 0.294003,0.3099 0.534101,0.6682 0.6875,1.1172 0.153395,0.4489 0.214838,1.0173 0.214844,1.6757 -6e-6,0.5784 -0.07105,1.0853 -0.214844,1.5039 -0.175772,0.5113 -0.447477,0.8866 -0.773437,1.2032 -0.246079,0.2396 -0.569644,0.4243 -0.988282,0.5585 -0.313187,0.099 -0.721994,0.1719 -1.246093,0.1719 l -2.664063,0 0,-7.0039 z m 1.417969,1.1601 0,4.6406 1.074219,0 c 0.396269,0 0.683606,0 0.859375,-0.043 0.230091,-0.058 0.406783,-0.1635 0.558593,-0.3008 0.151794,-0.1375 0.290845,-0.3727 0.386719,-0.6875 0.09588,-0.3148 0.128906,-0.7458 0.128906,-1.2891 0,-0.5433 -0.03304,-0.9552 -0.128906,-1.246 -0.09588,-0.291 -0.257121,-0.5246 -0.429687,-0.6875 -0.172575,-0.163 -0.37929,-0.2862 -0.644532,-0.3438 -0.19814,-0.051 -0.581729,-0.043 -1.160156,-0.043 l -0.644531,0 z"
+       id="rect3025"
+       style="fill:#649be6;fill-opacity:1;stroke:none" />
+    <g
+       transform="matrix(1.1210095,0,0,0.89205311,0.85292267,0.75710579)"
+       id="text2985"
+       style="font-size:54.32864761px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Sans" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/common_sc.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/common_sc.svg
new file mode 100644
index 00000000..147bb261
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/common_sc.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.2336999,0,0,1.5324837,39.905588,-1425.8443)"
+     id="text5639-4"
+     style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <g
+     transform="translate(-26.889408,-3.6392125)"
+     id="g3487"
+     style="fill:#649be6;fill-opacity:1">
+    <g
+       transform="translate(0,1.25e-5)"
+       id="g3529"
+       style="fill:#649be6;fill-opacity:1">
+      <g
+         transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+         id="layer1"
+         style="fill:#649be6;fill-opacity:1">
+        <path
+           d="m 21.618433,1038.9464 c -1.108,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.892,2 2,2 l 8.590909,0 3.409091,0 c 1.108,0 2,-0.892 2,-2 l 0,-3.9319 0,-8.0681 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m 1,2.2954 9.818182,0 c 0.893285,0 1.636364,0.6895 1.636364,1.5227 l 0,5.9319 c 0,0.8332 -0.743079,1.5 -1.636364,1.5 l -3.954546,0 c 0.214921,0.4189 0.459101,1.0376 0.204546,1.3409 -0.440604,0.5249 -1.68418,0.5161 -2.136364,0 -0.259688,-0.2965 -0.03349,-0.9195 0.159091,-1.3409 l -4.090909,0 c -0.893285,0 -1.636364,-0.6668 -1.636364,-1.5 l 0,-5.9319 c 0,-0.8332 0.743079,-1.5227 1.636364,-1.5227 z m 0,0.6137 c -0.534699,0 -0.977273,0.4103 -0.977273,0.909 l 0,5.9319 c 0,0.4987 0.442574,0.8863 0.977273,0.8863 l 9.818182,0 c 0.5347,0 0.977273,-0.3876 0.977273,-0.8863 l 0,-5.9319 c 0,-0.4987 -0.442573,-0.909 -0.977273,-0.909 l -9.818182,0 z m 0.977273,0.5681 7.863636,0 c 0.570106,0 1.022728,0.4511 1.022728,0.9773 l 0,4.6818 c 0,0.5263 -0.452622,0.9546 -1.022728,0.9546 l -7.863636,0 c -0.570106,0 -1.022727,-0.4283 -1.022727,-0.9546 l 0,-4.6818 c 0,-0.5262 0.452621,-0.9773 1.022727,-0.9773 z m 1.636363,1.1364 c -0.347252,0 -0.640823,0.062 -0.886363,0.1591 -0.245542,0.097 -0.437707,0.2469 -0.568182,0.4318 -0.130476,0.1849 -0.204546,0.3785 -0.204545,0.5909 -1e-6,0.33 0.1317,0.5887 0.40909,0.8182 0.197254,0.1631 0.533698,0.3199 1.022728,0.4318 0.380124,0.087 0.643151,0.1477 0.75,0.1818 0.156157,0.051 0.278236,0.1126 0.340909,0.1819 0.06267,0.069 0.06818,0.1513 0.06818,0.25 -3e-6,0.1536 -0.07831,0.2716 -0.227273,0.3863 -0.148971,0.1148 -0.365266,0.1818 -0.659091,0.1818 -0.277392,0 -0.495741,-0.053 -0.659091,-0.1818 -0.163353,-0.1289 -0.264759,-0.3386 -0.318182,-0.6136 l -0.886363,0.068 c 0.05959,0.4665 0.239298,0.8244 0.545454,1.0681 0.306155,0.2438 0.724236,0.3637 1.295455,0.3637 0.392453,0 0.73699,-0.035 1,-0.1364 0.263003,-0.1014 0.469801,-0.2686 0.613636,-0.4773 0.143823,-0.2086 0.204541,-0.4201 0.204546,-0.659 -5e-6,-0.2637 -0.06162,-0.5026 -0.181819,-0.6819 -0.120205,-0.1792 -0.287338,-0.3284 -0.5,-0.4318 -0.212668,-0.1033 -0.510724,-0.1987 -0.954545,-0.2954 -0.443826,-0.097 -0.748573,-0.1836 -0.863636,-0.2728 -0.09041,-0.07 -0.136365,-0.1513 -0.136364,-0.25 -1e-6,-0.1081 0.06252,-0.2082 0.159091,-0.2727 0.149994,-0.1005 0.3713,-0.1363 0.636363,-0.1364 0.256841,10e-5 0.439759,0.043 0.568182,0.1364 0.128419,0.094 0.210958,0.263 0.25,0.4773 l 0.931818,-0.046 c -0.01439,-0.3831 -0.19064,-0.7023 -0.477272,-0.9318 -0.286639,-0.2295 -0.705622,-0.3409 -1.272728,-0.3409 z m 4.59091,0 c -0.632862,0 -1.134383,0.2069 -1.522728,0.5909 -0.388345,0.3841 -0.590909,0.9195 -0.590909,1.6136 0,0.6563 0.204618,1.1671 0.590909,1.5455 0.38629,0.3784 0.85456,0.5682 1.454546,0.5682 0.484915,0 0.889139,-0.097 1.204545,-0.3182 0.315398,-0.2209 0.523474,-0.5675 0.659091,-1.0227 l -0.886364,-0.25 c -0.07603,0.3053 -0.188986,0.5168 -0.363636,0.6591 -0.174655,0.1422 -0.37118,0.2045 -0.613636,0.2045 -0.328761,0 -0.589983,-0.094 -0.795455,-0.3182 -0.205475,-0.2238 -0.318183,-0.6091 -0.318182,-1.1363 -1e-6,-0.4969 0.109624,-0.8463 0.318182,-1.0682 0.208554,-0.2219 0.483257,-0.3409 0.818182,-0.3409 0.242456,0 0.444119,0.057 0.613636,0.1818 0.169514,0.1252 0.264755,0.3065 0.318182,0.5227 l 0.909091,-0.2045 c -0.102741,-0.3338 -0.271802,-0.5945 -0.477273,-0.7728 -0.345199,-0.3015 -0.765459,-0.4545 -1.318181,-0.4545 z m -3.659091,8.1136 c 0.01712,0.127 0.05896,0.2308 0.136363,0.3182 0.561624,0.6346 2.111849,0.6455 2.659091,0 0.0732,-0.086 0.09968,-0.1961 0.113637,-0.3182 0.979074,0.1291 1.636363,0.3885 1.636363,0.6819 0,0.4236 -1.376853,0.75 -3.090909,0.75 -1.714056,0 -3.113636,-0.3264 -3.113636,-0.75 0,-0.2934 0.680017,-0.5528 1.659091,-0.6819 z"
+           id="rect5513"
+           style="fill:#649be6;fill-opacity:1;stroke:none" />
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3921381,0,0,1.3921381,-0.1371048,0.09814145)"
+         id="text3454"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+  <g
+     id="text3099"
+     style="font-size:12.77633667px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans" />
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/host.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/host.svg
new file mode 100644
index 00000000..d8a2420e
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/host.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<path fill="#FFFFFF" stroke="#649BE6" stroke-miterlimit="10" d="M17.826,20.546c0,0.526-0.447,0.954-1,0.954H6.719
+	c-0.552,0-1-0.428-1-0.954V1.455c0-0.527,0.448-0.955,1-0.955h10.107c0.553,0,1,0.427,1,0.955V20.546z"/>
+<rect x="7.78" y="3.429" fill="#649BE6" width="7.986" height="1"/>
+<rect x="7.78" y="5.054" fill="#649BE6" width="7.986" height="1"/>
+<rect x="7.78" y="6.804" fill="#649BE6" width="7.986" height="1"/>
+<path fill="#649BE6" d="M14.96,18.938c0,0.381-0.308,0.688-0.688,0.688h-5c-0.38,0-0.688-0.308-0.688-0.688l0,0
+	c0-0.379,0.308-0.688,0.688-0.688h5C14.652,18.25,14.96,18.559,14.96,18.938L14.96,18.938z"/>
+<circle fill="#649BE6" cx="11.771" cy="12.5" r="1"/>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-Virtual network.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-Virtual network.svg
new file mode 100644
index 00000000..138e1496
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-Virtual network.svg
@@ -0,0 +1,186 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <path
+       d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 11,2 14.71875,5.71875 11,9.4375 7.28125,5.71875 11,2 z M 5.71875,7.1875 9.4375,10.90625 5.71875,14.625 2,10.90625 5.71875,7.1875 z m 10.5625,0 L 20,10.90625 16.28125,14.625 12.5625,10.90625 16.28125,7.1875 z M 11,12.5625 14.71875,16.28125 11,20 7.28125,16.28125 11,12.5625 z"
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)"
+       id="g22144">
+      <g
+         id="text12320"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.1250848,0,0,1.1285478,1.9999998,1032.3054)"
+       id="layer1-3-4" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-bind.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-bind.svg
new file mode 100644
index 00000000..5262e748
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-bind.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g3290">
+    <path
+       d="m 0.56350258,1.4915125 19.42411142,0 L 22,3.9486836 l 0,14.4759074 -4.533414,3.575397 -14.5454031,0 -2.26105213,-3.2614 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+       id="layer1"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="m 2.0625,-0.0625 c -1.10799996,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200004,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m -0.28125,1.40625 3.53125,0 c 0.6990338,0 1.2190013,0.035139 1.5625,0.09375 0.3434873,0.058611 0.6350641,0.158963 0.90625,0.34375 0.2711729,0.1849498 0.5067067,0.4426186 0.6875,0.75 C 8.6495287,2.8384686 8.7499919,3.1807154 8.75,3.5625 8.7499919,3.976195 8.6292139,4.3420215 8.40625,4.6875 8.1832731,5.0329785 7.8816528,5.2960108 7.5,5.46875 8.0383326,5.6250456 8.4607342,5.9035356 8.75,6.28125 9.0392495,6.6589644 9.1874919,7.1147599 9.1875,7.625 9.1874919,8.02681 9.0930493,8.4015819 8.90625,8.78125 8.7194311,9.1609181 8.4483985,9.4605457 8.125,9.6875 7.8015869,9.9146171 7.4115544,10.072739 6.9375,10.125 6.6402013,10.157562 5.91819,10.14811 4.78125,10.15625 l -3,0 0,-8.8125 z m 1.78125,1.46875 0,2.03125 1.15625,0 c 0.695019,0 1.143761,-0.016597 1.3125,-0.03125 C 6.3365719,4.7766823 6.5752354,4.6748557 6.75,4.5 6.9247548,4.3253071 6.9999935,4.0977395 7,3.8125 6.9999935,3.5393083 6.9319011,3.3270355 6.78125,3.15625 6.6305875,2.9854645 6.3910373,2.8798934 6.09375,2.84375 5.9169764,2.824213 5.4333978,2.8125 4.59375,2.8125 l -1.03125,0 z m 0,3.5 0,2.375 1.65625,0 C 5.8615402,8.6875 6.2647429,8.660818 6.4375,8.625 6.7026474,8.576158 6.9270184,8.4681535 7.09375,8.28125 7.2604686,8.0945093 7.3437435,7.8446553 7.34375,7.53125 7.3437435,7.2660358 7.2535466,7.028537 7.125,6.84375 6.9964306,6.658963 6.8368011,6.5219973 6.59375,6.4375 6.3506875,6.3528399 5.8115244,6.3125 5,6.3125 l -1.4375,0 z m 12.5,3.6875 -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 l 0,-3.9375 z"
+         transform="translate(0,1036.3622)"
+         id="rect5513"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         transform="matrix(1.6280795,0,0,1.6280795,-33.77627,-653.55881)"
+         id="text5587"
+         style="font-size:7.58050871px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-dns.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-dns.svg
new file mode 100644
index 00000000..f2ffda96
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-dns.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g3345">
+    <path
+       d="m 0.5635033,1.4915122 19.4241107,0 L 22,3.9486832 l 0,14.4759078 -4.533414,3.575397 -14.5454024,0 -2.2610521,-3.2614 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+       id="layer1"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="m 2.0625,-0.0625 c -1.10799991,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200009,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m 11,2.25 c 0.643064,0 1.143718,0.1810524 1.46875,0.53125 0.325024,0.3501976 0.483686,0.7903714 0.5,1.375 L 14,4.15625 C 13.95573,3.8292013 13.864369,3.6120121 13.71875,3.46875 13.573126,3.3254879 13.353741,3.2500111 13.0625,3.25 12.761934,3.2500111 12.545085,3.315334 12.375,3.46875 12.265491,3.567163 12.187498,3.7100379 12.1875,3.875 c -2e-6,0.1505066 0.05373,0.2679156 0.15625,0.375 0.130476,0.1360288 0.465479,0.2898912 0.96875,0.4375 0.503266,0.1476088 0.852596,0.2797712 1.09375,0.4375 0.241146,0.1577399 0.426194,0.3827435 0.5625,0.65625 0.136298,0.2735065 0.218746,0.6289591 0.21875,1.03125 -4e-6,0.3646754 -0.0869,0.6816335 -0.25,1 -0.163101,0.3183665 -0.38927,0.5639078 -0.6875,0.71875 -0.298237,0.1548422 -0.679982,0.25 -1.125,0.25 -0.647728,0 -1.121589,-0.1905913 -1.46875,-0.5625 -0.347163,-0.3719087 -0.557432,-0.9130136 -0.625,-1.625 l 1,-0.125 c 0.06058,0.4196553 0.189767,0.7094345 0.375,0.90625 0.185229,0.1968043 0.435454,0.3125 0.75,0.3125 0.33318,0 0.581076,-0.1060899 0.75,-0.28125 0.168918,-0.1751044 0.249996,-0.359319 0.25,-0.59375 -4e-6,-0.1505066 -0.05393,-0.3006034 -0.125,-0.40625 C 13.96018,6.3005922 13.864573,6.2344011 13.6875,6.15625 13.56634,6.1042013 13.274789,6.0081422 12.84375,5.875 12.28922,5.7042423 11.911175,5.4988976 11.6875,5.25 11.372956,4.8997913 11.21875,4.472352 11.21875,3.96875 c 0,-0.324151 0.0708,-0.6240612 0.21875,-0.90625 0.147951,-0.2821776 0.34657,-0.5086412 0.625,-0.65625 0.278427,-0.1475977 0.606237,-0.21875 1,-0.21875 z m -12.125,0.09375 1.875,0 c 0.4263783,0 0.7763215,0.044018 1,0.125 0.30056,0.1100045 0.5356406,0.3130101 0.75,0.59375 0.2143511,0.2807399 0.3881578,0.6246124 0.5,1.03125 0.1118329,0.4066376 0.1562452,0.9037914 0.15625,1.5 C 5.2187452,6.0551031 5.1673434,6.495858 5.0625,6.875 4.9343481,7.3380776 4.7689006,7.7134646 4.53125,8 4.3518398,8.2170666 4.1177199,8.4096878 3.8125,8.53125 3.5841616,8.62097 3.2571092,8.65625 2.875,8.65625 l -1.9375,0 0,-6.375 z m 5.1875,0 1,0 2.09375,4.25 0,-4.25 0.96875,0 0,6.375 -1.03125,0 L 7.09375,4.5 l 0,4.15625 -0.96875,0 0,-6.375 z M 1.96875,3.375 l 0,4.21875 0.78125,0 c 0.2889113,0 0.4968499,-0.022042 0.625,-0.0625 C 3.5427534,7.4792013 3.6705741,7.3744488 3.78125,7.25 3.8919193,7.1255512 3.9925979,6.9413254 4.0625,6.65625 4.1323947,6.3711635 4.1562463,5.960772 4.15625,5.46875 4.1562463,4.9767391 4.1323951,4.6071254 4.0625,4.34375 3.9925981,4.0803857 3.8758139,3.8663588 3.75,3.71875 3.6241795,3.5711523 3.474633,3.4896044 3.28125,3.4375 3.1367904,3.396931 2.8592187,3.375 2.4375,3.375 l -0.46875,0 z M 16.0625,10 l -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 l 0,-3.9375 z"
+         transform="translate(0,1036.3622)"
+         id="rect5513"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-ems.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-ems.svg
new file mode 100644
index 00000000..6c674c83
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-ems.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.2336999,0,0,1.5324837,39.905588,-1425.8443)"
+     id="text5639-4"
+     style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <g
+     id="g3487">
+    <path
+       d="m 0.563503,1.4915117 19.424111,0 L 22,3.9486825 l 0,14.4759085 -4.533414,3.575397 -14.545403,0 -2.261052,-3.2614 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,1.25e-5)"
+       id="g3529">
+      <g
+         transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+         id="layer1"
+         style="fill:#649be6;fill-opacity:1">
+        <path
+           d="m 2.0625,-0.0625 c -1.10799991,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200009,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 z m 14,10.0625 -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 z"
+           transform="translate(0,1036.3622)"
+           id="rect5513"
+           style="fill:#649be6;fill-opacity:1;stroke:none" />
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3921381,0,0,1.3921381,-0.1371048,0.09814145)"
+         id="text3454"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold">
+        <path
+           d="m 12.75,2.6875 c -0.357586,4.7e-6 -0.684653,0.048345 -0.9375,0.15625 C 11.559651,2.9516647 11.384358,3.1062055 11.25,3.3125 11.115641,3.5188027 11.03125,3.7630245 11.03125,4 c 0,0.3681671 0.151855,0.6814806 0.4375,0.9375 0.203124,0.1819685 0.558918,0.3126649 1.0625,0.4375 0.391436,0.097333 0.639972,0.1806659 0.75,0.21875 0.160805,0.057131 0.27921,0.1102717 0.34375,0.1875 0.06453,0.077231 0.09375,0.1712254 0.09375,0.28125 C 13.718746,6.2338879 13.6534,6.40324 13.5,6.53125 13.346596,6.6592616 13.115069,6.7187508 12.8125,6.71875 12.526854,6.7187508 12.293211,6.643881 12.125,6.5 11.956786,6.3561209 11.83626,6.1193047 11.78125,5.8125 L 10.875,5.90625 c 0.06136,0.5205088 0.247233,0.9156093 0.5625,1.1875 0.315266,0.2718913 0.755532,0.4062499 1.34375,0.40625 0.404131,-1e-7 0.760413,-0.04305 1.03125,-0.15625 0.27083,-0.1131997 0.476884,-0.2985023 0.625,-0.53125 0.148108,-0.2327466 0.218746,-0.4833973 0.21875,-0.75 -4e-6,-0.2941064 -0.06372,-0.550047 -0.1875,-0.75 -0.123783,-0.1999489 -0.28101,-0.3534318 -0.5,-0.46875 C 13.749752,4.7284369 13.394529,4.639163 12.9375,4.53125 12.480467,4.4233429 12.180988,4.3182 12.0625,4.21875 11.9694,4.140466 11.937498,4.0475295 11.9375,3.9375 c -2e-6,-0.1206018 0.0568,-0.240556 0.15625,-0.3125 0.154458,-0.1121379 0.352049,-0.156246 0.625,-0.15625 0.264483,4e-6 0.461504,0.051518 0.59375,0.15625 0.13224,0.10474 0.241045,0.2921582 0.28125,0.53125 l 0.9375,-0.0625 C 14.516435,3.6663449 14.357662,3.3185262 14.0625,3.0625 13.767331,2.8064825 13.333982,2.6875047 12.75,2.6875 z m -11.40625,0.09375 0,4.65625 3.53125,0 0,-0.8125 -2.59375,0 0,-1.25 2.34375,0 0,-0.78125 -2.34375,0 0,-1.03125 2.5,0 0,-0.78125 -3.4375,0 z m 4.34375,0 0,4.65625 0.875,0 0,-3.6875 0.90625,3.6875 0.90625,0 0.90625,-3.6875 0,3.6875 0.875,0 0,-4.65625 -1.40625,0 -0.8125,3.15625 -0.84375,-3.15625 -1.40625,0 z"
+           id="path3459"
+           style="font-size:6.5px" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-mediator.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-mediator.svg
new file mode 100644
index 00000000..a532fb4a
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-mediator.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g6607">
+    <path
+       d="m 0.563503,1.4915112 19.424111,0 L 22,3.948682 l 0,14.475909 -4.533414,3.575397 -14.545403,0 -2.261052,-3.2614 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,1.25e-5)"
+       id="g3561">
+      <g
+         id="g3529">
+        <g
+           transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+           id="layer1"
+           style="fill:#649be6;fill-opacity:1">
+          <path
+             d="m 2.0625,-0.0625 c -1.10799991,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200009,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 z m 14,10.0625 -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 z"
+             transform="translate(0,1036.3622)"
+             id="rect5513"
+             style="fill:#649be6;fill-opacity:1;stroke:none" />
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.3921381,0,0,1.3921381,-0.1371048,0.09814145)"
+           id="text3454"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <text
+         x="2.9483745"
+         y="11.366343"
+         id="text3536"
+         xml:space="preserve"
+         style="font-size:10.580513px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"><tspan
+           x="2.9483745"
+           y="11.366343"
+           id="tspan3538">ME</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-netnumen.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-netnumen.svg
new file mode 100644
index 00000000..da4ba27e
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-netnumen.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g3702">
+    <path
+       d="m 0.563503,1.4915106 19.424111,0 L 22,3.9486814 l 0,14.4759096 -4.533414,3.575397 -14.545403,0 -2.261052,-3.2614 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+       id="layer1"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="m 2.0625,-0.0625 c -1.10799996,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200004,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m -0.28125,1.28125 1.75,0 3.65625,5.9375 0,-5.9375 1.65625,0 0,8.90625 -1.8125,0 -3.59375,-5.8125 0,5.8125 -1.65625,0 0,-8.90625 z M 16.0625,10 l -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 l 0,-3.9375 z"
+         transform="translate(0,1036.3622)"
+         id="rect5513"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         id="text5639"
+         style="font-size:12.46147919px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-ntp.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-ntp.svg
new file mode 100644
index 00000000..ff056bff
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-ntp.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g3757">
+    <g
+       id="g3763">
+      <path
+         d="m 0.5635025,1.491474 19.4241115,0 L 22,3.9486448 l 0,14.4759082 -4.533415,3.575397 -14.5454025,0 -2.261052,-3.2614 z"
+         id="rect3155"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+         id="layer1"
+         style="fill:#649be6;fill-opacity:1">
+        <path
+           d="m 2.0625,-0.0625 c -1.10799996,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200004,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m -1.09375,2.34375 1.0625,0 2.21875,4.25 0,-4.25 1,0 0,6.375 -1.09375,0 L 1.96875,4.5 l 0,4.15625 -1,0 0,-6.375 z m 5.0625,0 4.28125,0 0,1.09375 -1.59375,0 0,5.28125 -1.09375,0 0,-5.28125 -1.59375,0 0,-1.09375 z m 5,0 1.75,0 c 0.66306,1.09e-5 1.079872,0.030025 1.28125,0.09375 0.309425,0.095533 0.572504,0.3051921 0.78125,0.625 0.208737,0.3198188 0.312494,0.7435117 0.3125,1.25 -6e-6,0.3907304 -0.06717,0.702484 -0.1875,0.96875 C 14.848411,5.485016 14.716657,5.7230481 14.53125,5.875 14.345834,6.0269411 14.129048,6.1070504 13.9375,6.15625 13.677184,6.2170438 13.30611,6.25 12.8125,6.25 l -0.6875,0 0,2.40625 -1.09375,0 0,-6.375 z M 12.125,3.375 l 0,1.8125 0.59375,0 c 0.42976,0 0.698855,-0.058344 0.84375,-0.125 0.144888,-0.066548 0.261478,-0.1706768 0.34375,-0.3125 0.08227,-0.1418124 0.124996,-0.3118758 0.125,-0.5 -4e-6,-0.2315375 -0.07208,-0.4120028 -0.1875,-0.5625 C 13.728325,3.5370028 13.583063,3.443877 13.40625,3.40625 13.27609,3.3773729 13.017923,3.375 12.625,3.375 l -0.5,0 z m 3.9375,6.625 -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 l 0,-3.9375 z"
+           transform="translate(0,1036.3622)"
+           id="rect5513"
+           style="fill:#649be6;fill-opacity:1;stroke:none" />
+        <g
+           transform="scale(0.92114662,1.0856035)"
+           id="text5639"
+           style="font-size:8.18998528px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-ota.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-ota.svg
new file mode 100644
index 00000000..d9a18be5
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-ota.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g3869">
+    <path
+       d="m 0.5635023,1.4915237 19.4241117,0 L 22,3.9486945 22,18.424603 17.466585,22 2.921183,22 0.6601303,18.7386 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+       id="layer1"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="m 2.0625,-0.0625 c -1.10799991,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200009,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m 1.15625,2.25 c 0.7549006,0 1.3593203,0.2932692 1.8125,0.875 C 5.4844204,3.6442531 5.6874947,4.4326127 5.6875,5.46875 5.6874947,6.4962051 5.4809254,7.3259569 5.03125,7.90625 4.5815653,8.4865431 3.9713207,8.75 3.21875,8.75 2.456854,8.75 1.8559291,8.4836564 1.40625,7.90625 0.9565689,7.3288547 0.71874969,6.5129884 0.71875,5.5 0.71874969,4.8516981 0.81264294,4.3149287 0.96875,3.875 1.0852469,3.5508602 1.2359584,3.257591 1.4375,3 1.6390395,2.742409 1.8537636,2.56196 2.09375,2.4375 c 0.3192013,-0.1678599 0.7079364,-0.25 1.125,-0.25 z m 2.90625,0.09375 4.09375,0 0,1.09375 -1.53125,0 0,5.28125 -1.03125,0 0,-5.28125 -1.53125,0 0,-1.09375 z m 6.21875,0 1.09375,0 2.0625,6.375 -1.125,0 -0.4375,-1.4375 -2.0625,0 -0.40625,1.4375 -1.125,0 2,-6.375 z m -9.125,1 C 2.7923665,3.2812611 2.4484525,3.4492846 2.1875,3.8125 1.926544,4.1757376 1.7812487,4.7365126 1.78125,5.46875 c -1.3e-6,0.7206686 0.1383041,1.2531024 0.40625,1.625 0.2679423,0.3719199 0.6188463,0.5625 1.03125,0.5625 0.4123982,0 0.735547,-0.1622391 1,-0.53125 C 4.4831953,6.7559891 4.6249958,6.175533 4.625,5.4375 4.6249958,4.7081604 4.5074556,4.171391 4.25,3.8125 3.9925369,3.4536202 3.6451278,3.2812611 3.21875,3.28125 z m 9.65625,0.5 -0.6875,2.34375 1.40625,0 L 12.875,3.78125 z M 16.0625,10 l -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 l 0,-3.9375 z"
+         transform="translate(0,1036.3622)"
+         id="rect5513"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-tomcat.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-tomcat.svg
new file mode 100644
index 00000000..4d46f3c0
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-tomcat.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.2927463,0,0,1.4624873,-0.0859375,-1424.9121)"
+     id="text5639"
+     style="font-size:9.64237309px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <g
+     id="g3955">
+    <path
+       d="m 0.5635014,1.4915235 19.4241126,0 L 22,3.948694 22,18.424603 17.466585,22 2.9211824,22 0.6601294,18.7386 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="m 2.75,1.3e-6 c -1.5234999,0 -2.75,1.2265 -2.75,2.75 L 0,19.25 C 0,20.773501 1.2265001,22 2.75,22 L 11.730469,22 22,11.687501 22,2.7500013 c 0,-1.5235 -1.2265,-2.75 -2.75,-2.75 l -16.5,0 z m 10.054688,3.09375 c 1.091505,1.46e-5 1.982369,0.3443499 2.664062,1.0742187 0.405758,0.4315069 0.699453,1.0827178 0.902344,1.890625 L 14.609375,6.5312513 C 14.503874,6.0079442 14.299596,5.588141 13.964844,5.2851575 13.630082,4.9822032 13.197549,4.8125159 12.71875,4.8125013 c -0.661403,1.46e-5 -1.177994,0.279337 -1.589844,0.8164062 -0.411855,0.5370838 -0.644533,1.4184027 -0.644531,2.6210935 -2e-6,1.276152 0.238762,2.165355 0.644531,2.707031 0.405763,0.541661 0.897645,0.816406 1.546875,0.816406 0.4788,0 0.901187,-0.171341 1.246094,-0.515625 0.344894,-0.344284 0.580328,-0.893759 0.730469,-1.632812 l 1.761718,0.644531 c -0.267812,1.101706 -0.709189,1.914431 -1.332031,2.449219 -0.622858,0.534787 -1.405679,0.816406 -2.363281,0.816406 -1.184841,0 -2.159037,-0.459205 -2.9218754,-1.375 -0.762841,-0.915795 -1.160157,-2.192945 -1.160156,-3.781249 -10e-7,-1.6800912 0.393257,-2.9805852 1.160156,-3.9101567 0.7668964,-0.9295569 1.7580494,-1.3749854 3.0078134,-1.375 z M 0.6875,3.2656263 l 7.0898436,0 0,1.71875 -2.621094,0 0,8.3789057 -1.8046871,0 0,-8.3789057 -2.6640625,0 0,-1.71875 z M 22,13.835938 13.835938,22 19.25,22 C 20.7735,22 22,20.773501 22,19.25 l 0,-5.414062 z"
+       id="rect5513"
+       style="fill:#649be6;fill-opacity:1;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-trend.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-trend.svg
new file mode 100644
index 00000000..c2fcf101
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-trend.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g4041">
+    <path
+       d="m 0.563501,1.4915112 19.424113,0 L 22,3.9486817 l 0,14.4759093 -4.533415,3.575397 -14.545403,0 -2.261053,-3.2614 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+       id="layer1"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="m 2.0625,-0.0625 c -1.10799991,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200009,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m -1.5,2.375 5.15625,0 0,1.25 -1.90625,0 0,6.09375 -1.3125,0 0,-6.09375 -1.9375,0 0,-1.25 z m 6,0 1.96875,0 1.15625,5 1.1875,-5 1.96875,0 0,7.34375 -1.21875,0 0,-5.78125 -1.3125,5.78125 -1.25,0 -1.28125,-5.78125 0,5.78125 -1.21875,0 0,-7.34375 z m 9.5,7.6875 -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 l 0,-3.9375 z"
+         transform="translate(0,1036.3622)"
+         id="rect5513"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         transform="scale(0.94017912,1.0636271)"
+         id="text5639"
+         style="font-size:9.64237309px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-tsm.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-tsm.svg
new file mode 100644
index 00000000..1a7085e7
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-tsm.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.2927463,0,0,1.4624873,26.947961,-1428.268)"
+     id="text5639-6"
+     style="font-size:9.64237309px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <g
+     id="g4126">
+    <path
+       d="m 0.5635008,1.4915114 19.4241132,0 L 22,3.9486819 l 0,14.4759091 -4.533415,3.575397 -14.5454032,0 -2.261053,-3.2614 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+       id="layer1"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="m 2.0625,-0.0625 c -1.10799991,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200009,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m 5.03125,2.25 c 0.6430635,0 1.1437183,0.1810524 1.46875,0.53125 0.325024,0.3501976 0.4836864,0.7903714 0.5,1.375 L 8.03125,4.15625 C 7.9869777,3.8292013 7.8956188,3.6120121 7.75,3.46875 7.6043752,3.3254879 7.3849913,3.2500111 7.09375,3.25 6.7931843,3.2500111 6.5450847,3.3153344 6.375,3.46875 6.2654908,3.5671633 6.2187486,3.7100379 6.21875,3.875 6.2187486,4.0255066 6.2724805,4.1429156 6.375,4.25 6.5054755,4.3860288 6.8404786,4.5398912 7.34375,4.6875 7.8470164,4.8351088 8.1963467,4.9672712 8.4375,5.125 8.6786461,5.2827399 8.8636938,5.5077435 9,5.78125 9.1362983,6.0547565 9.2187455,6.4102091 9.21875,6.8125 c -4.5e-6,0.3646754 -0.086905,0.6816335 -0.25,1 -0.1631005,0.3183665 -0.3892701,0.5639078 -0.6875,0.71875 -0.2982369,0.1548422 -0.6799822,0.25 -1.125,0.25 -0.6477281,0 -1.1215886,-0.1905913 -1.46875,-0.5625 C 5.3403368,7.8468413 5.1300683,7.3057364 5.0625,6.59375 l 1,-0.125 c 0.060577,0.4196553 0.1897675,0.7094345 0.375,0.90625 0.1852293,0.1968043 0.4354545,0.3125 0.75,0.3125 0.3331803,0 0.5810755,-0.1060899 0.75,-0.28125 C 8.1064181,7.2311456 8.1874967,7.046931 8.1875,6.8125 8.1874967,6.6619934 8.1335602,6.5118966 8.0625,6.40625 7.9914335,6.3005922 7.8958233,6.2344011 7.71875,6.15625 7.5975898,6.1042013 7.3060384,6.0081422 6.875,5.875 6.3204701,5.7042423 5.9424242,5.4988976 5.71875,5.25 5.4042061,4.8997913 5.2499996,4.472352 5.25,3.96875 5.2499996,3.644599 5.3207975,3.3446888 5.46875,3.0625 5.6167011,2.7803224 5.8153198,2.5538588 6.09375,2.40625 6.3721776,2.2586523 6.6999864,2.1875 7.09375,2.1875 z m -6.53125,0.09375 4.09375,0 0,1.09375 -1.53125,0 0,5.28125 -1.03125,0 0,-5.28125 -1.53125,0 0,-1.09375 z m 9.53125,0 1.53125,0 0.9375,4.34375 0.90625,-4.34375 1.5625,0 0,6.375 -0.96875,0 0,-5 -1,5 -1,0 -1.03125,-5 0,5 -0.9375,0 0,-6.375 z M 16.0625,10 l -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 l 0,-3.9375 z"
+         transform="translate(0,1036.3622)"
+         id="rect5513"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-weblogic.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-weblogic.svg
new file mode 100644
index 00000000..9738a085
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app-weblogic.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g4208">
+    <path
+       d="m 0.5635008,1.4915108 19.4241132,0 L 22,3.9486813 l 0,14.4759097 -4.533415,3.575397 -14.5454032,0 -2.261053,-3.2614 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+       id="layer1"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="m 2.0625,-0.0625 c -1.10799991,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200009,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 l -12,0 z m -1.625,2.34375 1.0625,0 0.78125,4.375 0.9375,-4.375 1.21875,0 L 5.34375,6.75 6.125,2.28125 l 1.03125,0 -1.21875,6.375 -1.125,0 -1,-4.75 -1.03125,4.75 -1.125,0 -1.21875,-6.375 z m 7.28125,0.0625 1.03125,0 0,5.25 2.5625,0 0,1.0625 -3.59375,0 0,-6.3125 z M 16.0625,10 l -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 l 0,-3.9375 z"
+         transform="translate(0,1036.3622)"
+         id="rect5513"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app.svg
new file mode 100644
index 00000000..0c5952c4
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-app.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,6)"
+     id="text7462"
+     style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <g
+     id="g3192">
+    <path
+       d="m 2.9211827,1.4915136 17.0664313,0 C 21.87426,1.3871367 21.423866,1.8932247 22,3.9486847 l 0,14.4759063 c -2.85343,0.458037 -3.186403,1.268606 -4.533414,3.575397 l -14.5454033,0 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.375,0,0,1.375,-0.0859375,-1424.9121)"
+       id="layer1"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="m 2.0625,-0.0625 c -1.10799996,0 -2,0.892 -2,2 l 0,12 c 0,1.108 0.89200004,2 2,2 l 6.53125,0 7.46875,-7.5 0,-6.5 c 0,-1.108 -0.892,-2 -2,-2 l -4.96875,0 -4.625,0 -2.40625,0 z m 6,1.25 c 3.184248,0 5.78125,2.5970024 5.78125,5.78125 0,3.184247 -2.597002,5.8125 -5.78125,5.8125 -3.1842476,0 -5.78125,-2.628253 -5.78125,-5.8125 0,-3.1842476 2.5970024,-5.78125 5.78125,-5.78125 z m 0,1.65625 c -2.3011154,0 -4.15625,1.8238846 -4.15625,4.125 0,2.3011152 1.8551346,4.15625 4.15625,4.15625 2.301116,0 4.15625,-1.8551348 4.15625,-4.15625 0,-2.3011154 -1.855134,-4.125 -4.15625,-4.125 z m -0.5625,1.625 1.0625,0 2,5.03125 -1.09375,0 -0.4375,-1.15625 -2,0 L 6.625,9.5 5.5625,9.5 7.5,4.46875 z M 8.03125,5.65625 7.34375,7.5 l 1.375,0 -0.6875,-1.84375 z M 16.0625,10 l -5.9375,5.9375 3.9375,0 c 1.108,0 2,-0.892 2,-2 l 0,-3.9375 z"
+         transform="translate(0,1036.3622)"
+         id="rect5513"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         transform="matrix(1.6280795,0,0,1.6280795,-33.77627,-653.55881)"
+         id="text5587"
+         style="font-size:7.58050871px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-hacmp.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-hacmp.svg
new file mode 100644
index 00000000..7fa5ed78
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-hacmp.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.375,0,0,1.3748969,0,-1424.9754)"
+     id="layer1"
+     style="fill:#649be6;fill-opacity:1">
+    <g
+       transform="scale(0.89723629,1.1145336)"
+       id="text5639"
+       style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <path
+       d="m 1.34375,1036.4235 0,1.2607 4.1967567,0 0,5.0428 2.1936712,0 0,1.4547 -3.2654279,0 0,-5.3984 -4.46875,0 0,13.6414 4.46875,0 0,-6.0772 3.2654279,0 0,0.5495 4.4687501,0 0,-8.1137 -4.4687501,0 0,2.683 -1.2561712,0 0,-5.0428 z m 7.7341779,0 0,1.2607 4.1080221,0 0,9.2128 0.9375,0 0,-10.4735 z m -2.4216779,11.0953 -1.90625,4.5503 1.0625,0 0.375,-1.0991 1.9375,0 0.4375,1.0991 1.0625,0 -1.9375,-4.5503 z m 3.4375,0 0,4.5503 1,0 0,-4.5503 z m 1.5625,0 1.5,2.0289 -1.625,2.5214 1.15625,0 1.0625,-1.6809 1.09375,1.6809 1.15625,0 -1.65625,-2.489 1.53125,-2.0613 -1.15625,0 -0.9375,1.2854 -0.96875,-1.2854 z m -4.5,0.8652 0.65625,1.7779 -1.3125,0 z"
+       id="rect6001"
+       style="fill:#649be6;fill-opacity:1;stroke:none" />
+    <g
+       transform="scale(1.0195853,0.98079088)"
+       id="text6068"
+       style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-nec.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-nec.svg
new file mode 100644
index 00000000..9b180194
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-nec.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.375,0,0,1.375,0,-1425.084)"
+     id="layer1"
+     style="fill:#649be6;fill-opacity:1">
+    <g
+       transform="scale(0.89723629,1.1145336)"
+       id="text5639"
+       style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <path
+       d="m 1.34375,0.0625 0,1.25 4.1875,0 0,5.0625 2.1875,0 0,1.4375 -3.25,0 0,-5.40625 -4.46875,0 0,13.65625 4.46875,0 0,-6.0625 3.25,0 0,0.53125 4.46875,0 0,-8.125 -4.46875,0 0,2.6875 -1.25,0 0,-5.03125 -5.125,0 z m 7.71875,0 0,1.25 4.125,0 0,9.21875 0.9375,0 0,-10.46875 -5.0625,0 z M 14.4375,11 c -0.539262,0 -0.950342,0.23425 -1.28125,0.65625 -0.33091,0.4221 -0.500001,0.9872 -0.5,1.75 -10e-7,0.7212 0.17084,1.30295 0.5,1.71875 0.329158,0.4158 0.738753,0.625 1.25,0.625 0.413197,0 0.762493,-0.1321 1.03125,-0.375 0.268752,-0.2428 0.446941,-0.59355 0.5625,-1.09375 l -0.75,-0.3125 c -0.06478,0.3356 -0.163681,0.5937 -0.3125,0.75 -0.148825,0.1565 -0.324653,0.25 -0.53125,0.25 -0.280137,0 -0.512418,-0.1291 -0.6875,-0.375 -0.175087,-0.2459 -0.281251,-0.6706 -0.28125,-1.25 -10e-7,-0.5461 0.103538,-0.9437 0.28125,-1.1875 0.177709,-0.2439 0.40211,-0.34375 0.6875,-0.34375 0.206597,0 0.386803,0.05 0.53125,0.1875 0.144441,0.1376 0.23573,0.3249 0.28125,0.5625 L 16,12.34375 C 15.912454,11.97695 15.768831,11.6959 15.59375,11.5 15.299605,11.1686 14.908474,11 14.4375,11 z m -9.125,0.09375 0,4.5625 0.71875,0 0,-2.96875 1.5625,2.96875 0.78125,0 0,-4.5625 -0.71875,0 0,3.0625 -1.59375,-3.0625 -0.75,0 z m 3.875,0 0,4.5625 2.9375,0 0,-0.75 -2.15625,0 0,-1.25 1.9375,0 0,-0.78125 -1.9375,0 0,-1 2.09375,0 0,-0.78125 -2.875,0 z"
+       transform="translate(0,1036.3622)"
+       id="rect6001"
+       style="fill:#649be6;fill-opacity:1;stroke:none" />
+    <g
+       transform="scale(1.0195853,0.98079088)"
+       id="text6068"
+       style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-ns.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-ns.svg
new file mode 100644
index 00000000..bf731b2a
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-ns.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.4509338,0,0,1.375,0,-1425.0843)"
+     id="layer1"
+     style="fill:#649be6;fill-opacity:1">
+    <g
+       transform="scale(0.89723629,1.1145336)"
+       id="text5639"
+       style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <path
+       d="m 1.34375,0.0625 0,1.25 4.1875,0 0,5.0625 2.1875,0 0,1.4375 -3.25,0 0,-5.40625 -4.46875,0 0,13.65625 4.46875,0 0,-6.0625 3.25,0 0,0.53125 4.46875,0 0,-8.125 -4.46875,0 0,2.6875 -1.25,0 0,-5.03125 z m 7.71875,0 0,1.25 4.125,0 0,9.21875 0.9375,0 0,-10.46875 z m 4.318899,11.23814 c -0.33008,0 -0.610353,0.05625 -0.84375,0.15625 -0.233399,0.0996 -0.407227,0.2471 -0.53125,0.4375 -0.124025,0.1904 -0.1875,0.37505 -0.1875,0.59375 0,0.3399 0.142577,0.6387 0.40625,0.875 0.187499,0.168 0.503905,0.3223 0.96875,0.4375 0.361326,0.0895 0.617185,0.1525 0.71875,0.1875 0.148435,0.0527 0.25293,0.1165 0.3125,0.1875 0.05957,0.0713 0.0625,0.1485 0.0625,0.25 -3e-6,0.1582 -0.0459,0.28805 -0.1875,0.40625 -0.141604,0.1182 -0.376956,0.1875 -0.65625,0.1875 -0.263674,0 -0.469729,-0.08595 -0.625,-0.21875 -0.155275,-0.1328 -0.26172,-0.3418 -0.3125,-0.625 l -0.84375,0.09375 c 0.05664,0.4805 0.240234,0.84275 0.53125,1.09375 0.291014,0.251 0.70703,0.375 1.25,0.375 0.373045,0 0.687497,-0.05175 0.9375,-0.15625 0.249997,-0.1045 0.457028,-0.25395 0.59375,-0.46875 0.136718,-0.2148 0.187496,-0.4414 0.1875,-0.6875 -4e-6,-0.2715 -0.042,-0.5029 -0.15625,-0.6875 -0.114261,-0.1846 -0.297855,-0.3311 -0.5,-0.4375 -0.202151,-0.1065 -0.515628,-0.2125 -0.9375,-0.3125 -0.421877,-0.0996 -0.671877,-0.18925 -0.78125,-0.28125 -0.08594,-0.0723 -0.125002,-0.17975 -0.125,-0.28125 -2e-6,-0.1114 0.0332,-0.184 0.125,-0.25 0.142576,-0.1033 0.341795,-0.15625 0.59375,-0.15625 0.244138,0 0.440427,0.05925 0.5625,0.15625 0.122068,0.0967 0.18164,0.24805 0.21875,0.46875 l 0.875,-0.03125 c -0.01367,-0.3945 -0.165043,-0.73245 -0.4375,-0.96875 -0.272464,-0.2363 -0.67969,-0.34375 -1.21875,-0.34375 z m -6.7597922,-0.08942 0,4.3125 0.78125,0 0,-2.8125 1.75,2.8125 0.8750002,0 0,-4.3125 -0.8125002,0 0,2.875 -1.75,-2.875 z"
+       transform="translate(0,1036.3622)"
+       id="rect6001"
+       style="fill:#649be6;fill-opacity:1;stroke:none" />
+    <g
+       transform="scale(1.0195853,0.98079088)"
+       id="text6068"
+       style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text6125"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-sg.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-sg.svg
new file mode 100644
index 00000000..38a2e924
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-sg.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="scale(1.3845193,1.375)"
+     id="layer1"
+     style="fill:#649be6;fill-opacity:1">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3"
+       style="fill:#649be6;fill-opacity:1">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <path
+         d="m 1.34375,1036.4247 0,1.25 4.1875,0 0,5.0625 2.1875,0 0,1.4375 -3.25,0 0,-5.4062 -4.46875,0 0,13.6562 4.46875,0 0,-6.0625 3.25,0 0,0.5313 4.46875,0 0,-8.125 -4.46875,0 0,2.6875 -1.25,0 0,-5.0313 z m 7.71875,0 0,1.25 4.125,0 0,9.2188 0.9375,0 0,-10.4688 z m -1.5064653,11.4725 0,4.3125 0.875,0 0,-1.875 1.6875003,0 0,1.875 0.875,0 0,-4.3125 -0.875,0 0,1.6875 -1.6875003,0 0,-1.6875 z m 5.0527073,0 0,4.3125 0.875,0 0,-1.625 0.5625,0 c 0.392575,0 0.699216,-0.022 0.90625,-0.062 0.15234,-0.033 0.290036,-0.1162 0.4375,-0.2187 0.147457,-0.1026 0.27929,-0.2266 0.375,-0.4063 0.0957,-0.1796 0.124997,-0.3925 0.125,-0.6562 -3e-6,-0.3418 -0.08399,-0.628 -0.25,-0.8438 -0.166019,-0.2158 -0.347659,-0.3735 -0.59375,-0.4375 -0.160159,-0.042 -0.503909,-0.062 -1.03125,-0.062 z m 0.875,0.75 0.40625,0 c 0.312498,0 0.521482,0.011 0.625,0.031 0.140622,0.025 0.25195,0.086 0.34375,0.1875 0.0918,0.1016 0.156247,0.2188 0.15625,0.375 0,0.127 -0.02832,0.2477 -0.09375,0.3437 -0.06543,0.096 -0.166018,0.1425 -0.28125,0.1875 -0.115237,0.045 -0.345705,0.094 -0.6875,0.094 l -0.46875,0 z"
+         id="rect6001-0"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-vcs.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-vcs.svg
new file mode 100644
index 00000000..082b8f0f
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster-vcs.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-8" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="scale(1.375,1.375)"
+     id="layer1"
+     style="fill:#649be6;fill-opacity:1">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-7"
+       style="fill:#649be6;fill-opacity:1">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639-9"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068-3"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125-1"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <path
+         d="m 1.34375,0.0625 0,1.25 4.1875,0 0,5.0625 2.1875,0 0,1.4375 -3.25,0 0,-5.40625 -4.46875,0 0,13.65625 4.46875,0 0,-6.0625 3.25,0 0,0.53125 4.46875,0 0,-8.125 -4.46875,0 0,2.6875 -1.25,0 0,-5.03125 z m 7.71875,0 0,1.25 4.125,0 0,9.21875 0.9375,0 0,-10.46875 z m 1.71875,11.540281 c -0.544703,1.1e-5 -0.9782528,0.198244 -1.3125,0.59375 -0.3342492,0.395506 -0.5000003,0.941407 -0.5,1.65625 -3e-7,0.675781 0.1675193,1.204077 0.5,1.59375 0.332479,0.389673 0.764843,0.59375 1.28125,0.59375 0.417366,0 0.759781,-0.11623 1.03125,-0.34375 0.271463,-0.22752 0.445774,-0.562496 0.5625,-1.03125 l -0.75,-0.28125 c -0.06544,0.31445 -0.193429,0.540994 -0.34375,0.6875 -0.150326,0.14618 -0.322569,0.21875 -0.53125,0.21875 -0.282964,0 -0.51065,-0.113288 -0.6875,-0.34375 -0.1768571,-0.230462 -0.250001,-0.613282 -0.25,-1.15625 -10e-7,-0.511714 0.070496,-0.865232 0.25,-1.09375 0.179502,-0.228508 0.430481,-0.343739 0.71875,-0.34375 0.208682,1.1e-5 0.385344,0.0586 0.53125,0.1875 0.145899,0.128903 0.235261,0.308596 0.28125,0.53125 l 0.78125,-0.21875 c -0.08843,-0.343739 -0.229402,-0.597647 -0.40625,-0.78125 -0.297113,-0.310541 -0.680523,-0.468739 -1.15625,-0.46875 z m 3.59375,0 c -0.29888,1.1e-5 -0.538664,0.05663 -0.75,0.15625 -0.211338,0.09962 -0.3877,0.247067 -0.5,0.4375 -0.112299,0.190433 -0.15625,0.375005 -0.15625,0.59375 0,0.33984 0.105,0.638674 0.34375,0.875 0.169777,0.167965 0.485344,0.322258 0.90625,0.4375 0.327173,0.08986 0.533031,0.152295 0.625,0.1875 0.134405,0.05274 0.227306,0.116249 0.28125,0.1875 0.05394,0.07129 0.09375,0.148483 0.09375,0.25 -2e-6,0.158202 -0.09054,0.288024 -0.21875,0.40625 -0.12822,0.118331 -0.309605,0.1875 -0.5625,0.1875 -0.238751,0 -0.421904,-0.08592 -0.5625,-0.21875 -0.140598,-0.132771 -0.23527,-0.341793 -0.28125,-0.625 l -0.78125,0.09375 c 0.05129,0.480471 0.236491,0.842795 0.5,1.09375 0.263508,0.25106 0.633352,0.375 1.125,0.375 0.337784,0 0.617378,-0.05221 0.84375,-0.15625 0.226366,-0.104459 0.407451,-0.253946 0.53125,-0.46875 0.123795,-0.214804 0.187496,-0.4414 0.1875,-0.6875 -4e-6,-0.271479 -0.0528,-0.502931 -0.15625,-0.6875 -0.103461,-0.184569 -0.254462,-0.331054 -0.4375,-0.4375 -0.183044,-0.106446 -0.461753,-0.212875 -0.84375,-0.3125 -0.382,-0.0996 -0.619715,-0.189401 -0.71875,-0.28125 -0.07781,-0.07227 -0.125001,-0.179628 -0.125,-0.28125 -10e-7,-0.111322 0.04188,-0.183583 0.125,-0.25 0.129101,-0.103461 0.303111,-0.15625 0.53125,-0.15625 0.221062,0 0.389466,0.05957 0.5,0.15625 0.11053,0.09668 0.18515,0.248051 0.21875,0.46875 l 0.78125,-0.03125 c -0.01238,-0.394529 -0.128296,-0.732413 -0.375,-0.96875 -0.24671,-0.236316 -0.636893,-0.343739 -1.125,-0.34375 z m -9.3125,0.0625 1.40625,4.3125 0.84375,0 1.375,-4.3125 -0.8125,0 -0.96875,3.1875 -0.96875,-3.1875 z"
+         transform="translate(0,1036.3622)"
+         id="rect6001-0-9"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         transform="scale(0.9515661,1.0508991)"
+         id="text6194"
+         style="font-size:5.70939684px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster.svg
new file mode 100644
index 00000000..c63fc6b5
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-cluster.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.0004885,0,0,1,0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="scale(0.89723629,1.1145336)"
+       id="text5639"
+       style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(1.0195853,0.98079088)"
+       id="text6068"
+       style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.0004885,0,0,1,2.0434155,-1034.2663)"
+     id="layer1-5">
+    <g
+       transform="scale(0.89723629,1.1145336)"
+       id="text5639-1"
+       style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <path
+       d="m 1.8078413,1034.2663 0,3.6094 3.3368912,0 0,5.9727 2.8235234,0 0.8556131,0 0,2.1054 -5.0481175,0 0,-6.6172 -5.8181693,0 0,16.8868 5.8181693,0 0,-7.3047 5.0481175,0 0,7.2617 5.86095,0 0,-16.8438 -5.86095,0 0,1.5469 -0.8556131,0 0,-6.6172 -6.1604146,0 z m 11.9785837,0 0,3.6094 3.336892,0 0,18.3047 2.823523,0 0,-21.9141 -6.160415,0 z m -8.6416925,16.0274 0,5.9726 2.8235234,0 0,-5.9726 -2.8235234,0 z"
+       id="rect6001-0"
+       style="fill:#649be6;fill-opacity:1;stroke:none" />
+    <g
+       transform="scale(1.0195853,0.98079088)"
+       id="text6068-9"
+       style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(0.95279946,0,0,1,0,-1030.4247)"
+     id="layer1-9">
+    <g
+       transform="scale(0.89723629,1.1145336)"
+       id="text5639-6"
+       style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(1.0195853,0.98079088)"
+       id="text6068-3"
+       style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-mssql.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-mssql.svg
new file mode 100644
index 00000000..3d69986f
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-mssql.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.151751,0,0,1.15625,1.7499998,-1196.5438)"
+     id="layer1"
+     style="fill:#f9f9f9">
+    <g
+       transform="scale(0.89723629,1.1145336)"
+       id="text5639"
+       style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#f9f9f9;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(1.0195853,0.98079088)"
+       id="text6068"
+       style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#f9f9f9;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text6125"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#f9f9f9;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.9515661,1.0508991)"
+       id="text6194"
+       style="font-size:5.70939684px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#f9f9f9;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text6359"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#f9f9f9;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g6103">
+    <g
+       id="g6098">
+      <g
+         id="g4413">
+        <path
+           d="m 2.5169492,1.4915234 17.4706648,0 L 22,3.9486939 22,18.424603 17.466585,22 2.921182,22 0.660129,18.7386 0.571857,2.9829806 z"
+           id="rect3155"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+        <path
+           d="M 3.65625,2e-7 C 1.621777,2e-7 0,1.7026763 0,3.8125002 L 0,18.1875 C 0,20.297324 1.621777,22 3.65625,22 l 14.6875,0 C 20.378224,22 22,20.297324 22,18.1875 L 22,3.8125002 C 22.000001,1.7026763 20.378225,2e-7 18.34375,2e-7 l -14.6875,0 z m 7.34375,1.75 c 5.002726,0 9.082515,1.7418663 9.21875,3.90625 7.81e-4,0.012407 -5.22e-4,0.018816 0,0.03125 0.001,0.024869 0,0.037523 0,0.0625 0,2.2161844 -4.129995,4.03125 -9.21875,4.03125 -5.088756,0 -9.21875,-1.8150656 -9.21875,-4.03125 0,-2.2161844 4.129994,-4 9.21875,-4 z m -9.25,4.125 c 0.02169,0.2455811 0.0625,0.6506823 0.0625,0.78125 0,2.2161844 4.129993,4.0312498 9.21875,4.0312498 5.088755,0 9.21875,-1.8150654 9.21875,-4.0312498 l 0,2.6875 c 0,2.2161838 -4.129994,3.9999998 -9.21875,3.9999998 -5.088756,0 -9.21875,-1.783816 -9.21875,-3.9999998 0,-0.1760929 -0.02913,-0.5924415 -0.0625,-0.96875 l 0,-2.5 z m 0,3.90625 c 0.02169,0.2455808 0.0625,0.6506818 0.0625,0.7812498 0,1.468833 1.827544,2.738797 4.53125,3.4375 L 2.0625,14 c -0.157912,-0.294292 -0.25,-0.590933 -0.25,-0.90625 0,-0.176093 -0.02913,-0.592441 -0.0625,-0.96875 l 0,-2.3437498 z m 18.5,0.7812498 0,2.53125 C 20.25,13.409067 20.15791,13.705708 20,14 l -4.28125,0 C 18.422457,13.301297 20.25,12.031333 20.25,10.5625 z M 1.75,13.53125 C 1.7628,13.676184 1.76474,13.829263 1.78125,14 L 1.75,14 l 0,-0.46875 z m 2.0625,1.15625 c 0.620863,0 1.092439,0.164278 1.40625,0.4375 0.313803,0.273338 0.484249,0.606359 0.5,1.0625 L 4.6875,16.25 C 4.64476,15.994816 4.546841,15.799309 4.40625,15.6875 4.265652,15.575344 4.093686,15.53125 3.8125,15.53125 c -0.29019,0 -0.523287,0.03681 -0.6875,0.15625 -0.105729,0.07631 -0.156252,0.215059 -0.15625,0.34375 -2e-6,0.117475 0.05727,0.197769 0.15625,0.28125 0.125971,0.106375 0.420353,0.197222 0.90625,0.3125 0.485892,0.115625 0.829672,0.251975 1.0625,0.375 0.232821,0.123141 0.399649,0.286556 0.53125,0.5 0.131592,0.213328 0.218745,0.498694 0.21875,0.8125 -5e-6,0.284553 -0.09254,0.532888 -0.25,0.78125 -0.15747,0.248478 -0.337066,0.441672 -0.625,0.5625 -0.287941,0.120712 -0.664096,0.1875 -1.09375,0.1875 -0.625367,0 -1.102324,-0.147281 -1.4375,-0.4375 -0.335178,-0.290219 -0.559765,-0.694537 -0.625,-1.25 l 0.96875,-0.125 c 0.05849,0.32745 0.196162,0.59645 0.375,0.75 C 3.335084,18.934916 3.571313,19 3.875,19 c 0.321677,0 0.555657,-0.05072 0.71875,-0.1875 0.163086,-0.136553 0.249996,-0.317081 0.25,-0.5 C 4.843746,18.195025 4.81861,18.082441 4.75,18 4.68139,17.91791 4.54596,17.842184 4.375,17.78125 4.258022,17.74078 4.009907,17.665984 3.59375,17.5625 3.058364,17.429184 2.684702,17.256634 2.46875,17.0625 2.165065,16.789162 1.999999,16.486644 2,16.09375 c -10e-7,-0.252872 0.07591,-0.498484 0.21875,-0.71875 0.142843,-0.22015 0.356182,-0.384837 0.625,-0.5 0.268815,-0.115625 0.58858,-0.1875 0.96875,-0.1875 z m 5.09375,0 c 0.733338,0 1.289089,0.237025 1.71875,0.6875 0.429652,0.450591 0.656245,1.095488 0.65625,1.90625 -5e-6,0.429084 -0.06828,0.799747 -0.1875,1.125 -0.08999,0.248362 -0.208297,0.486113 -0.40625,0.71875 0.245192,0.176097 0.493307,0.302303 0.78125,0.40625 L 11.09375,20.25 C 10.943028,20.20491 10.831464,20.141356 10.6875,20.0625 10.656,20.04631 10.411657,19.902731 10,19.625 c -0.323934,0.142219 -0.700089,0.21875 -1.09375,0.21875 -0.760338,0 -1.31922,-0.238181 -1.75,-0.6875 C 6.725467,18.706816 6.499999,18.094209 6.5,17.28125 c -1e-6,-0.810762 0.224343,-1.455659 0.65625,-1.90625 0.431905,-0.450475 1.009908,-0.6875 1.75,-0.6875 z m 9.125,0 c 0.620863,0 1.092439,0.164278 1.40625,0.4375 0.313803,0.273338 0.484256,0.606359 0.5,1.0625 L 18.90625,16.25 c -0.04274,-0.255184 -0.140658,-0.450691 -0.28125,-0.5625 -0.140598,-0.112156 -0.312564,-0.15625 -0.59375,-0.15625 -0.290189,0 -0.523288,0.03681 -0.6875,0.15625 -0.105731,0.07631 -0.187501,0.215059 -0.1875,0.34375 -1e-6,0.117475 0.08852,0.197769 0.1875,0.28125 0.12597,0.106375 0.420353,0.197222 0.90625,0.3125 0.485891,0.115625 0.829672,0.251975 1.0625,0.375 0.232821,0.123141 0.39965,0.286556 0.53125,0.5 0.131588,0.213328 0.218745,0.498694 0.21875,0.8125 -5e-6,0.284553 -0.09254,0.532888 -0.25,0.78125 -0.15747,0.248478 -0.368316,0.441672 -0.65625,0.5625 -0.287941,0.120712 -0.632845,0.1875 -1.0625,0.1875 -0.625366,0 -1.102324,-0.147281 -1.4375,-0.4375 -0.335178,-0.290219 -0.559765,-0.694537 -0.625,-1.25 L 17,18.03125 c 0.05849,0.32745 0.196162,0.59645 0.375,0.75 C 17.553834,18.934916 17.790064,19 18.09375,19 c 0.321678,0 0.555657,-0.05072 0.71875,-0.1875 0.163088,-0.136553 0.249998,-0.317081 0.25,-0.5 0,-0.117475 -0.02515,-0.230059 -0.09375,-0.3125 -0.06861,-0.08209 -0.20404,-0.157816 -0.375,-0.21875 -0.116978,-0.04047 -0.365092,-0.115266 -0.78125,-0.21875 -0.535386,-0.133316 -0.909048,-0.305866 -1.125,-0.5 -0.303686,-0.273338 -0.46875,-0.575856 -0.46875,-0.96875 0,-0.252872 0.0759,-0.498484 0.21875,-0.71875 0.142844,-0.22015 0.324932,-0.384837 0.59375,-0.5 0.268815,-0.115625 0.61983,-0.1875 1,-0.1875 z m -5.9375,0.15625 1,0 0,4.0625 2.46875,0 0,0.84375 -3.46875,0 0,-4.90625 z M 8.875,15.5625 C 8.467835,15.5625 8.159318,15.715447 7.90625,16 7.653178,16.284553 7.499998,16.709831 7.5,17.28125 c -2e-6,0.580322 0.153178,1.024594 0.40625,1.3125 0.253068,0.287906 0.581831,0.4375 0.96875,0.4375 0.143966,0 0.278024,-0.04634 0.40625,-0.09375 -0.20246,-0.1332 -0.415798,-0.237922 -0.625,-0.3125 l 0.25,-0.59375 C 9.234676,18.144562 9.575811,18.336684 9.875,18.5625 10.003218,18.411262 10.123385,18.2146 10.1875,18 10.25161,17.785516 10.25,17.558981 10.25,17.28125 10.249996,16.707634 10.126942,16.283513 9.875,16 9.623051,15.716603 9.282158,15.5625 8.875,15.5625 z"
+           id="rect3001-7-4"
+           style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-oracle.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-oracle.svg
new file mode 100644
index 00000000..35de4897
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-oracle.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g6150">
+    <g
+       id="g6139">
+      <g
+         transform="matrix(1.151751,0,0,1.1816367,1.7499998,-1222.8536)"
+         id="layer1"
+         style="fill:#ffffff">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.9515661,1.0508991)"
+           id="text6194"
+           style="font-size:5.70939684px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6359"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="g4517">
+        <path
+           d="m 3.4491525,1.4915236 16.5384615,0 L 22,3.9486941 22,18.424603 17.466585,22 2.9211825,22 0.6601295,18.7386 0.58178039,4.7541115 z"
+           id="rect3155"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+        <path
+           d="M 3.65625,0 C 1.621777,0 0,1.7026759 0,3.8124997 L 0,18.1875 C 0,20.297324 1.621777,22 3.65625,22 l 14.6875,0 C 20.378224,22 22,20.297324 22,18.1875 L 22,3.8124997 C 22.000001,1.7026759 20.378225,0 18.34375,0 L 3.65625,0 z M 11,1.7499997 c 5.002727,0 9.082515,1.788095 9.21875,4 7.81e-4,0.012679 -5.22e-4,0.018543 0,0.03125 0.001,0.025415 0,0.036974 0,0.0625 C 20.21875,8.1085928 16.088755,9.9375 11,9.9375 c -5.0887559,0 -9.21875,-1.8289072 -9.21875,-4.0937503 0,-2.2648431 4.1299941,-4.09375 9.21875,-4.09375 z m -9.25,4.21875 c 0.021688,0.2509731 0.0625,0.6790656 0.0625,0.8125 0,2.2648431 4.1299938,4.0937503 9.21875,4.0937503 5.088756,0 9.21875,-1.8289072 9.21875,-4.0937503 l 0,2.71875 c 0,2.2648433 -4.129994,4.0937503 -9.21875,4.0937503 -5.088756,0 -9.21875,-1.828907 -9.21875,-4.0937503 0,-0.1799593 -0.029127,-0.6154292 -0.0625,-1 l 0,-2.53125 z m 0,3.9687503 c 0.021688,0.250973 0.0625,0.679066 0.0625,0.8125 0,1.501083 1.8275439,2.817207 4.53125,3.53125 l -4.28125,0 c -0.157912,-0.300754 -0.25,-0.615259 -0.25,-0.9375 0,-0.179959 -0.029127,-0.615429 -0.0625,-1 l 0,-2.40625 z m 18.5,0.8125 0,2.59375 c 0,0.322241 -0.09209,0.636746 -0.25,0.9375 l -4.28125,0 C 18.422457,13.567207 20.25,12.251083 20.25,10.75 z m -18.5,3.03125 c 0.012799,0.148116 0.014741,0.325515 0.03125,0.5 l -0.03125,0 0,-0.5 z m 2.53125,1.1875 c 0.728839,0 1.3124656,0.223589 1.75,0.6875 0.4375254,0.463911 0.6562448,1.14255 0.65625,1.96875 -5.2e-6,0.819347 -0.2220987,1.474771 -0.65625,1.9375 -0.4341601,0.462729 -1.0234105,0.6875 -1.75,0.6875 -0.735593,0 -1.3158452,-0.227134 -1.75,-0.6875 -0.4341567,-0.460484 -0.6875003,-1.129733 -0.6875,-1.9375 -3e-7,-0.516966 0.1305323,-0.93054 0.28125,-1.28125 0.1124751,-0.258542 0.2429163,-0.513382 0.4375,-0.71875 0.1945818,-0.205368 0.3932987,-0.338243 0.625,-0.4375 0.3081815,-0.133879 0.6910847,-0.21875 1.09375,-0.21875 z m 10.312501,0 c 0.605116,0 1.059577,0.195484 1.437499,0.5625 0.224946,0.216948 0.45002,0.531253 0.5625,0.9375 l -1.03125,0.25 c -0.05849,-0.26315 -0.158168,-0.503937 -0.34375,-0.65625 -0.185587,-0.152313 -0.422061,-0.21875 -0.6875,-0.21875 -0.366673,0 -0.677927,0.136246 -0.90625,0.40625 -0.228323,0.270122 -0.3125,0.739107 -0.3125,1.34375 0,0.641629 0.08755,1.102751 0.3125,1.375 0.22495,0.272367 0.546326,0.406368 0.90625,0.40625 0.265439,1.18e-4 0.49629,-0.107904 0.6875,-0.28125 0.191207,-0.17311 0.291763,-0.440875 0.375,-0.8125 l 1,0.3125 c -0.148472,0.553951 -0.435954,0.981059 -0.78125,1.25 -0.345303,0.268822 -0.750368,0.40625 -1.28125,0.40625 -0.65686,0 -1.202093,-0.227134 -1.625,-0.6875 C 12.483341,19.102016 12.25,18.4548 12.25,17.65625 c 0,-0.844634 0.231091,-1.532663 0.65625,-2 0.425156,-0.467337 0.994648,-0.6875 1.6875,-0.6875 z m -7.156251,0.125 2.1249995,0 c 0.5286325,0 0.9166725,0.0031 1.1562505,0.09375 0.239568,0.09099 0.418526,0.298231 0.5625,0.53125 0.143964,0.233137 0.218745,0.449982 0.21875,0.75 -5e-6,0.380842 -0.0943,0.720724 -0.3125,0.96875 -0.218207,0.248144 -0.534597,0.435364 -0.96875,0.5 0.215949,0.129271 0.359401,0.251574 0.5,0.40625 0.140591,0.154558 0.324047,0.417833 0.5625,0.8125 l 0.625,0.96875 -1.1875,0 -0.7187505,-1.09375 c -0.256447,-0.394548 -0.468023,-0.647316 -0.5625,-0.75 -0.09448,-0.102802 -0.175525,-0.180701 -0.2812495,-0.21875 -0.1057296,-0.03781 -0.2705515,-0.03125 -0.5,-0.03125 l -0.21875,0 0,2.09375 -1,0 0,-5.03125 z m 10.03125,0.03125 0.96875,0 0,4.15625 1.6875,0 0,0.84375 -2.65625,0 0,-5 z m -13.1875,0.71875 c -0.4116632,0 -0.7168064,0.179131 -0.96875,0.46875 -0.2519469,0.289737 -0.4062513,0.697403 -0.40625,1.28125 -1.3e-6,0.574748 0.1475545,1.015909 0.40625,1.3125 0.2586921,0.296591 0.5705838,0.468868 0.96875,0.46875 0.3981609,1.18e-4 0.7134267,-0.174522 0.96875,-0.46875 0.2553158,-0.294228 0.374996,-0.723927 0.375,-1.3125 -4e-6,-0.581602 -0.095183,-0.995058 -0.34375,-1.28125 -0.2485747,-0.286074 -0.5883421,-0.46875 -1,-0.46875 z m 4.15625,0.09375 0,1.28125 0.75,0 c 0.4791435,0 0.7870225,-0.02114 0.90625,-0.0625 0.11922,-0.04136 0.18251,-0.117484 0.25,-0.21875 0.06748,-0.101621 0.124997,-0.222687 0.125,-0.375 -3e-6,-0.170865 -0.03615,-0.301321 -0.125,-0.40625 -0.08886,-0.105166 -0.213038,-0.1911 -0.3750005,-0.21875 -0.08099,-0.01182 -0.31384,0 -0.7187495,0 l -0.8125,0 z"
+           id="rect3001-7-4"
+           style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-sybase.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-sybase.svg
new file mode 100644
index 00000000..2bb03eaf
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-sybase.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.151751,0,0,1.1816367,1.7499998,-1222.8536)"
+     id="layer1"
+     style="fill:#ffffff">
+    <g
+       transform="scale(0.89723629,1.1145336)"
+       id="text5639"
+       style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(1.0195853,0.98079088)"
+       id="text6068"
+       style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text6125"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.9515661,1.0508991)"
+       id="text6194"
+       style="font-size:5.70939684px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text6359"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g4605">
+    <path
+       d="m 3.0762712,1.491524 16.9113428,0 L 22,3.948695 22,18.424603 17.466585,22 2.9211828,22 0.6601298,18.7386 0.57655518,3.8214151 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.6562502,-1.9999998e-8 C 1.621777,-1.9999998e-8 0,1.702676 0,3.8125 l 0,14.375 C 0,20.297324 1.621777,22 3.6562502,22 L 18.34375,22 C 20.378224,22 22,20.297324 22,18.1875 L 22,3.8125 C 22.000001,1.702676 20.378225,-2.0000002e-8 18.34375,-2.0000002e-8 l -14.6874998,0 z M 11,1.75 c 5.002726,0 9.082515,1.788095 9.21875,4 7.81e-4,0.01268 -5.22e-4,0.01854 0,0.03125 0.001,0.02541 0,0.03697 0,0.0625 C 20.21875,8.108593 16.088755,9.9375 11,9.9375 5.9112442,9.9375 1.78125,8.108593 1.78125,5.84375 1.78125,3.578907 5.9112442,1.75 11,1.75 z M 1.75,5.96875 c 0.021688,0.250973 0.0625,0.679065 0.0625,0.8125 0,2.264843 4.129994,4.09375 9.21875,4.09375 5.088755,0 9.21875,-1.828907 9.21875,-4.09375 l 0,2.71875 c 0,2.264843 -4.129994,4.09375 -9.21875,4.09375 C 5.942494,13.59375 1.8125,11.764843 1.8125,9.5 1.8125,9.320041 1.783373,8.884571 1.75,8.5 l 0,-2.53125 z m 0,3.96875 c 0.021688,0.250973 0.0625,0.679066 0.0625,0.8125 0,1.501083 1.827544,2.817207 4.53125,3.53125 l -4.28125,0 c -0.157912,-0.300754 -0.25,-0.615259 -0.25,-0.9375 0,-0.179959 -0.029127,-0.615429 -0.0625,-1 l 0,-2.40625 z m 18.5,0.8125 0,2.59375 c 0,0.322241 -0.09209,0.636746 -0.25,0.9375 l -4.28125,0 C 18.422457,13.567207 20.25,12.251083 20.25,10.75 z m -18.5,3.03125 c 0.012799,0.148116 0.014741,0.325515 0.03125,0.5 l -0.03125,0 0,-0.5 z m 2.0625002,1.1875 c 0.620863,0 1.092439,0.158279 1.40625,0.4375 0.313803,0.279339 0.484249,0.658844 0.5,1.125 l -1.03125,0.03125 C 4.6447602,16.301713 4.5468412,16.114264 4.4062502,16 c -0.140597,-0.114619 -0.312563,-0.1875 -0.59375,-0.1875 -0.290189,0 -0.523287,0.06544 -0.6875,0.1875 -0.105729,0.07799 -0.156252,0.212234 -0.15625,0.34375 -2e-6,0.120054 0.05727,0.195936 0.15625,0.28125 0.125971,0.108711 0.420353,0.225941 0.90625,0.34375 0.485892,0.118164 0.829672,0.249274 1.0625,0.375 0.232821,0.125844 0.399649,0.28187 0.53125,0.5 0.131592,0.218012 0.218746,0.491804 0.21875,0.8125 -4e-6,0.290801 -0.09254,0.558684 -0.25,0.8125 -0.15747,0.253934 -0.337066,0.470269 -0.625,0.59375 -0.287941,0.123363 -0.664096,0.1875 -1.09375,0.1875 -0.625367,0 -1.102324,-0.140909 -1.4375,-0.4375 -0.335178,-0.296591 -0.559765,-0.744842 -0.625,-1.3125 l 0.96875,-0.09375 c 0.05849,0.33464 0.196162,0.593079 0.375,0.75 0.178834,0.15704 0.415064,0.21875 0.71875,0.21875 0.321678,0 0.555657,-0.04771 0.71875,-0.1875 0.163087,-0.139551 0.249997,-0.344315 0.25,-0.53125 -4e-6,-0.120054 -0.02514,-0.196999 -0.09375,-0.28125 -0.06861,-0.0839 -0.20404,-0.156478 -0.375,-0.21875 -0.116978,-0.04136 -0.365093,-0.112994 -0.78125,-0.21875 -0.535386,-0.136243 -0.909048,-0.332853 -1.125,-0.53125 -0.303685,-0.279339 -0.468751,-0.59848 -0.46875,-1 -1e-6,-0.258424 0.0759,-0.524898 0.21875,-0.75 0.142843,-0.224984 0.356182,-0.382309 0.625,-0.5 0.268815,-0.118164 0.58858,-0.1875 0.96875,-0.1875 z m 14.2187498,0 c 0.620864,0 1.092439,0.158279 1.40625,0.4375 0.313803,0.279339 0.484244,0.658844 0.5,1.125 l -1.03125,0.03125 c -0.04274,-0.260787 -0.109408,-0.448236 -0.25,-0.5625 -0.140598,-0.114619 -0.343813,-0.1875 -0.625,-0.1875 -0.290188,0 -0.523288,0.06544 -0.6875,0.1875 -0.105731,0.07799 -0.156251,0.212234 -0.15625,0.34375 -1e-6,0.120054 0.05727,0.195936 0.15625,0.28125 0.125972,0.108711 0.420354,0.225941 0.90625,0.34375 0.485893,0.118164 0.829671,0.249274 1.0625,0.375 0.232821,0.125844 0.4309,0.28187 0.5625,0.5 0.131588,0.218012 0.187495,0.491804 0.1875,0.8125 -5e-6,0.290801 -0.09254,0.558684 -0.25,0.8125 -0.157471,0.253934 -0.368316,0.470269 -0.65625,0.59375 -0.28794,0.123363 -0.632845,0.1875 -1.0625,0.1875 -0.625366,0 -1.102324,-0.140909 -1.4375,-0.4375 -0.335178,-0.296591 -0.559765,-0.744842 -0.625,-1.3125 L 17,18.40625 c 0.05849,0.33464 0.196163,0.593079 0.375,0.75 0.178835,0.15704 0.415064,0.21875 0.71875,0.21875 0.321678,0 0.586907,-0.04771 0.75,-0.1875 0.163088,-0.139551 0.218747,-0.344315 0.21875,-0.53125 0,-0.120054 -0.02515,-0.196999 -0.09375,-0.28125 -0.06861,-0.0839 -0.20404,-0.156478 -0.375,-0.21875 -0.116978,-0.04136 -0.365092,-0.112994 -0.78125,-0.21875 -0.535386,-0.136243 -0.909047,-0.332853 -1.125,-0.53125 -0.303684,-0.279339 -0.468751,-0.59848 -0.46875,-1 -1e-6,-0.258424 0.0759,-0.524898 0.21875,-0.75 0.142844,-0.224984 0.324931,-0.382309 0.59375,-0.5 0.268815,-0.118164 0.619831,-0.1875 1,-0.1875 z m -11.8437498,0.125 1.1875,0 1.15625,1.96875 1.125,-1.96875 1.1562498,0 -1.8124998,2.9375 0,2.09375 -1.03125,0 0,-2.125 -1.78125,-2.90625 z m 5.1249998,0 2,0 c 0.391412,0 0.651413,-0.003 0.84375,0.03125 0.19233,0.03309 0.348154,0.112166 0.5,0.21875 0.151838,0.106347 0.305018,0.229713 0.40625,0.40625 0.101227,0.176537 0.156245,0.374438 0.15625,0.59375 -5e-6,0.237627 -0.06265,0.457735 -0.1875,0.65625 -0.124852,0.198397 -0.2863,0.338243 -0.5,0.4375 0.301431,0.0898 0.52553,0.283052 0.6875,0.5 0.161959,0.216948 0.249995,0.425704 0.25,0.71875 -5e-6,0.230774 -0.0829,0.500738 -0.1875,0.71875 -0.104602,0.21813 -0.225168,0.369665 -0.40625,0.5 -0.181089,0.130453 -0.390811,0.188736 -0.65625,0.21875 -0.166467,0.01891 -0.61339,0.02652 -1.25,0.03125 l -1.65625,0 0,-5.03125 z m 0.96875,0.84375 0,1.125 0.6875,0 c 0.389163,0 0.624272,0.01772 0.71875,0 0.17096,-0.02127 0.308397,-0.08718 0.40625,-0.1875 0.09785,-0.100439 0.156247,-0.242357 0.15625,-0.40625 0,-0.156921 -0.04065,-0.245674 -0.125,-0.34375 -0.08437,-0.09808 -0.208539,-0.166703 -0.375,-0.1875 -0.09898,-0.01182 -0.404854,0 -0.875,0 l -0.59375,0 z m 0,2 0,1.34375 0.9375,0 c 0.359919,0 0.590764,-0.01234 0.6875,-0.03125 0.148465,-0.02718 0.281639,-0.0795 0.375,-0.1875 0.09335,-0.107529 0.124997,-0.257537 0.125,-0.4375 0,-0.152313 -0.02177,-0.268889 -0.09375,-0.375 C 14.24052,18.143653 14.136092,18.048447 14,18 13.863901,17.951553 13.579399,17.9375 13.125,17.9375 l -0.84375,0 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-sybaseiq.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-sybaseiq.svg
new file mode 100644
index 00000000..7ea63c8c
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database-sybaseiq.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g6242">
+    <g
+       id="g4659">
+      <path
+         d="m 3.1694915,1.491524 16.8181225,0 L 22,3.948695 22,18.424603 17.466585,22 2.9211832,22 0.6601302,18.7386 0.57811943,4.1005451 z"
+         id="rect3155"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <path
+         d="M 3.6562502,0 C 1.621777,0 0,1.702677 0,3.8125 l 0,14.375 C 0,20.297324 1.621777,22 3.6562502,22 L 18.34375,22 C 20.378224,22 22,20.297324 22,18.1875 L 22,3.8125 C 22.000001,1.702677 20.378225,0 18.34375,0 L 3.6562502,0 z M 11,1.75 c 5.002726,0 9.082515,1.788095 9.21875,4 7.81e-4,0.01268 -5.22e-4,0.01854 0,0.03125 0.001,0.02541 0,0.03697 0,0.0625 C 20.21875,8.108593 16.088755,9.9375 11,9.9375 5.9112442,9.9375 1.78125,8.108593 1.78125,5.84375 1.78125,3.578907 5.9112442,1.75 11,1.75 z m 0.90625,0.90625 c -0.856773,6e-6 -1.531252,0.261725 -2.0312498,0.78125 -0.500001,0.519536 -0.750001,1.221358 -0.75,2.15625 -1e-6,0.937502 0.251301,1.669272 0.75,2.1875 0.4986958,0.51823 1.1822888,0.78125 2.0624998,0.78125 0.455726,0 0.874996,-0.08594 1.25,-0.25 0.476558,0.320313 0.744787,0.513021 0.78125,0.53125 0.166661,0.09114 0.325515,0.135416 0.5,0.1875 l 0.4375,-0.8125 C 14.572911,8.098959 14.252599,7.953126 13.96875,7.75 c 0.229161,-0.268228 0.395828,-0.55729 0.5,-0.84375 0.138015,-0.374998 0.218744,-0.817706 0.21875,-1.3125 -6e-6,-0.934892 -0.25261,-1.636714 -0.75,-2.15625 C 13.4401,2.917975 12.755204,2.656256 11.90625,2.65625 z M 7.0937502,2.75 l 0,5.71875 1.15625,0 0,-5.71875 -1.15625,0 z M 11.90625,3.625 c 0.471351,5e-6 0.864579,0.173182 1.15625,0.5 0.291662,0.326827 0.437495,0.807296 0.4375,1.46875 -5e-6,0.320315 -0.05079,0.627607 -0.125,0.875 -0.07422,0.247398 -0.195317,0.450523 -0.34375,0.625 C 12.684892,6.833335 12.317705,6.630211 11.9375,6.5 L 11.625,7.15625 c 0.242184,0.08594 0.484372,0.221356 0.71875,0.375 C 12.195309,7.58594 12.041663,7.59375 11.875,7.59375 11.427081,7.593751 11.042966,7.457033 10.75,7.125 10.45703,6.792971 10.312498,6.263023 10.3125,5.59375 10.312498,4.9349 10.45703,4.453129 10.75,4.125 11.042966,3.79688 11.434893,3.625005 11.90625,3.625 z M 1.75,5.96875 c 0.02169,0.250973 0.0625,0.679066 0.0625,0.8125 0,2.264843 4.1299942,4.09375 9.21875,4.09375 5.088755,0 9.21875,-1.828907 9.21875,-4.09375 l 0,2.71875 c 0,2.264843 -4.129994,4.09375 -9.21875,4.09375 C 5.9424942,13.59375 1.8125,11.764843 1.8125,9.5 1.8125,9.320041 1.78337,8.884571 1.75,8.5 l 0,-2.53125 z m 0,3.96875 c 0.02169,0.250973 0.0625,0.679066 0.0625,0.8125 0,1.501083 1.8275442,2.817207 4.5312502,3.53125 l -4.2812502,0 c -0.157912,-0.300754 -0.25,-0.615259 -0.25,-0.9375 0,-0.179959 -0.02913,-0.615429 -0.0625,-1 l 0,-2.40625 z m 18.5,0.8125 0,2.59375 c 0,0.322241 -0.09209,0.636746 -0.25,0.9375 l -4.28125,0 C 18.422457,13.567207 20.25,12.251083 20.25,10.75 z m -18.5,3.03125 c 0.0128,0.148116 0.01474,0.325515 0.03125,0.5 l -0.03125,0 0,-0.5 z m 2.0625002,1.1875 c 0.620863,0 1.092439,0.158279 1.40625,0.4375 0.313803,0.279339 0.484249,0.658844 0.5,1.125 l -1.03125,0.03125 C 4.6447602,16.301713 4.5468412,16.114264 4.4062502,16 c -0.140597,-0.114619 -0.312563,-0.1875 -0.59375,-0.1875 -0.290189,0 -0.523287,0.06544 -0.6875,0.1875 -0.105729,0.07799 -0.156252,0.212234 -0.15625,0.34375 -2e-6,0.120054 0.05727,0.195936 0.15625,0.28125 0.125971,0.108711 0.420353,0.225941 0.90625,0.34375 0.485892,0.118164 0.829672,0.249274 1.0625,0.375 0.232821,0.125844 0.399649,0.28187 0.53125,0.5 0.131592,0.218012 0.218746,0.491804 0.21875,0.8125 -4e-6,0.290801 -0.09254,0.558684 -0.25,0.8125 -0.15747,0.253934 -0.337066,0.470269 -0.625,0.59375 -0.287941,0.123363 -0.664096,0.1875 -1.09375,0.1875 -0.625367,0 -1.102324,-0.140909 -1.4375,-0.4375 C 2.102322,19.515909 1.877735,19.067658 1.8125,18.5 l 0.9687502,-0.09375 c 0.05849,0.33464 0.196162,0.593079 0.375,0.75 0.178834,0.15704 0.415064,0.21875 0.71875,0.21875 0.321678,0 0.555657,-0.04771 0.71875,-0.1875 0.163087,-0.139551 0.249997,-0.344315 0.25,-0.53125 -4e-6,-0.120054 -0.02514,-0.196999 -0.09375,-0.28125 -0.06861,-0.0839 -0.20404,-0.156478 -0.375,-0.21875 -0.116978,-0.04136 -0.365093,-0.112994 -0.78125,-0.21875 -0.535386,-0.136243 -0.909048,-0.332853 -1.125,-0.53125 C 2.165065,17.126911 1.999999,16.80777 2,16.40625 c -10e-7,-0.258424 0.0759,-0.524898 0.21875,-0.75 0.1428432,-0.224984 0.3561822,-0.382309 0.6250002,-0.5 0.268815,-0.118164 0.58858,-0.1875 0.96875,-0.1875 z m 14.2187498,0 c 0.620864,0 1.092439,0.158279 1.40625,0.4375 0.313803,0.279339 0.484244,0.658844 0.5,1.125 l -1.03125,0.03125 c -0.04274,-0.260787 -0.109408,-0.448236 -0.25,-0.5625 -0.140598,-0.114619 -0.343813,-0.1875 -0.625,-0.1875 -0.290188,0 -0.523288,0.06544 -0.6875,0.1875 -0.105731,0.07799 -0.156251,0.212234 -0.15625,0.34375 -1e-6,0.120054 0.05727,0.195936 0.15625,0.28125 0.125972,0.108711 0.420354,0.225941 0.90625,0.34375 0.485893,0.118164 0.829671,0.249274 1.0625,0.375 0.232821,0.125844 0.4309,0.28187 0.5625,0.5 0.131588,0.218012 0.187495,0.491804 0.1875,0.8125 -5e-6,0.290801 -0.09254,0.558684 -0.25,0.8125 -0.157471,0.253934 -0.368316,0.470269 -0.65625,0.59375 -0.28794,0.123363 -0.632845,0.1875 -1.0625,0.1875 -0.625366,0 -1.102324,-0.140909 -1.4375,-0.4375 -0.335178,-0.296591 -0.559765,-0.744842 -0.625,-1.3125 L 17,18.40625 c 0.05849,0.33464 0.196163,0.593079 0.375,0.75 0.178835,0.15704 0.415064,0.21875 0.71875,0.21875 0.321678,0 0.586907,-0.04771 0.75,-0.1875 0.163088,-0.139551 0.218747,-0.344315 0.21875,-0.53125 0,-0.120054 -0.02515,-0.196999 -0.09375,-0.28125 -0.06861,-0.0839 -0.20404,-0.156478 -0.375,-0.21875 -0.116978,-0.04136 -0.365092,-0.112994 -0.78125,-0.21875 -0.535386,-0.136243 -0.909047,-0.332853 -1.125,-0.53125 -0.303684,-0.279339 -0.468751,-0.59848 -0.46875,-1 -1e-6,-0.258424 0.0759,-0.524898 0.21875,-0.75 0.142844,-0.224984 0.324931,-0.382309 0.59375,-0.5 0.268815,-0.118164 0.619831,-0.1875 1,-0.1875 z m -11.8437498,0.125 1.1875,0 1.15625,1.96875 1.125,-1.96875 1.1562498,0 -1.8124998,2.9375 0,2.09375 -1.03125,0 0,-2.125 -1.78125,-2.90625 z m 5.1249998,0 2,0 c 0.391412,0 0.651413,-0.003 0.84375,0.03125 0.19233,0.03309 0.348154,0.112166 0.5,0.21875 0.151838,0.106347 0.305018,0.229713 0.40625,0.40625 0.101227,0.176537 0.156245,0.374438 0.15625,0.59375 -5e-6,0.237627 -0.06265,0.457735 -0.1875,0.65625 -0.124852,0.198397 -0.2863,0.338243 -0.5,0.4375 0.301431,0.0898 0.52553,0.283052 0.6875,0.5 0.161959,0.216948 0.249995,0.425704 0.25,0.71875 -5e-6,0.230774 -0.0829,0.500738 -0.1875,0.71875 -0.104602,0.21813 -0.225168,0.369665 -0.40625,0.5 -0.181089,0.130453 -0.390811,0.188736 -0.65625,0.21875 -0.166467,0.01891 -0.61339,0.02652 -1.25,0.03125 l -1.65625,0 0,-5.03125 z m 0.96875,0.84375 0,1.125 0.6875,0 c 0.389163,0 0.624272,0.01772 0.71875,0 0.17096,-0.02127 0.308397,-0.08718 0.40625,-0.1875 0.09785,-0.100439 0.156247,-0.242357 0.15625,-0.40625 0,-0.156921 -0.04065,-0.245674 -0.125,-0.34375 -0.08437,-0.09808 -0.208539,-0.166703 -0.375,-0.1875 -0.09898,-0.01182 -0.404854,0 -0.875,0 l -0.59375,0 z m 0,2 0,1.34375 0.9375,0 c 0.359919,0 0.590764,-0.01234 0.6875,-0.03125 0.148465,-0.02718 0.281639,-0.0795 0.375,-0.1875 0.09335,-0.107529 0.124997,-0.257537 0.125,-0.4375 0,-0.152313 -0.02177,-0.268889 -0.09375,-0.375 C 14.24052,18.143653 14.136092,18.048447 14,18 13.863901,17.95155 13.579399,17.9375 13.125,17.9375 l -0.84375,0 z"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database.svg
new file mode 100644
index 00000000..5a84e77a
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-database.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.1206226,0,0,1.125,1.9999997,-1163.9075)"
+     id="layer1"
+     style="fill:#ffffff">
+    <g
+       transform="scale(0.89723629,1.1145336)"
+       id="text5639"
+       style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(1.0195853,0.98079088)"
+       id="text6068"
+       style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text6125"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.9515661,1.0508991)"
+       id="text6194"
+       style="font-size:5.70939684px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g6063">
+    <g
+       id="g4384">
+      <path
+         d="m 3.2627119,1.4915233 16.7249021,0 L 22,3.9486938 22,18.424603 17.466585,22 2.9211819,22 0.66012888,18.7386 0.57916848,4.2880244 z"
+         id="rect3155"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <path
+         d="M 3.65625,0 C 1.6217774,0 3.9999954e-7,1.7026765 3.9999954e-7,3.8125004 l 0,14.3749996 C 3.9999954e-7,20.297324 1.6217774,22 3.65625,22 l 14.6875,0 C 20.378224,22 22,20.297324 22,18.1875 L 22,3.8125004 C 22.000001,1.7026765 20.378225,0 18.34375,0 L 3.65625,0 z M 11,2.0000004 c 4.867517,0 8.836197,1.6753632 8.96875,3.78125 7.6e-4,0.012071 -5.08e-4,0.050402 0,0.0625 0.001,0.024197 0,0.038198 0,0.0625 0,2.1562875 -4.017529,3.90625 -8.96875,3.90625 -4.951222,0 -8.9687496,-1.7499625 -8.9687496,-3.90625 0,-2.1562875 4.0175276,-3.90625 8.9687496,-3.90625 z m -8.9999996,4 c 0.021102,0.2389438 0.0625,0.6542112 0.0625,0.78125 0,2.1562875 4.0175276,3.9062496 8.9687496,3.9062496 C 15.982471,10.6875 20,8.9375379 20,6.7812504 l 0,2.59375 c 0,2.1562876 -4.017528,3.9062496 -8.96875,3.9062496 -4.951222,0 -8.9687496,-1.749962 -8.9687496,-3.9062496 0,-0.1713337 -0.030029,-0.571362 -0.0625,-0.9375 l 0,-2.4375 z m 0,3.8125 c 0.021102,0.2389436 0.0625,0.6229606 0.0625,0.7499996 0,2.156288 4.0175276,3.90625 8.9687496,3.90625 C 15.982472,14.46875 20,12.718788 20,10.5625 l 0,2.46875 c 0,2.156288 -4.017528,3.90625 -8.96875,3.90625 -4.951222,0 -8.9687496,-1.749962 -8.9687496,-3.90625 0,-0.171334 -0.030029,-0.571362 -0.0625,-0.9375 l 0,-2.2812496 z m 0,3.6562496 c 0.021102,0.238944 0.0625,0.622962 0.0625,0.75 0,2.156288 4.0175276,3.90625 8.9687496,3.90625 C 15.982472,18.125 20,16.375038 20,14.21875 l 0,1.65625 c -0.0091,0.06154 -0.03125,0.179375 -0.03125,0.21875 C 19.96875,18.250038 15.951222,20 11,20 6.048778,20 2.0312504,18.250038 2.0312504,16.09375 c 0,-0.04376 -0.023556,-0.156875 -0.03125,-0.21875 l 0,-2.40625 z"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-dellmd.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-dellmd.svg
new file mode 100644
index 00000000..a7a18889
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-dellmd.svg
@@ -0,0 +1,199 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-8" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-4" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-1" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-7" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-3" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-5" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-60" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.15625,0,0,1.2789327,1.75,1.7500001)"
+     id="layer1"
+     style="fill:#ffffff">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3"
+       style="fill:#ffffff">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84"
+       style="fill:#ffffff">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37"
+       style="fill:#ffffff">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.95422797,1.0479676)"
+       id="text5938"
+       style="font-size:6.67959595px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g6594">
+    <path
+       d="m 2.1440678,1.491524 17.8435462,0 L 22,3.948695 22,18.424603 20.311615,20.824881 17.466585,22 2.921183,22 0.66013,18.7386 0.57603605,3.7287199 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.65625,-4e-7 C 1.621777,-4e-7 0,1.702676 0,3.8125 l 0,14.375 C 0,20.297324 1.621777,22 3.65625,22 l 14.6875,0 C 20.378224,22 22,20.297324 22,18.1875 L 22,3.8125 C 22.000001,1.702676 20.378225,-4e-7 18.34375,-4e-7 z M 3.5,1.75 l 15,0 c 0.964953,0 1.75,0.942814 1.75,2.125 l 0,7.0625 c 0,1.182185 -0.785047,2.15625 -1.75,2.15625 l -15,0 c -0.964953,0 -1.75,-0.974065 -1.75,-2.15625 l 0,-7.0625 C 1.75,2.692814 2.535047,1.75 3.5,1.75 z m -0.375,1.46875 0,8.40625 15.75,0 0,-8.40625 z m 0.9375,1.5 6.09375,0 0,2.625 -6.09375,0 z m 7.5625,0 6.09375,0 0,2.625 -6.09375,0 z M 4.03125,8.25 l 6.09375,0 0,2.625 -6.09375,0 z m 7.59375,0 6.09375,0 0,2.625 -6.09375,0 z m -9.875,5.59375 1.9375,0 c 0.439017,6e-6 0.800941,0.04342 1.03125,0.125 0.309469,0.110748 0.560537,0.279825 0.78125,0.5625 0.220705,0.282686 0.384843,0.621805 0.5,1.03125 0.115147,0.409454 0.156245,0.930922 0.15625,1.53125 C 6.156245,17.621229 6.10795,18.055737 6,18.4375 5.86805,18.903778 5.682195,19.336491 5.4375,19.625 5.252772,19.843567 5.033017,20.002606 4.71875,20.125 4.483643,20.21533 4.143435,20.25 3.75,20.25 l -2,0 z m 5.3125,0 3.9375,0 0,1.09375 -2.84375,0 0,1.40625 2.625,0 0,1.0625 -2.625,0 0,1.75 2.9375,0 0,1.09375 -4.03125,0 z m 5,0.0625 1.03125,0 0,5.25 2.625,0 0,1.09375 -3.65625,0 z m 4.46875,0 1.09375,0 0,5.25 2.625,0 0,1.09375 -3.71875,0 z M 2.8125,14.9375 l 0,4.21875 0.78125,0 c 0.297475,0 0.524301,-0.0217 0.65625,-0.0625 0.172726,-0.05246 0.323543,-0.12469 0.4375,-0.25 0.11395,-0.125316 0.209276,-0.337947 0.28125,-0.625 C 5.04072,17.9317 5.0625,17.557923 5.0625,17.0625 5.062496,16.567084 5.04072,16.171449 4.96875,15.90625 4.89678,15.641058 4.817043,15.42988 4.6875,15.28125 4.55795,15.132629 4.355365,15.021212 4.15625,14.96875 4.007508,14.92796 3.746719,14.93751 3.3125,14.9375 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-emc.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-emc.svg
new file mode 100644
index 00000000..36367bbb
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-emc.svg
@@ -0,0 +1,198 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-8" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-4" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-1" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-7" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-3" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-5" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-60" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.15625,0,0,1.2517202,1.75,1.75)"
+     id="layer1"
+     style="fill:#ffffff">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3"
+       style="fill:#ffffff">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84"
+       style="fill:#ffffff">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37"
+       style="fill:#ffffff">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5938"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g6451">
+    <path
+       d="m 2.3305085,1.4915237 17.6571055,0 L 22,3.9486948 22,18.424603 17.466585,22 2.9211832,22 0.6601302,18.7386 0.58125883,4.660894 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.6562502,0 C 1.621777,0 0,1.7026759 0,3.8124997 L 0,18.1875 C 0,20.297324 1.621777,22 3.6562502,22 L 18.34375,22 C 20.378224,22 22,20.297324 22,18.1875 L 22,3.8124997 C 22.000001,1.7026759 20.378225,0 18.34375,0 L 3.6562502,0 z m -0.15625,1.7499997 14.9999998,0 c 0.964953,0 1.75,0.9054688 1.75,2.0625 l 0,6.9375003 c 0,1.157031 -0.785047,2.09375 -1.75,2.09375 l -14.9999998,0 C 2.5350472,12.84375 1.75,11.907031 1.75,10.75 l 0,-6.9375003 c 0,-1.1570312 0.7850472,-2.0625 1.7500002,-2.0625 z m -0.375,1.4375 0,8.2187503 15.7499998,0 0,-8.2187503 -15.7499998,0 z m 0.9375,1.46875 6.0937498,0 0,2.5625 -6.0937498,0 0,-2.5625 z m 7.5624998,0 6.09375,0 0,2.5625 -6.09375,0 0,-2.5625 z m -7.5937498,3.46875 6.0937498,0 0,2.5312503 -6.0937498,0 0,-2.5312503 z m 7.5937498,0 6.09375,0 0,2.5312503 -6.09375,0 0,-2.5312503 z M 17.1875,13.75 c 0.708727,6e-6 1.244868,0.265253 1.6875,0.71875 0.263463,0.268115 0.49326,0.623013 0.625,1.125 l -1.15625,0.3125 c -0.06851,-0.325149 -0.220142,-0.592998 -0.4375,-0.78125 -0.217365,-0.188246 -0.501611,-0.281244 -0.8125,-0.28125 -0.429457,6e-6 -0.763831,0.197544 -1.03125,0.53125 -0.267422,0.333715 -0.406251,0.846471 -0.40625,1.59375 -10e-7,0.792921 0.14278,1.350939 0.40625,1.6875 0.263467,0.336564 0.578447,0.500001 1,0.5 0.310889,1e-6 0.588548,-0.09858 0.8125,-0.3125 0.223944,-0.213915 0.402517,-0.57204 0.5,-1.03125 l 1.125,0.40625 c -0.173894,0.684536 -0.470582,1.198966 -0.875,1.53125 -0.404429,0.332284 -0.909468,0.5 -1.53125,0.5 -0.769331,0 -1.410931,-0.305981 -1.90625,-0.875 -0.495321,-0.569018 -0.718751,-1.294378 -0.71875,-2.28125 -10e-7,-1.043911 0.220794,-1.891169 0.71875,-2.46875 0.497953,-0.57757 1.188515,-0.874994 2,-0.875 z m -14.6874998,0.125 4.3125,0 0,1.0625 -3.15625,0 0,1.40625 2.9375,0 0,1.0625 -2.9375,0 0,1.65625 3.25,0 0,1.0625 -4.40625,0 0,-6.25 z m 5.40625,0 1.71875,0 1.0937498,4.25 1,-4.25 1.78125,0 0,6.25 -1.09375,0 0,-4.90625 -1.15625,4.90625 -1.125,0 -1.1562498,-4.90625 0,4.90625 -1.0625,0 0,-6.25 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-eternus.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-eternus.svg
new file mode 100644
index 00000000..28731fb0
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-eternus.svg
@@ -0,0 +1,195 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-8" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-4" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-1" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-7" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-3" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-5" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-60" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.15625,0,0,1.2403409,1.75,1.7500002)"
+     id="layer1">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938"
+       style="font-size:6.63076401px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g6590">
+    <path
+       d="m 1.3092649,2.796609 1.4894353,-1.305085 17.1889138,0 L 22,3.948695 22,18.424603 20.471296,20.085802 17.466585,22 2.9211832,22 0.6601302,18.7386 0.5807282,4.566121 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.65625,0 C 1.62178,0 0,1.70267 0,3.8125 l 0,14.375 C 0,20.29732 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.29732 22,18.1875 L 22,3.8125 C 22,1.70267 20.37823,0 18.34375,0 z M 3.5,1.75 l 15,0 c 0.964953,0 1.75,0.915987 1.75,2.0625 l 0,6.84375 c 0,1.146513 -0.785047,2.09375 -1.75,2.09375 l -15,0 c -0.9649531,0 -1.75,-0.947237 -1.75,-2.09375 l 0,-6.84375 C 1.75,2.665987 2.5350469,1.75 3.5,1.75 z m -0.375,1.4375 0,8.125 15.75,0 0,-8.125 z m 0.9375,1.4375 6.09375,0 0,2.5625 -6.09375,0 z m 7.5625,0 6.09375,0 0,2.5625 -6.09375,0 z m -7.59375,3.4375 6.09375,0 0,2.53125 -6.09375,0 z m 7.59375,0 6.09375,0 0,2.53125 -6.09375,0 z m 6.5,5.75 c 0.652479,6e-6 1.138959,0.158025 1.46875,0.5 0.329783,0.341988 0.483442,0.835343 0.5,1.40625 L 19.0625,15.75 c -0.04492,-0.319368 -0.133499,-0.547593 -0.28125,-0.6875 -0.147757,-0.139898 -0.391995,-0.187495 -0.6875,-0.1875 -0.304968,5e-6 -0.514925,0.06896 -0.6875,0.21875 -0.111116,0.0961 -0.187502,0.213906 -0.1875,0.375 -2e-6,0.146972 0.05222,0.270427 0.15625,0.375 0.132385,0.132841 0.45811,0.262112 0.96875,0.40625 0.510636,0.144144 0.880316,0.314721 1.125,0.46875 0.244676,0.154037 0.424199,0.357917 0.5625,0.625 0.138288,0.267086 0.218745,0.575897 0.21875,0.96875 -5e-6,0.356116 -0.08452,0.689109 -0.25,1 -0.165489,0.310893 -0.384902,0.567544 -0.6875,0.71875 C 19.009897,20.18246 18.607784,20.25 18.15625,20.25 17.499039,20.25 16.977245,20.081929 16.625,19.71875 16.272753,19.355571 16.099804,18.820272 16.03125,18.125 l 1,-0.125 c 0.06147,0.409815 0.218305,0.714063 0.40625,0.90625 0.187943,0.192191 0.430848,0.312501 0.75,0.3125 0.338059,1e-6 0.578602,-0.110254 0.75,-0.28125 0.171391,-0.17099 0.249997,-0.364818 0.25,-0.59375 0,-0.146966 -0.02165,-0.271841 -0.09375,-0.375 -0.07211,-0.103155 -0.195334,-0.204944 -0.375,-0.28125 -0.122934,-0.05087 -0.406401,-0.151239 -0.84375,-0.28125 -0.56265,-0.166749 -0.960551,-0.350684 -1.1875,-0.59375 -0.31915,-0.341978 -0.5,-0.75822 -0.5,-1.25 0,-0.316539 0.06863,-0.630681 0.21875,-0.90625 0.150116,-0.275559 0.373743,-0.449604 0.65625,-0.59375 0.282504,-0.14414 0.662969,-0.249994 1.0625,-0.25 z m -16.375,0.125 3.875,0 0,1.03125 -2.8125,0 0,1.375 2.59375,0 0,1.03125 -2.59375,0 0,1.71875 2.875,0 0,1.03125 -3.9375,0 z m 4.46875,0 4.125,0 0,1.03125 -1.5000002,0 0,5.15625 -1.0625,0 0,-5.15625 -1.5624998,0 z m 4.8125,0 1.0625,0 2.125,4.15625 0,-4.15625 0.96875,0 0,6.1875 -1.09375,0 L 12,16.09375 l 0,4.03125 -0.96875,0 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-fujitsu.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-fujitsu.svg
new file mode 100644
index 00000000..1dbbe145
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-fujitsu.svg
@@ -0,0 +1,215 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-8" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-4" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-1" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-7" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-3" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-5" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-60" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-33" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,6)"
+     id="text11166"
+     style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <g
+     transform="translate(0,6)"
+     id="text12646"
+     style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <g
+     transform="matrix(1.15625,0,0,1.2489451,1.75,1.7500005)"
+     id="layer1"
+     style="fill:#ffffff">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3"
+       style="fill:#ffffff">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84"
+       style="fill:#ffffff">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37"
+       style="fill:#ffffff">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g6878">
+    <path
+       d="m 2.8919205,1.4915224 17.0956935,0 L 22,3.9486932 22,18.424603 17.466586,22 2.9211824,22 0.66013033,18.7386 0.57759733,4.0073376 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.6562499,0 C 1.6217799,0 -5.0000001e-8,1.7026706 -5.0000001e-8,3.8125003 l 0,14.3749997 C -5.0000001e-8,20.29732 1.6217799,22 3.6562499,22 L 18.34375,22 C 20.37823,22 22,20.29732 22,18.1875 L 22,3.8125003 C 22,1.7026706 20.37823,0 18.34375,0 z m -0.15625,1.7500003 15.0000001,0 c 0.964953,0 1.75,0.9080339 1.75,2.0625 l 0,6.9062497 c 0,1.154466 -0.785047,2.125 -1.75,2.125 l -15.0000001,0 C 2.5350468,12.84375 1.75,11.873216 1.75,10.71875 l 0,-6.9062497 c 0,-1.1544661 0.7850468,-2.0625 1.7499999,-2.0625 z m -0.375,1.4375 0,8.1874997 15.7500001,0 0,-8.1874997 z m 0.9375,1.4375 6.0937501,0 0,2.59375 -6.0937501,0 z m 7.5625001,0 6.09375,0 0,2.59375 -6.09375,0 z m -7.5937501,3.5 6.0937501,0 0,2.5312497 -6.0937501,0 z m 7.5937501,0 6.09375,0 0,2.5312497 -6.09375,0 z m -5.9687501,5.7187497 0.15625,0 3.8125,0 0.125,0 0,1.09375 -0.125,0 -2.6875,0 0,1.5 2.28125,0 0.15625,0 0,1.03125 -0.15625,0 -2.28125,0 0,2.65625 -0.125,0 -1,0 -0.15625,0 z m 9.2500001,0 1.1875,0 0.09375,0 0,4 c 0,0.517956 -0.0094,0.908602 -0.09375,1.1875 -0.113289,0.364276 -0.327284,0.654443 -0.625,0.875 -0.297723,0.220557 -0.700086,0.34375 -1.1875,0.34375 -0.142932,0 -0.281584,-0.007 -0.40625,-0.03125 -0.444964,-0.04643 -0.772263,-0.20949 -1.03125,-0.5 C 12.535492,19.372975 12.377636,18.856288 12.375,18.1875 l 1.125,-0.125 0.09375,0 c 0.01317,0.358585 0.07194,0.602015 0.15625,0.75 0.113073,0.201023 0.281419,0.320095 0.5,0.34375 0.239361,-0.0081 0.397695,-0.06647 0.5,-0.21875 0.108017,-0.160792 0.156247,-0.524678 0.15625,-1.03125 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hds.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hds.svg
new file mode 100644
index 00000000..3146a8e6
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hds.svg
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,6)"
+     id="text3193"
+     style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <g
+     transform="matrix(1.15625,0,0,1.2460045,1.75,1.7500003)"
+     id="layer1-1">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639-7"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068-4"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125-0"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g6968">
+    <path
+       d="m 2.89192,1.4915221 17.095694,0 L 22,3.9486929 22,18.424603 17.466586,22 2.921182,22 0.66013,18.7386 0.5776,4.0073373 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.6562496,0 C 1.6217796,0 -3.6e-7,1.7026698 -3.6e-7,3.8124997 l 0,14.3750003 C -3.6e-7,20.29732 1.6217796,22 3.6562496,22 L 18.34375,22 C 20.37823,22 22,20.29732 22,18.1875 L 22,3.8124997 C 22,1.7026698 20.37823,0 18.34375,0 L 3.6562496,0 z m -0.15625,1.7499997 15.0000004,0 c 0.964953,0 1.75,0.9107521 1.75,2.0625 l 0,6.9062503 c 0,1.151748 -0.785047,2.09375 -1.75,2.09375 l -15.0000004,0 c -0.9649531,0 -1.75,-0.942002 -1.75,-2.09375 l 0,-6.9062503 c 0,-1.1517479 0.7850469,-2.0625 1.75,-2.0625 z m -0.375,1.4375 0,8.1875003 15.7500004,0 0,-8.1875003 -15.7500004,0 z m 0.9375,1.4375 6.0937504,0 0,2.5625 -6.0937504,0 0,-2.5625 z m 7.5625004,0 6.09375,0 0,2.5625 -6.09375,0 0,-2.5625 z m -7.5937504,3.46875 6.0937504,0 0,2.5312503 -6.0937504,0 0,-2.5312503 z m 7.5937504,0 6.09375,0 0,2.5312503 -6.09375,0 0,-2.5312503 z m 5.0625,5.6875003 c 0.72717,7e-6 1.257458,0.156461 1.625,0.5 0.367534,0.343548 0.544058,0.832735 0.5625,1.40625 l -1.15625,0.03125 c -0.05007,-0.320825 -0.147835,-0.546954 -0.3125,-0.6875 -0.164671,-0.140537 -0.389418,-0.187495 -0.71875,-0.1875 -0.339876,5e-6 -0.651421,0.06828 -0.84375,0.21875 -0.123834,0.09654 -0.187501,0.24442 -0.1875,0.40625 -10e-7,0.147643 0.07157,0.238699 0.1875,0.34375 0.14754,0.133447 0.524656,0.292706 1.09375,0.4375 0.569089,0.144803 0.977307,0.314017 1.25,0.46875 0.272685,0.15474 0.502116,0.356699 0.65625,0.625 0.154128,0.268308 0.218745,0.574103 0.21875,0.96875 -5e-6,0.357742 -0.09683,0.687689 -0.28125,1 C 18.596817,19.624812 18.337235,19.879352 18,20.03125 17.662757,20.18315 17.253221,20.25 16.75,20.25 c -0.732445,0 -1.294933,-0.166412 -1.6875,-0.53125 -0.392569,-0.364836 -0.611095,-0.926555 -0.6875,-1.625 L 15.46875,18 c 0.0685,0.411686 0.228042,0.681935 0.4375,0.875 0.209456,0.193068 0.488064,0.312501 0.84375,0.3125 0.376756,1e-6 0.683982,-0.07823 0.875,-0.25 0.191012,-0.17177 0.281245,-0.363772 0.28125,-0.59375 -5e-6,-0.147637 -0.07589,-0.30262 -0.15625,-0.40625 -0.08036,-0.10363 -0.174768,-0.173346 -0.375,-0.25 -0.137006,-0.0511 -0.481336,-0.150644 -0.96875,-0.28125 -0.627056,-0.16751 -1.059571,-0.380825 -1.3125,-0.625 -0.355683,-0.34354 -0.562501,-0.755975 -0.5625,-1.25 -10e-7,-0.317987 0.0827,-0.598173 0.25,-0.875 0.167301,-0.276816 0.435154,-0.480194 0.75,-0.625 0.314843,-0.144798 0.710986,-0.249993 1.15625,-0.25 z m -13.7500004,0.125 1.15625,0 0,2.4375 2.3125,0 0,-2.4375 1.15625,0 0,6.21875 -1.15625,0 0,-2.71875 -2.3125,0 0,2.71875 -1.15625,0 0,-6.21875 z m 5.84375,0 2.1562504,0 c 0.482144,6e-6 0.809567,0.04552 1.0625,0.125 0.33987,0.107892 0.663855,0.287103 0.90625,0.5625 0.242386,0.275407 0.436029,0.632347 0.5625,1.03125 0.126459,0.398912 0.156244,0.883878 0.15625,1.46875 -6e-6,0.513898 -0.03769,0.940566 -0.15625,1.3125 -0.144913,0.454273 -0.356267,0.81267 -0.625,1.09375 C 12.640875,19.712941 12.345139,19.912007 12,20.03125 11.741797,20.119268 11.432085,20.125 11,20.125 l -2.2187504,0 0,-6.21875 z m 1.15625,1.0625 0,4.125 0.8750004,0 c 0.325371,-0.03171 0.573839,-0.02275 0.71875,-0.0625 0.189694,-0.0511 0.343599,-0.127916 0.46875,-0.25 0.125144,-0.122084 0.233455,-0.345337 0.3125,-0.625 0.07904,-0.279659 0.124996,-0.642333 0.125,-1.125 -4e-6,-0.482661 -0.04596,-0.835379 -0.125,-1.09375 -0.07905,-0.258363 -0.201481,-0.480196 -0.34375,-0.625 C 11.826473,15.167706 11.656175,15.051111 11.4375,15 11.274147,14.960252 10.976875,14.96875 10.5,14.96875 l -0.5625004,0 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hpaio.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hpaio.svg
new file mode 100644
index 00000000..a0fb56b0
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hpaio.svg
@@ -0,0 +1,203 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-8" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-4" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-1" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-7" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-3" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-5" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-60" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-33" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.15625,0,0,1.2236547,1.75,1.7500001)"
+     id="layer1">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g7181">
+    <path
+       d="m 2.8919199,1.491522 17.0956941,0 L 22,3.9486928 22,18.424603 17.466586,22 2.9211822,22 0.6601299,18.7386 0.5775999,4.0073372 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.6562502,0 C 1.62178,0 0,1.70267 0,3.8125 l 0,14.375 C 0,20.29732 1.62178,22 3.6562502,22 L 18.34375,22 C 20.37823,22 22,20.29732 22,18.1875 L 22,3.8125 C 22,1.70267 20.37823,0 18.34375,0 L 3.6562502,0 z M 3.5000002,1.75 18.5,1.75 c 0.964953,0 1.75,0.9001612 1.75,2.03125 l 0,6.75 c 0,1.131089 -0.785047,2.09375 -1.75,2.09375 l -14.9999998,0 C 2.5350469,12.625 1.75,11.662339 1.75,10.53125 l 0,-6.75 C 1.75,2.6501612 2.5350469,1.75 3.5000002,1.75 z m -0.375,1.40625 0,8.03125 15.7499998,0 0,-8.03125 -15.7499998,0 z m 0.9375,1.4375 6.0937498,0 0,2.5 -6.0937498,0 0,-2.5 z m 7.5624998,0 6.09375,0 0,2.5 -6.09375,0 0,-2.5 z m -7.5937498,3.375 6.0937498,0 0,2.5 -6.0937498,0 0,-2.5 z m 7.5937498,0 6.09375,0 0,2.5 -6.09375,0 0,-2.5 z m 3.34375,5.59375 c 0.808606,6e-6 1.48333,0.283355 1.96875,0.875 0.48541,0.591655 0.718744,1.446217 0.71875,2.5 -6e-6,1.04496 -0.237083,1.84732 -0.71875,2.4375 -0.481676,0.590181 -1.131389,0.875 -1.9375,0.875 -0.816099,0 -1.455828,-0.287763 -1.9375,-0.875 -0.481672,-0.587236 -0.71875,-1.407257 -0.71875,-2.4375 0,-0.65935 0.08279,-1.208828 0.25,-1.65625 0.124785,-0.329672 0.28412,-0.613019 0.5,-0.875 0.215878,-0.26197 0.46169,-0.467171 0.71875,-0.59375 0.34191,-0.170712 0.709515,-0.249994 1.15625,-0.25 z m -8.4999998,0.125 1.15625,0 2.21875,6.4375 -1.1875,0 -0.5,-1.4375 -2.1875,0 -0.46875,1.4375 -1.15625,0 2.125,-6.4375 z m 3.9687498,0 1.03125,0 0,1.125 -1.03125,0 0,-1.125 z M 15,14.65625 c -0.456716,5e-6 -0.845482,0.224341 -1.125,0.59375 -0.279521,0.36942 -0.375002,0.880289 -0.375,1.625 -2e-6,0.732945 0.150491,1.309256 0.4375,1.6875 0.287004,0.378245 0.620756,0.59375 1.0625,0.59375 0.441737,0 0.810483,-0.218448 1.09375,-0.59375 0.283258,-0.3753 0.437495,-0.936894 0.4375,-1.6875 -5e-6,-0.741767 -0.161729,-1.322496 -0.4375,-1.6875 C 15.81797,14.822506 15.456712,14.656255 15,14.65625 z m -7.9374998,0.5 -0.75,2.40625 1.5,0 -0.75,-2.40625 z m 3.3749998,0.28125 1.03125,0 0,4.6875 -1.03125,0 0,-4.6875 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hpeva.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hpeva.svg
new file mode 100644
index 00000000..f07c417f
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hpeva.svg
@@ -0,0 +1,207 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-8" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-4" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-1" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-7" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-3" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-5" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-60" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-33" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,6)"
+     id="text10688"
+     style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <g
+     transform="matrix(1.15625,0,0,1.2622601,3.7966098,-0.0193326)"
+     id="layer1">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g7299">
+    <path
+       d="m 2.89192,1.4915223 17.095694,0 L 22,3.9486931 22,18.424603 17.466586,22 2.921182,22 0.66013,18.7386 0.5776,4.0073375 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.65625,0 C 1.6217799,0 -2e-7,1.7026697 -2e-7,3.8124997 l 0,14.3750003 C -2e-7,20.29732 1.6217799,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.29732 22,18.1875 L 22,3.8124997 C 22,1.7026697 20.37823,0 18.34375,0 L 3.65625,0 z m -0.1875,1.7499997 15.03125,0 c 0.964953,0 1.75,0.9269762 1.75,2.09375 l 0,6.9687503 c 0,1.166774 -0.785047,2.125 -1.75,2.125 l -15.03125,0 c -0.9649534,0 -1.7187502,-0.958226 -1.7187502,-2.125 l 0,-6.9687503 c 0,-1.1667738 0.7537968,-2.09375 1.7187502,-2.09375 z m -0.34375,1.46875 0,8.2812503 15.75,0 0,-8.2812503 -15.75,0 z m 0.9375,1.4375 6.09375,0 0,2.625 -6.09375,0 0,-2.625 z m 7.5625,0 6.09375,0 0,2.625 -6.09375,0 0,-2.625 z m -7.59375,3.53125 6.09375,0 0,2.5625003 -6.09375,0 0,-2.5625003 z m 7.59375,0 6.09375,0 0,2.5625003 -6.09375,0 0,-2.5625003 z m -8.65625,5.7187503 4.3125,0 0,1.0625 -3.15625,0 0,1.40625 2.9375,0 0,1.0625 -2.9375,0 0,1.75 3.25,0 0,1.0625 -4.40625,0 0,-6.34375 z m 4.8125,0 1.28125,0 1.46875,4.6875 1.40625,-4.6875 1.28125,0 -2.125,6.34375 -1.21875,0 -2.09375,-6.34375 z m 7.65625,0 1.28125,0 2.3125,6.34375 -1.28125,0 -0.5,-1.46875 -2.3125,0 -0.5,1.46875 -1.21875,0 2.21875,-6.34375 z m 0.625,1.5 -0.75,2.3125 1.53125,0 -0.78125,-2.3125 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hpmsa.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hpmsa.svg
new file mode 100644
index 00000000..858ff6bf
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-hpmsa.svg
@@ -0,0 +1,203 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-8" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-4" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-1" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-7" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-3" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-5" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-60" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-33" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.15625,0,0,1.2236547,1.75,1.7500001)"
+     id="layer1">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g7439">
+    <path
+       d="m 2.89192,1.4915222 17.095694,0 L 22,3.948693 22,18.424603 17.466586,22 2.921182,22 0.66013,18.7386 0.5776,4.0073374 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.65625,-2e-7 C 1.62178,-2e-7 0,1.7026698 0,3.8124998 L 0,18.1875 C 0,20.29732 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.29732 22,18.1875 L 22,3.8124998 C 22,1.7026698 20.37823,-2e-7 18.34375,-2e-7 l -14.6875,0 z m -0.15625,1.75 15,0 c 0.964953,0 1.75,0.9001612 1.75,2.03125 l 0,6.7500002 c 0,1.131089 -0.785047,2.09375 -1.75,2.09375 l -15,0 c -0.964954,0 -1.75,-0.962661 -1.75,-2.09375 l 0,-6.7500002 c 0,-1.1310888 0.785046,-2.03125 1.75,-2.03125 z m -0.375,1.40625 0,8.0312502 15.75,0 0,-8.0312502 -15.75,0 z m 0.9375,1.4375 6.09375,0 0,2.5 -6.09375,0 0,-2.5 z m 7.5625,0 6.09375,0 0,2.5 -6.09375,0 0,-2.5 z M 4.03125,7.96875 l 6.09375,0 0,2.5 -6.09375,0 0,-2.5 z m 7.59375,0 6.09375,0 0,2.5 -6.09375,0 0,-2.5 z m -0.5625,5.59375 c 0.688813,6e-6 1.245595,0.175088 1.59375,0.53125 0.348147,0.356175 0.545025,0.81166 0.5625,1.40625 l -1.125,0.09375 c -0.04742,-0.33261 -0.156521,-0.60429 -0.3125,-0.75 -0.155985,-0.145701 -0.406789,-0.218744 -0.71875,-0.21875 -0.321949,6e-6 -0.567815,0.06275 -0.75,0.21875 -0.1173,0.100088 -0.187502,0.269723 -0.1875,0.4375 -2e-6,0.153068 0.07769,0.266094 0.1875,0.375 0.139758,0.138351 0.460924,0.287383 1,0.4375 0.53907,0.150124 0.96044,0.33958 1.21875,0.5 0.258302,0.160427 0.447746,0.346839 0.59375,0.625 0.145994,0.278167 0.218745,0.6221 0.21875,1.03125 -5e-6,0.370887 -0.07531,0.707461 -0.25,1.03125 -0.174704,0.323791 -0.430553,0.592522 -0.75,0.75 C 12.024296,20.188734 11.632928,20.25 11.15625,20.25 10.462441,20.25 9.934359,20.065745 9.5625,19.6875 9.190638,19.309255 8.978625,18.755362 8.90625,18.03125 l 1.03125,-0.125 c 0.06489,0.426816 0.207839,0.737341 0.40625,0.9375 0.198407,0.200165 0.506827,0.312501 0.84375,0.3125 0.356884,1e-6 0.600308,-0.103167 0.78125,-0.28125 0.180936,-0.178087 0.249996,-0.386572 0.25,-0.625 -3e-6,-0.153062 -0.01763,-0.267563 -0.09375,-0.375 -0.07612,-0.107436 -0.216579,-0.233024 -0.40625,-0.3125 -0.12978,-0.05298 -0.413296,-0.114594 -0.875,-0.25 -0.593981,-0.173665 -1.010414,-0.403103 -1.25,-0.65625 -0.336922,-0.356164 -0.500001,-0.800319 -0.5,-1.3125 -10e-7,-0.329671 0.09152,-0.619249 0.25,-0.90625 0.158476,-0.28699 0.389261,-0.506122 0.6875,-0.65625 0.298236,-0.150118 0.609473,-0.218744 1.03125,-0.21875 z m -8.3125,0.125 1.6875,0 0.96875,4.375 1,-4.375 1.65625,0 0,6.4375 -1.03125,0 0,-5.0625 -1.09375,5.0625 -1.03125,0 -1.125,-5.0625 0,5.0625 -1.03125,0 0,-6.4375 z m 13.125,0 1.15625,0 2.21875,6.4375 -1.21875,0 -0.5,-1.4375 -2.15625,0 -0.46875,1.4375 -1.15625,0 2.125,-6.4375 z m 0.59375,1.46875 -0.78125,2.40625 1.53125,0 -0.75,-2.40625 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-ibm.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-ibm.svg
new file mode 100644
index 00000000..daf24f08
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-ibm.svg
@@ -0,0 +1,203 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-8" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-4" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-1" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-7" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-3" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-5" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-60" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-33" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.15625,0,0,1.2291667,1.75,1.75)"
+     id="layer1">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g7793">
+    <path
+       d="m 2.8919201,1.4915222 17.0956939,0 L 22,3.948693 22,18.424603 17.466586,22 2.9211821,22 0.66013011,18.7386 0.57760011,4.0073374 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.65625,0 C 1.6217797,0 -3e-7,1.7026697 -3e-7,3.8124997 l 0,14.3750003 C -3e-7,20.29732 1.6217797,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.29732 22,18.1875 L 22,3.8124997 C 22,1.7026697 20.37823,0 18.34375,0 L 3.65625,0 z M 3.5,1.7499997 l 15,0 c 0.964953,0 1.75,0.8950661 1.75,2.03125 l 0,6.8125003 c 0,1.136184 -0.785047,2.0625 -1.75,2.0625 l -15,0 c -0.964953,0 -1.7500003,-0.926316 -1.7500003,-2.0625 l 0,-6.8125003 c 0,-1.1361839 0.7850473,-2.03125 1.7500003,-2.03125 z m -0.375,1.40625 0,8.0937503 15.75,0 0,-8.0937503 -15.75,0 z m 0.9375,1.4375 6.09375,0 0,2.53125 -6.09375,0 0,-2.53125 z m 7.5625,0 6.09375,0 0,2.53125 -6.09375,0 0,-2.53125 z m -7.59375,3.40625 6.09375,0 0,2.5000003 -6.09375,0 0,-2.5000003 z m 7.59375,0 6.09375,0 0,2.5000003 -6.09375,0 0,-2.5000003 z M 4.5,13.75 l 1.125,0 0,6.5 -1.125,0 0,-6.5 z m 2.15625,0 2.21875,0 c 0.43425,6e-6 0.755363,0.01964 0.96875,0.0625 0.213379,0.04287 0.425286,0.113993 0.59375,0.25 0.168456,0.136018 0.262688,0.36756 0.375,0.59375 0.112302,0.226201 0.187495,0.43786 0.1875,0.71875 -5e-6,0.304556 -0.08024,0.58947 -0.21875,0.84375 -0.138516,0.254288 -0.294162,0.435361 -0.53125,0.5625 0.334421,0.115319 0.570304,0.315815 0.75,0.59375 0.179686,0.27794 0.249995,0.624488 0.25,1 -5e-6,0.295682 -0.0402,0.564333 -0.15625,0.84375 -0.116055,0.279418 -0.2991,0.520441 -0.5,0.6875 -0.200909,0.16706 -0.42426,0.274064 -0.71875,0.3125 C 9.690313,20.242399 9.237532,20.2441 8.53125,20.25 l -1.875,0 0,-6.500001 z m 5.53125,0 1.65625,0 1,4.4375 1,-4.4375 1.65625,0 0,6.5 -1.03125,0 0,-5.09375 -1.09375,5.09375 -1.0625,0 -1.09375,-5.09375 0,5.09375 -1.03125,0 0,-6.5 z m -4.40625,1.09375 0,1.5 0.71875,0 c 0.431755,0 0.707676,-0.04772 0.8125,-0.0625 0.18967,-0.0266 0.360182,-0.09013 0.46875,-0.21875 0.10856,-0.12862 0.124996,-0.290063 0.125,-0.5 -4e-6,-0.201058 -0.03141,-0.374331 -0.125,-0.5 C 9.68766,14.936842 9.559679,14.870361 9.375,14.84375 c -0.109815,-0.01478 -0.44715,0 -0.96875,0 l -0.625,0 z m 0,2.5625 0,1.71875 1,0 c 0.39931,0 0.673931,-0.0046 0.78125,-0.03125 0.164713,-0.03548 0.271424,-0.08125 0.375,-0.21875 0.103568,-0.137488 0.187496,-0.363118 0.1875,-0.59375 -4e-6,-0.195146 -0.04514,-0.363985 -0.125,-0.5 -0.07987,-0.136011 -0.192764,-0.187902 -0.34375,-0.25 -0.150994,-0.0621 -0.46462,-0.125 -0.96875,-0.125 l -0.90625,0 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-ibmsm.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-ibmsm.svg
new file mode 100644
index 00000000..3ddaaf67
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-ibmsm.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g7975">
+    <path
+       d="m 2.89192,1.4915223 17.095694,0 L 22,3.948693 22,18.424603 17.466586,22 2.921182,22 0.66013,18.7386 0.5776,4.0073374 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 3.5,1.75 l 15,0 c 0.964953,0 1.75,0.8918986 1.75,2.03125 l 0,6.8125 c 0,1.139351 -0.785047,2.09375 -1.75,2.09375 l -15,0 c -0.9649531,0 -1.75,-0.954399 -1.75,-2.09375 l 0,-6.8125 C 1.75,2.6418986 2.5350469,1.75 3.5,1.75 z m -0.375,1.4375 0,8.0625 15.75,0 0,-8.0625 -15.75,0 z m 0.9375,1.40625 6.09375,0 0,2.5625 -6.09375,0 0,-2.5625 z m 7.5625,0 6.09375,0 0,2.5625 -6.09375,0 0,-2.5625 z m -7.59375,3.4375 6.09375,0 0,2.5 -6.09375,0 0,-2.5 z m 7.59375,0 6.09375,0 0,2.5 -6.09375,0 0,-2.5 z M 7.84375,13.5 c 0.6888128,6e-6 1.2143447,0.203736 1.5625,0.5625 0.348147,0.358776 0.5137755,0.80732 0.53125,1.40625 L 8.875,15.5625 C 8.827578,15.227461 8.6872284,14.959275 8.53125,14.8125 8.375265,14.665739 8.155711,14.593755 7.84375,14.59375 c -0.3219488,5e-6 -0.5678151,0.06161 -0.75,0.21875 -0.1173001,0.100819 -0.1875015,0.268498 -0.1875,0.4375 -1.5e-6,0.154186 0.046437,0.265299 0.15625,0.375 0.139758,0.139362 0.5234245,0.286287 1.0625,0.4375 0.5390701,0.15122 0.9291905,0.338409 1.1875,0.5 0.2583018,0.161599 0.4477465,0.376057 0.59375,0.65625 0.145995,0.280199 0.218745,0.619111 0.21875,1.03125 -5e-6,0.373596 -0.106555,0.705095 -0.28125,1.03125 -0.1747039,0.326156 -0.399303,0.591371 -0.71875,0.75 C 8.8055458,20.189881 8.4141777,20.25 7.9375,20.25 7.2436908,20.25 6.7156094,20.068508 6.34375,19.6875 5.9718886,19.306492 5.728625,18.760651 5.65625,18.03125 L 6.75,17.90625 c 0.064888,0.429933 0.1765895,0.704628 0.375,0.90625 0.198407,0.201627 0.475577,0.3125 0.8125,0.3125 0.3568836,0 0.6003077,-0.07061 0.78125,-0.25 C 8.8996863,18.695617 8.9999965,18.49017 9,18.25 8.9999966,18.095819 8.982364,17.983222 8.90625,17.875 8.8301273,17.766772 8.6896706,17.64256 8.5,17.5625 8.3702201,17.509131 8.0554536,17.417644 7.59375,17.28125 6.9997695,17.106315 6.614587,16.879996 6.375,16.625 6.0380786,16.266234 5.8749995,15.828423 5.875,15.3125 c -5e-7,-0.332079 0.060272,-0.617152 0.21875,-0.90625 0.1584766,-0.289085 0.3892616,-0.505028 0.6875,-0.65625 0.2982357,-0.151211 0.640723,-0.249994 1.0625,-0.25 z m 3.1875,0.125 1.65625,0 1.03125,4.4375 0.96875,-4.4375 1.65625,0 0,6.5 -1.03125,0 0,-5.125 -1.09375,5.125 -1.0625,0 -1.0625,-5.125 0,5.125 -1.0625,0 0,-6.5 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-macrosan.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-macrosan.svg
new file mode 100644
index 00000000..d75d64b8
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-macrosan.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<g>
+	<rect x="11.73" y="6.984" fill="#6494CE" width="7.263" height="2.785"/>
+	<rect x="11.73" y="3.171" fill="#6494CE" width="7.263" height="2.828"/>
+	<rect x="2.708" y="6.984" fill="#6494CE" width="7.261" height="2.785"/>
+	<rect x="2.751" y="3.171" fill="#6494CE" width="7.261" height="2.828"/>
+	<path fill="#6494CE" d="M19.938,0H2.063C0.915,0,0,1.004,0,2.271v7.584c0,1.267,0.915,2.314,2.063,2.314h17.876
+		c1.146,0,2.062-1.047,2.062-2.314V2.271C22,1.004,21.085,0,19.938,0z M20.368,10.584H1.633V1.585h18.735V10.584z"/>
+	<path fill="#6494CE" d="M7.005,18.135c-0.165,0.483-0.288,0.852-0.366,1.102c-0.069-0.226-0.179-0.565-0.328-1.018L4.68,13.354
+		H3.307v6.871h0.879v-5.849l1.992,5.849h0.824l2-5.75v5.75h0.88v-6.871H8.656L7.005,18.135z"/>
+	<path fill="#6494CE" d="M18.025,16.606c-0.274-0.125-0.782-0.271-1.523-0.438c-0.74-0.168-1.199-0.331-1.374-0.49
+		c-0.18-0.159-0.269-0.362-0.269-0.609c0-0.284,0.125-0.527,0.378-0.729c0.252-0.202,0.653-0.303,1.205-0.303
+		c0.529,0,0.929,0.111,1.2,0.332c0.272,0.223,0.431,0.55,0.477,0.986l0.876-0.067c-0.017-0.401-0.128-0.764-0.338-1.082
+		c-0.211-0.318-0.511-0.56-0.901-0.725c-0.39-0.163-0.84-0.245-1.351-0.245c-0.464,0-0.886,0.078-1.264,0.233
+		c-0.379,0.156-0.669,0.385-0.865,0.687c-0.198,0.301-0.296,0.625-0.296,0.974c0,0.314,0.081,0.6,0.241,0.854
+		c0.161,0.254,0.407,0.468,0.735,0.64c0.254,0.134,0.696,0.277,1.331,0.429c0.633,0.151,1.041,0.264,1.227,0.335
+		c0.288,0.11,0.495,0.245,0.62,0.405c0.125,0.161,0.188,0.35,0.188,0.565c0,0.213-0.064,0.408-0.194,0.588
+		c-0.131,0.179-0.329,0.321-0.595,0.424c-0.267,0.104-0.574,0.154-0.922,0.154c-0.392,0-0.743-0.067-1.057-0.203
+		c-0.314-0.135-0.546-0.313-0.693-0.534c-0.149-0.22-0.243-0.502-0.284-0.845l-0.859,0.075c0.012,0.458,0.137,0.87,0.378,1.234
+		c0.239,0.364,0.568,0.636,0.991,0.816c0.421,0.182,0.943,0.272,1.566,0.272c0.494,0,0.936-0.091,1.328-0.271
+		c0.394-0.18,0.695-0.431,0.905-0.754s0.315-0.667,0.315-1.032c0-0.369-0.097-0.696-0.287-0.978
+		C18.724,17.024,18.427,16.792,18.025,16.606z"/>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-netapp.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-netapp.svg
new file mode 100644
index 00000000..0e5867ee
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-netapp.svg
@@ -0,0 +1,146 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g8210">
+    <path
+       d="m 2.89192,1.4915222 17.095694,0 L 22,3.948693 22,18.424603 17.466586,22 2.921182,22 0.66013,18.7386 0.5776,4.0073374 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 3.5,1.75 l 15,0 c 0.964953,0 1.75,0.9159872 1.75,2.0625 l 0,6.84375 c 0,1.146513 -0.785047,2.09375 -1.75,2.09375 l -15,0 c -0.9649531,0 -1.75,-0.947237 -1.75,-2.09375 l 0,-6.84375 C 1.75,2.6659872 2.5350469,1.75 3.5,1.75 z m -0.375,1.4375 0,8.125 15.75,0 0,-8.125 -15.75,0 z m 0.9375,1.4375 6.09375,0 0,2.5625 -6.09375,0 0,-2.5625 z m 7.5625,0 6.09375,0 0,2.5625 -6.09375,0 0,-2.5625 z m -7.59375,3.4375 6.09375,0 0,2.53125 -6.09375,0 0,-2.53125 z m 7.59375,0 6.09375,0 0,2.53125 -6.09375,0 0,-2.53125 z m -5.875,5.625 1.09375,0 2.25,4.40625 0,-4.40625 1,0 0,6.5625 L 9,20.25 6.78125,16 l 0,4.25 -1.03125,0 0,-6.5625 z m 7.125,0 1.15625,0 2.21875,6.5625 -1.1875,0 -0.53125,-1.46875 -2.15625,0 -0.46875,1.46875 -1.15625,0 2.125,-6.5625 z m 0.59375,1.53125 -0.78125,2.4375 1.53125,0 -0.75,-2.4375 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.15625,0,0,1.2403409,1.75,1032.1122)"
+         id="layer1-35">
+        <g
+           id="text5399-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-2">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-0"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-1"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-6"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-4">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-0"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-6"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-8">
+          <g
+             id="text5141-9"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-8"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-sun.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-sun.svg
new file mode 100644
index 00000000..a70b7936
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-sun.svg
@@ -0,0 +1,146 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g8436">
+    <path
+       d="m 2.89192,1.4915218 17.095694,0 L 22,3.948693 22,18.424603 17.466586,22 2.921182,22 0.6601302,18.7386 0.5776002,4.007337 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 3.5,1.75 l 15,0 c 0.964953,0 1.75,0.897022 1.75,2.03125 l 0,6.78125 c 0,1.134228 -0.785047,2.0625 -1.75,2.0625 l -15,0 c -0.9649531,0 -1.75,-0.928272 -1.75,-2.0625 l 0,-6.78125 C 1.75,2.647022 2.5350469,1.75 3.5,1.75 z m -0.375,1.40625 0,8.0625 15.75,0 0,-8.0625 -15.75,0 z m 0.9375,1.4375 6.09375,0 0,2.53125 -6.09375,0 0,-2.53125 z m 7.5625,0 6.09375,0 0,2.53125 -6.09375,0 0,-2.53125 z M 4.03125,8 10.125,8 l 0,2.5 -6.09375,0 0,-2.5 z m 7.59375,0 6.09375,0 0,2.5 -6.09375,0 0,-2.5 z m -6.09375,5.53125 c 0.6888128,6e-6 1.2143448,0.174099 1.5625,0.53125 C 7.4418971,14.419664 7.6075256,14.90376 7.625,15.5 L 6.5625,15.5625 C 6.5150781,15.228967 6.3747286,14.989865 6.21875,14.84375 6.0627652,14.697645 5.843211,14.625005 5.53125,14.625 c -0.3219488,5e-6 -0.5678151,0.06232 -0.75,0.21875 -0.1173004,0.100365 -0.1875015,0.238008 -0.1875,0.40625 -1.5e-6,0.153493 0.077687,0.297042 0.1875,0.40625 0.1397579,0.138735 0.4921745,0.255718 1.03125,0.40625 0.53907,0.150541 0.9291904,0.339136 1.1875,0.5 0.2583019,0.160872 0.4477466,0.377317 0.59375,0.65625 0.1459944,0.278939 0.2187453,0.620965 0.21875,1.03125 -4.7e-6,0.371917 -0.1065552,0.706561 -0.28125,1.03125 -0.1747039,0.324689 -0.3993031,0.592085 -0.71875,0.75 C 6.4930457,20.189171 6.1016776,20.25 5.625,20.25 4.9311907,20.25 4.4031095,20.066795 4.03125,19.6875 3.6593887,19.308205 3.4161255,18.757371 3.34375,18.03125 l 1.09375,-0.125 c 0.064888,0.428 0.1765895,0.736785 0.375,0.9375 0.1984071,0.200721 0.475577,0.28125 0.8125,0.28125 0.3568836,0 0.6003079,-0.07142 0.78125,-0.25 C 6.5871858,18.696424 6.6874964,18.489091 6.6875,18.25 6.6874965,18.096513 6.6698648,17.982735 6.59375,17.875 6.5176275,17.767259 6.3771706,17.642197 6.1875,17.5625 6.0577201,17.509371 5.7429536,17.448281 5.28125,17.3125 4.6872695,17.138352 4.3020869,16.9101 4.0625,16.65625 c -0.3369215,-0.357153 -0.5000005,-0.798897 -0.5,-1.3125 -5e-7,-0.330586 0.060271,-0.649703 0.21875,-0.9375 0.1584768,-0.287785 0.3892615,-0.474458 0.6875,-0.625 0.2982357,-0.150535 0.640723,-0.249994 1.0625,-0.25 z m 3.1875,0.125 1.125,0 0,3.5 c 0,0.557876 0.0038,0.928455 0.03125,1.09375 0.047417,0.265655 0.196555,0.464134 0.375,0.625 0.178441,0.160866 0.40928,0.250001 0.71875,0.25 0.314456,1e-6 0.559021,-0.06674 0.71875,-0.21875 0.159722,-0.152012 0.248802,-0.341119 0.28125,-0.5625 C 12.001194,18.122374 12,17.732349 12,17.21875 l 0,-3.5625 1.125,0 0,3.40625 c 0,0.779255 -0.03386,1.334515 -0.09375,1.65625 -0.0599,0.321738 -0.182781,0.591122 -0.34375,0.8125 -0.160978,0.22138 -0.355467,0.3999 -0.625,0.53125 C 11.79296,20.193856 11.43425,20.25 11,20.25 10.475899,20.25 10.083283,20.174405 9.8125,20.03125 9.5417123,19.888092 9.3134785,19.697509 9.15625,19.46875 8.9990194,19.239993 8.8936642,19.000896 8.84375,18.75 8.771375,18.378086 8.71875,17.819873 8.71875,17.09375 l 0,-3.4375 z m 5.5625,0 1.09375,0 2.25,4.34375 0,-4.34375 1.03125,0 0,6.46875 -1.125,0 -2.1875,-4.21875 0,4.21875 -1.0625,0 0,-6.46875 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.15625,0,0,1.2270508,1.75,1032.1122)"
+         id="layer1-1">
+        <g
+           id="text5399-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-9"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-8"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-8"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-0">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-8"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-7"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-7"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-8">
+          <g
+             id="text5141-3"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-8"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-zte.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-zte.svg
new file mode 100644
index 00000000..8a363f5e
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-diskraid-zte.svg
@@ -0,0 +1,146 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g8662">
+    <path
+       d="m 2.89192,1.4915068 17.095694,0 L 22,3.9486776 l 0,14.4759104 -4.533414,3.575397 -14.545404,0 L 0.66013,18.738585 0.5776,4.007322 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 3.5,1.75 l 15,0 c 0.964953,0 1.75,0.8950661 1.75,2.03125 l 0,6.8125 c 0,1.136184 -0.785047,2.0625 -1.75,2.0625 l -15,0 c -0.9649531,0 -1.75,-0.926316 -1.75,-2.0625 l 0,-6.8125 C 1.75,2.6450661 2.5350469,1.75 3.5,1.75 z m -0.375,1.40625 0,8.09375 15.75,0 0,-8.09375 -15.75,0 z m 0.9375,1.4375 6.09375,0 0,2.53125 -6.09375,0 0,-2.53125 z m 7.5625,0 6.09375,0 0,2.53125 -6.09375,0 0,-2.53125 z M 4.03125,8 10.125,8 l 0,2.5 -6.09375,0 0,-2.5 z m 7.59375,0 6.09375,0 0,2.5 -6.09375,0 0,-2.5 z m -7.3125,5.75 4,0 0,1 -3,4.375 3.125,0 0,1.125 -4.4375,0 0,-1.1875 2.875,-4.21875 -2.5625,0 0,-1.09375 z m 4.4375,0 4.375,0 0,1.09375 -1.625,0 0,5.40625 -1.125,0 0,-5.40625 -1.625,0 0,-1.09375 z m 5.09375,0 4.0625,0 0,1.09375 -2.96875,0 0,1.4375 2.75,0 0,1.09375 -2.75,0 0,1.75 3.0625,0 0,1.125 -4.15625,0 0,-6.5 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.15625,0,0,1.2291667,1.75,1032.1122)"
+         id="layer1-7">
+        <g
+           id="text5399-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-0">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-7"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-3"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-4"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-9">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-6"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-5"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-0">
+          <g
+             id="text5141-9"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-9"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-6"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-checkpoint.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-checkpoint.svg
new file mode 100644
index 00000000..b672c7ea
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-checkpoint.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g9135">
+    <path
+       d="m 2.8919556,1.4915218 17.0956944,0 2.012386,2.457171 0,14.4759102 L 17.466622,22 2.9212176,22 0.66016556,18.7386 0.57763556,4.0073368 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(4.4444444e-7,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.6318877,0 0.01600491,1.6859888 0,3.78125 -7.9912669e-5,3.7917117 0,3.8020181 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 l 0,-14.375 c 0,-0.010482 8e-5,-0.020788 0,-0.03125 C 21.983995,1.6859888 20.368122,0 18.34375,0 L 5.1875,0 3.65625,0 z m 1.53125,1.375 2.25,0 0,2.40625 7.5625,0 0,-2.40625 2.1875,0 0,2.40625 3.4375,0 0,1.21875 -0.375,0 0,3.75 0.375,0 0,10.53125 -3.4375,0 0,1.34375 -2.1875,0 0,-1.34375 -7.5625,0 0,1.34375 -2.25,0 0,-1.34375 -3.8125,0 0,-10.53125 6.875,0 0,-3.75 -6.875,0 0,-1.21875 3.8125,0 0,-2.40625 z M 10.5,5 l 0,3.75 7.5625,0 0,-3.75 L 10.5,5 z m -2.34375,5.28125 c -0.9650071,0 -1.751588,0.303 -2.34375,0.9375 -0.592163,0.6344 -0.875,1.57195 -0.875,2.71875 0,1.084 0.285969,1.90615 0.875,2.53125 0.589028,0.6251 1.335122,0.9375 2.25,0.9375 0.7394173,0 1.33156,-0.1975 1.8125,-0.5625 0.480931,-0.3651 0.824457,-0.9355 1.03125,-1.6875 L 9.59375,14.75 c -0.115926,0.5044 -0.296187,0.85885 -0.5625,1.09375 -0.266321,0.2356 -0.599043,0.34375 -0.96875,0.34375 -0.501304,0 -0.905438,-0.1927 -1.21875,-0.5625 -0.313315,-0.3697 -0.500001,-0.97265 -0.5,-1.84375 -1e-6,-0.821 0.181985,-1.3835 0.5,-1.75 0.318012,-0.3666 0.708046,-0.5625 1.21875,-0.5625 0.369707,0 0.710263,0.1048 0.96875,0.3125 0.25848,0.2068 0.418534,0.48655 0.5,0.84375 l 1.375,-0.34375 c -0.156663,-0.5515 -0.374191,-0.9554 -0.6875,-1.25 -0.5263709,-0.4983 -1.2196887,-0.75 -2.0625,-0.75 z m 3.96875,0.125 0,6.875 1.40625,0 0,-2.59375 0.90625,0 c 0.629758,0 1.074132,-0.0588 1.40625,-0.125 0.24438,-0.054 0.513444,-0.1477 0.75,-0.3125 0.236547,-0.1646 0.44022,-0.3993 0.59375,-0.6875 C 17.34102,13.2742 17.406243,12.9229 17.40625,12.5 17.406243,11.9516 17.26631,11.5337 17,11.1875 16.733678,10.8413 16.426021,10.6031 16.03125,10.5 15.774328,10.431 15.189693,10.40625 14.34375,10.40625 l -2.21875,0 z m 1.40625,1.15625 0.65625,0 c 0.501299,0 0.86519,0.0023 1.03125,0.03125 0.225583,0.041 0.415238,0.1495 0.5625,0.3125 0.147254,0.1629 0.187496,0.40565 0.1875,0.65625 -4e-6,0.2037 -0.05129,0.3466 -0.15625,0.5 -0.104967,0.1536 -0.252649,0.27225 -0.4375,0.34375 -0.184859,0.073 -0.576704,0.125 -1.125,0.125 l -0.71875,0 0,-1.96875 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-cisco.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-cisco.svg
new file mode 100644
index 00000000..26f72080
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-cisco.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <path
+       d="M 3.65625,0 C 1.6318877,0 0.01600491,1.6859888 0,3.78125 -7.9912669e-5,3.7917117 0,3.8020181 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 l 0,-14.375 c 0,-0.010482 8e-5,-0.020788 0,-0.03125 C 21.983995,1.6859888 20.368122,0 18.34375,0 l -13.125,0 -1.5625,0 z m 1.5625,1.375 2.21875,0 0,2.40625 7.5625,0 0,-2.40625 2.1875,0 0,2.40625 3.4375,0 0,1.21875 -0.375,0 0,3.78125 0.375,0 0,10.5 -3.4375,0 0,1.34375 -2.1875,0 0,-1.34375 -7.5625,0 0,1.34375 -2.21875,0 0,-1.34375 -3.84375,0 0,-10.5 6.875,0 L 8.25,5 1.375,5 l 0,-1.21875 3.84375,0 0,-2.40625 z M 10.5,5 l 0,3.78125 7.5625,0 L 18.0625,5 10.5,5 z m -3.25,5.5625 c -0.959388,0 -1.7550379,0.334325 -2.34375,0.96875 -0.5887149,0.634425 -0.84375,1.54075 -0.84375,2.6875 0,1.08405 0.2581505,1.906175 0.84375,2.53125 0.5855968,0.625075 1.3716998,0.96875 2.28125,0.96875 0.7351086,0 1.3031096,-0.197437 1.78125,-0.5625 C 9.4468795,16.791187 9.7944115,16.220738 10,15.46875 L 8.65625,15.03125 C 8.540999,15.535737 8.38976,15.921263 8.125,16.15625 7.8602304,16.391787 7.5550523,16.5 7.1875,16.5 6.6891145,16.5 6.2489865,16.307237 5.9375,15.9375 5.6260094,15.567762 5.4687486,14.964812 5.46875,14.09375 c -1.4e-6,-0.820875 0.152587,-1.383425 0.46875,-1.75 0.3161589,-0.366575 0.7422697,-0.5625 1.25,-0.5625 0.3675523,0 0.6805181,0.07404 0.9375,0.28125 0.2569737,0.2068 0.4190086,0.517775 0.5,0.875 L 10,12.59375 C 9.8442492,12.042238 9.6239824,11.638275 9.3125,11.34375 8.7891942,10.845587 8.0878994,10.5625 7.25,10.5625 z m 8,0 c -0.959388,0 -1.755038,0.334325 -2.34375,0.96875 -0.588714,0.634425 -0.875,1.54075 -0.875,2.6875 0,1.08405 0.2894,1.906175 0.875,2.53125 0.585597,0.625075 1.340451,0.96875 2.25,0.96875 0.73511,0 1.33436,-0.197437 1.8125,-0.5625 0.478129,-0.365063 0.825661,-0.935512 1.03125,-1.6875 l -1.34375,-0.4375 c -0.115251,0.504487 -0.32899,0.890013 -0.59375,1.125 C 15.79773,16.391787 15.492554,16.5 15.125,16.5 c -0.498384,0 -0.876013,-0.192763 -1.1875,-0.5625 -0.311491,-0.369738 -0.468753,-0.972688 -0.46875,-1.84375 -3e-6,-0.820875 0.152587,-1.383425 0.46875,-1.75 0.316159,-0.366575 0.711021,-0.5625 1.21875,-0.5625 0.367552,0 0.680518,0.07404 0.9375,0.28125 0.256974,0.2068 0.450256,0.517775 0.53125,0.875 L 18,12.59375 c -0.155751,-0.551512 -0.438518,-0.955475 -0.75,-1.25 -0.523306,-0.498163 -1.162101,-0.78125 -2,-0.78125 z"
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-cisco2.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-cisco2.svg
new file mode 100644
index 00000000..302e748e
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-cisco2.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g9356">
+    <path
+       d="m 2.8919915,1.4915009 17.0956945,0 2.012386,2.457171 0,14.4759101 -4.533414,3.575397 -14.5454045,0 -2.26105198,-3.2614 -0.08253,-14.7312631 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(3.5516742e-5,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.6318877,0 0.01600491,1.6859888 0,3.78125 -7.9912669e-5,3.7917117 0,3.8020181 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 l 0,-14.375 c 0,-0.010482 8e-5,-0.020788 0,-0.03125 C 21.983995,1.6859888 20.368122,0 18.34375,0 L 5.1875,0 3.65625,0 z m 1.53125,1.375 2.25,0 0,2.40625 7.5625,0 0,-2.40625 2.1875,0 0,2.40625 3.4375,0 0,1.21875 -0.375,0 0,3.75 0.375,0 0,10.53125 -3.4375,0 0,1.34375 -2.1875,0 0,-1.34375 -7.5625,0 0,1.34375 -2.25,0 0,-1.34375 -3.8125,0 0,-10.53125 6.875,0 0,-3.75 -6.875,0 0,-1.21875 3.8125,0 0,-2.40625 z M 10.5,5 l 0,3.75 7.5625,0 0,-3.75 L 10.5,5 z m -4.78125,5.28125 c -0.965008,0 -1.782838,0.303 -2.375,0.9375 C 2.751587,11.85315 2.5,12.7907 2.5,13.9375 c 0,1.084 0.25472,1.90615 0.84375,2.53125 0.589028,0.6251 1.366372,0.9375 2.28125,0.9375 0.739417,0 1.331559,-0.1975 1.8125,-0.5625 0.480931,-0.3651 0.824457,-0.9355 1.03125,-1.6875 L 7.125,14.75 c -0.115926,0.5044 -0.296188,0.85885 -0.5625,1.09375 -0.266321,0.2356 -0.567793,0.34375 -0.9375,0.34375 -0.501304,0 -0.936688,-0.1927 -1.25,-0.5625 -0.313315,-0.3697 -0.468751,-0.97265 -0.46875,-1.84375 -1e-6,-0.821 0.150735,-1.3835 0.46875,-1.75 0.318012,-0.3666 0.739296,-0.5625 1.25,-0.5625 0.369707,0 0.679012,0.1048 0.9375,0.3125 0.258479,0.2068 0.449784,0.48655 0.53125,0.84375 l 1.375,-0.34375 c -0.156664,-0.5516 -0.374191,-0.9554 -0.6875,-1.25 -0.526372,-0.4983 -1.21969,-0.75 -2.0625,-0.75 z m 10.78125,0 c -0.965008,0 -1.782839,0.303 -2.375,0.9375 -0.592163,0.6344 -0.84375,1.57195 -0.84375,2.71875 0,1.084 0.254719,1.90615 0.84375,2.53125 0.589028,0.6251 1.366372,0.9375 2.28125,0.9375 0.739418,0 1.331559,-0.1975 1.8125,-0.5625 0.480931,-0.3651 0.824457,-0.9355 1.03125,-1.6875 L 17.90625,14.75 c -0.115927,0.5044 -0.264937,0.85885 -0.53125,1.09375 -0.266321,0.2356 -0.599042,0.34375 -0.96875,0.34375 -0.501304,0 -0.936689,-0.1927 -1.25,-0.5625 -0.313316,-0.3697 -0.468751,-0.97265 -0.46875,-1.84375 -10e-7,-0.821 0.150734,-1.3835 0.46875,-1.75 0.318011,-0.3666 0.739297,-0.5625 1.25,-0.5625 0.369708,0 0.710262,0.1048 0.96875,0.3125 0.258479,0.2068 0.418534,0.48655 0.5,0.84375 l 1.375,-0.34375 c -0.156663,-0.5516 -0.374191,-0.9554 -0.6875,-1.25 -0.526372,-0.4983 -1.21969,-0.75 -2.0625,-0.75 z M 9.03125,12.75 l 0,2.0625 3.21875,0 0,-2.0625 -3.21875,0 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-h3c.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-h3c.svg
new file mode 100644
index 00000000..97f1702a
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-h3c.svg
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g9599">
+    <path
+       d="m 2.8919558,1.4915217 17.0956942,0 2.012386,2.457171 0,14.4759103 L 17.466622,22 2.9212178,22 0.66016576,18.7386 0.57763576,4.0073367 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(4.4444445e-7,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.6318877,0 0.01600491,1.6859888 0,3.78125 -7.9912669e-5,3.7917117 0,3.8020181 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 l 0,-14.375 c 0,-0.010482 8e-5,-0.020788 0,-0.03125 C 21.983995,1.6859888 20.368122,0 18.34375,0 L 5.1875,0 3.65625,0 z m 1.53125,1.375 2.25,0 0,2.40625 7.5625,0 0,-2.40625 2.1875,0 0,2.40625 3.4375,0 0,1.21875 -0.375,0 0,3.75 0.375,0 0,10.53125 -3.4375,0 0,1.34375 -2.1875,0 0,-1.34375 -7.5625,0 0,1.34375 -2.25,0 0,-1.34375 -3.8125,0 0,-10.53125 6.875,0 0,-3.75 -6.875,0 0,-1.21875 3.8125,0 0,-2.40625 z M 10.5,5 l 0,3.75 7.5625,0 0,-3.75 L 10.5,5 z m 6,5.3125 c -0.85048,7e-6 -1.540617,0.365546 -2.0625,1 -0.521885,0.634466 -0.78125,1.509526 -0.78125,2.65625 0,1.084068 0.262127,1.90619 0.78125,2.53125 0.519122,0.625061 1.22495,0.9375 2.03125,0.9375 0.651661,0 1.169887,-0.13499 1.59375,-0.5 0.423853,-0.36501 0.692749,-0.935545 0.875,-1.6875 l -1.15625,-0.4375 c -0.102176,0.504437 -0.265294,0.858767 -0.5,1.09375 -0.234714,0.234986 -0.549172,0.375001 -0.875,0.375 -0.441809,1e-6 -0.786374,-0.192789 -1.0625,-0.5625 -0.276132,-0.369709 -0.406251,-1.003986 -0.40625,-1.875 -10e-7,-0.820878 0.125984,-1.414668 0.40625,-1.78125 0.280269,-0.366572 0.674906,-0.562494 1.125,-0.5625 0.325828,6e-6 0.58469,0.105719 0.8125,0.3125 0.227802,0.206792 0.396952,0.517827 0.46875,0.875 l 1.1875,-0.34375 c -0.138071,-0.551427 -0.348877,-0.955479 -0.625,-1.25 C 17.848598,10.595588 17.242783,10.312507 16.5,10.3125 z m -13.4375,0.125 0,6.9375 1.1875,0 0,-3.0625 2.40625,0 0,3.0625 1.25,0 0,-6.9375 -1.25,0 0,2.71875 -2.40625,0 0,-2.71875 -1.1875,0 z m 7.75,0 c -0.334118,7e-6 -0.605776,0.0762 -0.875,0.21875 -0.2692271,0.142564 -0.5057605,0.313422 -0.65625,0.5625 C 9.130759,11.46784 9.0120544,11.770798 8.9375,12.1875 L 10,12.40625 c 0.03037,-0.300776 0.140422,-0.530838 0.28125,-0.6875 0.140824,-0.156651 0.301185,-0.218744 0.5,-0.21875 0.201572,6e-6 0.347251,0.0809 0.46875,0.21875 0.121494,0.137864 0.218747,0.330653 0.21875,0.5625 -3e-6,0.272588 -0.08432,0.491765 -0.25,0.65625 -0.16568,0.164494 -0.403965,0.228154 -0.71875,0.21875 l -0.15625,1.0625 c 0.207095,-0.06579 0.413388,-0.09375 0.5625,-0.09375 0.226423,3e-6 0.405104,0.118254 0.5625,0.3125 0.15739,0.194257 0.218747,0.449139 0.21875,0.78125 -3e-6,0.350914 -0.05446,0.636964 -0.21875,0.84375 -0.1643,0.206788 -0.35352,0.312501 -0.59375,0.3125 -0.223667,1e-6 -0.436358,-0.07767 -0.59375,-0.25 C 10.123855,15.95268 10.035895,15.669598 10,15.34375 L 8.84375,15.5 c 0.057987,0.579631 0.2945202,1.078757 0.65625,1.4375 0.3617278,0.358744 0.825501,0.5 1.375,0.5 0.579868,0 1.079405,-0.198893 1.46875,-0.625 0.389338,-0.426106 0.531246,-0.957802 0.53125,-1.5625 -4e-6,-0.416705 -0.07278,-0.736732 -0.28125,-1.03125 -0.208481,-0.294511 -0.464581,-0.509152 -0.8125,-0.59375 0.582629,-0.360307 0.843746,-0.8328 0.84375,-1.4375 -4e-6,-0.426101 -0.153091,-0.817865 -0.4375,-1.15625 -0.345165,-0.413568 -0.803416,-0.593743 -1.375,-0.59375 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+         id="g18127">
+        <g
+           id="text8828-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-3-6">
+          <g
+             id="text7004-7"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-juniper.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-juniper.svg
new file mode 100644
index 00000000..11c1be69
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-juniper.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g9848">
+    <path
+       d="m 2.8919556,1.491522 17.0956944,0 2.012386,2.457171 0,14.47591 L 17.466622,22 2.9212176,22 0.66016556,18.7386 0.57763556,4.007337 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(4.4444444e-7,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.6318877,0 0.01600491,1.6859888 0,3.78125 -7.9912669e-5,3.7917117 0,3.8020181 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 l 0,-14.375 c 0,-0.010482 8e-5,-0.020788 0,-0.03125 C 21.983995,1.6859888 20.368122,0 18.34375,0 l -13.125,0 -1.5625,0 z m 1.5625,1.375 2.21875,0 0,2.40625 7.5625,0 0,-2.40625 2.1875,0 0,2.40625 3.4375,0 0,1.21875 -0.375,0 0,3.75 0.375,0 0,10.53125 -3.4375,0 0,1.34375 -2.1875,0 0,-1.34375 -7.5625,0 0,1.34375 -2.21875,0 0,-1.34375 -3.84375,0 0,-10.53125 6.875,0 0,-3.75 -6.875,0 0,-1.21875 3.84375,0 0,-2.40625 z M 10.5,5 l 0,3.75 7.5625,0 0,-3.75 L 10.5,5 z m -2.03125,5.65625 0,4.4375 C 8.4687469,15.65145 8.377707,16.010478 8.25,16.1875 8.1222862,16.364524 7.9021211,16.468751 7.59375,16.46875 7.288489,16.468751 7.0557628,16.310019 6.90625,16.0625 6.8065718,15.899579 6.7655728,15.644778 6.75,15.25 l -1.28125,0.125 c 0.00312,0.736289 0.1980579,1.306824 0.5625,1.6875 0.3644407,0.380676 0.855318,0.59375 1.53125,0.59375 0.5762512,0 1.0542645,-0.132181 1.40625,-0.375 C 9.3207281,17.038433 9.5535555,16.713542 9.6875,16.3125 9.7871714,16.005454 9.8124959,15.570233 9.8125,15 l 0,-4.34375 -1.34375,0 z m 2.84375,0 0,6.875 1.375,0 0,-2.625 0.90625,0 c 0.626088,0 1.107319,-0.02796 1.4375,-0.09375 0.242957,-0.05327 0.483572,-0.179257 0.71875,-0.34375 0.235169,-0.164487 0.409866,-0.336748 0.5625,-0.625 0.152626,-0.288244 0.249993,-0.670772 0.25,-1.09375 -7e-6,-0.548294 -0.14149,-0.966283 -0.40625,-1.3125 -0.26477,-0.346205 -0.607529,-0.5841 -1,-0.6875 -0.255425,-0.06892 -0.783984,-0.09374 -1.625,-0.09375 l -2.21875,0 z m 1.375,1.15625 0.6875,0 c 0.498379,7e-6 0.803657,0.03118 0.96875,0.0625 0.224267,0.04074 0.416095,0.118332 0.5625,0.28125 0.146396,0.162928 0.218746,0.343104 0.21875,0.59375 -4e-6,0.203659 -0.02066,0.408981 -0.125,0.5625 -0.104356,0.153528 -0.284976,0.271692 -0.46875,0.34375 -0.183782,0.07207 -0.517399,0.09375 -1.0625,0.09375 l -0.78125,0 0,-1.9375 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,-7.0312501e-8,1030.3622)"
+         id="g18142">
+        <g
+           id="text12458"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-neteye.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-neteye.svg
new file mode 100644
index 00000000..915537a0
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-neteye.svg
@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g10056">
+    <path
+       d="m 2.8919556,1.4915225 17.0956944,0 2.012386,2.457171 0,14.4759095 L 17.466622,22 2.9212176,22 0.66016556,18.7386 0.57763556,4.0073375 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(4.4444444e-7,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.6318877,0 0.01600491,1.6859888 0,3.78125 -7.9912669e-5,3.7917117 0,3.8020181 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 l 0,-14.375 c 0,-0.010482 8e-5,-0.020788 0,-0.03125 C 21.983995,1.6859888 20.368122,0 18.34375,0 L 5.1875,0 3.65625,0 z m 1.53125,1.375 2.25,0 0,2.40625 7.5625,0 0,-2.40625 2.1875,0 0,2.40625 3.4375,0 0,1.21875 -0.375,0 0,3.75 0.375,0 0,1.78125 -3.3125,0 0,6.90625 3.3125,0 0,1.84375 -3.4375,0 0,1.34375 -2.1875,0 0,-1.34375 -7.5625,0 0,1.34375 -2.25,0 0,-1.34375 -3.8125,0 0,-1.84375 0.5,0 0,-4.5 2.15625,4.5 1.09375,0 0,-6.90625 -1,0 0,4.59375 -2.1875,-4.59375 -0.5625,0 0,-1.78125 6.875,0 0,-3.75 -6.875,0 0,-1.21875 3.8125,0 0,-2.40625 z M 10.5,5 l 0,3.75 7.5625,0 0,-3.75 L 10.5,5 z m -3.9375,5.53125 0,6.90625 3.625,0 0,-1.15625 -2.1875,0 0,-1.875 1.8125,0 0,-1.15625 -1.8125,0 0,-1.5625 2.0625,0 0,-1.15625 -3.5,0 z m 4.1875,0 1.96875,4 0,2.90625 1.0625,0 0,-2.90625 1.9375,-4 -1.25,0 -1.1875,2.75 -1.25,-2.75 -1.28125,0 z m 7.9375,1.15625 1.9375,0 0,1.5625 -1.9375,0 0,-1.5625 z m 0,2.71875 1.9375,0 0,1.875 -1.9375,0 0,-1.875 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+         id="g18158">
+        <g
+           id="text8828-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-8-2">
+          <g
+             id="text7004-9"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(-20.478065,4.2020185)"
+           id="text9174"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-zte.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-zte.svg
new file mode 100644
index 00000000..a0e5bd0c
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-zte.svg
@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g10272">
+    <g
+       transform="translate(2.050883,-0.0932)"
+       id="g10245">
+      <path
+         d="m 0.84110806,1.5847221 17.09569394,0 2.012386,2.457171 0,14.4759099 -4.533414,3.575397 -14.54540394,0 -2.26105196,-3.2614 -0.08253,-14.7312629 z"
+         id="rect3155"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(-2.0508475,-1030.269)"
+         id="layer1">
+        <path
+           d="M 3.65625,0 C 1.6318877,0 0.01600491,1.6859888 0,3.78125 -7.9912669e-5,3.7917117 0,3.8020181 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 1.53125,0 13.15625,0 C 20.37823,22 22,20.2973 22,18.1875 l 0,-14.375 c 0,-0.010482 8e-5,-0.020788 0,-0.03125 C 21.983995,1.6859888 20.368122,0 18.34375,0 L 5.1875,0 3.65625,0 z m 1.53125,1.375 2.25,0 0,2.40625 7.5625,0 0,-2.40625 2.1875,0 0,2.40625 3.4375,0 0,1.21875 -0.375,0 0,3.75 0.375,0 0,10.53125 -3.4375,0 0,0.78125 0,0.5625 -2.1875,0 0,-0.5625 0,-0.78125 -7.5625,0 0,0.78125 0,0.5625 -2.25,0 0,-0.5625 0,-0.78125 -3.8125,0 0,-10.53125 6.875,0 0,-3.75 -6.875,0 0,-1.21875 3.8125,0 0,-2.40625 z M 10.5,5 l 0,3.75 7.5625,0 0,-3.75 L 10.5,5 z m -7.875,5.6875 0,1.1875 3.1875,0 -3.625,4.4375 0,1.25 5.59375,0 0,-1.15625 -3.90625,0 3.78125,-4.625 0,-1.09375 -5.03125,0 z m 5.53125,0 0,1.1875 2.0625,0 0,5.6875 1.375,0 0,-5.6875 2.0625,0 0,-1.1875 -5.5,0 z m 6.40625,0 0,6.875 5.25,0 0,-1.15625 -3.875,0 0,-1.875 3.5,0 0,-1.15625 -3.5,0 0,-1.5 3.75,0 0,-1.1875 -5.125,0 z"
+           transform="translate(0,1030.3622)"
+           id="rect3001-7-4"
+           style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+        <g
+           transform="translate(3,1033.8577)"
+           id="layer1-8">
+          <g
+             id="text5399"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="translate(0,-1036.4247)"
+             id="layer1-3">
+            <g
+               transform="scale(0.89723629,1.1145336)"
+               id="text5639"
+               style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               transform="scale(1.0195853,0.98079088)"
+               id="text6068"
+               style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               id="text6125"
+               style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="translate(0,-1036.3622)"
+             id="layer1-84">
+            <g
+               transform="scale(0.93557544,1.0688609)"
+               id="text7308"
+               style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(0.9686171,1.0323997)"
+             id="text5724"
+             style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text5751"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="layer1-37">
+            <g
+               id="text5141"
+               style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(1.0995518,0.90946149)"
+             id="text5804"
+             style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(0.94725198,1.0556853)"
+             id="text5938"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+           id="layer1-849">
+          <g
+             id="text7004"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+           id="g18178">
+          <g
+             id="text8828-2"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="translate(0,-1036.3622)"
+             id="layer1-0">
+            <g
+               id="text7004-78"
+               style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="translate(0,-1036.3622)"
+             id="layer1-8-1">
+            <g
+               id="text7004-9-5"
+               style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-ztemf.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-ztemf.svg
new file mode 100644
index 00000000..ed5570e0
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-ztemf.svg
@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g10468">
+    <path
+       d="m 2.8919556,1.4915216 17.0956944,0 2.012386,2.457171 0,14.4759104 L 17.466622,22 2.9212176,22 0.66016556,18.7386 0.57763556,4.0073366 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(4.4444444e-7,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.6318877,0 0.01600491,1.6859888 0,3.78125 -7.9912669e-5,3.7917117 0,3.8020181 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 1.53125,0 13.15625,0 C 20.37823,22 22,20.2973 22,18.1875 l 0,-14.375 c 0,-0.010482 8e-5,-0.020788 0,-0.03125 C 21.983995,1.6859888 20.368122,0 18.34375,0 L 5.1875,0 3.65625,0 z m 1.53125,1.375 2.25,0 0,0.25 C 6.6483513,2.4878239 6.15625,3.6448176 6.15625,4.90625 c 0,0.028636 -4.942e-4,0.065231 0,0.09375 l -3.5,0 -1.28125,0 0,-1.21875 1.28125,0 2.53125,0 0,-2.0625 0,-0.34375 z m 9.8125,0 2.1875,0 0,0.34375 0,2.0625 2.5,0 0.9375,0 0,1.21875 -0.375,0 0,3.75 0.375,0 0,10.53125 -3.4375,0 0,0.78125 0,0.5625 -2.1875,0 0,-0.5625 0,-0.78125 -7.5625,0 0,0.78125 0,0.5625 -2.25,0 0,-0.5625 0,-0.78125 -3.8125,0 0,-10.53125 1.28125,0 5.40625,0 c 0.8145885,0.6191599 1.8353734,1 2.9375,1 1.102127,0 2.122912,-0.3808401 2.9375,-1 l 4.125,0 0,-3.75 -2.21875,0 c 5.03e-4,-0.028784 0,-0.064845 0,-0.09375 0,-1.0261657 -0.300074,-1.9661802 -0.84375,-2.75 L 15,1.71875 15,1.375 z m -6.03125,0.71875 4.0625,0 0,1.03125 -2.84375,0 0,1.375 2.4375,0 0,1 -2.4375,0 0,2.53125 -1.21875,0 0,-5.9375 z M 2.625,10.6875 l 0,1.1875 0.03125,0 3.15625,0 -3.15625,3.84375 -0.46875,0.59375 0,1.25 0.46875,0 5.125,0 0,-1.15625 -3.90625,0 3.78125,-4.625 0,-1.09375 -5,0 -0.03125,0 z m 5.53125,0 0,1.1875 2.0625,0 0,5.6875 1.375,0 0,-5.6875 2.0625,0 0,-1.1875 -5.5,0 z m 6.40625,0 0,6.875 5.125,0 0.125,0 0,-1.15625 -0.125,0 -3.75,0 0,-1.875 3.5,0 0,-1.15625 -3.5,0 0,-1.5 3.75,0 0,-1.1875 -5.125,0 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+         id="g18200">
+        <g
+           id="text8828-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-5">
+          <g
+             id="text7004-8"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-8-6">
+          <g
+             id="text7004-9-2"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="text7004-0"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-zteutm.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-zteutm.svg
new file mode 100644
index 00000000..d25c5342
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall-zteutm.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(3,3.4955)"
+     id="layer1-8">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.3669903,0,0,1.375,30.30548,-1427.3285)"
+     id="layer1-849">
+    <g
+       id="text7004"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="scale(1.375,1.375)"
+     id="g18225">
+    <g
+       id="text8828-24"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-1">
+      <g
+         id="text7004-82"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-8-11">
+      <g
+         id="text7004-9-9"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-6">
+      <g
+         id="text7004-0-7"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       id="text9161"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g11077">
+    <path
+       d="m 2.8919553,1.4915225 17.0956947,0 2.012386,2.457171 0,14.4759095 L 17.466622,22 2.9212173,22 0.66016526,18.7386 0.57763526,4.0073375 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.6562504,0 C 1.6318876,0 0.01600484,1.6859885 -5.5555558e-8,3.7812497 c -7.9900000442e-5,0.010462 0,0.020768 0,0.03125 l 0,14.3750003 C -5.5555558e-8,20.2973 1.6217799,22 3.6562504,22 l 1.53125,0 13.1562496,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8124997 c 0,-0.010482 8e-5,-0.020788 0,-0.03125 C 21.984,1.6859885 20.368122,0 18.34375,0 L 5.1875004,0 3.6562504,0 z m 1.53125,1.3749997 2.25,0 0,0.25 c -0.789149,0.8628239 -1.28125,2.0198176 -1.28125,3.28125 0,0.028636 -4.95e-4,0.065231 0,0.09375 l -3.5,0 -1.2812505,0 0,-1.21875 1.2812505,0 2.53125,0 0,-2.0625 0,-0.34375 z m 9.8124996,0 2.1875,0 0,0.34375 0,2.0625 2.5,0 0.9375,0 0,1.21875 -0.375,0 0,3.75 0.375,0 0,10.5312503 -3.4375,0 0,0.78125 0,0.5625 -2.1875,0 0,-0.5625 0,-0.78125 -7.5624996,0 0,0.78125 0,0.5625 -2.25,0 0,-0.5625 0,-0.78125 -3.8125005,0 0,-10.5312503 1.2812505,0 5.40625,0 c 0.814588,0.6191599 1.835373,1 2.9374996,1 1.102127,0 2.122912,-0.3808401 2.9375,-1 l 4.125,0 0,-3.75 -2.21875,0 c 5.03e-4,-0.028784 0,-0.064845 0,-0.09375 0,-1.0261657 -0.300074,-1.9661802 -0.84375,-2.75 l 0,-0.4375 0,-0.34375 z m -6.1874996,0.71875 1.1874996,0 0,3.1875 c -1.6e-6,0.5075705 0.03296,0.8496113 0.0625,1 0.05102,0.2417007 0.151731,0.4473889 0.34375,0.59375 0.192014,0.1463633 0.44824,0.218751 0.78125,0.21875 0.338376,1e-6 0.578121,-0.080443 0.75,-0.21875 0.171871,-0.1383044 0.277584,-0.2985824 0.3125,-0.5 0.03491,-0.2014141 0.09375,-0.5327127 0.09375,-1 l 0,-3.28125 1.15625,0 0,3.09375 c -6e-6,0.7089864 -0.0293,1.2072769 -0.09375,1.5 -0.06446,0.2927257 -0.170537,0.5485848 -0.34375,0.75 -0.173222,0.2014163 -0.397465,0.3492432 -0.6875,0.46875 -0.290043,0.1195067 -0.688968,0.1562499 -1.15625,0.15625 -0.563967,-10e-8 -0.98987,-0.026001 -1.2812496,-0.15625 -0.291384,-0.1302488 -0.518312,-0.3231197 -0.6875,-0.53125 -0.169191,-0.2081291 -0.25879,-0.3967276 -0.3125,-0.625 -0.07788,-0.3383773 -0.125001,-0.8393533 -0.125,-1.5 l 0,-3.15625 z M 2.6249999,10.6875 l 0,1.1875 0.031251,0 3.15625,0 -3.15625,3.84375 -0.4687505,0.59375 0,1.25 0.4687505,0 5.125,0 0,-1.15625 -3.90625,0 3.78125,-4.625 0,-1.09375 -5,0 -0.031251,0 z m 5.5312505,0 0,1.1875 2.0624996,0 0,5.6875 1.375,0 0,-5.6875 2.0625,0 0,-1.1875 -5.4999996,0 z m 6.4062496,0 0,6.875 5.125,0 0.125,0 0,-1.15625 -0.125,0 -3.75,0 0,-1.875 3.5,0 0,-1.15625 -3.5,0 0,-1.5 3.75,0 0,-1.1875 -5.125,0 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall.svg
new file mode 100644
index 00000000..487d38d1
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-firewall.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g8817">
+    <path
+       d="m 2.89192,1.4915221 17.095694,0 L 22,3.9486929 22,18.424603 17.466586,22 2.921182,22 0.66013,18.7386 0.5776,4.0073373 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 2,2 l 4.25,0 0,3.09375 -4.25,0 L 2,2 z m 6.09375,0 6.1875,0 0,3.09375 -6.1875,0 0,-3.09375 z M 16.0625,2 20,2 l 0,3.09375 -3.9375,0 0,-3.09375 z m -13.53125,4.09375 6.21875,0 0,3.09375 -6.21875,0 0,-3.09375 z m 8.03125,0 6.1875,0 0,3.09375 -6.1875,0 0,-3.09375 z m 8,0 1.4375,0 0,3.09375 -1.4375,0 0,-3.09375 z M 2,10.125 l 4.5,0 0,3.125 -4.5,0 0,-3.125 z m 6.4375,0 6.1875,0 0,3.125 -6.1875,0 0,-3.125 z m 8,0 3.5625,0 0,3.125 -3.5625,0 0,-3.125 z m -13.90625,4.21875 6.21875,0 0,3.09375 -6.21875,0 0,-3.09375 z m 8.03125,0 6.1875,0 0,3.09375 -6.1875,0 0,-3.09375 z m 8,0 1.4375,0 0,3.09375 -1.4375,0 0,-3.09375 z M 2,18.40625 l 4.25,0 L 6.25,20 2,20 2,18.40625 z m 6.09375,0 6.1875,0 0,1.59375 -6.1875,0 0,-1.59375 z m 7.96875,0 3.9375,0 0,1.59375 -3.9375,0 0,-1.59375 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.125,0,0,1.125,2,-133.54527)"
+         id="layer1-83">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-gather.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-gather.svg
new file mode 100644
index 00000000..50760849
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-gather.svg
@@ -0,0 +1,295 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(20.805085,4.2413)"
+     id="layer1-8-8">
+    <g
+       id="text5399-8"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639-9"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068-1"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125-3"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84-5">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-9"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724-8"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751-4"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37-0">
+      <g
+         id="text5141-7"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804-6"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938-3"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.3669903,0,0,1.375,48.110565,-1426.5827)"
+     id="layer1-849-6">
+    <g
+       id="text7004-1"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.375,0,0,1.375,17.805085,0.7458)"
+     id="g18225">
+    <g
+       id="text8828-24"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-1">
+      <g
+         id="text7004-82"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-8-11">
+      <g
+         id="text7004-9-9"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-6">
+      <g
+         id="text7004-0-7"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       id="text9161"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="translate(13.813559,11.9786)"
+     id="layer1-8-2">
+    <g
+       id="text5399-0"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3-9">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639-7"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068-3"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125-7"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-6"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724-0"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751-1"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37-6">
+      <g
+         id="text5141-5"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804-7"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938-5"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.3669903,0,0,1.375,41.119039,-1418.8454)"
+     id="layer1-849-4">
+    <g
+       id="text7004-12"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.375,0,0,1.375,10.813559,8.4831)"
+     id="g18225-0">
+    <g
+       id="text8828-24-0"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-1-1">
+      <g
+         id="text7004-82-4"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-8-11-6">
+      <g
+         id="text7004-9-9-0"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-6-7">
+      <g
+         id="text7004-0-7-1"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       id="text9161-7"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g11201">
+    <g
+       id="g11177">
+      <path
+         d="m 2.891919,1.4915218 17.095695,0 L 22,3.9486928 22,18.424603 17.466586,22 2.921181,22 0.660129,18.7386 0.577599,4.0073368 z"
+         id="rect3155"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(0,-1030.3622)"
+         id="layer1">
+        <path
+           d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 6.5625,2 c 0.1649615,-0.017958 0.3380706,-0.00736 0.5,0 0.777261,0.035345 1.5073445,0.3683937 2.09375,1 1.563748,1.6842834 1.47904,4.9379721 -0.1875,7.25 -0.3455789,0.479429 -0.7475979,0.836114 -1.15625,1.15625 l 0,8.03125 c -0.7499523,0.704545 -1.5000477,0.832509 -2.25,0 l 0,-7.09375 C 4.6713402,12.389881 3.791205,12.092557 3.125,11.375 1.561252,9.6907166 1.6459596,6.4682779 3.3125,4.15625 4.2238893,2.8918598 5.4077694,2.1257038 6.5625,2 z M 10.5,2.78125 c 0.731571,0.5973434 2.508213,0.8953302 3.71875,0.8125 9.531972,-0.652215 6.649609,8.490017 -4.25,9.03125 L 8.1875,12.4375 C 8.8435361,11.812127 9.3851271,11.004592 10,10.125 11.681235,7.7199494 11.450966,5.04248 10.5,2.78125 z M 6.75,3.84375 C 5.9133373,3.8057038 4.9852143,4.2854788 4.3125,5.21875 3.2361571,6.711984 3.1775461,8.7871978 4.1875,9.875 5.1974539,10.962802 6.8924071,10.649484 7.96875,9.15625 9.0450929,7.663016 9.1037039,5.5565522 8.09375,4.46875 7.7150172,4.0608241 7.2519977,3.8665775 6.75,3.84375 z"
+           transform="translate(0,1030.3622)"
+           id="rect3001-7-4"
+           style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+        <g
+           transform="translate(3,1033.8577)"
+           id="layer1-8">
+          <g
+             id="text5399"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="translate(0,-1036.4247)"
+             id="layer1-3">
+            <g
+               transform="scale(0.89723629,1.1145336)"
+               id="text5639"
+               style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               transform="scale(1.0195853,0.98079088)"
+               id="text6068"
+               style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               id="text6125"
+               style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="translate(0,-1036.3622)"
+             id="layer1-84">
+            <g
+               transform="scale(0.93557544,1.0688609)"
+               id="text7308"
+               style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(0.9686171,1.0323997)"
+             id="text5724"
+             style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text5751"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="layer1-37">
+            <g
+               id="text5141"
+               style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(1.0995518,0.90946149)"
+             id="text5804"
+             style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(0.94725198,1.0556853)"
+             id="text5938"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+           id="layer1-849">
+          <g
+             id="text7004"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.1249283,0,0,1.1256714,2.0003405,1032.3369)"
+           id="g18487">
+          <g
+             transform="translate(4.909344,-0.31306078)"
+             id="layer1-8-1">
+            <g
+               transform="scale(0.95964169,1.0420556)"
+               id="text4237-8"
+               style="font-size:5.75785017px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-group-dev.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-group-dev.svg
new file mode 100644
index 00000000..3592ca01
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-group-dev.svg
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g11398">
+    <g
+       id="g11374">
+      <path
+         d="m 2.8919186,1.4915221 17.0956954,0 L 22,3.9486931 22,18.424603 17.466586,22 2.9211806,22 0.6601286,18.7386 0.5775986,4.0073371 z"
+         id="rect3155"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(0,-1030.3622)"
+         id="layer1">
+        <g
+           id="layer1-1">
+          <path
+             d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 4.3125,3.75 9.5,3.75 c 0.466547,0 0.875,0.36845 0.875,0.78125 l 0,1.8125 8.65625,0 C 19.555189,6.34375 20,6.6852 20,7.125 l 0,10.3125 c 0,0.4399 -0.444811,0.8125 -0.96875,0.8125 l -16.0625,0 C 2.4448106,18.25 2,17.8774 2,17.4375 L 2,7.125 C 2,6.6852 2.4448106,6.34375 2.96875,6.34375 l 0.5,0 0,-1.8125 C 3.46875,4.11845 3.8459536,3.75 4.3125,3.75 z"
+             transform="translate(0,1030.3622)"
+             id="rect3001-7-4"
+             style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+          <g
+             transform="translate(3,1033.8577)"
+             id="layer1-8">
+            <g
+               id="text5399"
+               style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               transform="translate(0,-1036.4247)"
+               id="layer1-3">
+              <g
+                 transform="scale(0.89723629,1.1145336)"
+                 id="text5639"
+                 style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+              <g
+                 transform="scale(1.0195853,0.98079088)"
+                 id="text6068"
+                 style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+              <g
+                 id="text6125"
+                 style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            </g>
+            <g
+               transform="translate(0,-1036.3622)"
+               id="layer1-84">
+              <g
+                 transform="scale(0.93557544,1.0688609)"
+                 id="text7308"
+                 style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            </g>
+            <g
+               transform="scale(0.9686171,1.0323997)"
+               id="text5724"
+               style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               id="text5751"
+               style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               id="layer1-37">
+              <g
+                 id="text5141"
+                 style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            </g>
+            <g
+               transform="scale(1.0995518,0.90946149)"
+               id="text5804"
+               style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               transform="scale(0.94725198,1.0556853)"
+               id="text5938"
+               style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+             id="layer1-849">
+            <g
+               id="text7004"
+               style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="matrix(1.125,0,0,1.125,2,1032.3622)"
+             id="layer1-9" />
+        </g>
+        <rect
+           width="0.52165401"
+           height="3.7819917"
+           rx="0.79304153"
+           ry="0.71008277"
+           x="16.660326"
+           y="8.4369955"
+           transform="translate(0,1030.3622)"
+           id="rect4075"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-ibp-ibp2000.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-ibp-ibp2000.svg
new file mode 100644
index 00000000..0c5a3ce2
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-ibp-ibp2000.svg
@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1-1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639-6"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+  <g
+     id="g3685">
+    <g
+       id="text3577"
+       style="font-size:9.94177628px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold">
+      <g
+         id="g3656">
+        <path
+           d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 z"
+           id="rect3001-7-4"
+           style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+        <path
+           d="m 3.7473517,3.8951271 0,7.1249999 1.4375,0 0,-7.1249999 -1.4375,0 z m 2.8125,0 0,7.1249999 2.40625,0 c 0.9158562,-0.0065 1.5105133,-0.03661 1.7500003,-0.0625 0.381873,-0.04207 0.708226,-0.129651 0.96875,-0.3125 0.260513,-0.182847 0.443258,-0.444174 0.59375,-0.7499999 0.150479,-0.305825 0.249993,-0.613873 0.25,-0.9375 -7e-6,-0.411002 -0.141996,-0.758289 -0.375,-1.0625 -0.233016,-0.304204 -0.566347,-0.530033 -1,-0.65625 0.307439,-0.139156 0.570382,-0.346678 0.75,-0.625 0.179608,-0.2783132 0.249994,-0.6041607 0.25,-0.9375 -6e-6,-0.3074386 -0.07312,-0.5649206 -0.21875,-0.8125 -0.145638,-0.2475672 -0.312809,-0.4448756 -0.53125,-0.59375 -0.218453,-0.1488608 -0.473305,-0.265567 -0.75,-0.3125 -0.276705,-0.046919 -0.6868961,-0.062493 -1.2500003,-0.0625 l -2.84375,0 z m 7.1875003,0 0,7.1249999 1.4375,0 0,-2.6874999 0.9375,0 c 0.650484,3e-6 1.125702,-0.02579 1.46875,-0.09375 0.252423,-0.055013 0.505658,-0.173843 0.75,-0.34375 0.244332,-0.1699 0.435168,-0.421011 0.59375,-0.71875 0.158575,-0.297731 0.249994,-0.656851 0.25,-1.09375 -6e-6,-0.5663391 -0.131174,-1.0173878 -0.40625,-1.375 -0.275087,-0.3575995 -0.623487,-0.5806966 -1.03125,-0.6875 -0.265378,-0.07119 -0.844965,-0.1249929 -1.71875,-0.125 l -2.28125,0 z m -5.7500003,1.1875 0.8125,0 c 0.6763737,5.9e-6 1.0763507,0.015075 1.2187503,0.03125 0.239478,0.029132 0.441136,0.1124629 0.5625,0.25 0.12136,0.1375464 0.187495,0.31119 0.1875,0.53125 -5e-6,0.229779 -0.07798,0.4217276 -0.21875,0.5625 -0.140782,0.140781 -0.347799,0.22088 -0.5937503,0.25 -0.1359267,0.01617 -0.4713815,0.031254 -1.03125,0.03125 l -0.9375,0 0,-1.65625 z m 7.1875003,0.03125 0.6875,0 c 0.517797,5.9e-6 0.859724,-0.00111 1.03125,0.03125 0.233006,0.042077 0.410392,0.1442205 0.5625,0.3125 0.152096,0.1682907 0.249995,0.3973547 0.25,0.65625 -5e-6,0.2103613 -0.07909,0.403928 -0.1875,0.5625 -0.108419,0.158581 -0.246565,0.26932 -0.4375,0.34375 -0.190943,0.074441 -0.558659,0.093754 -1.125,0.09375 l -0.78125,0 0,-2 z m -7.1875003,2.8125 1.15625,0 c 0.6537196,3e-6 1.0854523,0.025792 1.2812503,0.09375 0.195788,0.067964 0.333935,0.163636 0.4375,0.3125 0.10355,0.14887 0.156245,0.348909 0.15625,0.5625 -5e-6,0.25243 -0.0532,0.443266 -0.1875,0.59375 -0.13431,0.150488 -0.317661,0.24242 -0.53125,0.28125 -0.139164,0.02913 -0.4822034,0.031251 -1.0000003,0.03125 l -1.3125,0 0,-1.875 z"
+           id="path3648" />
+      </g>
+    </g>
+    <text
+       x="3.6670709"
+       y="18.5068"
+       id="text3660"
+       xml:space="preserve"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"><tspan
+         x="3.6670709"
+         y="18.5068"
+         id="tspan3662">2000</tspan></text>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-ibp.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-ibp.svg
new file mode 100644
index 00000000..953718b1
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-ibp.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg4880">
+  <defs
+     id="defs4882">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+  </defs>
+  <metadata
+     id="metadata4885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g11681">
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1-1">
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-6"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+    <path
+       d="m 2.891919,1.4915217 17.095695,0 L 22,3.9486927 22,18.424603 17.466586,22 2.921181,22 0.660129,18.7386 0.577599,4.0073367 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       id="text3577"
+       style="font-size:9.94177628px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold">
+      <g
+         id="g3656">
+        <path
+           d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 z"
+           id="rect3001-7-4"
+           style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+        <path
+           d="m 3.28125,7.4375 0,7.125 1.4375,0 0,-7.125 -1.4375,0 z m 2.8125,0 0,7.125 2.40625,0 c 0.9158562,-0.0065 1.510513,-0.03661 1.75,-0.0625 0.381873,-0.04207 0.708226,-0.129651 0.96875,-0.3125 0.260513,-0.182847 0.443258,-0.444174 0.59375,-0.75 0.150479,-0.305825 0.249993,-0.613873 0.25,-0.9375 -7e-6,-0.411002 -0.141996,-0.758289 -0.375,-1.0625 -0.233016,-0.304204 -0.566347,-0.530033 -1,-0.65625 0.307439,-0.139156 0.570382,-0.346678 0.75,-0.625 0.179608,-0.2783132 0.249994,-0.6041607 0.25,-0.9375 -6e-6,-0.3074386 -0.07312,-0.5649206 -0.21875,-0.8125 C 11.323112,8.1586828 11.155941,7.9613744 10.9375,7.8125 10.719047,7.6636392 10.464195,7.546933 10.1875,7.5 9.9107958,7.453081 9.5006042,7.4375071 8.9375,7.4375 l -2.84375,0 z m 7.1875,0 0,7.125 1.4375,0 0,-2.6875 0.9375,0 c 0.650484,3e-6 1.125702,-0.02579 1.46875,-0.09375 0.252423,-0.05501 0.505658,-0.173843 0.75,-0.34375 0.244332,-0.1699 0.435168,-0.421011 0.59375,-0.71875 0.158575,-0.297731 0.249994,-0.656851 0.25,-1.09375 C 18.718744,9.0586609 18.587576,8.6076122 18.3125,8.25 18.037413,7.8924005 17.689013,7.6693034 17.28125,7.5625 17.015872,7.4913096 16.436285,7.4375071 15.5625,7.4375 l -2.28125,0 z m -5.75,1.1875 0.8125,0 c 0.6763737,5.9e-6 1.0763507,0.015075 1.21875,0.03125 0.2394784,0.029132 0.441136,0.1124629 0.5625,0.25 0.12136,0.1375464 0.187495,0.31119 0.1875,0.53125 C 10.312495,9.667279 10.23452,9.8592276 10.09375,10 9.9529684,10.140781 9.745951,10.22088 9.5,10.25 9.3640733,10.26617 9.0286185,10.281254 8.46875,10.28125 l -0.9375,0 0,-1.65625 z m 7.1875,0.03125 0.6875,0 c 0.517797,5.9e-6 0.859724,-0.00111 1.03125,0.03125 C 16.670506,8.7295772 16.847892,8.8317205 17,9 c 0.152096,0.1682907 0.249995,0.3973547 0.25,0.65625 -5e-6,0.2103613 -0.07909,0.403928 -0.1875,0.5625 -0.108419,0.158581 -0.246565,0.26932 -0.4375,0.34375 -0.190943,0.07444 -0.558659,0.09375 -1.125,0.09375 l -0.78125,0 0,-2 z m -7.1875,2.8125 1.15625,0 c 0.6537196,3e-6 1.0854521,0.02579 1.28125,0.09375 0.195788,0.06796 0.333935,0.163636 0.4375,0.3125 0.10355,0.14887 0.156245,0.348909 0.15625,0.5625 -5e-6,0.25243 -0.0532,0.443266 -0.1875,0.59375 -0.13431,0.150488 -0.317661,0.24242 -0.53125,0.28125 -0.1391633,0.02913 -0.4822031,0.03125 -1,0.03125 l -1.3125,0 0,-1.875 z"
+           id="path3648" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-net.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-net.svg
new file mode 100644
index 00000000..251d2a67
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-net.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g11909">
+    <path
+       d="m 2.891917,1.4915225 17.095697,0 L 22,3.9486935 22,18.424603 17.466586,22 2.921179,22 0.660128,18.7386 0.577598,4.0073375 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 11,2 c 4.970563,0 9,4.0294125 9,9 0,4.970587 -4.029437,9 -9,9 C 6.0294371,20 2,15.970587 2,11 2,6.0294125 6.0294371,2 11,2 z M 10.09375,3.75 C 9.7847969,3.788925 9.451953,3.861 9.15625,3.9375 8.7865446,4.674375 8.4587384,5.4499625 8.21875,6.3125 l 1.875,0 0,-2.53125 c 0,-0.01125 -6.13e-4,-0.02 0,-0.03125 z m 1.8125,0 c 6.13e-4,0.01125 0,0.02 0,0.03125 l 0,2.53125 1.71875,0 C 13.379023,5.44535 13.064798,4.6447 12.6875,3.90625 12.436614,3.846625 12.166391,3.782625 11.90625,3.75 z m 2.90625,1.03125 c 0.204481,0.4894875 0.34721,0.9938375 0.5,1.53125 l 1.3125,0 C 16.1148,5.7024125 15.493893,5.1982875 14.8125,4.78125 z M 7.03125,4.875 C 6.4191578,5.273475 5.841974,5.7541625 5.375,6.3125 l 1.15625,0 c 0.139509,-0.500625 0.3155585,-0.9776 0.5,-1.4375 z m 10.6875,3.21875 C 17.65974,8.11175 17.565014,8.125 17.5,8.125 l -1.78125,0 c 0.100361,0.639 0.13339,1.2906 0.15625,1.96875 l 2.375,0 c -0.08836,-0.7007625 -0.259074,-1.375625 -0.53125,-2 z M 4.25,8.125 C 3.987992,8.737 3.83631,9.4093 3.75,10.09375 l 2.21875,0 C 5.9887255,9.4150375 6.0898613,8.765125 6.1875,8.125 l -1.9375,0 z m 3.59375,0 C 7.747698,8.7600625 7.676095,9.419425 7.65625,10.09375 l 2.4375,0 0,-1.96875 -2.25,0 z m 4.0625,0 0,1.96875 2.28125,0 C 14.164751,9.4188625 14.13034,8.75995 14.03125,8.125 l -2.125,0 z M 3.75,11.90625 c 0.086304,0.68445 0.237992,1.356751 0.5,1.96875 l 2.0625,0 C 6.1783899,13.234651 6.0547537,12.590138 6,11.90625 l -2.25,0 z m 3.9375,0 c 0.053332,0.683325 0.1497465,1.329863 0.28125,1.96875 l 2.125,0 0,-1.96875 -2.40625,0 z m 4.21875,0 0,1.96875 2,0 c 0.126853,-0.630561 0.230332,-1.295438 0.28125,-1.96875 l -2.28125,0 z m 3.9375,0 c -0.05224,0.671062 -0.15251,1.339201 -0.28125,1.96875 l 2.1875,0 c 0.262008,-0.611999 0.41369,-1.2843 0.5,-1.96875 l -2.40625,0 z m -10.4375,3.8125 c 0.6013856,0.709425 1.3588059,1.311362 2.1875,1.75 -0.291285,-0.5544 -0.592855,-1.116512 -0.8125,-1.75 l -1.375,0 z m 3.0625,0 c 0.3173321,0.922162 0.7201445,1.75255 1.1875,2.5 0.1357841,0.02362 0.2991981,0.01438 0.4375,0.03125 l 0,-2.53125 -1.625,0 z m 3.4375,0 0,2.53125 c 0.115523,-0.01462 0.261221,-0.011 0.375,-0.03125 0.454606,-0.739913 0.846923,-1.592575 1.15625,-2.5 l -1.53125,0 z m 3.21875,0 c -0.218845,0.641025 -0.489273,1.2201 -0.78125,1.78125 0.857266,-0.442125 1.631798,-1.051913 2.25,-1.78125 l -1.46875,0 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.125,0,0,1.125,2,1032.3622)"
+         id="layer1-9" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-alteon.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-alteon.svg
new file mode 100644
index 00000000..7022c8a1
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-alteon.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<g>
+	<path fill="#6494CE" d="M17.875,0H4.125C1.848,0,0,1.847,0,4.125v13.75C0,20.153,1.848,22,4.125,22h13.75
+		C20.153,22,22,20.153,22,17.875V4.125C22,1.847,20.153,0,17.875,0z M13.056,1.826c0.949,0,1.719,0.77,1.719,1.719
+		s-0.77,1.719-1.719,1.719c-0.95,0-1.719-0.77-1.719-1.719S12.105,1.826,13.056,1.826z M8.429,1.826c0.949,0,1.719,0.77,1.719,1.719
+		s-0.77,1.719-1.719,1.719S6.71,4.494,6.71,3.545S7.48,1.826,8.429,1.826z M3.803,5.264c-0.949,0-1.719-0.77-1.719-1.719
+		s0.77-1.719,1.719-1.719s1.719,0.77,1.719,1.719S4.752,5.264,3.803,5.264z M12.346,20.324l-0.975-2.535H7.872l-0.919,2.535H5.778
+		l3.213-8.367h1.193l3.424,8.367H12.346z M13.056,10.979c-0.95,0-1.719-0.77-1.719-1.719s0.769-1.719,1.719-1.719
+		c0.949,0,1.719,0.77,1.719,1.719S14.005,10.979,13.056,10.979z M15.365,20.324h-1.027v-8.367h1.027V20.324z M17.682,10.979
+		c-0.949,0-1.719-0.77-1.719-1.719s0.77-1.719,1.719-1.719S19.4,8.311,19.4,9.26S18.631,10.979,17.682,10.979z M17.682,5.264
+		c-0.949,0-1.719-0.77-1.719-1.719s0.77-1.719,1.719-1.719S19.4,2.596,19.4,3.545S18.631,5.264,17.682,5.264z"/>
+	<path fill="#6494CE" d="M9.561,12.837c-0.106,0.536-0.257,1.069-0.45,1.598l-0.919,2.453h2.837l-0.874-2.315
+		C9.888,13.868,9.691,13.288,9.561,12.837z"/>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-appdirector.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-appdirector.svg
new file mode 100644
index 00000000..4285855c
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-appdirector.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<g>
+	<path fill="#6494CE" d="M17.532,13.382c-0.185-0.049-0.525-0.073-1.022-0.073h-2.116v2.958h2.139c0.708,0,1.21-0.132,1.508-0.396
+		c0.297-0.263,0.445-0.634,0.445-1.111c0-0.347-0.087-0.643-0.262-0.89C18.048,13.624,17.817,13.461,17.532,13.382z"/>
+	<path fill="#6494CE" d="M17.875,0H4.125C1.848,0,0,1.847,0,4.125v13.75C0,20.152,1.848,22,4.125,22h13.751
+		C20.152,22,22,20.152,22,17.875V4.125C22,1.847,20.152,0,17.875,0z M17.682,1.826c0.949,0,1.719,0.77,1.719,1.719
+		c0,0.949-0.77,1.719-1.719,1.719s-1.719-0.77-1.719-1.719C15.963,2.596,16.732,1.826,17.682,1.826z M17.682,7.541
+		c0.949,0,1.719,0.77,1.719,1.719c0,0.949-0.77,1.719-1.719,1.719s-1.719-0.77-1.719-1.719C15.963,8.311,16.732,7.541,17.682,7.541z
+		 M13.057,1.826c0.948,0,1.719,0.77,1.719,1.719c0,0.949-0.771,1.719-1.719,1.719c-0.951,0-1.72-0.77-1.72-1.719
+		C11.337,2.596,12.105,1.826,13.057,1.826z M8.429,1.826c0.949,0,1.719,0.77,1.719,1.719c0,0.949-0.77,1.719-1.719,1.719
+		c-0.949,0-1.719-0.77-1.719-1.719C6.71,2.596,7.48,1.826,8.429,1.826z M3.803,5.264c-0.949,0-1.719-0.77-1.719-1.719
+		c0-0.949,0.77-1.719,1.719-1.719c0.949,0,1.719,0.77,1.719,1.719C5.522,4.494,4.752,5.264,3.803,5.264z M11.176,20.607
+		l-0.965-2.506H6.75l-0.909,2.506H4.678l3.178-8.275h1.18l3.387,8.275H11.176z M11.337,9.26c0-0.949,0.769-1.719,1.72-1.719
+		c0.948,0,1.719,0.77,1.719,1.719c0,0.949-0.771,1.719-1.719,1.719C12.105,10.979,11.337,10.209,11.337,9.26z M18.943,16.512
+		c-0.448,0.487-1.258,0.731-2.428,0.731h-2.122v3.364h-1.096v-8.275h3.122c0.549,0,0.969,0.026,1.259,0.079
+		c0.406,0.067,0.747,0.196,1.021,0.387s0.496,0.456,0.663,0.799c0.168,0.343,0.251,0.719,0.251,1.129
+		C19.614,15.43,19.391,16.024,18.943,16.512z"/>
+	<path fill="#6494CE" d="M8.421,13.201c-0.105,0.531-0.254,1.058-0.446,1.581l-0.909,2.427h2.806l-0.864-2.292
+		C8.745,14.222,8.549,13.649,8.421,13.201z"/>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-atca-lb10.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-atca-lb10.svg
new file mode 100644
index 00000000..3384b9c9
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-atca-lb10.svg
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g12545">
+    <path
+       d="m 2.8919179,1.491522 17.0956961,0 L 22,3.948693 22,18.424603 17.466586,22 2.9211799,22 0.660128,18.7386 0.577598,4.007337 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m 7.46875,4.9375 4,0 c 0.791391,1.47e-5 1.423618,0.049605 1.8125,0.125 0.388868,0.075395 0.724235,0.2297354 1.03125,0.46875 0.306999,0.2390293 0.57657,0.5712594 0.78125,0.96875 0.204662,0.3975201 0.28124,0.8188626 0.28125,1.3125 -10e-6,0.5352148 -0.122578,1.021878 -0.375,1.46875 -0.252436,0.4468867 -0.599174,0.807814 -1.03125,1.03125 0.609458,0.202655 1.078768,0.542815 1.40625,1.03125 0.327465,0.488449 0.46874,1.058833 0.46875,1.71875 -10e-6,0.519621 -0.06976,1.008964 -0.28125,1.5 -0.211502,0.491051 -0.508875,0.862666 -0.875,1.15625 -0.366142,0.293585 -0.838314,0.494953 -1.375,0.5625 -0.336577,0.04159 -1.1191,0.08347 -2.40625,0.09375 l -3.4375,0 0,-11.4375 z m -8.46875,0.09375 2.03125,0 0,9.40625 5.03125,0 0,1.9375 -7.0625,0 0,-11.34375 z m 10.5,1.8125 0,2.65625 1.3125,0 C 15.255592,9.5000147 15.746467,9.463219 15.9375,9.4375 16.28316,9.390764 16.552144,9.2572873 16.75,9.03125 16.947842,8.8052274 17.062492,8.4939348 17.0625,8.125 17.062492,7.7716734 16.98306,7.4708493 16.8125,7.25 16.641934,7.0291799 16.399066,6.92178 16.0625,6.875 15.862373,6.848987 15.26308,6.84375 14.3125,6.84375 l -1.15625,0 z m 0,4.53125 0,3.0625 1.875,0 c 0.727715,0 1.179419,-0.04701 1.375,-0.09375 0.300178,-0.06231 0.561241,-0.195884 0.75,-0.4375 0.188746,-0.241631 0.281243,-0.563441 0.28125,-0.96875 -7e-6,-0.342936 -0.07322,-0.635971 -0.21875,-0.875 -0.145552,-0.239015 -0.349836,-0.390876 -0.625,-0.5 -0.275175,-0.109198 -0.893758,-0.187485 -1.8125,-0.1875 l -1.625,0 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-5">
+        <g
+           transform="scale(0.93557545,1.0688609)"
+           id="text7308-9"
+           style="font-size:9.30973721px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-cisco-ucs.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-cisco-ucs.svg
new file mode 100644
index 00000000..931e275c
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-cisco-ucs.svg
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g12748">
+    <path
+       d="m 2.8919179,1.4915217 17.0956961,0 L 22,3.9486927 22,18.424603 17.466586,22 2.9211799,22 0.660128,18.7386 0.577598,4.0073367 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m 7.6875,7.09375 c 0.806697,1.47e-5 1.464932,0.2677617 1.96875,0.8125 0.299884,0.3220665 0.506301,0.8032535 0.65625,1.40625 L 12.6875,9.65625 C 12.609524,9.2656815 12.403654,8.9448755 12.15625,8.71875 11.908838,8.4926245 11.603865,8.4062647 11.25,8.40625 c -0.488822,1.47e-5 -0.851866,0.2241438 -1.15625,0.625 -0.3043891,0.4008562 -0.4687518,1.039861 -0.46875,1.9375 -1.8e-6,0.952458 0.1688592,1.595719 0.46875,2 0.299886,0.404281 0.676425,0.59375 1.15625,0.59375 0.353865,0 0.65134,-0.118011 0.90625,-0.375 0.254901,-0.256959 0.451536,-0.635898 0.5625,-1.1875 L 14,12.46875 c -0.197933,0.822273 -0.508425,1.444614 -0.96875,1.84375 -0.460333,0.399152 -1.073517,0.59375 -1.78125,0.59375 -0.875678,0 -1.5612109,-0.347744 -2.125,-1.03125 C 8.5612083,13.191494 8.2499996,12.216697 8.25,11.03125 8.2499996,9.7773012 8.5582093,8.8187936 9.125,8.125 9.6917879,7.4312211 10.42009,7.0937647 11.34375,7.09375 z m 6.09375,0 c 0.827689,1.47e-5 1.487899,0.2104463 1.90625,0.625 0.418338,0.4145684 0.604002,0.9641759 0.625,1.65625 l -1.3125,0.0625 C 18.599256,9.050356 18.499928,8.7946014 18.3125,8.625 c -0.187433,-0.1695869 -0.500143,-0.25 -0.875,-0.25 -0.38686,0 -0.687334,0.068451 -0.90625,0.25 -0.140949,0.1165464 -0.218751,0.2734732 -0.21875,0.46875 -1e-6,0.1781698 0.0868,0.3107397 0.21875,0.4375 0.167936,0.1610333 0.570986,0.3565193 1.21875,0.53125 0.647756,0.174731 1.09586,0.375777 1.40625,0.5625 0.31038,0.186723 0.57456,0.426229 0.75,0.75 0.175428,0.323771 0.281244,0.742528 0.28125,1.21875 -6e-6,0.43169 -0.133843,0.810629 -0.34375,1.1875 -0.209928,0.376886 -0.522398,0.629202 -0.90625,0.8125 -0.383863,0.183298 -0.833465,0.3125 -1.40625,0.3125 -0.833693,0 -1.490668,-0.247241 -1.9375,-0.6875 -0.446835,-0.440259 -0.694281,-1.032166 -0.78125,-1.875 l 1.3125,-0.1875 c 0.07796,0.496797 0.230336,0.892026 0.46875,1.125 0.238408,0.232974 0.532646,0.34375 0.9375,0.34375 0.428838,0 0.782577,-0.105187 1,-0.3125 0.217415,-0.20727 0.343746,-0.44123 0.34375,-0.71875 -4e-6,-0.178155 -0.09604,-0.343695 -0.1875,-0.46875 -0.09146,-0.12507 -0.24084,-0.251233 -0.46875,-0.34375 -0.155946,-0.06158 -0.50771,-0.154891 -1.0625,-0.3125 -0.713738,-0.20214 -1.243359,-0.486593 -1.53125,-0.78125 -0.404851,-0.414554 -0.59375,-0.9038522 -0.59375,-1.5 0,-0.3837197 0.122062,-0.7284409 0.3125,-1.0625 0.190428,-0.3340297 0.454131,-0.6065193 0.8125,-0.78125 0.358365,-0.1747307 0.774436,-0.2499853 1.28125,-0.25 z m -15.625,0.125 1.3125,0 0,4.09375 c -1.9e-6,0.647528 0.06076,1.089397 0.09375,1.28125 0.056977,0.308354 0.1918271,0.532027 0.40625,0.71875 0.2144178,0.186723 0.5031348,0.25 0.875,0.25 0.3778562,0 0.6205672,-0.07352 0.8125,-0.25 0.1919244,-0.17645 0.36726,-0.368041 0.40625,-0.625 C 5.757731,12.430541 5.7499962,11.971148 5.75,11.375 l 0,-4.15625 1.34375,0 0,3.9375 c -5.9e-6,0.904502 -0.053032,1.564053 -0.125,1.9375 -0.071979,0.373447 -0.2128272,0.71179 -0.40625,0.96875 -0.1934335,0.25696 -0.4261251,0.4413 -0.75,0.59375 -0.3238843,0.152465 -0.7281973,0.25 -1.25,0.25 -0.6297692,0 -1.1433729,-0.08379 -1.46875,-0.25 C 2.768369,14.490073 2.5014286,14.265528 2.3125,14 2.1235691,13.734472 2.0287269,13.447468 1.96875,13.15625 1.8817818,12.72456 1.8124993,12.092834 1.8125,11.25 l 0,-4.03125 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-dcs.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-dcs.svg
new file mode 100644
index 00000000..a343ed79
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-dcs.svg
@@ -0,0 +1,137 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g13003">
+    <path
+       d="m 2.891918,1.4915223 17.095696,0 L 22,3.9486933 22,18.424603 17.466586,22 2.92118,22 0.660128,18.7386 0.577598,4.0073373 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m 14.375,6.71875 0,0.03125 c 0.902934,0 1.606119,0.2354 2.0625,0.6875 0.45637,0.4524 0.695844,1.0263 0.71875,1.78125 L 19.34375,9.3125 C 19.281575,8.89025 19.173216,8.5912 18.96875,8.40625 18.764277,8.2213 18.440186,8.125 18.03125,8.125 c -0.422028,0 -0.729932,0.0825 -0.96875,0.28125 -0.153764,0.1275 -0.250003,0.31825 -0.25,0.53125 -3e-6,0.1944 0.04356,0.3306 0.1875,0.46875 0.183203,0.1758 0.66835,0.372 1.375,0.5625 0.706644,0.19065 1.192643,0.39005 1.53125,0.59375 0.338597,0.2037 0.621111,0.4905 0.8125,0.84375 0.191376,0.35325 0.281244,0.79305 0.28125,1.3125 -6e-6,0.471 -0.11476,0.90135 -0.34375,1.3125 -0.229011,0.41115 -0.550001,0.7063 -0.96875,0.90625 -0.418758,0.2001 -0.937644,0.3125 -1.5625,0.3125 -0.909483,0 -1.606297,-0.2697 -2.09375,-0.75 -0.487455,-0.4803 -0.748877,-1.143 -0.84375,-2.0625 L 16.59375,12.25 c 0.08505,0.54195 0.239914,0.96465 0.5,1.21875 0.260084,0.2541 0.589592,0.375 1.03125,0.375 0.467823,0 0.856561,-0.0863 1.09375,-0.3125 0.23718,-0.22605 0.312496,-0.5098 0.3125,-0.8125 -4e-6,-0.1944 -0.02522,-0.3635 -0.125,-0.5 -0.0998,-0.1365 -0.282619,-0.27405 -0.53125,-0.375 C 18.704877,11.77625 18.323978,11.6719 17.71875,11.5 16.940127,11.2795 16.376564,10.9777 16.0625,10.65625 15.620845,10.204 15.40625,9.68165 15.40625,9.03125 15.40625,8.61275 15.542265,8.2081 15.75,7.84375 15.95774,7.4794 16.234052,7.19065 16.625,7 17.015944,6.80935 17.478362,6.71875 18.03125,6.71875 z M 11.375,6.75 c 0.880032,0 1.60663,0.28085 2.15625,0.875 0.327146,0.35145 0.523919,0.90475 0.6875,1.5625 L 12.8125,9.5625 C 12.727435,9.13635 12.519895,8.778 12.25,8.53125 11.980096,8.2845 11.667284,8.18765 11.28125,8.1875 10.74799,8.18765 10.332055,8.4065 10,8.84375 c -0.332061,0.4374 -0.5000015,1.1458 -0.5,2.125 -1.5e-6,1.03905 0.1728455,1.7465 0.5,2.1875 0.327148,0.44115 0.757804,0.65625 1.28125,0.65625 0.386034,0 0.690666,-0.12545 0.96875,-0.40625 0.278073,-0.28035 0.503948,-0.7107 0.625,-1.3125 l 1.40625,0.5 c -0.215925,0.89715 -0.591579,1.5958 -1.09375,2.03125 -0.502182,0.43545 -1.134178,0.65625 -1.90625,0.65625 -0.955285,0 -1.728708,-0.37935 -2.34375,-1.125 C 8.322455,13.4106 7.9999985,12.35565 8,11.0625 7.9999985,9.6945 8.319182,8.6319 8.9375,7.875 9.5558135,7.1181 10.367371,6.75 11.375,6.75 z M 1,6.875 l 2.625,0 C 4.223683,6.87515 4.68593,6.9575 5,7.0625 5.4220205,7.205 5.8240145,7.4501 6.125,7.8125 6.4259735,8.17505 6.6242105,8.6 6.78125,9.125 6.938276,9.65015 6.9999925,10.3238 7,11.09375 c -7.5e-6,0.67665 -0.07154,1.2604 -0.21875,1.75 -0.17994,0.59805 -0.4163115,1.0676 -0.75,1.4375 C 5.779337,14.5616 5.4285635,14.7806 5,14.9375 4.679387,15.053 4.2552745,15.125 3.71875,15.125 L 1,15.125 1,6.875 z m 1.46875,1.40625 0,5.4375 1.0625,0 C 3.9369145,13.71875 4.195063,13.676 4.375,13.625 4.610545,13.5575 4.8445985,13.4733 5,13.3125 5.1553925,13.15185 5.276849,12.86825 5.375,12.5 5.473145,12.1319 5.5,11.6354 5.5,11 5.499994,10.36475 5.473145,9.90255 5.375,9.5625 5.276855,9.2223 5.1141565,8.94065 4.9375,8.75 4.760833,8.5595 4.5527815,8.44235 4.28125,8.375 4.0784125,8.3225 3.65464,8.28125 3.0625,8.28125 l -0.59375,0 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-delta.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-delta.svg
new file mode 100644
index 00000000..e95cbcbe
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-delta.svg
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g13201">
+    <path
+       d="m 2.891918,1.4915223 17.095696,0 L 22,3.9486933 22,18.424603 17.466586,22 2.92118,22 0.660128,18.7386 0.577598,4.0073373 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 1.875,7.21875 l 2.4375,0 c 0.5487929,1.47e-5 0.9933526,0.060279 1.28125,0.15625 0.3868517,0.1302139 0.6928472,0.3551751 0.96875,0.6875 0.275892,0.3323396 0.4810474,0.7373845 0.625,1.21875 0.1439405,0.4813655 0.1874937,1.106714 0.1875,1.8125 -6.3e-6,0.620133 -0.021306,1.144923 -0.15625,1.59375 C 7.0538053,13.235677 6.805881,13.660812 6.5,14 6.2690806,14.25696 5.9240995,14.449853 5.53125,14.59375 5.237355,14.700009 4.8668138,14.78125 4.375,14.78125 l -2.5,0 0,-7.5625 z m 14.1875,0 1.4375,0 2.625,7.5625 -1.4375,0 -0.59375,-1.71875 -2.625,0 -0.5625,1.71875 -1.40625,0 2.5625,-7.5625 z m -7.46875,0.09375 1.34375,0 0,6.1875 3.3125,0 0,1.28125 -4.65625,0 0,-7.46875 z m -5.375,1.1875 0,5 1,0 c 0.3718588,0 0.6475575,-0.04584 0.8125,-0.09375 0.215916,-0.06173 0.3575488,-0.165164 0.5,-0.3125 C 5.6736927,12.946429 5.7850288,12.712469 5.875,12.375 5.9649617,12.037531 5.9999952,11.582436 6,11 5.9999952,10.417564 5.9649614,9.9680288 5.875,9.65625 5.7850293,9.3444712 5.6619355,9.1122454 5.5,8.9375 5.3380559,8.7627693 5.1551537,8.6554326 4.90625,8.59375 4.7203155,8.5458383 4.3552956,8.5 3.8125,8.5 l -0.59375,0 z M 16.75,8.96875 l -0.90625,2.8125 1.8125,0 L 16.75,8.96875 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-dp.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-dp.svg
new file mode 100644
index 00000000..4b36238d
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-dp.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<g>
+	<path fill="#608CC1" d="M17.18,8.225c-0.196-0.052-0.562-0.079-1.094-0.079H13.82v3.166h2.29c0.758,0,1.295-0.141,1.614-0.423
+		c0.316-0.282,0.479-0.679,0.479-1.19c0-0.371-0.095-0.688-0.282-0.952C17.732,8.484,17.485,8.31,17.18,8.225z"/>
+	<path fill="#608CC1" d="M19.078,0H2.922C1.298,0,0,1.298,0,2.922v16.156C0,20.701,1.298,22,2.922,22h16.156
+		C20.701,22,22,20.701,22,19.078V2.922C22,1.298,20.701,0,19.078,0z M9.561,13.271c-0.157,0.52-0.358,0.949-0.604,1.29
+		c-0.246,0.342-0.515,0.608-0.807,0.804c-0.292,0.196-0.645,0.344-1.057,0.444C6.68,15.909,6.206,15.96,5.67,15.96H2.474V7.101
+		h3.051c0.689,0,1.214,0.042,1.577,0.127c0.507,0.117,0.94,0.329,1.299,0.635C8.868,8.257,9.217,8.762,9.45,9.376
+		c0.231,0.614,0.347,1.316,0.347,2.106C9.796,12.154,9.718,12.751,9.561,13.271z M18.691,11.576c-0.48,0.522-1.346,0.783-2.6,0.783
+		H13.82v3.601h-1.172V7.101h3.342c0.588,0,1.036,0.028,1.348,0.085c0.436,0.072,0.798,0.21,1.093,0.414
+		c0.293,0.204,0.532,0.488,0.709,0.854c0.181,0.367,0.271,0.77,0.271,1.208C19.411,10.417,19.17,11.054,18.691,11.576z"/>
+	<path fill="#608CC1" d="M7.023,8.328c-0.314-0.121-0.82-0.182-1.517-0.182H3.646v6.768h1.892c0.584,0,1.042-0.055,1.375-0.162
+		c0.332-0.11,0.597-0.264,0.794-0.459c0.278-0.279,0.494-0.653,0.649-1.122c0.155-0.468,0.233-1.038,0.233-1.706
+		c0-0.927-0.152-1.639-0.456-2.137C7.828,8.831,7.458,8.497,7.023,8.328z"/>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-f5bigip.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-f5bigip.svg
new file mode 100644
index 00000000..92c63803
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-f5bigip.svg
@@ -0,0 +1,145 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g13705">
+    <path
+       d="m 2.891917,1.4915218 17.095697,0 L 22,3.9486928 22,18.424603 17.466586,22 2.921179,22 0.660128,18.7386 0.577598,4.0073368 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m 0.65625,5.75 6.1875,0 0,1.78125 -4.34375,0 0,2.40625 3.71875,0 0,1.75 -3.71875,0 0,4.375 -1.84375,0 0,-10.3125 z m 8.40625,0.125 4.5625,0 0,1.84375 -3.21875,0 L 13.75,9.5 c 0.385188,-0.2200264 0.785915,-0.34375 1.1875,-0.34375 0.766281,0 1.404784,0.3320684 1.9375,0.96875 0.532705,0.636711 0.812492,1.452846 0.8125,2.46875 -8e-6,0.847361 -0.194739,1.616468 -0.625,2.28125 -0.585987,0.908236 -1.396669,1.375 -2.4375,1.375 -0.831852,0 -1.506736,-0.270946 -2.03125,-0.78125 -0.524517,-0.510289 -0.835056,-1.201089 -0.9375,-2.0625 L 13.375,13.1875 c 0.04917,0.444741 0.164478,0.802675 0.40625,1.0625 0.241766,0.259841 0.528218,0.40625 0.84375,0.40625 0.360602,0 0.68753,-0.196514 0.9375,-0.53125 0.24996,-0.33472 0.343744,-0.825856 0.34375,-1.5 -6e-6,-0.632008 -0.09584,-1.090239 -0.34375,-1.40625 -0.247921,-0.315997 -0.602519,-0.46875 -1,-0.46875 -0.495833,0 -0.919115,0.249073 -1.3125,0.75 l -1.375,-0.25 0.84375,-5.375 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-f5bigip2.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-f5bigip2.svg
new file mode 100644
index 00000000..d5e7d0df
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-f5bigip2.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g13477">
+    <path
+       d="m 7.0629787,5.9661003 12.8553223,0 1.513239,1.842878 0,10.8569327 -3.408958,2.681548 -10.9375993,0 -1.7002263,-2.44605 -0.062059,-11.0484477 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1"
+       style="fill:#649be6;fill-opacity:1">
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3"
+           style="fill:#649be6;fill-opacity:1">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84"
+           style="fill:#649be6;fill-opacity:1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37"
+           style="fill:#649be6;fill-opacity:1">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29"
+         style="fill:#649be6;fill-opacity:1" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3751377,0,0,1.3682188,0,-387.60805)"
+         id="layer1-4"
+         style="fill:#649be6;fill-opacity:1">
+        <path
+           d="M 1.78125,0 C 0.7841883,0 0,0.7429 0,1.6875 l 0,9.40625 c 0,0.837171 0.6321191,1.54162 1.46875,1.6875 l 0,-9.21875 c 0,-1.0012 0.83931,-1.78125 1.875,-1.78125 l 10.15625,0 0,-0.09375 C 13.5,0.7429 12.715812,0 11.71875,0 z"
+           transform="translate(0,1036.3622)"
+           id="rect7203-4"
+           style="fill:#649be6;fill-opacity:1;stroke:none" />
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-1"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <path
+           d="m 4.2791882,1039.6377 c -0.9970617,0 -1.7948338,0.7559 -1.7948338,1.7005 l 0,9.4028 c 0,0.9446 0.7977721,1.7005 1.7948338,1.7005 l 9.9243758,0 c 0.997062,0 1.794834,-0.7559 1.794834,-1.7005 l 0,-9.4028 c 0,-0.9446 -0.797772,-1.7005 -1.794834,-1.7005 l -9.9243758,0 z m 0.8446276,3.351 3.8008243,0 0,1.0253 -2.6658559,0 0,1.4004 2.2963319,0 0,1.0253 -2.2963319,0 0,2.5508 -1.1349684,0 0,-6.0018 z m 5.1733442,0.075 2.79783,0 0,1.0753 -1.979596,0 -0.184763,1.0253 c 0.236612,-0.128 0.492366,-0.2 0.739049,-0.2 0.470707,0 0.860524,0.2046 1.187759,0.5752 0.327227,0.3705 0.501493,0.8341 0.501498,1.4254 -5e-6,0.4931 -0.131622,0.9385 -0.395919,1.3254 -0.359957,0.5285 -0.865138,0.8002 -1.504494,0.8002 -0.510986,0 -0.918352,-0.1531 -1.240548,-0.4501 -0.3221971,-0.297 -0.5177531,-0.6991 -0.5806809,-1.2004 l 1.0557849,-0.125 c 0.0302,0.2588 0.115432,0.4739 0.263946,0.6252 0.148511,0.1512 0.307674,0.225 0.501498,0.225 0.221508,0 0.427131,-0.1053 0.580681,-0.3001 0.153544,-0.1948 0.211154,-0.4829 0.211157,-0.8752 -3e-6,-0.3678 -0.05887,-0.6413 -0.211157,-0.8253 -0.152291,-0.1839 -0.362914,-0.275 -0.607076,-0.275 -0.304578,0 -0.576587,0.1586 -0.818233,0.4501 l -0.8446281,-0.1501 0.5278921,-3.1259 z"
+           id="rect7203-5-6"
+           style="fill:#649be6;fill-opacity:1;stroke:none" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-gbe2c.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-gbe2c.svg
new file mode 100644
index 00000000..df6993ec
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-gbe2c.svg
@@ -0,0 +1,166 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g13955">
+    <path
+       d="m 2.891918,1.4915225 17.095696,0 L 22,3.9486935 22,18.424603 17.466586,22 2.92118,22 0.6601279,18.7386 0.5775979,4.0073375 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 4.9375,3.40625 c 0.7942461,0 1.3971609,0.13555 1.84375,0.46875 0.4465781,0.3331 0.7469828,0.7873 0.875,1.375 L 6.34375,5.5 C 6.253555,5.1858 6.092494,4.96305 5.84375,4.78125 5.594997,4.59935 5.3098918,4.46875 4.9375,4.46875 c -0.5644155,0 -1.0418829,0.2046 -1.375,0.5625 C 3.2293783,5.38905 3.0937482,5.921 3.09375,6.625 c -1.8e-6,0.7593 0.1937644,1.33915 0.53125,1.71875 0.3374812,0.3797 0.7342905,0.5625 1.28125,0.5625 0.2705649,0 0.5404724,-0.0816 0.8125,-0.1875 0.2720189,-0.1058 0.5238191,-0.2237 0.71875,-0.375 l 0,-0.8125 -1.5,0 0,-1.09375 2.8125,0 0,2.53125 C 7.479425,9.23055 7.0759932,9.51955 6.5625,9.71875 6.0489964,9.91805 5.5265868,10 5,10 4.3308483,10 3.7474951,9.87435 3.25,9.59375 2.7525009,9.31295 2.4064524,8.8972 2.15625,8.375 1.9060461,7.8528 1.7499996,7.27005 1.75,6.65625 c -4e-7,-0.6663 0.1582025,-1.2321 0.4375,-1.75 C 2.4667957,4.38845 2.8680201,3.9639 3.40625,3.6875 3.8164647,3.4751 4.3265352,3.40625 4.9375,3.40625 z m 4,0.0625 2.53125,0 c 0.506222,0 0.907497,0.05275 1.15625,0.09375 0.248744,0.043 0.459864,0.1159 0.65625,0.25 0.196375,0.1334 0.369073,0.30865 0.5,0.53125 0.130914,0.2225 0.187494,0.50475 0.1875,0.78125 -6e-6,0.2996 -0.05729,0.5623 -0.21875,0.8125 -0.161474,0.2503 -0.411118,0.4373 -0.6875,0.5625 0.389847,0.1141 0.696771,0.25775 0.90625,0.53125 0.209466,0.2735 0.281243,0.6304 0.28125,1 -7e-6,0.2909 -0.02097,0.6 -0.15625,0.875 -0.135286,0.2749 -0.328303,0.4607 -0.5625,0.625 -0.234207,0.1643 -0.500452,0.2746 -0.84375,0.3125 -0.215295,0.023 -0.77041,0.02525 -1.59375,0.03125 l -2.15625,0 0,-6.40625 z m 6.4375,0 4.75,0 0,1.09375 -3.4375,0 0,1.40625 3.21875,0 0,1.0625 -3.21875,0 0,1.78125 3.5625,0 0,1.0625 -4.875,0 0,-6.40625 z m -5.15625,1.09375 0,1.4375 0.875,0 C 11.597062,6 11.877804,6.015 12,6 12.221106,5.974 12.37344,5.8758 12.5,5.75 12.626552,5.6235 12.718745,5.48785 12.71875,5.28125 12.718745,5.08345 12.64034,4.9361 12.53125,4.8125 12.422146,4.6888 12.277787,4.5886 12.0625,4.5625 c -0.128016,-0.015 -0.4857,0 -1.09375,0 l -0.75,0 z m 0,2.53125 0,1.71875 1.21875,0 c 0.465491,0 0.718644,-0.0355 0.84375,-0.0625 C 12.473262,8.716 12.629258,8.6355 12.75,8.5 12.870733,8.3653 12.937495,8.1644 12.9375,7.9375 12.937495,7.7454 12.905596,7.60255 12.8125,7.46875 12.7194,7.33535 12.582261,7.2485 12.40625,7.1875 12.230231,7.1265 11.837683,7.09375 11.25,7.09375 l -1.03125,0 z M 14,12.375 c 0.842808,0 1.536129,0.28315 2.0625,0.78125 0.313309,0.2946 0.530837,0.6985 0.6875,1.25 L 15.375,14.75 c -0.08147,-0.3573 -0.241521,-0.6683 -0.5,-0.875 -0.258488,-0.2068 -0.567793,-0.3125 -0.9375,-0.3125 -0.510704,0 -0.931989,0.1959 -1.25,0.5625 -0.318015,0.3666 -0.500002,0.96045 -0.5,1.78125 -2e-6,0.8711 0.186684,1.47395 0.5,1.84375 0.313311,0.3696 0.748694,0.5625 1.25,0.5625 0.369706,0 0.671179,-0.10855 0.9375,-0.34375 0.266312,-0.2349 0.44657,-0.6206 0.5625,-1.125 l 1.375,0.4375 c -0.206794,0.752 -0.550319,1.29115 -1.03125,1.65625 -0.48094,0.3649 -1.104334,0.5625 -1.84375,0.5625 -0.91488,0 -1.660972,-0.3124 -2.25,-0.9375 -0.589031,-0.6251 -0.90625,-1.44715 -0.90625,-2.53125 0,-1.1467 0.314086,-2.08425 0.90625,-2.71875 C 12.279661,12.6781 13.03499,12.375 14,12.375 z m -6.34375,0.09375 c 0.6798876,0 1.205237,0.1959 1.59375,0.5625 0.3885044,0.3666 0.5937451,0.8298 0.59375,1.375 -4.9e-6,0.3101 -0.076279,0.56325 -0.1875,0.84375 -0.1112307,0.2804 -0.2587529,0.59915 -0.5,0.90625 -0.159794,0.2036 -0.4582964,0.46155 -0.875,0.84375 -0.4167103,0.3823 -0.7012761,0.65595 -0.8125,0.78125 -0.1112293,0.1251 -0.1810732,0.28715 -0.25,0.40625 l 2.625,0 0,1.1875 -4.65625,0 c 0.05013,-0.4638 0.2180985,-0.86615 0.46875,-1.28125 0.2506501,-0.4152 0.7293279,-1.0014 1.46875,-1.6875 0.5952935,-0.5546 0.990272,-0.9276 1.125,-1.125 0.1817186,-0.2725 0.2499964,-0.5463 0.25,-0.8125 -3.6e-6,-0.2946 -0.06053,-0.5294 -0.21875,-0.6875 -0.1582267,-0.1583 -0.4086537,-0.21875 -0.6875,-0.21875 -0.2757185,0 -0.462079,0.11535 -0.625,0.28125 -0.162925,0.1661 -0.2561866,0.4271 -0.28125,0.8125 L 5.375,14.53125 C 5.453328,13.80445 5.6801752,13.2539 6.09375,12.9375 6.5073228,12.621 7.0358867,12.46875 7.65625,12.46875 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(9.0931163,1049.8819)"
+         id="g18814">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-29"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-hpblc.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-hpblc.svg
new file mode 100644
index 00000000..25b95ba9
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-hpblc.svg
@@ -0,0 +1,174 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g14827">
+    <path
+       d="m 2.891918,1.4915216 17.095696,0 L 22,3.9486926 22,18.424603 17.466586,22 2.92118,22 0.660128,18.7386 0.577598,4.0073366 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,6.5625 0,1.34375 0,6.9375 c 0.01722469,0.09155 0.00776157,0.09953 0.09375,0.375 C 0.45652837,20.736363 1.8994077,22 3.65625,22 l 14.6875,0 c 1.756851,0 3.199724,-1.263637 3.5625,-2.96875 0.08599,-0.27547 0.07653,-0.283445 0.09375,-0.375 l 0,-6.9375 0,-1.34375 0,-6.5625 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m 1.25,2.875 1.375,0 0,2.75 2.75,0 0,-2.75 1.375,0 0,6.9375 -1.375,0 0,-3.03125 -2.75,0 0,3.03125 -1.375,0 0,-6.9375 z m 6.90625,0 2.25,0 c 0.845943,6.9e-6 1.399327,0.056078 1.65625,0.125 0.394769,0.1034 0.733678,0.3412947 1,0.6875 0.266311,0.3462176 0.374994,0.7954561 0.375,1.34375 -6e-6,0.4229779 -0.06523,0.7742553 -0.21875,1.0625 C 16.72147,6.3820021 16.517797,6.5855134 16.28125,6.75 16.044692,6.9144926 15.83813,7.0404894 15.59375,7.09375 15.261632,7.1595493 14.754757,7.1875028 14.125,7.1875 l -0.875,0 0,2.625 -1.4375,0 0,-6.9375 z M 13.25,4.09375 13.25,6 14,6 c 0.548296,3.8e-6 0.908891,0.00957 1.09375,-0.0625 C 15.278601,5.8654417 15.395035,5.7472778 15.5,5.59375 15.604954,5.4402306 15.687496,5.2349084 15.6875,5.03125 15.687496,4.7806039 15.616006,4.6004284 15.46875,4.4375 15.321489,4.2745819 15.131832,4.1657364 14.90625,4.125 14.74019,4.0936747 14.376299,4.0937555 13.875,4.09375 l -0.625,0 z m -11.75,7.625 19,0 0,7.3125 -19,0 0,-7.3125 z m 15.3125,1.125 c -0.858561,5e-6 -1.535658,0.21907 -2.0625,0.6875 -0.526844,0.468439 -0.8125,1.122101 -0.8125,1.96875 0,0.800389 0.288444,1.444756 0.8125,1.90625 0.524054,0.461495 1.15479,0.6875 1.96875,0.6875 0.657854,0 1.19711,-0.13675 1.625,-0.40625 0.427881,-0.269493 0.722268,-0.663568 0.90625,-1.21875 l -1.15625,-0.3125 c -0.103139,0.372437 -0.294314,0.639007 -0.53125,0.8125 -0.236943,0.173502 -0.514827,0.25 -0.84375,0.25 -0.446007,0 -0.814999,-0.133285 -1.09375,-0.40625 -0.278752,-0.272964 -0.406251,-0.700662 -0.40625,-1.34375 -10e-7,-0.60607 0.123314,-1.073095 0.40625,-1.34375 0.282932,-0.270647 0.67063,-0.406245 1.125,-0.40625 0.328925,5e-6 0.582526,0.09733 0.8125,0.25 0.229967,0.15268 0.42752,0.330041 0.5,0.59375 L 19.25,14.34375 C 19.110619,13.936622 18.872497,13.6237 18.59375,13.40625 18.12544,13.038446 17.56234,12.843755 16.8125,12.84375 z M 2.75,12.9375 2.75,18 4.8125,18 c 0.7888669,-0.0047 1.2937189,0.01851 1.5,0 0.3289239,-0.03007 0.5880993,-0.119306 0.8125,-0.25 0.2243909,-0.130694 0.4016239,-0.312646 0.53125,-0.53125 0.1296144,-0.218602 0.2187442,-0.456173 0.21875,-0.6875 -5.8e-6,-0.293781 -0.1118036,-0.532551 -0.3125,-0.75 C 7.3617928,15.563808 7.0610238,15.433973 6.6875,15.34375 6.9523104,15.244282 7.1890371,15.073943 7.34375,14.875 7.4984528,14.676064 7.5624945,14.45702 7.5625,14.21875 7.5624945,13.998993 7.500433,13.801969 7.375,13.625 7.2495561,13.448041 7.0944031,13.293919 6.90625,13.1875 6.718087,13.081098 6.5195793,13.002294 6.28125,12.96875 6.0429124,12.935206 5.6725263,12.937505 5.1875,12.9375 l -2.4375,0 z m 6.1875,0.03125 0,5.03125 4.34375,0 0,-0.84375 -3.09375,0 0,-4.1875 -1.25,0 z m -5,0.8125 0.75,0 c 0.5825902,0 0.9085957,-0.01155 1.03125,0 0.2062732,0.02083 0.3642145,0.08919 0.46875,0.1875 0.1045289,0.09831 0.1874956,0.217703 0.1875,0.375 -4.4e-6,0.164244 -0.066247,0.30563 -0.1875,0.40625 -0.1212612,0.100623 -0.2881517,0.166682 -0.5,0.1875 -0.1170799,0.01155 -0.4240107,4e-6 -0.90625,0 l -0.84375,0 0,-1.15625 z m 0,2.03125 1.0625,0 c 0.5630773,0 0.8938509,0.04517 1.0625,0.09375 0.1686414,0.04858 0.2857952,0.112339 0.375,0.21875 0.089196,0.106411 0.1249959,0.222326 0.125,0.375 -4.5e-6,0.180436 -0.040573,0.329941 -0.15625,0.4375 -0.115687,0.107566 -0.2535272,0.190993 -0.4375,0.21875 -0.119867,0.02083 -0.3977489,1e-6 -0.84375,0 l -1.1875,0 0,-1.34375 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+         id="g18839">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-9">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-9"
+             style="font-size:7.13911057px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text7599"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text7710"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.79259781,1.2616739)"
+           id="text7727"
+           style="font-size:4.7555871px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3227"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0977352,0.91096649)"
+           id="text3238"
+           style="font-size:5.67335844px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-ibm-blade.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-ibm-blade.svg
new file mode 100644
index 00000000..387beddd
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-ibm-blade.svg
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g15279">
+    <path
+       d="m 2.891918,1.4915237 17.095696,0 L 22,3.9486947 l 0,14.4759103 -4.533414,3.575397 -14.545406,0 -2.261052,-3.2614 -0.08253,-14.7312633 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,7.90625 0,6.46875 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,11.46875 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m -1.6875,1.875 1.5625,0 0,8.78125 -1.5625,0 0,-8.78125 z m 3.03125,0 3.03125,0 c 0.6068722,1.47e-5 1.0767884,0.035992 1.375,0.09375 0.2982012,0.057758 0.577068,0.1604658 0.8125,0.34375 0.23542,0.1832989 0.405543,0.4451875 0.5625,0.75 0.156944,0.3048418 0.249993,0.6527183 0.25,1.03125 -7e-6,0.4104239 -0.08768,0.7510785 -0.28125,1.09375 -0.193579,0.3426862 -0.449915,0.6099143 -0.78125,0.78125 0.467359,0.1554044 0.811372,0.4379511 1.0625,0.8125 0.251114,0.3745636 0.343743,0.7751938 0.34375,1.28125 -7e-6,0.3984754 -0.02532,0.8109523 -0.1875,1.1875 -0.162189,0.3765477 -0.406739,0.6498591 -0.6875,0.875 -0.280774,0.225126 -0.6509456,0.385694 -1.0625,0.4375 -0.2581021,0.03189 -0.8567078,0.08567 -1.84375,0.09375 L 5,10.65625 5,1.875 z m 7.71875,0 2.3125,0 1.375,6 1.375,-6 2.34375,0 0,8.78125 -1.46875,0 0,-6.90625 -1.5,6.90625 -1.53125,0 -1.5,-6.90625 0,6.90625 -1.40625,0 0,-8.78125 z m -6.1875,1.46875 0,2.03125 1.03125,0 C 8.1658849,5.3750147 8.5410082,5.3320467 8.6875,5.3125 8.9525678,5.2766397 9.1295258,5.2045404 9.28125,5.03125 9.4329639,4.8579154 9.5312448,4.6266641 9.53125,4.34375 9.5312448,4.0727991 9.4432873,3.8256016 9.3125,3.65625 9.1817026,3.486913 9.0080922,3.3796103 8.75,3.34375 c -0.1534675,-0.019988 -0.5835543,0 -1.3125,0 l -0.90625,0 z m 0,3.5 0,2.3125 1.40625,0 c 0.5580432,0 0.9437701,-0.02664 1.09375,-0.0625 C 9.2614397,9.0459852 9.4490011,8.9352978 9.59375,8.75 9.738488,8.564717 9.8124944,8.310794 9.8125,8 9.8124944,7.737 9.7366045,7.5270489 9.625,7.34375 9.5133853,7.1604511 9.3672567,7.0524337 9.15625,6.96875 8.9452334,6.885125 8.4857807,6.84375 7.78125,6.84375 l -1.25,0 z M 2,11.71875 l 18,0 0,7.3125 -18,0 0,-7.3125 z m 6.5,1.03125 0,5.90625 2.03125,0 c 0.760006,-0.0055 1.207516,-0.0405 1.40625,-0.0625 0.31689,-0.03493 0.596309,-0.09834 0.8125,-0.25 0.216181,-0.1518 0.406367,-0.339925 0.53125,-0.59375 0.124873,-0.253825 0.156244,-0.543962 0.15625,-0.8125 -6e-6,-0.341138 -0.05665,-0.62255 -0.25,-0.875 -0.193364,-0.25245 -0.483891,-0.458 -0.84375,-0.5625 0.255122,-0.115362 0.444697,-0.269 0.59375,-0.5 0.149043,-0.230862 0.249995,-0.5046 0.25,-0.78125 -5e-6,-0.255062 -0.09791,-0.482075 -0.21875,-0.6875 -0.120855,-0.205425 -0.22498,-0.345 -0.40625,-0.46875 -0.181279,-0.124162 -0.42664,-0.2115 -0.65625,-0.25 C 11.676632,12.774 11.342282,12.75 10.875,12.75 l -2.375,0 z m 1.21875,1 0.6875,0 c 0.561276,0 0.913082,-0.01375 1.03125,0 0.198727,0.0242 0.336788,0.104625 0.4375,0.21875 0.100704,0.114125 0.156246,0.254763 0.15625,0.4375 -4e-6,0.190575 -0.03943,0.351875 -0.15625,0.46875 -0.116825,0.1166 -0.327152,0.194 -0.53125,0.21875 -0.112797,0.02063 -0.379153,0 -0.84375,0 l -0.78125,0 0,-1.34375 z m 0,2.3125 0.9375,0 c 0.542477,0 0.900021,0.03738 1.0625,0.09375 0.162472,0.05637 0.320308,0.18875 0.40625,0.3125 0.08593,0.123613 0.124996,0.229012 0.125,0.40625 -4e-6,0.20955 -0.07605,0.406125 -0.1875,0.53125 -0.111455,0.1243 -0.229008,0.18575 -0.40625,0.21875 -0.115482,0.022 -0.414066,0.03125 -0.84375,0.03125 l -1.09375,0 0,-1.59375 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-96">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-4"
+           style="font-size:7.13911057px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text7599-2"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-imm.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-imm.svg
new file mode 100644
index 00000000..9ca6f408
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-imm.svg
@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g15561">
+    <path
+       d="m 2.8919179,1.491522 17.0956961,0 L 22,3.948693 22,18.424603 17.466586,22 2.9211799,22 0.660128,18.7386 0.577598,4.007337 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m -1.34375,7.5625 1.375,0 0,6.875 -1.375,0 0,-6.875 z m 2.6875,0 2.09375,0 1.25,4.6875 1.25,-4.6875 2.0625,0 0,6.875 -1.3125,0 0,-5.40625 -1.375,5.40625 -1.3125,0 -1.34375,-5.40625 0,5.40625 -1.3125,0 0,-6.875 z m 8.03125,0 2.09375,0 1.25,4.6875 1.25,-4.6875 2.0625,0 0,6.875 -1.3125,0 0,-5.40625 -1.375,5.40625 -1.3125,0 -1.375,-5.40625 0,5.40625 -1.28125,0 0,-6.875 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+         id="g18879">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-25">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-44"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-secfox.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-secfox.svg
new file mode 100644
index 00000000..399eb024
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-secfox.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<path fill="#608CC1" d="M19.078,0H2.922C1.298,0,0,1.298,0,2.922v16.156C0,20.701,1.298,22,2.922,22h16.156
+	C20.701,22,22,20.701,22,19.078V2.922C22,1.298,20.701,0,19.078,0z M8.721,14.791c-0.27,0.416-0.658,0.741-1.164,0.972
+	c-0.505,0.232-1.074,0.348-1.707,0.348c-0.802,0-1.474-0.116-2.016-0.351c-0.542-0.233-0.967-0.584-1.274-1.054
+	c-0.309-0.47-0.471-1-0.487-1.593l1.105-0.097c0.053,0.443,0.174,0.808,0.365,1.091c0.191,0.284,0.489,0.514,0.892,0.688
+	c0.403,0.176,0.856,0.264,1.36,0.264c0.447,0,0.842-0.066,1.184-0.2c0.342-0.132,0.597-0.314,0.765-0.547
+	c0.167-0.23,0.25-0.484,0.25-0.759c0-0.276-0.081-0.52-0.242-0.728c-0.161-0.207-0.427-0.381-0.797-0.522
+	c-0.238-0.093-0.764-0.236-1.577-0.433c-0.814-0.194-1.384-0.38-1.71-0.552c-0.423-0.223-0.739-0.497-0.946-0.826
+	c-0.207-0.328-0.311-0.695-0.311-1.102c0-0.447,0.127-0.865,0.38-1.254c0.254-0.388,0.625-0.684,1.112-0.885
+	C4.393,7.051,4.935,6.95,5.531,6.95c0.657,0,1.236,0.106,1.737,0.317C7.77,7.479,8.155,7.79,8.425,8.201
+	C8.695,8.612,8.84,9.077,8.86,9.597L7.736,9.682c-0.061-0.56-0.265-0.983-0.614-1.269C6.774,8.126,6.26,7.983,5.579,7.983
+	c-0.709,0-1.226,0.13-1.55,0.39C3.705,8.633,3.543,8.946,3.543,9.313c0,0.318,0.115,0.58,0.344,0.785
+	c0.226,0.206,0.814,0.417,1.768,0.632c0.952,0.216,1.606,0.405,1.96,0.565c0.516,0.236,0.896,0.539,1.142,0.902
+	c0.246,0.365,0.368,0.785,0.368,1.26C9.126,13.93,8.991,14.373,8.721,14.791z M18.311,8.146h-4.805v2.743h4.157v1.045h-4.157v4.025
+	h-1.171V7.101h5.976V8.146z"/>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-secsis.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-secsis.svg
new file mode 100644
index 00000000..7566d1ef
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-secsis.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<path fill="#6393CD" d="M19.078,0H2.922C1.298,0,0,1.298,0,2.922v16.156C0,20.701,1.298,22,2.922,22h16.156
+	C20.701,22,22,20.701,22,19.078V2.922C22,1.298,20.701,0,19.078,0z M8.721,14.791c-0.27,0.416-0.658,0.741-1.164,0.972
+	c-0.505,0.232-1.074,0.348-1.707,0.348c-0.802,0-1.474-0.116-2.016-0.351c-0.542-0.233-0.967-0.584-1.274-1.054
+	c-0.309-0.47-0.471-1-0.487-1.593l1.105-0.097c0.053,0.443,0.174,0.808,0.365,1.091c0.191,0.284,0.489,0.514,0.892,0.688
+	c0.403,0.176,0.856,0.264,1.36,0.264c0.447,0,0.842-0.066,1.184-0.2c0.342-0.132,0.597-0.314,0.765-0.547
+	c0.167-0.23,0.25-0.484,0.25-0.759c0-0.276-0.081-0.52-0.242-0.728c-0.161-0.207-0.427-0.381-0.797-0.522
+	c-0.238-0.093-0.764-0.236-1.577-0.433c-0.814-0.194-1.384-0.38-1.71-0.552c-0.423-0.223-0.739-0.497-0.946-0.826
+	c-0.207-0.328-0.311-0.695-0.311-1.102c0-0.447,0.127-0.865,0.38-1.254c0.254-0.388,0.625-0.684,1.112-0.885
+	C4.393,7.051,4.935,6.95,5.531,6.95c0.657,0,1.236,0.106,1.737,0.317C7.77,7.479,8.155,7.79,8.425,8.201
+	C8.695,8.612,8.84,9.077,8.86,9.597L7.736,9.682c-0.061-0.56-0.265-0.983-0.614-1.269C6.774,8.126,6.26,7.983,5.579,7.983
+	c-0.709,0-1.226,0.13-1.55,0.39C3.705,8.633,3.543,8.946,3.543,9.313c0,0.318,0.115,0.58,0.344,0.785
+	c0.226,0.206,0.814,0.417,1.768,0.632c0.952,0.216,1.606,0.405,1.96,0.565c0.516,0.236,0.896,0.539,1.142,0.902
+	c0.246,0.365,0.368,0.785,0.368,1.26C9.126,13.93,8.991,14.373,8.721,14.791z M18.522,14.791c-0.271,0.416-0.658,0.741-1.163,0.972
+	c-0.508,0.232-1.077,0.348-1.708,0.348c-0.803,0-1.475-0.116-2.015-0.351c-0.542-0.233-0.967-0.584-1.275-1.054s-0.47-1-0.486-1.593
+	l1.107-0.097c0.051,0.443,0.172,0.808,0.365,1.091c0.19,0.284,0.485,0.514,0.891,0.688c0.4,0.176,0.854,0.264,1.359,0.264
+	c0.445,0,0.841-0.066,1.185-0.2c0.341-0.132,0.596-0.314,0.763-0.547c0.169-0.23,0.252-0.484,0.252-0.759
+	c0-0.276-0.08-0.52-0.241-0.728c-0.161-0.207-0.427-0.381-0.798-0.522c-0.239-0.093-0.766-0.236-1.576-0.433
+	c-0.816-0.194-1.386-0.38-1.711-0.552c-0.424-0.223-0.738-0.497-0.945-0.826c-0.209-0.328-0.312-0.695-0.312-1.102
+	c0-0.447,0.126-0.865,0.382-1.254c0.252-0.388,0.623-0.684,1.111-0.885c0.486-0.202,1.028-0.302,1.625-0.302
+	c0.655,0,1.235,0.106,1.737,0.317c0.499,0.212,0.886,0.523,1.157,0.934c0.269,0.411,0.414,0.876,0.436,1.396l-1.125,0.085
+	c-0.06-0.56-0.267-0.983-0.613-1.269c-0.349-0.286-0.864-0.429-1.544-0.429c-0.709,0-1.228,0.13-1.55,0.39
+	c-0.324,0.259-0.485,0.573-0.485,0.939c0,0.318,0.112,0.58,0.344,0.785c0.226,0.206,0.813,0.417,1.767,0.632
+	c0.953,0.216,1.606,0.405,1.961,0.565c0.516,0.236,0.896,0.539,1.141,0.902c0.248,0.365,0.371,0.785,0.371,1.26
+	C18.928,13.93,18.791,14.373,18.522,14.791z"/>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-segw.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-segw.svg
new file mode 100644
index 00000000..514b4b10
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-segw.svg
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g15795">
+    <path
+       d="m 2.8919179,1.491522 17.0956961,0 L 22,3.948693 22,18.424603 17.466586,22 2.9211799,22 0.660128,18.7386 0.577598,4.007337 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m 3.25,5.875 c 1.0833716,0 1.9211681,0.2698928 2.46875,0.8125 0.5475693,0.5426366 0.816266,1.3128957 0.84375,2.21875 L 8.5,8.96875 C 8.4254149,8.4620178 8.2765746,8.0969957 8.03125,7.875 7.7859153,7.6530336 7.3969054,7.5625147 6.90625,7.5625 6.3998859,7.5625147 6.0052923,7.6686316 5.71875,7.90625 5.5342594,8.0587297 5.4687475,8.2443926 5.46875,8.5 c -2.5e-6,0.2331948 0.077285,0.4278227 0.25,0.59375 0.2198126,0.210782 0.7458866,0.4275526 1.59375,0.65625 0.8478548,0.2287269 1.4687281,0.474342 1.875,0.71875 0.4062597,0.244408 0.7078644,0.576217 0.9375,1 0.229621,0.423783 0.374993,0.970398 0.375,1.59375 -7e-6,0.565035 -0.162738,1.100451 -0.4375,1.59375 -0.2747762,0.493284 -0.6538209,0.822589 -1.15625,1.0625 C 8.4038092,15.958677 7.8122232,16.125 7.0625,16.125 5.9712699,16.125 5.0848642,15.826263 4.5,15.25 3.9151327,14.673737 3.5825825,13.821924 3.46875,12.71875 l 1.6875,-0.1875 c 0.1020552,0.650247 0.3441881,1.132555 0.65625,1.4375 0.3120565,0.304945 0.7200841,0.468765 1.25,0.46875 C 7.6238101,14.437515 8.0591623,14.271304 8.34375,14 8.628327,13.728682 8.7499944,13.425747 8.75,13.0625 8.7499944,12.82932 8.6822155,12.632429 8.5625,12.46875 8.4427733,12.305071 8.2358159,12.152337 7.9375,12.03125 7.7333808,11.950564 7.257422,11.80005 6.53125,11.59375 5.5970314,11.329178 4.9705747,11.010674 4.59375,10.625 4.0638365,10.082378 3.7812492,9.4052992 3.78125,8.625 3.7812492,8.1227356 3.9069941,7.6559956 4.15625,7.21875 4.4055037,6.7815191 4.7809275,6.4474769 5.25,6.21875 5.7190681,5.9900526 6.2428749,5.875 6.90625,5.875 z m 5.03125,0.1875 6.40625,0 0,1.65625 -4.625,0 0,2.21875 4.34375,0 0,1.65625 -4.34375,0 0,2.65625 4.8125,0 0,1.6875 -6.59375,0 0,-9.875 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-7">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3-5"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-vc.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-vc.svg
new file mode 100644
index 00000000..274fe232
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-vc.svg
@@ -0,0 +1,173 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g16170">
+    <g
+       id="g16131">
+      <path
+         d="m 2.891918,1.491522 17.095696,0 L 22,3.948693 22,18.424603 17.466586,22 2.92118,22 0.660128,18.7386 0.577598,4.007337 z"
+         id="rect3155"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(0,-1030.3622)"
+         id="layer1">
+        <path
+           d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m 11.6875,6.78125 c 1.000672,0 1.812534,0.31775 2.4375,0.90625 0.371993,0.3479 0.688995,0.81725 0.875,1.46875 L 17,9.59375 C 16.90327,9.17175 16.681893,8.8067 16.375,8.5625 16.068094,8.3181 15.688954,8.21875 15.25,8.21875 c -0.606362,0 -1.091175,0.192 -1.46875,0.625 -0.377583,0.433 -0.531252,1.1552 -0.53125,2.125 -2e-6,1.0288 0.159248,1.7508 0.53125,2.1875 0.371996,0.4367 0.873547,0.625 1.46875,0.625 0.438954,0 0.808797,-0.0969 1.125,-0.375 0.316193,-0.2777 0.549854,-0.74795 0.6875,-1.34375 l 1.59375,0.53125 c -0.245526,0.8883 -0.647738,1.53755 -1.21875,1.96875 -0.571025,0.431 -1.309587,0.65625 -2.1875,0.65625 -1.086241,0 -1.956894,-0.3867 -2.65625,-1.125 -0.69936,-0.7384 -1.093751,-1.7194 -1.09375,-3 -10e-7,-1.3546 0.39067,-2.438 1.09375,-3.1875 0.703076,-0.7496 1.604238,-1.125 2.75,-1.125 z m -12,0.125 1.8125,0 2.0625,6.03125 1.96875,-6.03125 1.78125,0 -2.9375,8.1875 -1.75,0 -2.9375,-8.1875 z"
+           transform="translate(0,1030.3622)"
+           id="rect3001-7-4"
+           style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+        <g
+           transform="translate(3,1033.8577)"
+           id="layer1-8">
+          <g
+             id="text5399"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="translate(0,-1036.4247)"
+             id="layer1-3">
+            <g
+               transform="scale(0.89723629,1.1145336)"
+               id="text5639"
+               style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               transform="scale(1.0195853,0.98079088)"
+               id="text6068"
+               style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               id="text6125"
+               style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="translate(0,-1036.3622)"
+             id="layer1-84">
+            <g
+               transform="scale(0.93557544,1.0688609)"
+               id="text7308"
+               style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(0.9686171,1.0323997)"
+             id="text5724"
+             style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text5751"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="layer1-37">
+            <g
+               id="text5141"
+               style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(1.0995518,0.90946149)"
+             id="text5804"
+             style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(0.94725198,1.0556853)"
+             id="text5938"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+           id="layer1-849">
+          <g
+             id="text7004"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+           id="layer1-2">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-2"
+             style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+           id="layer1-29" />
+        <g
+           transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+           id="layer1-3-2">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-5"
+             style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+           id="layer1-3-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-7"
+             style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+           id="layer1-6">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-3"
+             style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+           id="layer1-2-2">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-2-5"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(16.574815,1039.9887)"
+           id="g18916">
+          <g
+             transform="translate(0,-1036.3622)"
+             id="layer1-37-1">
+            <g
+               transform="scale(0.93557544,1.0688609)"
+               id="text7308-75"
+               style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             id="text3074-3"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text3330-4"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text3334-3"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0025516,0.99745489)"
+             id="text3420"
+             style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-zteatca.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-zteatca.svg
new file mode 100644
index 00000000..5911709e
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-zteatca.svg
@@ -0,0 +1,191 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g16551">
+    <path
+       d="m 2.891918,1.4915224 17.095696,0 L 22,3.9486934 22,18.424603 17.466586,22 2.92118,22 0.660128,18.7386 0.577598,4.0073374 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,7.90625 0,7.0625 0.09375,0.28125 C 0.46673863,20.752775 1.9094813,22 3.65625,22 l 14.6875,0 c 1.746777,0 3.189514,-1.247225 3.5625,-2.9375 0.0022,-0.0097 -0.0021,-0.02147 0,-0.03125 l 0.09375,-0.25 0,-7.0625 0,-0.5 0,-7.40625 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 2.625,3.125 l 5.03125,0 0,1.09375 -3.78125,4.6875 3.90625,0 0,1.15625 -5.59375,0 0,-1.3125 3.625,-4.4375 -3.1875,0 0,-1.1875 z m 5.53125,0 5.5,0 0,1.1875 -2.0625,0 0,5.75 -1.375,0 0,-5.75 -2.0625,0 0,-1.1875 z m 6.40625,0 5.125,0 0,1.1875 -3.75,0 0,1.53125 3.5,0 0,1.15625 -3.5,0 0,1.90625 3.875,0 0,1.15625 -5.25,0 0,-6.9375 z M 2,11.71875 l 18,0 0,7.3125 -18,0 0,-7.3125 z m 8.65625,0.65625 c -0.8271508,6e-6 -1.5236833,0.268683 -2.03125,0.8125 -0.507569,0.543828 -0.7500004,1.298344 -0.75,2.28125 -4e-7,0.929202 0.2451165,1.651734 0.75,2.1875 0.5048812,0.535766 1.153318,0.812499 1.9375,0.8125 0.633785,-1e-6 1.181514,-0.155884 1.59375,-0.46875 0.412226,-0.312866 0.697748,-0.824217 0.875,-1.46875 L 11.875,16.1875 c -0.09937,0.432374 -0.271733,0.767336 -0.5,0.96875 -0.228275,0.20142 -0.495609,0.28125 -0.8125,0.28125 -0.42969,0 -0.7939476,-0.151854 -1.0625,-0.46875 C 9.2314435,16.651858 9.1249984,16.121585 9.125,15.375 c -1.6e-6,-0.703609 0.1336652,-1.217038 0.40625,-1.53125 0.2725807,-0.314205 0.593503,-0.468745 1.03125,-0.46875 0.316891,5e-6 0.590939,0.104008 0.8125,0.28125 0.221553,0.17725 0.367671,0.381352 0.4375,0.6875 l 1.21875,-0.25 c -0.134283,-0.472651 -0.356451,-0.810053 -0.625,-1.0625 -0.451176,-0.426996 -1.027592,-0.656244 -1.75,-0.65625 z m -8.03125,0.09375 0,0.96875 1.75,0 0,4.90625 1.21875,0 0,-4.90625 1.71875,0 0,-0.96875 -4.6875,0 z m 13.15625,0 -2.34375,5.875 1.25,0 L 15.21875,17 l 2.34375,0 0.53125,1.34375 1.28125,0 -2.375,-5.875 -1.21875,0 z m 0.59375,1.375 0.8125,2.1875 -1.625,0 0.8125,-2.1875 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(16.574815,1039.9887)"
+         id="g18916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-37-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-75"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0025516,0.99745489)"
+           id="text3420"
+           style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+         id="g19868">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-7">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-4"
+             style="font-size:7.13911057px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text7599"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text7710"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text7727"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-zteips.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-zteips.svg
new file mode 100644
index 00000000..af3e9ee4
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-zteips.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg2985">
+  <defs
+     id="defs2987" />
+  <metadata
+     id="metadata2990">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-16.542373,7.1525424)"
+     id="layer1">
+    <rect
+       width="0"
+       height="16.575762"
+       x="4.5821676"
+       y="-0.052963413"
+       id="rect3917"
+       style="fill:#0000ff;fill-rule:evenodd;stroke:none" />
+    <g
+       id="text4015"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g16650">
+    <path
+       d="m 2.891918,1.4915217 17.095696,0 L 22,3.9486927 22,18.424603 17.466586,22 2.92118,22 0.660128,18.7386 0.577598,4.0073367 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.6562503,0 C 1.6217773,0 2.9999954e-7,1.7026761 2.9999954e-7,3.8125 l 0,14.375 C 2.9999954e-7,20.297324 1.6217773,22 3.6562503,22 L 18.34375,22 C 20.378224,22 22,20.297324 22,18.1875 L 22,3.8125 C 22.000001,1.7026761 20.378225,0 18.34375,0 L 3.6562503,0 z m 0.03125,2 C 4.6124442,2 5.34375,2.7512669 5.34375,3.6875 5.34375,4.0816542 5.222914,4.4308391 5,4.71875 l 2.03125,4 C 7.08838,8.71279 7.1288,8.6875 7.1875,8.6875 c 0.314837,0 0.623408,0.065821 0.875,0.21875 l 2.65625,-2.5 C 10.65374,6.2254001 10.625,6.0160987 10.625,5.8125 c 0,-0.936233 0.731305,-1.6875 1.65625,-1.6875 0.924944,0 1.6875,0.751267 1.6875,1.6875 0,0.012844 2.81e-4,0.018474 0,0.03125 l 3.25,1.5 c 0.294184,-0.2593725 0.672976,-0.4375 1.09375,-0.4375 0.924944,0 1.6875,0.8137669 1.6875,1.75 0,0.936233 -0.762556,1.6875 -1.6875,1.6875 -0.924944,0 -1.65625,-0.751267 -1.65625,-1.6875 0,-0.051378 -0.0044,-0.1060349 0,-0.15625 L 13.5,7 c -0.305527,0.3294969 -0.737078,0.5 -1.21875,0.5 -0.277484,0 -0.519557,-0.066591 -0.75,-0.1875 L 8.8125,9.90625 c 0.04109,0.146999 0.09375,0.308436 0.09375,0.46875 0,0.936233 -0.793806,1.6875 -1.71875,1.6875 -0.924945,0 -1.65625,-0.751267 -1.65625,-1.6875 0,-0.4055882 0.171532,-0.7707418 0.40625,-1.0625 L 3.9375003,5.34375 c -0.074754,0.010325 -0.1724517,0.03125 -0.25,0.03125 -0.9249451,0 -1.6875,-0.7512669 -1.6875,-1.6875 0,-0.9362331 0.7625549,-1.6875 1.6875,-1.6875 z m -0.03125,11.71875 4.5937497,0 0,0.96875 -3.46875,4.25 3.59375,0 0,1.0625 -5.1249997,0 0,-1.125 3.3124997,-4.09375 -2.9062497,0 0,-1.0625 z m 5.0937497,0 5.03125,0 0,1.0625 -1.90625,0 0,5.21875 -1.25,0 0,-5.21875 -1.875,0 0,-1.0625 z m 5.84375,0 4.6875,0 0,1.0625 -3.40625,0 0,1.40625 3.1875,0 0,1.0625 -3.1875,0 0,1.6875 3.53125,0 0,1.0625 -4.8125,0 0,-6.28125 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-ztepower.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-ztepower.svg
new file mode 100644
index 00000000..55ac583b
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-ztepower.svg
@@ -0,0 +1,223 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g16909">
+    <g
+       transform="translate(3,3.4955)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-1427.3285)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-1424.998)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-1437.8303)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-1424.998)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-1424.998)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-1553.2731)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-1424.998)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,9.6265)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.375,1.375)"
+       id="g19868">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-7">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-4"
+           style="font-size:7.13911057px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text7599"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text7710"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text7727"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.375,1.375)"
+       id="g19893">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-6"
+           style="font-size:7.13911057px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text7599-7"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text7710-5"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.79259781,1.2616739)"
+         id="text7727-0"
+         style="font-size:4.7555871px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <rect
+         width="13.898305"
+         height="5.9661016"
+         x="1.1525424"
+         y="1.6949153"
+         id="rect3224"
+         style="opacity:0;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="scale(1.060294,0.94313463)"
+         id="text3431"
+         style="font-size:6.60194254px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <path
+       d="m 2.8919176,1.491522 17.0956964,0 L 22,3.948693 22,18.424603 17.466586,22 2.9211796,22 0.6601277,18.7386 0.5775977,4.007337 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="m 2.8919178,1.491522 17.0956962,0 L 22,3.948693 22,18.424603 17.466586,22 2.9211798,22 0.6601279,18.7386 0.5775979,4.007337 z"
+       id="rect3155-1"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="M 3.6562503,0 C 1.6217803,0 3e-7,1.7027004 3e-7,3.8125004 l 0,7.9062496 0,7.0625 0.09375,0.28125 C 0.466739,20.752775 1.9094816,22 3.6562503,22 L 18.34375,22 c 1.746777,0 3.189514,-1.247225 3.5625,-2.9375 0.0022,-0.0097 -0.0021,-0.02147 0,-0.03125 l 0.09375,-0.25 0,-7.0625 0,-0.5 0,-1.2499996 0,-6.15625 C 22,1.7027004 20.37823,0 18.34375,0 L 3.6562503,0 z m -1.03125,3.1250004 5.0312497,0 0,1.09375 -3.7812497,4.6875 3.9062497,0 0,1.1562496 -5.5937497,0 0,-1.3124996 3.6249997,-4.4375 -3.1874997,0 0,-1.1875 z m 5.5312497,0 5.500001,0 0,1.1875 -2.062501,0 0,5.7499996 -1.375,0 0,-5.7499996 -2.0625,0 0,-1.1875 z m 6.406251,0 5.124999,0 0,1.1875 -3.749999,0 0,1.53125 3.499999,0 0,1.15625 -3.499999,0 0,1.90625 3.874999,0 0,1.1562496 -5.249999,0 0,-6.9374996 z M 0.9687503,11.71875 l 0.3125,0 19.4374997,0 0.4375,0 0,7.3125 -0.4375,0 -19.4374997,0 -0.3125,0 0,-7.3125 z m 0.71875,1.1875 0,5.21875 1.1875,0 0,-1.96875 0.78125,0 c 0.539792,0 0.9653282,-0.04425 1.25,-0.09375 C 5.1157192,16.02125 5.297237,16.00054 5.5,15.875 5.702755,15.749875 5.868403,15.563475 6,15.34375 6.131588,15.124025 6.218746,14.853688 6.21875,14.53125 6.218746,14.11325 6.103264,13.764 5.875,13.5 5.646725,13.236 5.369625,13.047675 5.0312503,12.96875 4.8110317,12.9165 4.3500942,12.90625 3.6250003,12.90625 l -1.9375,0 z m 4.9374997,0 1.40625,5.21875 1.28125,0 1.21875,-3.90625 1.15625,3.90625 1.25,0 1.46875,-5.21875 -1.21875,0 -0.90625,3.65625 -1.03125,-3.65625 -1.40625,0 L 8.75,16.5 7.875,12.90625 l -1.25,0 z m 8.375001,0 0,5.21875 1.187499,0 0,-2.1875 0.21875,0 c 0.273923,0 0.467525,0.05525 0.59375,0.09375 0.126211,0.03987 0.293452,0.112738 0.40625,0.21875 0.112791,0.105875 0.287594,0.372737 0.59375,0.78125 l 0.875,1.09375 1.4375,0 -0.71875,-1.03125 C 19.309077,16.685237 19.074092,16.4413 18.90625,16.28125 18.7384,16.1212 18.507808,15.946287 18.25,15.8125 c 0.518305,-0.06738 0.926997,-0.2119 1.1875,-0.46875 0.260496,-0.25685 0.374996,-0.605787 0.375,-1 -4e-6,-0.310475 -0.07813,-0.571188 -0.25,-0.8125 -0.171881,-0.241313 -0.401494,-0.405675 -0.6875,-0.5 -0.286015,-0.09488 -0.743901,-0.125 -1.375,-0.125 l -2.499999,0 z m -12.1250007,0.90625 0.59375,0 c 0.4296848,0 0.7326641,-0.02337 0.875,0 0.1933566,0.03163 0.3425264,0.12515 0.46875,0.25 0.1262112,0.12375 0.1874959,0.277625 0.1875,0.46875 -2.7e-6,0.155238 -0.066288,0.257987 -0.15625,0.375 -0.089966,0.116875 -0.216556,0.22625 -0.375,0.28125 -0.1584509,0.055 -0.4675319,0.0625 -0.9375,0.0625 l -0.65625,0 0,-1.4375 z m 13.3124997,0 0.90625,0 c 0.483396,0 0.809561,-0.01375 0.90625,0 0.193354,0.02887 0.331423,0.07846 0.4375,0.1875 0.106081,0.108625 0.156246,0.260675 0.15625,0.4375 0,0.157713 -0.04444,0.26995 -0.125,0.375 -0.08057,0.105875 -0.201414,0.175712 -0.34375,0.21875 -0.142339,0.04262 -0.490481,0.09375 -1.0625,0.09375 l -0.875,0 0,-1.3125 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-ztesgs.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-ztesgs.svg
new file mode 100644
index 00000000..cc457a20
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-ztesgs.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg2985">
+  <defs
+     id="defs2987" />
+  <metadata
+     id="metadata2990">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g17091">
+    <path
+       d="m 3.3667007,4.9406763 15.1614903,0 1.784705,1.3402752 0,7.8959515 -4.020503,1.950217 -12.899741,0 -1.7255757,-1.965387 -0.352854,-7.8487938 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.3643411,0,0,1.375,0.17054264,0)"
+       id="layer1"
+       style="fill:#649be6;fill-opacity:1">
+      <rect
+         width="0"
+         height="16.575762"
+         x="4.5821676"
+         y="-0.052963413"
+         id="rect3917"
+         style="fill:#649be6;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      <path
+         d="M 7.90625,0 -0.125,2 c 0.609123,5.9538031 -0.54929778,13.025659 7.90625,14 l 0.15625,0 0.15625,0 C 16.549298,15.025659 15.390877,7.9538031 16,2 L 7.96875,0 7.9375,0 7.90625,0 z m -5.96875,5.1875 3.6875,0 0,0.78125 -2.75,3.40625 2.84375,0 0,0.84375 -4.0625,0 0,-0.9375 2.625,-3.25 -2.34375,0 0,-0.84375 z m 4.0625,0 4,0 0,0.84375 -1.5,0 0,4.1875 -1,0 0,-4.1875 -1.5,0 0,-0.84375 z m 4.65625,0 3.6875,0 0,0.84375 -2.6875,0 0,1.125 2.5,0 0,0.84375 -2.5,0 0,1.375 2.78125,0 0,0.84375 -3.78125,0 0,-5.03125 z"
+         id="rect3975"
+         style="fill:#649be6;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      <g
+         id="text4015"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-zxsdr-nt.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-zxsdr-nt.svg
new file mode 100644
index 00000000..c5fa88b6
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other-zxsdr-nt.svg
@@ -0,0 +1,186 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g17349">
+    <path
+       d="m 2.891917,1.4915222 17.095697,0 L 22,3.9486932 22,18.424603 17.466586,22 2.921179,22 0.660128,18.7386 0.577598,4.0073372 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m -1.625,5.625 2,0 4.25,7.1875 0,-7.1875 2,0 0,10.75 -2.125,0 -4.21875,-7 0,7 -1.90625,0 0,-10.75 z m 9.6875,0 8.25,0 0,1.8125 -3.09375,0 0,8.9375 -2.0625,0 0,-8.9375 -3.09375,0 0,-1.8125 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(16.574815,1039.9887)"
+         id="g18916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-37-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-75"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0025516,0.99745489)"
+           id="text3420"
+           style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+         id="g19916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-6-1">
+          <g
+             transform="scale(0.93557545,1.0688609)"
+             id="text7308-8"
+             style="font-size:9.30973721px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.98171941,1.018621)"
+           id="text7810"
+           style="font-size:10.73881721px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other.svg
new file mode 100644
index 00000000..b54fc9fc
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-other.svg
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g12119">
+    <path
+       d="m 2.891918,1.491522 17.095696,0 L 22,3.948693 22,18.424603 17.466586,22 2.92118,22 0.660128,18.7386 0.577598,4.007337 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 5.3125,4.9375 8,5.625 4.9375,16.96875 l -2.625,-0.6875 3,-11.34375 z m 4.3125,0.03125 2.75,0 0,11.75 -2.75,0 0,-11.75 z m 7,0.0625 L 19.6875,16.375 17,17.0625 13.96875,5.71875 16.625,5.03125 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router-cisco.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router-cisco.svg
new file mode 100644
index 00000000..7bdcd507
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router-cisco.svg
@@ -0,0 +1,186 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g18949">
+    <path
+       d="m 0.27966118,12.444915 a 10.673729,10.021187 0 1 1 -21.34745818,0 10.673729,10.021187 0 1 1 21.34745818,0 z"
+       transform="matrix(0.98372369,0,0,1.0477801,21.190992,-2.098856)"
+       id="path18500"
+       style="fill:#ffffff;fill-rule:evenodd;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(16.574815,1039.9887)"
+         id="g18916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-37-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-75"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0025516,0.99745489)"
+           id="text3420"
+           style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+         id="g19940"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           id="layer2"
+           style="fill:#649be6;fill-opacity:1" />
+        <g
+           id="layer1-16"
+           style="fill:#649be6;fill-opacity:1">
+          <path
+             d="M 7.96875,0 C 3.5515207,0 0,3.5515207 0,7.96875 0,12.385979 3.5515207,16 7.96875,16 8.112083,16 8.2647361,15.976233 8.40625,15.96875 7.8294057,15.917653 7.375,15.465565 7.375,14.875 l 0,-1.15625 L 6,12.3125 l 1.375,0 0,-1.4375 0,-1.125 C 7.375,9.4381464 7.2475455,8.6491478 6.71875,8.5 L 7.75,8.5 c 0.5437988,0 0.7076076,0.8848514 0.71875,1.25 0.010595,-2.914e-4 0.020582,0 0.03125,0 l 6.375,0 c 0.312428,0 0.608632,0.1398822 0.8125,0.34375 C 15.871676,9.420743 16,8.6990838 16,7.96875 16,3.5515207 12.385979,0 7.96875,0 z m -0.0625,1.71875 1.9375,1.9375 -1.375,0 0,2.53125 c 0,0.3254127 -0.1492783,1.28125 -0.71875,1.28125 l -1.03125,0 C 7.2475451,7.319602 7.375,6.5306032 7.375,6.21875 l 0,-2.5625 -1.375,0 1.90625,-1.9375 z m -5.375,3.84375 0,1.375 2.625,0 c 0.3118536,0 1.0696027,-0.1274548 1.21875,-0.65625 l 0,1.03125 c 1e-7,0.5694718 -0.9558377,0.71875 -1.28125,0.71875 l -2.5625,0 0,1.375 L 0.625,7.46875 2.53125,5.5625 z m 10.90625,0 1.90625,1.90625 -1.90625,1.9375 0,-1.375 -2.59375,0 c -0.311855,-10e-8 -1.1008531,0.1587046 -1.25,0.6875 l 0,-1.0625 C 9.593751,7.086778 10.549586,6.9375 10.875,6.9375 l 2.5625,0 0,-1.375 z m -3.5,5.15625 c -0.5585081,4e-6 -1.001031,0.221301 -1.34375,0.625 -0.3427206,0.403706 -0.5000002,0.957847 -0.5,1.6875 -2e-7,0.689785 0.1590928,1.227278 0.5,1.625 0.3409057,0.397722 0.7830054,0.59375 1.3125,0.59375 0.427945,0 0.78415,-0.111496 1.0625,-0.34375 0.278344,-0.232253 0.474067,-0.584036 0.59375,-1.0625 L 10.78125,13.5625 c -0.0671,0.32097 -0.189619,0.569232 -0.34375,0.71875 -0.154135,0.14952 -0.317278,0.218751 -0.53125,0.21875 -0.2901346,10e-7 -0.5374182,-0.108506 -0.71875,-0.34375 -0.1813348,-0.235243 -0.2812511,-0.633279 -0.28125,-1.1875 -1.1e-6,-0.52232 0.097195,-0.891747 0.28125,-1.125 0.1840518,-0.233247 0.4231753,-0.374997 0.71875,-0.375 0.213972,3e-6 0.412898,0.08718 0.5625,0.21875 0.149597,0.131581 0.234098,0.303984 0.28125,0.53125 L 11.53125,12 C 11.44058,11.64913 11.30633,11.374902 11.125,11.1875 10.820356,10.870523 10.425284,10.718754 9.9375,10.71875 z m 4.03125,0 c -0.558508,4e-6 -1.001031,0.221301 -1.34375,0.625 -0.342721,0.403706 -0.53125,0.957847 -0.53125,1.6875 0,0.689785 0.190343,1.227278 0.53125,1.625 0.340906,0.397722 0.783006,0.59375 1.3125,0.59375 0.427945,0 0.78415,-0.111496 1.0625,-0.34375 0.278344,-0.232253 0.474067,-0.584036 0.59375,-1.0625 L 14.8125,13.5625 c -0.0671,0.32097 -0.189619,0.569232 -0.34375,0.71875 -0.154135,0.14952 -0.348529,0.218751 -0.5625,0.21875 -0.290136,10e-7 -0.506168,-0.108506 -0.6875,-0.34375 -0.181331,-0.235243 -0.281251,-0.633279 -0.28125,-1.1875 -10e-7,-0.52232 0.0972,-0.891747 0.28125,-1.125 0.184052,-0.233247 0.423175,-0.374997 0.71875,-0.375 0.213972,3e-6 0.381648,0.08718 0.53125,0.21875 0.149597,0.131581 0.265348,0.303984 0.3125,0.53125 L 15.5625,12 c -0.09067,-0.35087 -0.22492,-0.625098 -0.40625,-0.8125 -0.304644,-0.316977 -0.699716,-0.468746 -1.1875,-0.46875 z"
+             id="path3026"
+             style="fill:#649be6;fill-opacity:1;stroke:none" />
+          <g
+             transform="scale(0.9537189,1.048527)"
+             id="text3110"
+             style="font-size:2.55049467px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Sans" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router-juniper.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router-juniper.svg
new file mode 100644
index 00000000..4040393f
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router-juniper.svg
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(3,3.4955)"
+     id="layer1-8">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.3669903,0,0,1.375,30.30548,-1427.3285)"
+     id="layer1-849">
+    <g
+       id="text7004"
+       style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.375,0,0,1.375,0,-1424.998)"
+     id="layer1-2">
+    <g
+       transform="scale(0.93557544,1.0688609)"
+       id="text7308-2"
+       style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.375,0,0,1.375,26.097206,-1437.8303)"
+     id="layer1-29" />
+  <g
+     transform="matrix(1.375,0,0,1.375,0,-1424.998)"
+     id="layer1-3-2">
+    <g
+       transform="scale(0.93557544,1.0688609)"
+       id="text7308-5"
+       style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.375,0,0,1.375,0,-1424.998)"
+     id="layer1-3-1">
+    <g
+       transform="scale(0.93557544,1.0688609)"
+       id="text7308-7"
+       style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.5,0,0,1.5,-29.444014,-1553.2731)"
+     id="layer1-6">
+    <g
+       transform="scale(0.93557544,1.0688609)"
+       id="text7308-3"
+       style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.375,0,0,1.375,0,-1424.998)"
+     id="layer1-2-2">
+    <g
+       transform="scale(0.93557544,1.0688609)"
+       id="text7308-2-5"
+       style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="translate(16.574815,9.6265)"
+     id="g18916">
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-37-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-75"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       id="text3074-3"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text3330-4"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text3334-3"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(1.0025516,0.99745489)"
+       id="text3420"
+       style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     transform="matrix(1.375,0,0,1.375,16.40678,-4.8474576)"
+     id="layer2-8"
+     style="fill:#649be6;fill-opacity:1" />
+  <g
+     transform="matrix(1.3113635,0,0,1.4417246,-3.8220332,8.1101695)"
+     id="text3110-4"
+     style="font-size:2.55049467px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Sans" />
+  <g
+     transform="matrix(1.375,0,0,1.375,16.40678,-4.8474576)"
+     id="text10075"
+     style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  <path
+     d="M 10.95703,3.2e-7 C 4.883341,3.2e-7 0,4.8833409 0,10.957032 0,17.030722 4.883341,22 10.95703,22 c 0.197083,0 0.406981,-0.03268 0.601563,-0.04297 -0.793161,-0.07026 -1.417968,-0.69188 -1.417968,-1.503907 l 0,-1.589843 -1.8906256,-1.933594 1.8906256,0 0,-1.976563 0,-1.546875 c 0,-0.428798 -0.1752506,-1.513671 -0.9023446,-1.71875 l 1.4179686,0 c 0.747723,0 0.97296,1.216671 0.988281,1.71875 0.01457,-4e-4 0.0283,0 0.04297,0 l 8.765625,0 C 22.177006,14.381605 21.902361,12.177437 22,10.95703 22,4.8833389 17.030721,-1.68e-6 10.957031,-1.68e-6 z m -0.08594,2.36328198 2.664063,2.6640616 -1.890626,0 0,3.480469 c 0,0.447442 -0.205257,1.7617191 -0.98828,1.7617191 l -1.4179686,0 C 9.9653714,10.064453 10.140623,8.9795799 10.140623,8.5507819 l 0,-3.523438 -1.8906256,0 2.6210926,-2.6640616 z m -7.390624,5.2851556 0,1.890626 3.6093754,0 c 0.428798,0 1.470703,-0.175251 1.675781,-0.902345 l 0,1.4179691 c 0,0.783024 -1.314277,0.988281 -1.761718,0.988281 l -3.5234384,0 0,1.890625 -2.621093,-2.664062 2.621093,-2.6210941 z m 14.996093,0 2.621094,2.6210941 -2.621094,2.664062 0,-1.890625 -3.566406,0 c -0.428801,0 -1.513673,0.218219 -1.71875,0.945313 l 0,-1.460938 c 1e-6,-0.7830231 1.314275,-0.9882801 1.761719,-0.9882801 l 3.523437,0 0,-1.890626 z m -4.640625,6.6601561 0,4.425781 c -2e-6,0.557702 -0.04342,0.940168 -0.171875,1.117188 -0.128462,0.177024 -0.334353,0.257814 -0.644531,0.257812 -0.30705,2e-6 -0.537111,-0.09624 -0.6875,-0.34375 -0.100263,-0.162922 -0.156211,-0.464597 -0.171875,-0.859375 l -1.332031,0.171875 c 0.0031,0.73629 0.192016,1.295106 0.558593,1.675782 0.366576,0.380677 0.866983,0.558593 1.546875,0.558593 0.579628,0 1.063921,-0.1439 1.417969,-0.386718 0.354041,-0.242818 0.595747,-0.544271 0.730469,-0.945313 0.100265,-0.307046 0.171871,-0.761798 0.171875,-1.332031 l 0,-4.339844 -1.417969,0 z m 2.878907,0 0,6.875 1.417968,0 0,-2.578125 0.902344,0 c 0.629757,0 1.085853,-0.06311 1.417969,-0.128906 0.24438,-0.05327 0.493912,-0.13629 0.730469,-0.300781 0.236546,-0.164486 0.448032,-0.399248 0.601562,-0.6875 0.153519,-0.288246 0.214838,-0.651242 0.214844,-1.074219 -6e-6,-0.548294 -0.120409,-0.985814 -0.386719,-1.332031 -0.266322,-0.346206 -0.59351,-0.5841 -0.988281,-0.6875 -0.256922,-0.06893 -0.829837,-0.08594 -1.675781,-0.08594 l -2.234375,0 z m 1.417968,1.160156 0.644532,0 c 0.501298,0 0.865189,0.01169 1.03125,0.04297 0.225581,0.04074 0.411332,0.137863 0.558593,0.300781 0.147256,0.162928 0.214839,0.393886 0.214844,0.644532 -5e-6,0.203658 -0.06692,0.362106 -0.171875,0.515625 -0.104967,0.153528 -0.244837,0.271686 -0.429687,0.34375 -0.18486,0.07206 -0.568893,0.08594 -1.117188,0.08594 l -0.730469,0 0,-1.933594 z"
+     id="path3026-1"
+     style="fill:#649be6;fill-opacity:1;stroke:none" />
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router-zte.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router-zte.svg
new file mode 100644
index 00000000..fdd8b9b5
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router-zte.svg
@@ -0,0 +1,178 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+       id="g19972"
+       style="fill:#649be6;fill-opacity:1">
+      <g
+         id="layer2-84"
+         style="fill:#649be6;fill-opacity:1" />
+      <g
+         id="layer1-9"
+         style="fill:#649be6;fill-opacity:1">
+        <path
+           d="M 7.96875,0 C 3.5515207,0 0,3.5515207 0,7.96875 0,12.385979 3.5515207,16 7.96875,16 8.112083,16 8.2647361,15.976233 8.40625,15.96875 7.8294057,15.917653 7.375,15.465565 7.375,14.875 l 0,-1.15625 L 6,12.3125 l 1.375,0 0,-1.4375 0,-1.125 C 7.375,9.4381464 7.2475455,8.6491478 6.71875,8.5 L 7.75,8.5 c 0.5437988,0 0.7076076,0.8848514 0.71875,1.25 0.010595,-2.914e-4 0.020582,0 0.03125,0 l 6.375,0 c 0.312428,0 0.608632,0.1398822 0.8125,0.34375 C 15.871676,9.420743 16,8.6990838 16,7.96875 16,3.5515207 12.385979,0 7.96875,0 z m -0.0625,1.71875 1.9375,1.9375 -1.375,0 0,2.53125 c 0,0.3254127 -0.1492783,1.28125 -0.71875,1.28125 l -1.03125,0 C 7.2475451,7.319602 7.375,6.5306032 7.375,6.21875 l 0,-2.5625 -1.375,0 1.90625,-1.9375 z m -5.375,3.84375 0,1.375 2.625,0 c 0.3118536,0 1.0696027,-0.1274548 1.21875,-0.65625 l 0,1.03125 c 1e-7,0.5694718 -0.9558377,0.71875 -1.28125,0.71875 l -2.5625,0 0,1.375 L 0.625,7.46875 2.53125,5.5625 z m 10.90625,0 1.90625,1.90625 -1.90625,1.9375 0,-1.375 -2.59375,0 c -0.311855,-10e-8 -1.1008531,0.1587046 -1.25,0.6875 l 0,-1.0625 C 9.593751,7.086778 10.549586,6.9375 10.875,6.9375 l 2.5625,0 0,-1.375 z m -5.34375,5.25 0,0.71875 1.40625,0 -1.5625,2.84375 0,0.8125 2.4375,0 0,-0.75 -1.71875,0 1.65625,-2.9375 0,-0.6875 -2.21875,0 z m 2.4375,0 0,0.71875 0.90625,0 0,3.65625 0.59375,0 0,-3.65625 0.90625,0 0,-0.71875 -2.40625,0 z m 2.78125,0 0,4.375 2.28125,0 0,-0.75 -1.65625,0 0,-1.1875 1.5,0 0,-0.75 -1.5,0 0,-0.96875 1.59375,0 0,-0.71875 -2.21875,0 z"
+           id="path3026-2"
+           style="fill:#649be6;fill-opacity:1;stroke:none" />
+        <g
+           transform="scale(0.82747797,1.2084914)"
+           id="text3110-0"
+           style="font-size:2.21289325px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Sans" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router.svg
new file mode 100644
index 00000000..6d4d7c92
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-router.svg
@@ -0,0 +1,175 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g18326">
+    <path
+       d="m -4.1016951,12.724576 a 11.139831,11.139831 0 1 1 -22.2796609,0 11.139831,11.139831 0 1 1 22.2796609,0 z"
+       transform="matrix(0.9288703,0,0,0.87447699,25.25062,-0.08073903)"
+       id="path17688"
+       style="fill:#ffffff;fill-rule:evenodd;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(16.574815,1039.9887)"
+         id="g18916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-37-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-75"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0025516,0.99745489)"
+           id="text3420"
+           style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3749999,0,0,1.375,0,1030.3622)"
+         id="layer1-2-5"
+         style="fill:#649be6;fill-opacity:1">
+        <path
+           d="M 7.984283,0 C 3.567054,0 0,3.567054 0,7.9842833 0,12.401512 3.567054,16 7.984283,16 12.401513,16 16.000001,12.401512 16.000001,7.9842833 16.000001,3.567054 12.401513,0 7.984283,0 z m -0.06287,1.728881 1.917486,1.9174848 -1.383104,0 0,2.546169 c 0,0.3254127 -0.122081,1.2888016 -0.691552,1.2888016 l -1.037329,0 C 7.255712,7.3321884 7.387034,6.5358222 7.387034,6.223969 l 0,-2.5776032 -1.383105,0 1.917486,-1.9174848 z m -5.375246,3.8349701 0,1.3831041 2.609037,0 c 0.311854,0 1.076787,-0.1313227 1.225934,-0.6601179 l 0,1.0373281 c 0,0.5694718 -0.96339,0.6915521 -1.288802,0.6915521 l -2.546169,0 0,1.3831041 L 0.628684,7.4813364 2.546169,5.5638511 z m 10.876229,0 1.917485,1.9174853 -1.917485,1.9174852 0,-1.3831041 -2.577603,0 c -0.311855,-10e-8 -1.108221,0.1627567 -1.257368,0.6915521 l 0,-1.0373281 c 1e-6,-0.569472 0.963388,-0.7229863 1.288802,-0.7229863 l 2.546169,0 0,-1.3831041 z m -6.695482,2.9233792 1.037328,0 c 0.569472,0 0.691552,0.9948226 0.691552,1.3202357 l 0,2.514734 1.383104,0 -1.917485,1.94892 -1.917486,-1.94892 1.383105,0 0,-2.5776024 c 0,-0.3118536 -0.131322,-1.1082195 -0.660118,-1.2573673 z"
+           id="path3026-3"
+           style="fill:#649be6;fill-opacity:1;stroke:none" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-controller.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-controller.svg
new file mode 100644
index 00000000..22c5ac25
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-controller.svg
@@ -0,0 +1,176 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3671057,0,0,1.3771882,0.00336756,-396.90323)"
+       id="layer1-67"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 7.9375,0 C 6.6475314,0.01050427 5.3328602,0.3310625 4.125,1 0.2599251,3.1407 -1.1405718,8.01 1,11.875 c 1.7589387,3.175894 5.3482139,4.659898 8.71875,3.90625 L 11.03125,13.5 11.488803,12.723699 10.75,11.28125 11.5625,10.84375 C 11.135275,10.477416 10.819986,10.006879 10.625,9.46875 L 9.9375,9.84375 9.09375,8.3125 10.53125,7.53125 c 0.385728,-1.3642255 1.63948,-2.375 3.125,-2.375 0.791605,0 1.497965,0.3086332 2.0625,0.78125 C 15.553189,5.3205446 15.32344,4.7090015 15,4.125 13.528304,1.4677438 10.775431,-0.0231094 7.9375,0 z M 8.28125,1.53125 C 8.9907355,1.56225 9.7155052,1.6828 10.375,1.9375 L 9.34375,2.5 C 8.9934693,2.1479 8.6510915,1.82385 8.28125,1.53125 z M 6.25,1.75 C 6.8614184,2.1617 7.4665563,2.65045 8.03125,3.21875 L 6.6875,3.96875 5.59375,2 C 5.58846,1.99 5.5994,1.97775 5.59375,1.96875 5.8101549,1.88275 6.0293328,1.8119 6.25,1.75 z m -2.09375,1 c 0.005,0.01 0.026732,0.02325 0.03125,0.03125 L 5.28125,4.75 3.8125,5.5625 C 3.6276804,4.7885 3.5611501,4.01355 3.53125,3.28125 3.7283142,3.09465 3.9324093,2.913 4.15625,2.75 z m 7.8125,0.09375 c 0.48057,0.3683 0.9108,0.8057 1.28125,1.3125 L 11.40625,5.1875 c -0.309783,-0.5174 -0.646753,-1.01505 -1,-1.46875 l 1.40625,-0.75 c 0.05045,-0.028 0.117591,-0.0862 0.15625,-0.125 z M 9.125,4.46875 c 0.3505622,0.4512 0.6604307,0.9226 0.96875,1.4375 l -1.78125,1 L 7.46875,5.375 z m -6.84375,0.5 C 2.335948,5.40585 2.3928887,5.83185 2.5,6.28125 l -0.875,0.5 C 1.7476606,6.14595 1.9768528,5.54215 2.28125,4.96875 z M 6.0625,6.15625 6.90625,7.6875 5,8.71875 C 4.7250487,8.18585 4.5112636,7.6601 4.3125,7.125 z M 3,7.84375 c 0.1998087,0.5398 0.4107553,1.0886 0.6875,1.625 l -1.71875,0.9375 C 1.7410892,9.83685 1.5598778,9.24505 1.5,8.65625 z m 4.6875,1.25 L 8.53125,10.625 6.875,11.53125 C 6.4976004,11.09105 6.1482148,10.6333 5.8125,10.125 z M 4.5,10.875 c 0.3370377,0.5082 0.7136658,0.9348 1.09375,1.375 L 4,13.15625 c -0.4673069,-0.363 -0.8881306,-0.8174 -1.25,-1.3125 z m 4.8125,1.1875 1.09375,1.96875 c -0.114753,0.046 -0.227352,0.11725 -0.34375,0.15625 -0.685253,-0.3799 -1.3560864,-0.8571 -2,-1.4375 z M 6.75,13.46875 C 7.1936093,13.86675 7.6597115,14.1943 8.125,14.5 7.2917089,14.516 6.46063,14.3551 5.6875,14.0625 z"
+         transform="translate(0,1036.3622)"
+         id="path9674"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <path
+         d="m 13.642885,1042.4849 c -1.309817,0 -2.35858,1.0519 -2.35858,2.3249 0,0.9017 0.53779,1.6516 1.314066,2.0303 l 0,4.6828 c 0,0.3293 0.267551,0.5894 0.606492,0.5894 l 0.876045,0 c 0.338941,0 0.606492,-0.2601 0.606492,-0.5894 l 0,-4.6828 c 0.776276,-0.3787 1.314066,-1.1286 1.314066,-2.0303 0,-1.273 -1.048763,-2.3249 -2.358581,-2.3249 z"
+         id="path9870-0-9-3"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <path
+         d="m 11.651108,1050.4652 3.869741,0 0.569079,1.859 -4.894084,0 z"
+         id="rect9989"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-host.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-host.svg
new file mode 100644
index 00000000..6bd8b93f
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-host.svg
@@ -0,0 +1,167 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3743148,0,0,1.3743208,0.01096373,1030.3659)"
+       id="layer1-38"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 7.78125,0 C 6.4918979,0.033489 5.1955309,0.37225962 4,1.0625 0.17430016,3.2712689 -1.1462799,8.1742812 1.0625,12 c 1.6677779,2.888676 4.8837016,4.346233 8,3.9375 C 8.701589,15.682653 8.5,15.355237 8.5,15.03125 c 0,-0.357213 0.2558704,-0.667512 0.6875,-0.9375 l -0.5,0 C 8.0326296,14.09375 7.5,13.56112 7.5,12.90625 L 7.5,11.25 6.96875,11.5625 C 6.5836335,11.129204 6.2196972,10.689736 5.875,10.1875 L 7.5,9.25 l 0,-1 C 7.5,7.5951296 8.0326296,7.0625 8.6875,7.0625 l 3.65625,0 C 12.27223,6.8954286 12.203656,6.7270462 12.125,6.5625 L 13.96875,5.5 c 0.216556,0.5148427 0.386111,1.0283922 0.46875,1.5625 l 1.03125,0 c 0.163718,0 0.327233,0.034092 0.46875,0.09375 C 15.824463,6.0732159 15.517129,5.0039472 14.9375,4 13.418963,1.3698179 10.617825,-0.0736758 7.78125,0 z m 0.375,1.53125 c 0.7097681,0.018191 1.4299588,0.1321505 2.09375,0.375 l -1,0.5625 C 8.8935927,2.1230141 8.5311472,1.8171291 8.15625,1.53125 z m -2,0.25 C 6.7747903,2.181954 7.3628423,2.6606341 7.9375,3.21875 L 6.625,4 5.5,2.03125 c 0.214721,-0.090489 0.4366538,-0.1844054 0.65625,-0.25 z m 5.71875,1 c 0.486938,0.3596172 0.901846,0.8124059 1.28125,1.3125 L 11.34375,5.125 c -0.318945,-0.5117944 -0.638802,-0.9902775 -1,-1.4375 l 1.375,-0.78125 c 0.05004,-0.02889 0.118831,-0.084924 0.15625,-0.125 z m -7.8125,0.0625 0.03125,0 1.125,1.96875 -1.4375,0.8125 C 3.5826613,4.8544901 3.4803938,4.1064377 3.4375,3.375 3.6311005,3.1847187 3.842005,3.0109989 4.0625,2.84375 z M 9.03125,4.4375 C 9.38967,4.8821704 9.7450915,5.3656673 10.0625,5.875 l -1.75,1 -0.875,-1.5 1.59375,-0.9375 z m -6.8125,0.625 C 2.28115,5.4984333 2.3849153,5.9276899 2.5,6.375 L 1.59375,6.90625 C 1.7050573,6.2690047 1.9247093,5.6411904 2.21875,5.0625 z M 6,6.1875 6.875,7.6875 5.03125,8.78125 C 4.7468737,8.2534234 4.4895241,7.718972 4.28125,7.1875 L 6,6.1875 z M 3,7.90625 c 0.209307,0.5360722 0.432526,1.093738 0.71875,1.625 L 2.03125,10.5 C 1.7935308,9.9348442 1.6015452,9.3687176 1.53125,8.78125 L 3,7.90625 z m 6.5625,0 c -0.77368,0 -1.40625,0.6013198 -1.40625,1.375 l 0,3.03125 c 0,0.77368 0.63257,1.40625 1.40625,1.40625 l 1.59375,0 L 11.0625,14.25 c -0.806035,0.153304 -1.375,0.477335 -1.375,0.84375 C 9.6875,15.603793 10.762662,16 12.09375,16 13.424838,16 14.5,15.603793 14.5,15.09375 c 0,-0.377636 -0.591222,-0.727887 -1.4375,-0.875 l -0.09375,-0.5 1.625,0 C 15.36743,13.71875 16,13.08618 16,12.3125 l 0,-3.03125 c 0,-0.7736802 -0.63257,-1.375 -1.40625,-1.375 l -5.03125,0 z m -0.4375,1.0625 5.9375,0 0,3.6875 -5.9375,0 0,-3.6875 z M 4.5625,10.9375 c 0.346041,0.502039 0.737228,0.910486 1.125,1.34375 l -1.59375,0.9375 c -0.4736137,-0.35461 -0.8794251,-0.824049 -1.25,-1.3125 L 4.5625,10.9375 z M 6.84375,13.5 C 7.2943075,13.889973 7.7794469,14.202733 8.25,14.5 7.4172606,14.53065 6.5593666,14.40379 5.78125,14.125 L 6.84375,13.5 z"
+         id="path9674-4-1"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-switch.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-switch.svg
new file mode 100644
index 00000000..a642f969
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-switch.svg
@@ -0,0 +1,167 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3742887,0,0,1.3747689,0.01138117,1030.3659)"
+       id="layer1-4"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 7.78125,0 C 6.4916817,0.0334946 5.1957316,0.37214406 4,1.0625 0.17365903,3.271639 -1.14665,8.1736399 1.0625,12 c 0.9102337,1.576572 2.2846553,2.722771 3.84375,3.375 l 0,-2.625 -0.8125,0.46875 c -0.473693,-0.354669 -0.879362,-0.823968 -1.25,-1.3125 l 1.625,-0.9375 L 4.25,10.90625 1.8125,10.78125 2.28125,10.34375 2.03125,10.5 C 1.793492,9.9347499 1.601556,9.368816 1.53125,8.78125 L 3,7.90625 C 3.156934,8.3081962 3.3377253,8.7226449 3.53125,9.125 L 4.65625,8 C 4.5256715,7.7274786 4.3891641,7.4628756 4.28125,7.1875 l 1.75,-1 L 6.1875,6.46875 7.625,5.03125 7.78125,5.1875 9.0625,4.4375 c 0.35848,0.444745 0.6825375,0.928082 1,1.4375 L 9.03125,6.4375 10.25,7.65625 l 0.625,-0.375 1.625,-0.9375 1.46875,-0.875 c 0.115114,0.2736726 0.228413,0.5636194 0.3125,0.84375 l 0.0625,0 1.4375,-0.21875 C 15.604916,5.3778227 15.324675,4.6706065 14.9375,4 13.418709,1.3693777 10.6183,-0.07368813 7.78125,0 z m 0.375,1.53125 c 0.709887,0.018194 1.4298475,0.1321099 2.09375,0.375 l -1,0.5625 C 8.893537,2.1229561 8.531209,1.8171771 8.15625,1.53125 z m -2,0.25 C 6.774894,2.182021 7.362747,2.6605401 7.9375,3.21875 L 6.625,4 5.5,2.03125 c 0.214757,-0.090503 0.436618,-0.1843944 0.65625,-0.25 z m 5.71875,1 c 0.487021,0.359677 0.901783,0.781073 1.28125,1.28125 l -1.8125,1.0625 c -0.318998,-0.51188 -0.638742,-0.990203 -1,-1.4375 l 1.375,-0.8125 C 11.7688,2.846105 11.837575,2.8213328 11.875,2.78125 z M 4.09375,2.84375 5.21875,4.8125 3.78125,5.625 C 3.582644,4.854357 3.51165,4.10656 3.46875,3.375 3.662382,3.184686 3.873218,3.0110271 4.09375,2.84375 z M 2.21875,5.0625 C 2.28117,5.498505 2.384894,5.927615 2.5,6.375 L 1.59375,6.90625 C 1.705077,6.268898 1.924661,5.641287 2.21875,5.0625 z m 5.1875,1.75 -3.25,3.28125 1.96875,0 0,4.46875 L 7.25,16 l 1.46875,0 0,-5.90625 1.96875,0 L 7.40625,6.8125 z m 5.15625,0 -1.125,1.40625 0,4.5 -1.96875,0 L 12.71875,16 16,12.71875 l -1.96875,0 0,-5.90625 -1.46875,0 z"
+         id="path9674-4"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-vnet.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-vnet.svg
new file mode 100644
index 00000000..b1258eb0
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-sdn-vnet.svg
@@ -0,0 +1,167 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3740419,0,0,1.375315,0.01137913,1030.3659)"
+       id="layer1-92"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 7.78125,0 C 6.4916817,0.0334946 5.1957316,0.37214406 4,1.0625 0.17365903,3.271639 -1.14665,8.1736399 1.0625,12 2.7883977,14.989344 6.161376,16.435285 9.375,15.875 8.3211435,15.633273 7.4048703,15.103251 6.6875,14.34375 6.3805067,14.280576 6.0730926,14.229562 5.78125,14.125 l 0.5,-0.28125 C 5.9566748,13.406897 5.6812367,12.930687 5.5,12.40625 l -1.40625,0.8125 c -0.473693,-0.354669 -0.879362,-0.823968 -1.25,-1.3125 l 1.71875,-1 c 0.2507283,0.363757 0.5347583,0.680519 0.8125,1 -0.099049,-0.408423 -0.1875,-0.811121 -0.1875,-1.25 0,-0.8009547 0.1864155,-1.5667946 0.5,-2.25 l -0.65625,0.375 C 4.746827,8.253335 4.489558,7.719061 4.28125,7.1875 l 1.75,-1 0.53125,0.90625 C 6.929586,6.67798 7.3340507,6.3177556 7.8125,6.03125 L 7.4375,5.375 9.0625,4.4375 C 9.2951673,4.7261566 9.5044247,5.0260241 9.71875,5.34375 10.001518,5.2979024 10.266784,5.25 10.5625,5.25 c 0.945008,0 1.852938,0.2600081 2.625,0.6875 l 0.78125,-0.46875 c 0.186437,0.4432379 0.313747,0.9166936 0.40625,1.375 0.01051,0.010515 0.02082,0.020649 0.03125,0.03125 0.714546,0.7264065 1.225355,1.6507757 1.4375,2.6875 C 16.213433,7.7217872 15.950027,5.7537483 14.9375,4 13.418709,1.3693777 10.6183,-0.07368813 7.78125,0 z m 0.375,1.53125 c 0.709887,0.018194 1.4298475,0.1321099 2.09375,0.375 l -1,0.5625 C 8.893537,2.1229561 8.531209,1.8171771 8.15625,1.53125 z m -2,0.25 C 6.774894,2.182021 7.362747,2.6605401 7.9375,3.21875 L 6.625,4 5.5,2.03125 c 0.214757,-0.090503 0.436618,-0.1843944 0.65625,-0.25 z m 5.71875,1 c 0.487021,0.359677 0.901783,0.781073 1.28125,1.28125 l -1.8125,1.0625 c -0.318998,-0.51188 -0.638742,-0.990203 -1,-1.4375 l 1.375,-0.8125 C 11.7688,2.846105 11.837575,2.8213328 11.875,2.78125 z M 4.09375,2.84375 5.21875,4.8125 3.78125,5.625 C 3.582644,4.854357 3.51165,4.10656 3.46875,3.375 3.662382,3.184686 3.873218,3.0110271 4.09375,2.84375 z M 2.21875,5.0625 C 2.28117,5.498505 2.384894,5.927615 2.5,6.375 L 1.59375,6.90625 C 1.705077,6.268898 1.924661,5.641287 2.21875,5.0625 z m 8.3125,1.125 c -2.4777175,0 -4.46875,2.0222837 -4.46875,4.5 0,2.477716 1.9910325,4.46875 4.46875,4.46875 2.477717,0 4.5,-1.991034 4.5,-4.46875 0,-2.4777163 -2.022283,-4.5 -4.5,-4.5 z M 3,7.90625 c 0.209337,0.536163 0.432477,1.093649 0.71875,1.625 L 2.03125,10.5 C 1.793492,9.9347499 1.601556,9.368816 1.53125,8.78125 L 3,7.90625 z M 10.21875,8 c 0.306474,0 0.5625,0.256027 0.5625,0.5625 0,0.01623 0.0013,0.01544 0,0.03125 L 12.75,9.625 c 0.135367,-0.115092 0.303766,-0.1875 0.5,-0.1875 0.429062,0 0.78125,0.3331967 0.78125,0.75 0,0.416804 -0.352188,0.75 -0.78125,0.75 -0.196234,0 -0.364633,-0.06726 -0.5,-0.1875 l -1.1875,0.78125 c 0,0.01642 0.0023,0.01546 0,0.03125 L 13,12.53125 c 0.07664,-0.06075 0.140473,-0.09375 0.25,-0.09375 0.258879,0 0.5,0.186017 0.5,0.4375 0,0.251482 -0.241121,0.46875 -0.5,0.46875 -0.25888,0 -0.4375,-0.217268 -0.4375,-0.46875 l -1.46875,-1.03125 c -0.0459,0.01817 -0.104147,0.03125 -0.15625,0.03125 -0.208402,0 -0.40625,-0.141302 -0.40625,-0.34375 0,-0.202448 0.197848,-0.375 0.40625,-0.375 0.07497,0 0.127431,0.02651 0.1875,0.0625 l 1.1875,-0.75 C 12.52376,10.37695 12.5,10.291701 12.5,10.1875 c 0,-0.07961 0.0081,-0.178338 0.03125,-0.25 l -1.90625,-1 c -0.09772,0.09772 -0.253013,0.15625 -0.40625,0.15625 -0.06851,0 -0.127757,-0.04064 -0.1875,-0.0625 L 8.625,10.8125 c 0.135025,0.155129 0.1875,0.370669 0.1875,0.59375 0,0.490356 -0.384643,0.875 -0.875,0.875 -0.490358,0 -0.875,-0.384644 -0.875,-0.875 0,-0.490358 0.384642,-0.875 0.875,-0.875 0.133638,0 0.26172,0.04127 0.375,0.09375 L 9.78125,8.8125 C 9.73147,8.73001 9.6875,8.668389 9.6875,8.5625 9.6875,8.256027 9.9122755,8 10.21875,8 z"
+         id="path9674-4-6"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-aix.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-aix.svg
new file mode 100644
index 00000000..c330db44
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-aix.svg
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+       id="layer1-77"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 8,0 C 3.5817219,0 0,3.5817219 0,8 c 0,4.418278 3.5817219,8 8,8 4.418278,0 8,-3.581722 8,-8 C 16,3.5817219 12.418278,0 8,0 z m 0,1 c 3.865993,0 7,3.1340068 7,7 0,3.865993 -3.134007,7 -7,7 C 4.1340068,15 1,11.865993 1,8 1,4.1340068 4.1340068,1 8,1 z M 8,2 C 4.6862914,2 2,4.6862914 2,8 2,8.5649446 2.1040437,9.1067307 2.25,9.625 L 4,5.0625 l 1.0625,0 2.03125,5 -1.125,0 -0.4375,-1.125 -2,0 -0.40625,1.125 -0.75,0 C 3.216197,12.359917 5.4111652,14 8,14 c 2.588835,0 4.783803,-1.640083 5.625,-3.9375 l -1.125,0 -1.125,-1.71875 -1.125,1.71875 -1.1875,0 L 10.75,7.46875 9.21875,5.0625 l 1.1875,0 1,1.59375 0.96875,-1.59375 0.875,0 C 12.224049,3.2264495 10.252685,2 8,2 z m -0.40625,3.0625 1,0 0,5 -1,0 0,-5 z M 13.375,5.34375 12,7.5 13.65625,9.96875 C 13.870818,9.3514742 14,8.690356 14,8 14,7.0483649 13.76933,6.1431312 13.375,5.34375 z m -8.84375,0.875 -0.6875,1.875 1.375,0 -0.6875,-1.875 z"
+         id="path3980"
+         style="fill:#649be6;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      <g
+         id="text4018"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-hpux.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-hpux.svg
new file mode 100644
index 00000000..276bc17f
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-hpux.svg
@@ -0,0 +1,181 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g20131">
+    <path
+       d="m 2.891918,1.4915224 17.095696,0 L 22,3.9486934 22,18.424603 17.466586,22 2.92118,22 0.660128,18.7386 0.577598,4.0073374 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(16.574815,1039.9887)"
+         id="g18916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-37-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-75"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0025516,0.99745489)"
+           id="text3420"
+           style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 2,2 l 1.34375,0 0,2.9375 2.625,0 0,-2.9375 1.3125,0 0,7.46875 -1.3125,0 0,-3.28125 -2.625,0 0,3.28125 L 2,9.46875 2,2 z m 6.65625,0 2.15625,0 c 0.810751,7.5e-6 1.347517,0.018801 1.59375,0.09375 0.378347,0.1124412 0.682258,0.3735237 0.9375,0.75 0.255228,0.3764896 0.374994,0.8412653 0.375,1.4375 -6e-6,0.4599618 -0.07161,0.8740522 -0.21875,1.1875 -0.147143,0.3134558 -0.335794,0.5398812 -0.5625,0.71875 -0.226715,0.1788753 -0.453286,0.3170822 -0.6875,0.375 -0.3183,0.071552 -0.771441,0.093752 -1.375,0.09375 l -0.875,0 0,2.8125 -1.34375,0 0,-7.46875 z M 10,3.28125 10,5.375 l 0.75,0 c 0.525486,4.1e-6 0.854081,-0.015383 1.03125,-0.09375 0.177161,-0.078359 0.305652,-0.2080482 0.40625,-0.375 C 12.288089,4.7393073 12.374996,4.5652157 12.375,4.34375 12.374996,4.0711883 12.297377,3.8021742 12.15625,3.625 12.015115,3.4478373 11.809947,3.3567987 11.59375,3.3125 11.434598,3.278438 11.105444,3.2812561 10.625,3.28125 l -0.625,0 z M 19.4375,9.09375 19.75,9.375 20,9.9375 l -0.53125,0.53125 -4,3.5 1.375,2.15625 0.09375,0.59375 -0.25,0.34375 -0.53125,-0.09375 -1.25,-2.1875 -0.3125,-0.125 -0.1875,0.0625 -4.1875,5.1875 L 9.34375,20 c 0,0 0.069374,0.02752 -0.125,-0.28125 -0.1943734,-0.308766 -0.03125,-0.625 -0.03125,-0.625 L 14.0625,13.5 14,13.125 13.25,12.0625 13.03125,12.09375 10.84375,14.4375 9.15625,15.84375 8.375,16.28125 7.46875,16.25 6.9375,15.96875 6.71875,15.03125 5.3125,16.1875 l -0.65625,0.25 -0.625,-0.15625 -0.375,-0.5625 0.125,-1.28125 0.625,-1.15625 1.8125,-2.625 L 6.75,10.375 7,10.53125 7.125,11.1875 6.53125,12.3125 5.25,14.03125 l -0.03125,0.5 0.21875,0.125 0.78125,-0.40625 3,-3.25 0.625,-0.5625 0.40625,0.09375 0.09375,0.625 -0.5,0.78125 -1.5625,2.125 -0.09375,0.46875 0.375,0.0625 0.65625,-0.25 3.09375,-2.96875 0.75,-0.53125 0.46875,0.0625 0.375,0.25 0.90625,1.46875 4.125,-3.34375 0.5,-0.1875 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="matrix(1.1316306,0,0,1.1293764,2.0000004,1032.2916)"
+         id="layer1-2-7">
+        <g
+           id="text4018"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.93786046,1.0662567)"
+           id="text4055"
+           style="font-size:8.69168949px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-klinux.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-klinux.svg
new file mode 100644
index 00000000..5b825e02
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-klinux.svg
@@ -0,0 +1,191 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g20564">
+    <path
+       d="m 2.891918,1.491522 17.095696,0 L 22,3.948693 22,18.424603 17.466586,22 2.92118,22 0.660128,18.7386 0.577598,4.007337 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(16.574815,1039.9887)"
+         id="g18916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-37-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-75"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0025516,0.99745489)"
+           id="text3420"
+           style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 14.375,2 c 1.471617,0 2.65625,1.3219114 2.65625,3 0,0.9051016 -0.353446,1.7251676 -0.90625,2.28125 0.602655,0.8502107 1.175046,1.779804 1.625,2.21875 1.099591,1.072694 1.5625,2.401425 1.5625,4.15625 0,0.180628 -0.04809,0.323441 -0.0625,0.5 -0.290723,-0.07526 -0.604646,-0.09375 -0.9375,-0.09375 -0.252559,0 -0.520046,-0.01312 -0.75,0.03125 0.07126,-0.388261 0.125,-0.769001 0.125,-1.1875 C 17.664469,11.419949 16.681973,9.6075174 15.9375,8 15.92382,8.00735 15.92104,7.99362 15.90625,8 L 14.9375,8.40625 c -0.4249,0.1831031 -0.865122,0.1987478 -1.28125,0 L 12.8125,8 C 12.71757,7.95465 12.636934,7.918294 12.59375,7.84375 c -0.05406,0.087092 -0.109606,0.1884906 -0.15625,0.25 -1.039286,1.4610971 -1.977961,2.891627 -2,5.15625 0,0.327743 0.02884,0.613683 0.09375,0.9375 -0.06967,-0.0038 -0.116303,0 -0.1875,0 -0.5496481,0 -1.0580231,0.07975 -1.46875,0.28125 -0.037223,-0.2811 -0.09375,-0.520166 -0.09375,-0.8125 0,-2.081108 0.6540291,-3.337305 2.125,-4.375 C 11.206936,9.0691316 11.591511,8.3352081 12,7.71875 12.146944,7.4969912 12.284525,7.2773622 12.4375,7.0625 12.006093,6.521266 11.75,5.7959582 11.75,5 c 0,-1.6780886 1.15338,-3 2.625,-3 z M 9.65625,2.03125 6.5625,7.875 9.03125,9.375 2,16.84375 5.6875,10.3125 2.3125,9.78125 l 7.34375,-7.75 z m 3.65625,2.4375 c -0.445775,0 -0.84375,0.387538 -0.84375,0.90625 0,0.389034 0.206023,0.7545497 0.5,0.90625 -0.129526,-0.1282238 -0.1875,-0.3890691 -0.1875,-0.625 0,-0.3899686 0.184603,-0.6875 0.46875,-0.6875 0.284147,0 0.53125,0.2975314 0.53125,0.6875 0.08493,-0.04023 0.168488,-0.051824 0.25,-0.0625 0.01207,-0.067212 0.0625,-0.1471784 0.0625,-0.21875 0,-0.518712 -0.335477,-0.90625 -0.78125,-0.90625 z M 15.4375,4.5 c -0.445774,0 -0.8125,0.387538 -0.8125,0.90625 0,0.1357582 0.01783,0.2551841 0.0625,0.375 0.05417,0.031017 0.133461,0.086728 0.1875,0.125 -0.0053,-0.039327 0,-0.082314 0,-0.125 0,-0.3899685 0.247103,-0.75 0.53125,-0.75 0.284147,0 0.5,0.3600315 0.5,0.75 0,0.2071707 -0.02145,0.402085 -0.125,0.53125 C 16.075227,6.1608001 16.25,5.7952841 16.25,5.40625 16.25,4.887538 15.883274,4.5 15.4375,4.5 z m -1.09375,1.4375 c -0.216621,1e-7 -0.430785,0.080257 -0.59375,0.21875 l -0.8125,0.75 c -0.244446,0.2077403 -0.348617,0.4744829 -0.21875,0.71875 0.02408,0.017689 0.06344,0.048024 0.09375,0.0625 l 0.84375,0.40625 c 0.416128,0.1987479 0.85635,0.1831034 1.28125,0 L 15.90625,7.6875 c 0.04016,-0.017302 0.02892,-0.070608 0.0625,-0.09375 0.105745,-0.2298228 0.04353,-0.4911598 -0.1875,-0.6875 l -0.84375,-0.75 C 14.774532,6.0177551 14.560372,5.9374999 14.34375,5.9375 z M 12.9375,7.03125 c 0.163922,0.1945321 0.741552,0.3125 1.4375,0.3125 0.695947,0 1.242328,-0.1179681 1.40625,-0.3125 0.0402,0.040738 0.03125,0.080315 0.03125,0.125 0,0.2482482 -0.614466,0.4375 -1.4375,0.4375 -0.823035,0 -1.53125,-0.1892518 -1.53125,-0.4375 0,-0.044684 0.0535,-0.084261 0.09375,-0.125 z M 11.90625,9.75 l 1,0 0,2.21875 2.0625,-2.21875 1.34375,0 -1.875,1.9375 2,3.0625 -1.3125,0 -1.375,-2.34375 -0.84375,0.8125 0,1.53125 -1,0 0,-5 z M 17.5,14.46875 c 0.162289,-0.01918 0.336877,0 0.53125,0 1.554979,0 1.96875,1.007305 1.96875,2.46875 0,1.461448 -2.382519,2.90625 -3.9375,2.90625 -1.554987,0 -0.09375,-1.882305 -0.09375,-3.34375 0,-1.278766 0.395233,-1.897059 1.53125,-2.03125 z m -7.28125,0.1875 c 1.554979,0 2.0625,0.569804 2.0625,2.03125 C 12.28125,18.148948 13.742488,20 12.1875,20 10.632522,20 8.25,18.586448 8.25,17.125 c 0,-1.461448 0.4137708,-2.46875 1.96875,-2.46875 z m 2.71875,2.9375 c 0.359635,0.178311 0.750647,0.3125 1.15625,0.3125 0.396266,0 0.741853,-0.140246 1.09375,-0.3125 l -0.125,0.3125 c 0,0 -0.283685,1.114961 -0.375,1.5625 C 14.472343,19.49966 14.254496,19.5 14.03125,19.5 c -0.210904,0 -0.389759,-0.0038 -0.59375,-0.03125 l -0.25,-1 -0.25,-0.875 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(2.0604683,1034.7666)"
+         id="layer1-03" />
+      <g
+         transform="matrix(1.1271466,0,0,1.125,3.3156841,1032.1081)"
+         id="g21099">
+        <g
+           transform="matrix(1.1673496,0,0,1.1716247,-2.708065,-2.7459952)"
+           id="layer1-6-7">
+          <g
+             id="text4267-0"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(0.92423852,1.0819718)"
+             id="text4597-6"
+             style="font-size:5.17998075px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+      </g>
+      <g
+         id="text21552"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-redhat.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-redhat.svg
new file mode 100644
index 00000000..56968146
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-redhat.svg
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-12.584746,-8.9492)"
+     id="g20917">
+    <path
+       d="m -28.059324,8.3898306 a 7.4110169,6.9915257 0 1 1 -14.822034,0 7.4110169,6.9915257 0 1 1 14.822034,0 z"
+       transform="matrix(1.4505432,0,0,1.5375757,75.036008,7.0491529)"
+       id="path20792"
+       style="fill:#ffffff;fill-rule:evenodd;stroke:none" />
+    <g
+       transform="translate(12.584746,-1021.413)"
+       id="layer1">
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(16.574815,1039.9887)"
+         id="g18916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-37-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-75"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0025516,0.99745489)"
+           id="text3420"
+           style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <path
+         d="M 10.969188,1030.3622 C 4.9136432,1030.3622 0,1035.3104 0,1041.393 c 0,6.0826 4.9136432,10.9692 10.969188,10.9692 6.055546,0 11.030812,-4.8866 11.030812,-10.9692 0,-6.0826 -4.975266,-11.0308 -11.030812,-11.0308 z m -0.9859939,1.9104 0.6778709,0.1848 0.80112,0.1849 0.677871,-0.1232 0.369748,-0.062 0.492997,-0.1232 c 0,0 0.452617,-0.098 0.677871,-0.062 0.220718,0.036 0.468508,-0.017 0.677872,0.062 0.289145,0.1088 0.558051,0.3017 0.801121,0.493 0.416836,0.3279 0.801119,1.3557 0.801119,1.3557 l 0.431373,1.1709 0.492998,1.4174 0.123255,1.0476 -0.123255,1.2941 0.924369,-0.8011 c 0.716625,0.1757 1.56133,0.6173 2.403362,1.1708 0,0 0.153262,0.9601 0.123255,1.4174 -0.0258,0.3974 -0.103248,0.83 -0.308123,1.1709 -0.357561,0.595 -0.958541,0.98 -1.540622,1.3557 -0.461505,0.298 -0.946165,0.5467 -1.478991,0.6779 -0.816987,0.2011 -1.685554,0.1364 -2.526611,0.1232 -0.797345,-0.013 -1.558418,-0.035 -2.341738,-0.1848 -0.931226,-0.1785 -1.893488,-0.446 -2.7731089,-0.8011 -1.0173701,-0.4108 -2.8963591,-1.6023 -2.8963591,-1.6023 0,0 -1.6467708,-0.9492 -2.4649858,-1.7255 -0.326758,-0.3099 -1.0476191,-1.4173 -1.0476191,-1.4173 0,0 -0.191906,-1.0387 0.06163,-1.2325 0,0 0.8189251,-0.6177 1.1708691,-0.6779 0.851432,-0.1456 1.6989707,-0.183 2.6498598,-0.3081 l 0,0.062 0.492997,0.493 1.355742,0.9244 1.971989,0.7395 0.985995,0.4313 c 0,0 0.747868,0.062 0.985995,0.062 0.238139,0 0.06163,-0.493 0.06163,-0.493 l -0.369748,-0.3698 -0.123255,-0.3081 -0.184875,-0.493 -0.308122,-0.3697 -2.0336139,-0.6779 -1.6638661,-0.6163 -0.862745,-0.6778 0.184874,-0.8628 0.369747,-0.8011 0.308124,-0.493 0.492998,-0.3081 0.6778711,-0.1849 z m 3.2044809,0.5546 -0.184874,0.3081 0.554623,0.1849 0.431372,0.1232 -0.431372,0.6779 1.294117,-0.3081 0.123255,-0.6163 -0.677871,-0.2465 z m -4.37535,0.8627 -0.308123,0.9244 0.6778711,0.6779 0.369747,-0.1233 0.9243699,-0.1849 1.04762,-0.3081 0.123255,-0.3697 -0.801121,-0.1849 -1.1708689,0.1849 z m -3.6974788,8.0729 0.3697467,0 0.554623,0.3081 0.8011211,0.8627 1.109242,0.1233 1.4173681,1.7255 6.1624649,0.1232 -0.492997,2.2801 -1.047619,1.3558 -0.616246,0.5546 -0.06163,-0.062 0.06163,0.493 0.677871,-0.1233 2.341736,-1.7255 0,-0.493 2.464986,0 0.985995,0.2465 c -1.97608,2.8158 -5.252473,4.6219 -8.87395,4.6219 -4.644986,0 -8.5970639,-2.9107 -10.10644297,-7.1485 l 0.43137197,-0.1232 0.1848741,-0.7395 0.184875,-0.1233 2.1568621,0.1233 1.478991,0.986 0.5546227,-0.1233 -0.06163,-0.6162 -0.8011197,-0.7395 -0.308124,-0.493 -0.06163,-0.6163 0.184874,-0.3081 z m 6.2240888,4.4986 c -0.229344,0.049 0.02413,0.2014 -0.184874,0.3081 -0.408563,0.2084 0.492626,0.6162 0.492998,0.6162 0,0 0.488858,0.2603 0.739496,0.2465 0.22697,-0.013 0.616246,-0.2465 0.616246,-0.2465 0.380871,-0.3697 0.192231,-0.8877 0,-0.7395 l -0.492997,0.3082 -0.492998,0 c 0,0 -0.423232,-0.5477 -0.677871,-0.493 z"
+         id="rect4165-0"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-solaris.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-solaris.svg
new file mode 100644
index 00000000..40bbd824
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-solaris.svg
@@ -0,0 +1,173 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g21227">
+    <path
+       d="m 2.891918,1.491522 17.095696,0 L 22,3.9486931 22,18.424603 17.466586,22 2.92118,22 0.660128,18.7386 0.577598,4.0073371 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(16.574815,1039.9887)"
+         id="g18916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-37-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-75"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0025516,0.99745489)"
+           id="text3420"
+           style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m 6.5625,2 0.875,6.09375 C 10.809462,8.0188293 10.520236,8 10.21875,8 9.9172641,8 9.6592883,8.0188293 9.375,8.09375 L 10.21875,2 z M 4.46875,5.03125 8.4375,8.5 C 7.9164702,8.8044399 7.4813167,9.25209 7.09375,9.78125 l -2.625,-4.75 z m 11.5625,0 -2.625,4.75 C 13.018683,9.25209 12.58353,8.8044399 12.0625,8.5 L 16.03125,5.03125 z M 2,10.5 6.40625,10.90625 c -0.2434371,0.572375 -0.4237155,1.234871 -0.5,1.90625 L 2,10.5 z m 16.5,0 -3.9375,2.3125 c -0.07629,-0.671379 -0.256563,-1.333875 -0.5,-1.90625 L 18.5,10.5 z m -5.0625,3.46875 c 2.439137,0 4.704766,0.18957 6.5625,0.53125 -1.259076,-0.141526 -2.609436,-0.21875 -4.0625,-0.21875 -5.812255,0 -10.5625,1.267877 -10.5625,2.8125 0,1.544623 4.750245,2.78125 10.5625,2.78125 0.181582,0 0.320675,0.0025 0.5,0 C 15.482277,19.9429 14.474384,20 13.4375,20 7.1112365,20 2,18.63219 2,16.96875 c 0,-1.66344 5.1112365,-3 11.4375,-3 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="matrix(1.1294118,0,0,1.4545455,1.6470588,1031.8705)"
+         id="g13337" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-suse.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-suse.svg
new file mode 100644
index 00000000..c9c5e999
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-suse.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g21554">
+    <path
+       d="m 2.8919176,1.491522 17.0956964,0 L 22,3.948693 22,18.424603 17.466586,22 2.9211796,22 0.66012769,18.7386 0.57759769,4.007337 z"
+       id="rect3155"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(16.574815,1039.9887)"
+         id="g18916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-37-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-75"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0025516,0.99745489)"
+           id="text3420"
+           style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 11,3 12.9375,3.1875 14.5,3.46875 l 0.90625,0.375 -0.125,-0.65625 1.53125,0.1875 c 0.84062,0.091207 1.541072,0.4077877 2.28125,0.78125 C 19.673863,4.6707347 19.770782,5.405373 20,6.125 L 19.75,6.40625 C 19.206372,6.802118 18.743569,6.7033694 18.125,6.75 17.593155,6.7316291 17.25524,6.4361002 16.8125,6.21875 L 16.09375,5.8125 15.78125,5.90625 15.875,6.125 c 0.31713,0.5352617 0.781871,0.6036045 1.34375,0.8125 0.846414,0.4541505 1.333067,0.2895235 2.09375,0.0625 0.307841,-0.1194533 0.300361,-0.2463705 0.34375,-0.375 0.384525,0.1907168 0.136567,0.608701 0.03125,0.65625 -1.304211,1.0446896 -3.1445,0.7826832 -4.5625,0.6875 l -0.46875,0.125 c -0.442747,0.7727209 -0.164426,1.1511071 0,1.90625 l 0.40625,0.5625 -0.125,0.09375 L 14.15625,10.1875 13.25,9.71875 12.4375,8.78125 12.09375,8.4375 C 11.592741,8.0990136 11.169114,8.2629384 10.65625,8.25 l -0.5,0.1875 c -0.6867493,0.5387554 -0.46875,1.1514966 -0.46875,2 l -0.5,-0.25 L 8.5625,9.8125 8.3125,9.28125 7.96875,8.5625 7.4375,7.875 C 6.6316199,7.3232661 5.9911594,7.3702068 5.0625,7.40625 4.3033909,7.48022 4.1066703,7.7755924 3.65625,8.34375 L 3.5,9.0625 3.5625,9.84375 c 0.4915494,1.220874 1.0719247,1.473448 2.25,1.34375 C 7.3202326,10.58867 6.8371609,9.6563359 6.28125,9.09375 5.8973641,8.7384348 5.4225686,8.9203671 5.25,9 4.3233933,9.4509084 5.2288824,10.033522 5.375,9.75 l 0.4375,-0.15625 0.125,0.125 0.09375,0.34375 -0.125,0.46875 L 5.0625,10.4375 C 4.7230257,10.350672 4.6551416,10.400863 4.3125,9.90625 4.0648963,8.9143931 4.5466643,8.2936741 5.28125,8.09375 6.1377752,7.9625233 6.5747985,8.142549 7.09375,8.65625 8.7017585,11.212557 6.1790539,12.317228 4.8125,12.21875 1.9926901,11.2065 1.7109477,9.2150672 2.9375,7.09375 l 1.21875,-1.5 C 5.2170636,4.6536657 6.476977,4.161376 7.75,3.59375 8.8194488,3.071527 9.8455581,3.037579 11,3 z m 7.0625,1.125 C 17.475479,4.125 17,4.5951287 17,5.1875 17,5.7798713 17.475479,6.25 18.0625,6.25 c 0.587021,0 1.0625,-0.4701287 1.0625,-1.0625 0,-0.5923713 -0.475479,-1.0625 -1.0625,-1.0625 z m 0,0.375 c 0.385756,0 0.71875,0.2982274 0.71875,0.6875 0,0.3892726 -0.332994,0.71875 -0.71875,0.71875 -0.385756,0 -0.6875,-0.3294774 -0.6875,-0.71875 0,-0.3892726 0.301744,-0.6875 0.6875,-0.6875 z m 0.0625,0.1875 c -0.178684,0 -0.3125,0.1634371 -0.3125,0.34375 0,0.1803129 0.133816,0.3125 0.3125,0.3125 0.178684,0 0.3125,-0.1321871 0.3125,-0.3125 0,-0.1803129 -0.133816,-0.34375 -0.3125,-0.34375 z m -14.15625,8.75 c 0.6179752,6e-6 1.0938992,0.173627 1.40625,0.46875 0.3123436,0.295133 0.4843225,0.663561 0.5,1.15625 L 4.84375,15.125 c -0.042544,-0.275609 -0.1100624,-0.473011 -0.25,-0.59375 -0.1399432,-0.120723 -0.345121,-0.187495 -0.625,-0.1875 -0.2888393,5e-6 -0.555301,0.05825 -0.71875,0.1875 -0.105237,0.08293 -0.1250014,0.173478 -0.125,0.3125 -1.4e-6,0.126836 0.026479,0.284759 0.125,0.375 0.1253851,0.114637 0.4538632,0.21936 0.9375,0.34375 0.483632,0.124396 0.8620051,0.242073 1.09375,0.375 0.2317379,0.132932 0.4002615,0.30076 0.53125,0.53125 0.1309804,0.230495 0.1874957,0.535971 0.1875,0.875 -4.3e-6,0.307324 -0.093272,0.575453 -0.25,0.84375 C 5.5932625,18.455799 5.3803448,18.650759 5.09375,18.78125 4.8071485,18.911736 4.4589059,19 4.03125,19 3.4087923,19 2.9273674,18.844672 2.59375,18.53125 2.260131,18.217833 2.0649322,17.756264 2,17.15625 L 2.9375,17.0625 c 0.058215,0.353667 0.1969941,0.615395 0.375,0.78125 0.1780028,0.165858 0.4164761,0.218751 0.71875,0.21875 0.3201815,1e-6 0.556416,-0.03993 0.71875,-0.1875 C 4.9123281,17.727437 4.9999967,17.541316 5,17.34375 4.9999966,17.21692 4.9432875,17.089027 4.875,17 4.8067062,16.91097 4.7014148,16.878356 4.53125,16.8125 4.4148167,16.7686 4.164222,16.674697 3.75,16.5625 3.2171046,16.418598 2.8399477,16.241013 2.625,16.03125 2.3227276,15.736126 2.1874996,15.393153 2.1875,14.96875 2.1874996,14.695578 2.2328198,14.425313 2.375,14.1875 2.5171789,13.949694 2.7324325,13.780648 3,13.65625 3.2675649,13.53186 3.5903487,13.437506 3.96875,13.4375 z m 8.78125,0 c 0.617975,6e-6 1.093898,0.173627 1.40625,0.46875 0.312344,0.295133 0.484322,0.663561 0.5,1.15625 L 13.6875,15.125 c -0.04255,-0.275615 -0.172562,-0.473011 -0.3125,-0.59375 -0.139943,-0.120734 -0.345121,-0.187494 -0.625,-0.1875 -0.28884,6e-6 -0.492802,0.05824 -0.65625,0.1875 -0.105237,0.08293 -0.187502,0.173478 -0.1875,0.3125 -2e-6,0.126836 0.05773,0.284759 0.15625,0.375 0.125386,0.114637 0.422613,0.21936 0.90625,0.34375 0.483631,0.124396 0.862006,0.242073 1.09375,0.375 0.231738,0.132932 0.400263,0.30076 0.53125,0.53125 0.130984,0.230495 0.218745,0.535971 0.21875,0.875 -5e-6,0.307324 -0.09328,0.575453 -0.25,0.84375 -0.156737,0.268299 -0.400906,0.463259 -0.6875,0.59375 C 13.588397,18.911736 13.240156,19 12.8125,19 c -0.622457,0 -1.103882,-0.155328 -1.4375,-0.46875 -0.333619,-0.313416 -0.528818,-0.774986 -0.59375,-1.375 l 1,-0.09375 c 0.05821,0.353667 0.165744,0.615395 0.34375,0.78125 0.178002,0.165861 0.385226,0.218751 0.6875,0.21875 0.320182,1e-6 0.587668,-0.03993 0.75,-0.1875 0.162326,-0.147563 0.249998,-0.333684 0.25,-0.53125 0,-0.12683 -0.02546,-0.254723 -0.09375,-0.34375 -0.06829,-0.08903 -0.204835,-0.121644 -0.375,-0.1875 -0.116437,-0.04391 -0.367028,-0.137803 -0.78125,-0.25 -0.532895,-0.143902 -0.910052,-0.321487 -1.125,-0.53125 -0.302272,-0.295124 -0.46875,-0.638097 -0.46875,-1.0625 0,-0.273172 0.07657,-0.543437 0.21875,-0.78125 0.142179,-0.237806 0.357433,-0.406852 0.625,-0.53125 0.267564,-0.12439 0.559099,-0.218744 0.9375,-0.21875 z M 17.6875,13.5 c 0.67108,6e-6 1.174571,0.250774 1.5625,0.75 0.387923,0.499235 0.579487,1.282143 0.5625,2.3125 l -2.96875,0 c -0.0179,0.731478 0.223669,1.072309 0.6875,1.21875 0.271859,0.05537 1.171439,0.0053 1.28125,0.125 0.185015,0.201671 0.139334,0.620749 -0.03125,0.78125 -0.117943,0.110971 -1.162615,0.03225 -1.34375,0.09375 -0.748041,-0.13843 -0.99366,-0.40359 -1.40625,-0.84375 -0.297316,-0.462545 -0.4375,-1.045013 -0.4375,-1.75 0,-0.842149 0.171741,-1.491845 0.5625,-1.96875 0.390756,-0.476896 0.933785,-0.718744 1.53125,-0.71875 z m 0.0625,1.03125 c -0.260507,5e-6 -0.486358,0.09878 -0.65625,0.3125 -0.169898,0.213732 -0.252813,0.476906 -0.25,0.84375 l 1.78125,0 C 18.6165,15.298327 18.513637,15.015067 18.34375,14.8125 18.173852,14.609936 17.993513,14.531255 17.75,14.53125 z m -10.9375,0.5 0.9375,0 0,1.78125 c -1.3e-6,0.546354 0.027793,0.845577 0.0625,0.96875 0.034705,0.123173 0.095696,0.271798 0.1875,0.34375 0.0918,0.07195 0.1714378,0.09375 0.3125,0.09375 0.1612094,1e-6 0.3411218,-0.09114 0.46875,-0.1875 0.1276233,-0.09634 0.2029772,-0.201064 0.25,-0.34375 0.047018,-0.142685 0.062499,-0.475139 0.0625,-1.03125 l 0,-1.625 0.96875,0 0,3.875 -0.875,0 0,-0.59375 c -0.1298676,0.207321 -0.2884123,0.380486 -0.5,0.5 C 8.4759076,18.932015 8.2350983,18.999999 8,19 7.7604202,18.999999 7.5340682,18.927135 7.34375,18.8125 7.1534299,18.697864 7.0225826,18.519821 6.9375,18.3125 6.8524151,18.10518 6.8124994,17.834612 6.8125,17.46875 l 0,-2.4375 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="matrix(1.125,0,0,1.135255,1.9296875,1032.3334)"
+         id="layer1-1">
+        <g
+           id="text4018-2"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.93786046,1.0662567)"
+           id="text4055-9"
+           style="font-size:8.69168949px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="matrix(0.96586816,0,0,1.0782902,-3.4929079,0.85654197)"
+           id="text4149"
+           style="font-size:8.00532722px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-windows.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-windows.svg
new file mode 100644
index 00000000..0c75b2f6
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-windows.svg
@@ -0,0 +1,176 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g21912">
+    <g
+       id="g21872">
+      <path
+         d="m 2.6031189,0.745761 17.0956961,0 2.012386,2.457171 0,14.47591 -4.533414,3.575397 -14.5454061,0 -2.2610519,-3.2614 -0.08253,-14.731263 z"
+         id="rect3155"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="translate(0,-1030.3622)"
+         id="layer1">
+        <g
+           transform="translate(3,1033.8577)"
+           id="layer1-8">
+          <g
+             id="text5399"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="translate(0,-1036.4247)"
+             id="layer1-3">
+            <g
+               transform="scale(0.89723629,1.1145336)"
+               id="text5639"
+               style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               transform="scale(1.0195853,0.98079088)"
+               id="text6068"
+               style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               id="text6125"
+               style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="translate(0,-1036.3622)"
+             id="layer1-84">
+            <g
+               transform="scale(0.93557544,1.0688609)"
+               id="text7308"
+               style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(0.9686171,1.0323997)"
+             id="text5724"
+             style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text5751"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="layer1-37">
+            <g
+               id="text5141"
+               style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(1.0995518,0.90946149)"
+             id="text5804"
+             style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(0.94725198,1.0556853)"
+             id="text5938"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+           id="layer1-849">
+          <g
+             id="text7004"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+           id="layer1-2">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-2"
+             style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+           id="layer1-29" />
+        <g
+           transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+           id="layer1-3-2">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-5"
+             style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+           id="layer1-3-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-7"
+             style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+           id="layer1-6">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-3"
+             style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+           id="layer1-2-2">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-2-5"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(16.574815,1039.9887)"
+           id="g18916">
+          <g
+             transform="translate(0,-1036.3622)"
+             id="layer1-37-1">
+            <g
+               transform="scale(0.93557544,1.0688609)"
+               id="text7308-75"
+               style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             id="text3074-3"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text3330-4"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text3334-3"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0025516,0.99745489)"
+             id="text3420"
+             style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <path
+           d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 8.875,2.75 c 1.560853,0.012427 2.764292,0.4680522 3.78125,1.15625 L 10.75,10.0625 C 8.6272174,8.589396 6.1542079,8.9408002 3.6875,9.53125 l 2,-6.28125 C 6.8791434,2.8860874 7.9384883,2.7425441 8.875,2.75 z m 4.6875,1.6875 c 2.122783,1.473104 4.564542,1.1216998 7.03125,0.53125 L 18.625,11.25 c -3.177714,0.970434 -5.372867,0.444866 -7,-0.65625 L 13.5625,4.4375 z m -7,5.84375 c 1.5608528,0.01243 2.7955421,0.499302 3.8125,1.1875 l -1.90625,6.125 C 6.3459674,16.120645 3.8729579,16.47205 1.40625,17.0625 l 1.96875,-6.25 c 1.1916434,-0.363913 2.2509883,-0.538706 3.1875,-0.53125 z m 4.84375,1.65625 c 2.122783,1.473104 4.595792,1.09045 7.0625,0.5 l -2,6.3125 C 13.291036,19.720434 11.127133,19.163617 9.5,18.0625 l 1.90625,-6.125 z"
+           transform="translate(0,1030.3622)"
+           id="rect3001-7-4"
+           style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+        <g
+           transform="matrix(1.2113313,0,0,1.2113313,1.3282767,1032.2157)"
+           id="layer1-03" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-zxve.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-zxve.svg
new file mode 100644
index 00000000..0eabb175
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server-zxve.svg
@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0.04296875,1030.3193)"
+       id="g21070"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="m 2.6875,0.03125 c -1.4831511,0 -2.71875,1.2043489 -2.71875,2.6875 l 0,10.59375 c 0,1.483151 1.2355989,2.71875 2.71875,2.71875 l 10.59375,0 c 1.483151,0 2.6875,-1.235599 2.6875,-2.71875 l 0,-10.59375 c 0,-1.4831511 -1.204349,-2.6875 -2.6875,-2.6875 l -10.59375,0 z m 0,1 10.59375,0 c 0.947749,0 1.6875,0.7397512 1.6875,1.6875 l 0,10.59375 c 0,0.947749 -0.739751,1.71875 -1.6875,1.71875 l -10.59375,0 c -0.9477488,0 -1.71875,-0.771001 -1.71875,-1.71875 l 0,-10.59375 c 0,-0.9477488 0.7710012,-1.6875 1.71875,-1.6875 z M 10.125,2 C 9.0984052,2 8.28125,2.9258204 8.28125,4.09375 c 0,0.5539775 0.1990524,1.0608076 0.5,1.4375 -0.1067143,0.1495416 -0.2099923,0.2831585 -0.3125,0.4375 -0.2849597,0.4290475 -0.5402428,0.9461181 -0.75,1.09375 -1.0261422,0.7222231 -1.5,1.5828234 -1.5,3.03125 0,0.203461 0.036533,0.398109 0.0625,0.59375 0.286521,-0.140241 0.6478185,-0.21875 1.03125,-0.21875 0.049666,0 0.076401,-0.0027 0.125,0 C 7.3922211,10.243377 7.375,10.040605 7.375,9.8125 7.3903745,8.2363492 8.0562494,7.2669062 8.78125,6.25 8.8137888,6.2071902 8.8372844,6.1231148 8.875,6.0625 8.905125,6.114382 8.965025,6.155937 9.03125,6.1875 L 9.625,6.46875 c 0.2902889,0.1383261 0.609842,0.1274376 0.90625,0 L 11.1875,6.1875 c 0.01032,-0.00444 0.0217,0.00512 0.03125,0 0.519341,1.1188128 1.202683,2.3718018 1.21875,3.40625 0,0.2912703 -0.04404,0.573524 -0.09375,0.84375 0.160415,-0.03088 0.355067,-0.03125 0.53125,-0.03125 0.232198,0 0.453443,0.01012 0.65625,0.0625 0.01005,-0.122883 0.03125,-0.249284 0.03125,-0.375 0,-1.2213376 -0.32668,-2.1284175 -1.09375,-2.875 -0.313885,-0.3055012 -0.704591,-0.9707635 -1.125,-1.5625 0.385633,-0.3870267 0.625,-0.93256 0.625,-1.5625 C 11.96875,2.9258204 11.151594,2 10.125,2 z m -3.28125,0.03125 -5.125,5.375 2.34375,0.375 L 1.5,12.34375 6.40625,7.125 4.6875,6.09375 6.84375,2.03125 z M 9.375,3.71875 c 0.3109696,0 0.53125,0.2639826 0.53125,0.625 C 9.90625,4.393563 9.883417,4.4532212 9.875,4.5 9.818138,4.50743 9.777993,4.534501 9.71875,4.5625 c 0,-0.2714135 -0.1767806,-0.5 -0.375,-0.5 C 9.1455306,4.0625 9,4.2910865 9,4.5625 9,4.7267051 9.0658941,4.8795078 9.15625,4.96875 8.9511732,4.8631686 8.8125,4.614513 8.8125,4.34375 c 0,-0.3610174 0.2515295,-0.625 0.5625,-0.625 z m 1.5,0.03125 c 0.31097,0 0.5625,0.2639826 0.5625,0.625 0,0.2707631 -0.138674,0.5194186 -0.34375,0.625 0.07224,-0.089897 0.09375,-0.2308116 0.09375,-0.375 0,-0.2714135 -0.145531,-0.5 -0.34375,-0.5 -0.198219,0 -0.375,0.2285865 -0.375,0.5 0,0.029709 -0.0037,0.066378 0,0.09375 -0.0377,-0.026637 -0.08721,-0.072163 -0.125,-0.09375 -0.03116,-0.08339 -0.0625,-0.155514 -0.0625,-0.25 0,-0.3610174 0.28278,-0.625 0.59375,-0.625 z m -0.78125,1 c 0.151115,-1e-7 0.323815,0.05986 0.4375,0.15625 l 0.5625,0.5 c 0.161168,0.1366504 0.230017,0.3400461 0.15625,0.5 -0.02342,0.016106 -0.03449,0.019208 -0.0625,0.03125 L 10.53125,6.25 C 10.234842,6.3774377 9.9152889,6.3883262 9.625,6.25 L 9.03125,5.9375 C 9.010102,5.927425 8.985547,5.949811 8.96875,5.9375 8.8781555,5.767493 8.9544758,5.5508347 9.125,5.40625 l 0.5625,-0.5 C 9.8011837,4.8098603 9.9426352,4.7500001 10.09375,4.75 z M 9.125,5.5 C 9.096922,5.528354 9.0625,5.56265 9.0625,5.59375 c 0,0.1727778 0.4883547,0.3125 1.0625,0.3125 0.574144,0 1,-0.1397222 1,-0.3125 C 11.125,5.562649 11.1218,5.528353 11.09375,5.5 10.979399,5.6353919 10.61049,5.71875 10.125,5.71875 9.6395097,5.71875 9.239351,5.635392 9.125,5.5 z m 3.1875,5.1875 c -0.792481,0.0934 -1.0625,0.516244 -1.0625,1.40625 0,1.017149 -1.053502,2.3125 0.03125,2.3125 1.084747,0 2.78125,-0.98285 2.78125,-2 0,-1.017149 -0.321504,-1.71875 -1.40625,-1.71875 -0.135593,0 -0.230538,-0.01335 -0.34375,0 z m -5.09375,0.125 c -1.084746,0 -1.375,0.7016 -1.375,1.71875 0,1.01715 1.6652547,2 2.75,2 1.0847524,0 0.0625,-1.29535 0.0625,-2.3125 0,-1.017149 -0.352754,-1.40625 -1.4375,-1.40625 z m 1.90625,2.0625 0.15625,0.59375 0.1875,0.6875 c 0.1423032,0.01911 0.2591243,0.03125 0.40625,0.03125 0.155735,0 0.318658,-0.0097 0.46875,-0.03125 0.0637,-0.311483 0.25,-1.09375 0.25,-1.09375 L 10.6875,12.875 c -0.245482,0.119887 -0.504816,0.1875 -0.78125,0.1875 -0.2829477,0 -0.5303702,-0.0634 -0.78125,-0.1875 z"
+         id="rect4701"
+         style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#649be6;fill-opacity:1;stroke:none;stroke-width:0.99757689;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+      <g
+         transform="matrix(0.91787765,0,0,0.91736642,-0.6374356,-0.15374916)"
+         id="layer1-0"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           id="text4267"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.92423852,1.0819718)"
+           id="text4597"
+           style="font-size:5.17998075px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server.svg
new file mode 100644
index 00000000..a92e7135
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-server.svg
@@ -0,0 +1,195 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3750001,0,0,1.375,2.4666128e-8,1030.3622)"
+       id="g20034"
+       style="fill:#649be6;fill-opacity:1">
+      <g
+         transform="matrix(-0.82693708,0,0,1,8.969311,-5.6078e-4)"
+         id="layer1-5"
+         style="fill:#649be6;fill-opacity:1">
+        <path
+           d="M 0.8125,0 C 0.37159462,0 0,0.43557111 0,0.96875 l 0,14.0625 C 0,15.564429 0.37159462,16 0.8125,16 L 4.46875,16 4.5,16 9,16 c 0.4409055,0 0.78125,-0.435571 0.78125,-0.96875 l 0,-4.65625 0,-0.8125 0,-8.59375 C 9.78125,0.43557111 9.4721555,0 9.03125,0 L 0.8125,0 z m 9.71875,0.09375 c 0.296864,0.15740697 0.5,0.49280982 0.5,0.875 l 0,8.59375 0,0.8125 0,4.65625 c 0,0.314576 -0.153955,0.57279 -0.375,0.75 L 14.75,14.5625 C 15.409952,14.366037 16,14.078578 16,13.46875 L 16,2.4375 C 16,1.8276721 15.409912,1.540316 14.75,1.34375 l -4.21875,-1.25 z M 1.875,2.1875 l 6.0625,0 c 0.2970226,0 0.53125,0.2970662 0.53125,0.65625 l 0,3.28125 c 0,0.3591838 -0.2342274,0.625 -0.53125,0.625 l -6.0625,0 C 1.5779777,6.75 1.3125,6.4841838 1.3125,6.125 l 0,-3.28125 C 1.3125,2.4845662 1.5779777,2.1875 1.875,2.1875 z m 0.25,0.9375 c -0.133115,0 -0.25,0.1993258 -0.25,0.46875 0,0.2694242 0.116885,0.5 0.25,0.5 l 5.5625,0 c 0.1331154,0 0.21875,-0.2305758 0.21875,-0.5 C 7.90625,3.3243258 7.8206154,3.125 7.6875,3.125 l -5.5625,0 z m 0,1.75 c -0.133115,0 -0.25,0.1993258 -0.25,0.46875 0,0.2694242 0.116885,0.5 0.25,0.5 l 5.5625,0 c 0.1331154,0 0.21875,-0.2305758 0.21875,-0.5 C 7.90625,5.0743258 7.8206154,4.875 7.6875,4.875 l -5.5625,0 z M 4.90625,10.5 c 0.5522847,0 1,0.447715 1,1 0,0.552285 -0.4477153,1 -1,1 -0.5522847,0 -1,-0.447715 -1,-1 0,-0.552285 0.4477153,-1 1,-1 z"
+           transform="matrix(-1.2092818,0,0,1,10.846425,5.6078e-4)"
+           id="rect4165"
+           style="fill:#649be6;fill-opacity:1;stroke:none" />
+        <g
+           transform="scale(0.95964169,1.0420556)"
+           id="text4237"
+           style="font-size:5.75785017px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(4.909344,-0.31306078)"
+         id="layer1-8-4"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           transform="scale(0.95964169,1.0420556)"
+           id="text4237-8"
+           style="font-size:5.75785017px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(-0.82693708,0,0,1,10.828757,-0.00430943)"
+         id="layer1-0"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           transform="scale(0.95964169,1.0420556)"
+           id="text4237-81"
+           style="font-size:5.75785017px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-cisco-mds.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-cisco-mds.svg
new file mode 100644
index 00000000..dcf7722a
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-cisco-mds.svg
@@ -0,0 +1,177 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+       id="g21668"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 2.40625,0 C 1.0774955,0 0,1.0774955 0,2.40625 l 0,11.1875 C 0,14.922504 1.0774955,16 2.40625,16 l 11.1875,0 C 14.922504,16 16,14.922504 16,13.59375 L 16,2.40625 C 16,1.0774955 14.922504,0 13.59375,0 L 2.40625,0 z m 0.375,1.90625 10.5,0 c 0.417915,0 0.75,0.446 0.75,1 0,0.554 -0.332085,1 -0.75,1 l -10.5,0 c -0.4179148,0 -0.75,-0.446 -0.75,-1 0,-0.554 0.3320852,-1 0.75,-1 z M 2.75,5.375 l 10.5,0 c 0.417915,0 0.75,0.446 0.75,1 0,0.554 -0.332085,1 -0.75,1 l -10.5,0 C 2.3320852,7.375 2,6.929 2,6.375 c 0,-0.554 0.3320852,-1 0.75,-1 z M 5,9.15625 c 0.6129524,5.1e-6 1.1171837,0.1689503 1.5,0.53125 0.2278602,0.2141971 0.3860632,0.536462 0.5,0.9375 l -1,0.25 C 5.9407516,10.615238 5.8129847,10.400395 5.625,10.25 5.4370086,10.099614 5.2063773,10.031254 4.9375,10.03125 c -0.3714215,4e-6 -0.6749694,0.139652 -0.90625,0.40625 -0.231284,0.266605 -0.3437514,0.684248 -0.34375,1.28125 -1.4e-6,0.633465 0.115884,1.074871 0.34375,1.34375 0.2278627,0.268881 0.5416644,0.406251 0.90625,0.40625 0.2688774,10e-7 0.493812,-0.0791 0.6875,-0.25 0.1936814,-0.170897 0.3219364,-0.445637 0.40625,-0.8125 l 1,0.3125 c -0.1503952,0.546876 -0.4002322,0.953288 -0.75,1.21875 -0.3497758,0.265462 -0.8059927,0.40625 -1.34375,0.40625 -0.6653665,0 -1.196616,-0.23291 -1.625,-0.6875 -0.4283859,-0.454589 -0.6562503,-1.086587 -0.65625,-1.875 -3e-7,-0.833981 0.2255854,-1.47607 0.65625,-1.9375 C 3.7431626,9.3823291 4.2981751,9.1562551 5,9.15625 z m 6.3125,0 c 0.612952,5.1e-6 1.117184,0.1689503 1.5,0.53125 0.22786,0.2141971 0.417314,0.536462 0.53125,0.9375 l -1,0.25 c -0.05925,-0.259762 -0.187015,-0.474605 -0.375,-0.625 -0.187991,-0.150386 -0.418622,-0.218746 -0.6875,-0.21875 -0.371421,4e-6 -0.674969,0.139652 -0.90625,0.40625 -0.231284,0.266605 -0.343751,0.684248 -0.34375,1.28125 -10e-7,0.633465 0.115884,1.074871 0.34375,1.34375 0.227863,0.268881 0.510415,0.406251 0.875,0.40625 0.268878,10e-7 0.493812,-0.0791 0.6875,-0.25 0.193682,-0.170897 0.353187,-0.445637 0.4375,-0.8125 l 0.96875,0.3125 c -0.150395,0.546876 -0.400232,0.953288 -0.75,1.21875 -0.349776,0.265462 -0.805992,0.40625 -1.34375,0.40625 -0.665366,0 -1.196616,-0.23291 -1.625,-0.6875 -0.428386,-0.454589 -0.6562503,-1.086587 -0.65625,-1.875 -3e-7,-0.833981 0.2255854,-1.47607 0.65625,-1.9375 0.430662,-0.4614209 0.985675,-0.6874949 1.6875,-0.6875 z"
+         id="rect7693-27"
+         style="fill:#649be6;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      <g
+         transform="translate(-0.29442775,0)"
+         id="text7920"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-md3000.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-md3000.svg
new file mode 100644
index 00000000..52eb10f0
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-md3000.svg
@@ -0,0 +1,168 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <path
+       d="M 3.3085936,1030.3622 C 1.481557,1030.3622 0,1031.8438 0,1033.6709 l 0,15.3828 c 0,1.8269 1.481557,3.3085 3.3085936,3.3085 l 15.3828124,0 c 1.827037,0 3.308594,-1.4816 3.308594,-3.3085 l 0,-15.3828 c 0,-1.8271 -1.481557,-3.3087 -3.308594,-3.3087 l -15.3828124,0 z m 0.515625,2.6212 14.4375004,0 c 0.574633,0 1.03125,0.6132 1.03125,1.375 0,0.7617 -0.456617,1.375 -1.03125,1.375 l -14.4375004,0 c -0.5746316,0 -1.03125,-0.6133 -1.03125,-1.375 0,-0.7618 0.4566184,-1.375 1.03125,-1.375 z m -0.042969,4.7694 14.4375004,0 c 0.574633,0 1.03125,0.6133 1.03125,1.375 0,0.7618 -0.456617,1.375 -1.03125,1.375 l -14.4375004,0 c -0.5746319,0 -1.03125,-0.6132 -1.03125,-1.375 0,-0.7617 0.4566181,-1.375 1.03125,-1.375 z m -2.1484375,5.4571 2.0195314,0 c 0.4595784,0 0.8331235,0.082 1.0742186,0.1719 0.3239639,0.121 0.5853569,0.2922 0.8164064,0.6016 0.2310424,0.3092 0.3950731,0.669 0.515625,1.1172 0.1205461,0.4479 0.1718708,1.0188 0.171875,1.6757 -5.5e-6,0.5772 -0.015895,1.0861 -0.1289064,1.5039 -0.1381296,0.5102 -0.3454068,0.9304 -0.6015625,1.2461 -0.19338,0.2391 -0.4444508,0.3817 -0.7734375,0.5156 -0.2461182,0.099 -0.5764178,0.2149 -0.9882811,0.2149 l -2.1054689,0 0,-7.0469 z m 6.015625,0 3.2656259,0 0,1.2032 -1.8906259,0 0,1.5468 1.6328129,0 0,1.1601 -1.6328129,0 0,1.9337 2.0195319,0 0,1.2031 -3.3945319,0 0,-7.0469 z m 4.5546879,0.085 1.375,0 0,5.7578 2.148437,0 0,1.2031 -3.523437,0 0,-6.9609 z m 4.597656,0.043 1.417969,0 0,5.7578 2.148437,0 0,1.2031 -3.566406,0 0,-6.9609 z M 2.75,1044.413 l 0,4.6407 0.8164061,0 c 0.3114087,0 0.5493717,-0.041 0.6875,-0.085 0.1808167,-0.058 0.3103941,-0.121 0.4296878,-0.2578 0.1192811,-0.1375 0.2254366,-0.3734 0.3007811,-0.6875 0.075336,-0.3142 0.1289064,-0.747 0.1289064,-1.289 -4.2e-6,-0.5422 -0.05357,-0.9561 -0.1289064,-1.2462 -0.07535,-0.2901 -0.1651705,-0.5249 -0.3007811,-0.6875 -0.1356164,-0.1627 -0.3071834,-0.2863 -0.5156253,-0.3438 -0.1557076,-0.044 -0.4907553,-0.043 -0.9453125,-0.043 l -0.4726561,0 z"
+       id="rect7693-9"
+       style="fill:#649be6;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-netvault.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-netvault.svg
new file mode 100644
index 00000000..45a8e723
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-netvault.svg
@@ -0,0 +1,186 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+       id="g21736"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 2.40625,0 C 1.0774955,0 0,1.0774955 0,2.40625 l 0,11.1875 C 0,14.922504 1.0774955,16 2.40625,16 l 11.1875,0 C 14.922504,16 16,14.922504 16,13.59375 L 16,2.40625 C 16,1.0774955 14.922504,0 13.59375,0 L 2.40625,0 z m 0.375,1.90625 10.5,0 c 0.417915,0 0.75,0.446 0.75,1 0,0.554 -0.332085,1 -0.75,1 l -10.5,0 c -0.4179148,0 -0.75,-0.446 -0.75,-1 0,-0.554 0.3320852,-1 0.75,-1 z M 2.75,5.375 l 10.5,0 c 0.417915,0 0.75,0.446 0.75,1 0,0.554 -0.332085,1 -0.75,1 l -10.5,0 C 2.3320852,7.375 2,6.929 2,6.375 c 0,-0.554 0.3320852,-1 0.75,-1 z m -1.4375,3.84375 1,0 2.0625,3.34375 0,-3.34375 0.9375,0 0,5 -1.03125,0 -2,-3.25 0,3.25 -0.96875,0 0,-5 z m 4.5625,0 1.09375,0 1.25,3.6875 1.25,-3.6875 1.0625,0 -1.8125,5 -1.0625,0 -1.78125,-5 z m 4.8125,0 4,0 0,0.84375 -1.5,0 0,4.15625 -1,0 0,-4.15625 -1.5,0 0,-0.84375 z"
+         id="rect7693-8"
+         style="fill:#649be6;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      <text
+         x="20.861963"
+         y="12.026293"
+         id="text8055-1"
+         xml:space="preserve"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"><tspan
+           x="20.861963"
+           y="12.026293"
+           id="tspan8057-0"
+           style="fill:#649be6;fill-opacity:1" /></text>
+      <g
+         id="text8070"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-ops.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-ops.svg
new file mode 100644
index 00000000..2c046fec
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-ops.svg
@@ -0,0 +1,186 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+       id="g21775"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 2.40625,0 C 1.0774955,0 0,1.0774955 0,2.40625 l 0,11.1875 C 0,14.922504 1.0774955,16 2.40625,16 l 11.1875,0 C 14.922504,16 16,14.922504 16,13.59375 L 16,2.40625 C 16,1.0774955 14.922504,0 13.59375,0 L 2.40625,0 z m 0.375,1.90625 10.5,0 c 0.417915,0 0.75,0.446 0.75,1 0,0.554 -0.332085,1 -0.75,1 l -10.5,0 c -0.4179148,0 -0.75,-0.446 -0.75,-1 0,-0.554 0.3320852,-1 0.75,-1 z M 2.75,5.375 l 10.5,0 c 0.417915,0 0.75,0.446 0.75,1 0,0.554 -0.332085,1 -0.75,1 l -10.5,0 C 2.3320852,7.375 2,6.929 2,6.375 c 0,-0.554 0.3320852,-1 0.75,-1 z m 0.59375,3.65625 c 0.7382778,5.1e-6 1.3380493,0.2294971 1.78125,0.6875 0.4431917,0.458012 0.6562448,1.090498 0.65625,1.90625 -5.2e-6,0.808921 -0.2164763,1.449382 -0.65625,1.90625 -0.4397827,0.456868 -1.0140009,0.6875 -1.75,0.6875 -0.7451192,0 -1.3414727,-0.23291 -1.78125,-0.6875 C 1.1539708,13.076661 0.9374997,12.453777 0.9375,11.65625 0.9374997,11.145836 1.0035804,10.721358 1.15625,10.375 1.2701817,10.119796 1.4278963,9.8903038 1.625,9.6875 1.8221016,9.4847052 2.046548,9.3479865 2.28125,9.25 2.5934225,9.1178435 2.9358701,9.0312551 3.34375,9.03125 z m 9.65625,0 c 0.628904,5.1e-6 1.119626,0.1305388 1.4375,0.40625 0.317867,0.2757206 0.484045,0.664717 0.5,1.125 l -1.03125,0.03125 C 13.86295,10.336267 13.767413,10.144047 13.625,10.03125 13.482582,9.9184617 13.284829,9.8750043 13,9.875 c -0.293947,4.3e-6 -0.521161,0.066736 -0.6875,0.1875 -0.107098,0.07748 -0.156251,0.182621 -0.15625,0.3125 -10e-7,0.118493 0.02474,0.196943 0.125,0.28125 0.127602,0.107099 0.445311,0.227542 0.9375,0.34375 0.492185,0.116214 0.857907,0.250817 1.09375,0.375 0.235836,0.124189 0.429195,0.28467 0.5625,0.5 0.133297,0.215334 0.187496,0.49577 0.1875,0.8125 -4e-6,0.287111 -0.05925,0.5306 -0.21875,0.78125 -0.15951,0.250652 -0.395837,0.440593 -0.6875,0.5625 -0.29167,0.121907 -0.658532,0.1875 -1.09375,0.1875 -0.633466,0 -1.129233,-0.144694 -1.46875,-0.4375 C 11.254231,13.488445 11.06608,13.060548 11,12.5 l 0.96875,-0.09375 c 0.05924,0.330405 0.193847,0.563803 0.375,0.71875 0.181151,0.154949 0.41113,0.250001 0.71875,0.25 0.325843,10e-7 0.584795,-0.08089 0.75,-0.21875 0.165198,-0.137857 0.249996,-0.284178 0.25,-0.46875 -4e-6,-0.118488 -0.02425,-0.229328 -0.09375,-0.3125 -0.0695,-0.08317 -0.201826,-0.157224 -0.375,-0.21875 -0.118492,-0.04101 -0.390953,-0.11393 -0.8125,-0.21875 -0.542319,-0.134438 -0.937501,-0.304034 -1.15625,-0.5 -0.307618,-0.275713 -0.4375,-0.603512 -0.4375,-1 0,-0.255204 0.07406,-0.4965778 0.21875,-0.71875 0.144693,-0.2221633 0.352701,-0.3837843 0.625,-0.5 C 12.303547,9.1025441 12.614907,9.0312551 13,9.03125 z M 6.5625,9.125 l 1.625,0 c 0.6152316,5e-6 1.0318979,0.012375 1.21875,0.0625 0.2871057,0.0752 0.5250608,0.2482144 0.71875,0.5 0.19368,0.2517946 0.281246,0.569991 0.28125,0.96875 -4e-6,0.30762 -0.0446,0.571617 -0.15625,0.78125 -0.111657,0.209638 -0.2654661,0.380374 -0.4375,0.5 -0.1720413,0.119631 -0.322269,0.180015 -0.5,0.21875 C 9.0709606,12.2041 8.7080052,12.25 8.25,12.25 l -0.65625,0 0,1.875 -1.03125,0 0,-5 z M 3.375,9.90625 c -0.4169945,4.2e-6 -0.7760436,0.151534 -1.03125,0.4375 -0.2552098,0.285973 -0.3750013,0.704756 -0.375,1.28125 -1.3e-6,0.567385 0.1442043,0.988446 0.40625,1.28125 0.2620423,0.292807 0.5966773,0.437501 1,0.4375 0.4033172,10e-7 0.7101202,-0.146972 0.96875,-0.4375 C 4.6023723,12.615724 4.7499958,12.206057 4.75,11.625 4.7499958,11.050784 4.6267864,10.595056 4.375,10.3125 4.1232062,10.029952 3.791989,9.9062542 3.375,9.90625 z m 4.21875,0.0625 0,1.4375 0.5625,0 c 0.3987606,3e-6 0.6468071,-0.04134 0.78125,-0.09375 0.1344371,-0.05241 0.2361623,-0.138343 0.3125,-0.25 0.076331,-0.11165 0.1249966,-0.226885 0.125,-0.375 C 9.3749966,10.505209 9.325843,10.337243 9.21875,10.21875 9.1116506,10.100264 8.9765596,10.029626 8.8125,10 8.6917292,9.9772175 8.427081,9.9687541 8.0625,9.96875 l -0.46875,0 z"
+         id="rect7693-0"
+         style="fill:#649be6;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      <text
+         x="20.861963"
+         y="12.026293"
+         id="text8055-72"
+         xml:space="preserve"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"><tspan
+           x="20.861963"
+           y="12.026293"
+           id="tspan8057-2"
+           style="fill:#649be6;fill-opacity:1" /></text>
+      <g
+         id="text8095"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-sanswitch-brocade.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-sanswitch-brocade.svg
new file mode 100644
index 00000000..60933f95
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-sanswitch-brocade.svg
@@ -0,0 +1,187 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+       id="g21814"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 2.40625,0 C 1.0774955,0 0,1.0774955 0,2.40625 l 0,11.1875 C 0,14.922504 1.0774955,16 2.40625,16 l 11.1875,0 C 14.922504,16 16,14.922504 16,13.59375 L 16,2.40625 C 16,1.0774955 14.922504,0 13.59375,0 L 2.40625,0 z m 0.375,1.90625 10.5,0 c 0.417915,0 0.75,0.446 0.75,1 0,0.554 -0.332085,1 -0.75,1 l -10.5,0 c -0.4179148,0 -0.75,-0.446 -0.75,-1 0,-0.554 0.3320852,-1 0.75,-1 z M 2.75,5.375 l 10.5,0 c 0.417915,0 0.75,0.446 0.75,1 0,0.554 -0.332085,1 -0.75,1 l -10.5,0 C 2.3320852,7.375 2,6.929 2,6.375 c 0,-0.554 0.3320852,-1 0.75,-1 z m 8.5625,3.75 c 0.612952,5.1e-6 1.117184,0.1689502 1.5,0.53125 0.22786,0.2141965 0.386063,0.536462 0.5,0.9375 l -1,0.25 c -0.05925,-0.259762 -0.187015,-0.474605 -0.375,-0.625 C 11.749509,10.068364 11.550128,10.000004 11.28125,10 c -0.371421,4e-6 -0.67497,0.139652 -0.90625,0.40625 -0.231284,0.266605 -0.375002,0.684248 -0.375,1.28125 -2e-6,0.633465 0.115884,1.074871 0.34375,1.34375 0.227862,0.268881 0.541664,0.406251 0.90625,0.40625 0.268877,10e-7 0.493812,-0.0791 0.6875,-0.25 0.193682,-0.170897 0.321937,-0.445637 0.40625,-0.8125 l 1,0.3125 c -0.150395,0.546876 -0.400232,0.953288 -0.75,1.21875 -0.349775,0.265462 -0.805992,0.40625 -1.34375,0.40625 -0.665366,0 -1.196617,-0.23291 -1.625,-0.6875 C 9.196614,13.170411 8.9687496,12.538413 8.96875,11.75 8.9687496,10.916019 9.1943354,10.27393 9.625,9.8125 10.055663,9.3510791 10.610675,9.1250051 11.3125,9.125 z m -8.75,0.09375 2,0 c 0.3964815,5e-6 0.6801726,-0.00179 0.875,0.03125 0.1948206,0.033045 0.3774377,0.1139371 0.53125,0.21875 0.1538046,0.1048224 0.2724568,0.231939 0.375,0.40625 0.1025347,0.174321 0.1562456,0.377283 0.15625,0.59375 -4.4e-6,0.234704 -0.06104,0.46029 -0.1875,0.65625 -0.126469,0.195967 -0.2835327,0.339521 -0.5,0.4375 0.3053344,0.08887 0.5234332,0.25456 0.6875,0.46875 0.1640579,0.214195 0.2499953,0.460614 0.25,0.75 -4.7e-6,0.227866 -0.050297,0.440919 -0.15625,0.65625 -0.1059615,0.215333 -0.2540733,0.371257 -0.4375,0.5 -0.1834349,0.128744 -0.3873735,0.220378 -0.65625,0.25 -0.1686231,0.01823 -0.6051461,0.02669 -1.25,0.03125 l -1.6875,0 0,-5 z m 1,0.84375 0,1.15625 0.6875,0 c 0.3942032,3e-6 0.6230441,-0.01986 0.71875,-0.03125 C 5.141924,11.167 5.2758757,11.099124 5.375,11 c 0.099118,-0.09912 0.1562465,-0.213213 0.15625,-0.375 -3.5e-6,-0.154944 -0.039554,-0.278153 -0.125,-0.375 -0.085452,-0.09684 -0.2063834,-0.166988 -0.375,-0.1875 -0.1002633,-0.01139 -0.3987656,0 -0.875,0 l -0.59375,0 z m 0,1.96875 0,1.34375 0.9375,0 c 0.3645805,0 0.5895152,-0.01074 0.6875,-0.03125 0.1503873,-0.02734 0.2804328,-0.08154 0.375,-0.1875 0.09456,-0.105956 0.1562464,-0.259765 0.15625,-0.4375 -3.6e-6,-0.150389 -0.052087,-0.27018 -0.125,-0.375 C 5.5208299,12.238932 5.4191047,12.172854 5.28125,12.125 5.1433889,12.077151 4.8352837,12.031252 4.375,12.03125 l -0.8125,0 z"
+         id="rect7693-5"
+         style="fill:#649be6;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      <text
+         x="20.861963"
+         y="12.026293"
+         id="text8055-4"
+         xml:space="preserve"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"><tspan
+           x="20.861963"
+           y="12.026293"
+           id="tspan8057-1"
+           style="fill:#649be6;fill-opacity:1" /></text>
+      <g
+         transform="translate(0,-0.12041537)"
+         id="text8059"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-sanswitch-hp.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-sanswitch-hp.svg
new file mode 100644
index 00000000..f6c595c1
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-sanswitch-hp.svg
@@ -0,0 +1,187 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+       id="g21594"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 2.40625,0 C 1.0774955,0 0,1.0774955 0,2.40625 l 0,11.1875 C 0,14.922504 1.0774955,16 2.40625,16 l 11.1875,0 C 14.922504,16 16,14.922504 16,13.59375 L 16,2.40625 C 16,1.0774955 14.922504,0 13.59375,0 L 2.40625,0 z m 0.375,1.90625 10.5,0 c 0.417915,0 0.75,0.446 0.75,1 0,0.554 -0.332085,1 -0.75,1 l -10.5,0 c -0.4179148,0 -0.75,-0.446 -0.75,-1 0,-0.554 0.3320852,-1 0.75,-1 z M 2.75,5.375 l 10.5,0 c 0.417915,0 0.75,0.446 0.75,1 0,0.554 -0.332085,1 -0.75,1 l -10.5,0 C 2.3320852,7.375 2,6.929 2,6.375 c 0,-0.554 0.3320852,-1 0.75,-1 z m 0.0625,3.8125 1,0 0,1.96875 2,0 0,-1.96875 1,0 0,5 -1,0 0,-2.1875 -2,0 0,2.1875 -1,0 0,-5 z m 6.53125,0 1.625,0 c 0.615232,0 1.031898,0.012375 1.21875,0.0625 0.287106,0.0752 0.525062,0.2482144 0.71875,0.5 0.193681,0.251795 0.281245,0.569991 0.28125,0.96875 -5e-6,0.30762 -0.0446,0.571618 -0.15625,0.78125 -0.111657,0.209638 -0.265466,0.380373 -0.4375,0.5 -0.172041,0.119631 -0.353519,0.180015 -0.53125,0.21875 -0.241539,0.04785 -0.573245,0.09375 -1.03125,0.09375 l -0.6875,0 0,1.875 -1,0 0,-5 z m 1,0.84375 0,1.40625 0.5625,0 c 0.39876,0 0.678057,-0.01009 0.8125,-0.0625 0.134437,-0.05241 0.236163,-0.138343 0.3125,-0.25 0.07633,-0.11165 0.124997,-0.226885 0.125,-0.375 -3e-6,-0.182288 -0.08041,-0.350257 -0.1875,-0.46875 -0.1071,-0.118485 -0.242191,-0.189123 -0.40625,-0.21875 -0.120771,-0.02278 -0.354169,-0.03124 -0.71875,-0.03125 l -0.5,0 z"
+         id="rect7693"
+         style="fill:#649be6;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      <text
+         x="20.861963"
+         y="12.026293"
+         id="text8055"
+         xml:space="preserve"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"><tspan
+           x="20.861963"
+           y="12.026293"
+           id="tspan8057"
+           style="fill:#649be6;fill-opacity:1" /></text>
+      <g
+         transform="translate(0.37633745,0)"
+         id="text8083"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-sanswitch-zte.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-sanswitch-zte.svg
new file mode 100644
index 00000000..077a37c4
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage-sanswitch-zte.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<path fill="#6393CD" d="M18.691,0H3.309C1.482,0,0,1.482,0,3.309v15.383C0,20.518,1.482,22,3.309,22h15.383
+	C20.518,22,22,20.518,22,18.691V3.309C22,1.482,20.518,0,18.691,0z M3.824,2.621h14.438c0.574,0,1.031,0.613,1.031,1.375
+	s-0.457,1.375-1.031,1.375H3.824c-0.575,0-1.031-0.613-1.031-1.375S3.25,2.621,3.824,2.621z M3.781,7.391h14.438
+	c0.574,0,1.031,0.613,1.031,1.375s-0.457,1.375-1.031,1.375H3.781c-0.575,0-1.031-0.613-1.031-1.375S3.207,7.391,3.781,7.391z
+	 M7.55,19.498H2.103v-0.846l3.53-4.414c0.25-0.313,0.489-0.585,0.714-0.816H2.503v-0.813h4.935v0.813l-3.868,4.779l-0.418,0.484
+	H7.55V19.498z M13.477,13.422h-2.279v6.076h-0.913v-6.076H8.015v-0.813h5.461V13.422z M19.572,19.498H14.43v-6.89h4.981v0.813
+	h-4.068v2.11h3.811v0.808h-3.811v2.346h4.229V19.498z"/>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage.svg
new file mode 100644
index 00000000..504ed6b9
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-storage.svg
@@ -0,0 +1,183 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,1030.3622)"
+       id="g21632"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 2.40625,0 C 1.0774955,0 0,1.0774955 0,2.40625 l 0,11.1875 C 0,14.922504 1.0774955,16 2.40625,16 l 11.1875,0 C 14.922504,16 16,14.922504 16,13.59375 L 16,2.40625 C 16,1.0774955 14.922504,0 13.59375,0 L 2.40625,0 z m 0.46875,3.25 10.25,0 C 13.608648,3.25 14,3.6559241 14,4.15625 l 0,0.1875 C 14,4.8440759 13.608648,5.25 13.125,5.25 l -10.25,0 C 2.3913516,5.25 2,4.8440759 2,4.34375 L 2,4.15625 C 2,3.6559241 2.3913516,3.25 2.875,3.25 z m 0,4.1875 10.25,0 c 0.483648,0 0.875,0.4059241 0.875,0.90625 l 0,0.1875 C 14,9.0315759 13.608648,9.4375 13.125,9.4375 l -10.25,0 C 2.3913516,9.4375 2,9.0315759 2,8.53125 L 2,8.34375 C 2,7.8434241 2.3913516,7.4375 2.875,7.4375 z m 0,4.1875 10.25,0 c 0.483648,0 0.875,0.405924 0.875,0.90625 l 0,0.1875 c 0,0.500326 -0.391352,0.90625 -0.875,0.90625 l -10.25,0 C 2.3913516,13.625 2,13.219076 2,12.71875 l 0,-0.1875 C 2,12.030924 2.3913516,11.625 2.875,11.625 z"
+         id="rect7693-2"
+         style="fill:#649be6;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+      <text
+         x="20.861963"
+         y="12.026293"
+         id="text8055-7"
+         xml:space="preserve"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"><tspan
+           x="20.861963"
+           y="12.026293"
+           id="tspan8057-6"
+           style="fill:#649be6;fill-opacity:1" /></text>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-at.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-at.svg
new file mode 100644
index 00000000..e952744d
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-at.svg
@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   id="svg15992"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="it-switch-at.svg">
+  <defs
+     id="defs15994" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.59446"
+     inkscape:cx="14.648729"
+     inkscape:cy="7.6382661"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1440"
+     inkscape:window-height="844"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1030.3622)">
+    <g
+       id="layer1-8"
+       transform="translate(3,1033.8577)">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       id="layer1-2"
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)">
+      <g
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text7308-2"
+         transform="scale(0.93557544,1.0688609)" />
+    </g>
+    <g
+       id="layer1-29"
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)" />
+    <g
+       id="layer1-3-2"
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)">
+      <g
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text7308-5"
+         transform="scale(0.93557544,1.0688609)" />
+    </g>
+    <g
+       id="layer1-3-1"
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)">
+      <g
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text7308-7"
+         transform="scale(0.93557544,1.0688609)" />
+    </g>
+    <g
+       id="layer1-6"
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)">
+      <g
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text7308-3"
+         transform="scale(0.93557544,1.0688609)" />
+    </g>
+    <g
+       id="layer1-2-2"
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)">
+      <g
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text7308-2-5"
+         transform="scale(0.93557544,1.0688609)" />
+    </g>
+    <g
+       id="g18916"
+       transform="translate(16.574815,1039.9887)">
+      <g
+         id="layer1-37-1"
+         transform="translate(0,-1036.3622)">
+        <g
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+           id="text7308-75"
+           transform="scale(0.93557544,1.0688609)" />
+      </g>
+      <g
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text3074-3" />
+      <g
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text3330-4" />
+      <g
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text3334-3" />
+      <g
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text3420"
+         transform="scale(1.0025516,0.99745489)" />
+    </g>
+    <g
+       id="layer1-03"
+       transform="translate(2.0604683,1034.7666)" />
+    <g
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+       id="text21552" />
+    <g
+       id="layer1-2-1"
+       transform="matrix(1.3776908,0,0,1.375,0,1030.3622)"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         style="fill:#649be6;fill-opacity:1;stroke:none"
+         id="rect5183"
+         d="M 3.65625,0 0,3.5625 2.1875,5.65625 C 3.1203415,5.0418048 4.2369453,4.6875 5.4375,4.6875 c 0.7452958,0 1.4681623,0.1547386 2.125,0.40625 l 2.90625,0 0,-3.09375 -6.8125,0 0,-2 z m 8.65625,3.8125 0,2 -3.46875,0 c 1.0678079,0.7213968 1.850233,1.8140412 2.1875,3.09375 l 1.28125,0 0,1.9375 3.65625,-3.5 L 12.3125,3.8125 z M 5.40625,5.21875 C 2.4268411,5.21875 0,7.6143411 0,10.59375 0,13.573159 2.4268411,16 5.40625,16 c 2.9794089,0 5.375,-2.426841 5.375,-5.40625 0,-2.9794089 -2.3955911,-5.375 -5.375,-5.375 z m -2.46875,3.0625 1,0 1.84375,4.65625 -1,0 -0.40625,-1.0625 -1.875,0 -0.375,1.0625 -1,0 1.8125,-4.65625 z m 3.03125,0 3.6875,0 0,0.78125 -1.375,0 0,3.875 -0.9375,0 0,-3.875 -1.375,0 0,-0.78125 z M 3.4375,9.375 l -0.625,1.71875 1.25,0 L 3.4375,9.375 z"
+         inkscape:connector-curvature="0" />
+      <g
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text5227" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-cisco.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-cisco.svg
new file mode 100644
index 00000000..4c7f66c2
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-cisco.svg
@@ -0,0 +1,176 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.3776908,0,0,1.375,0,1030.3622)"
+       id="layer1-4"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 3.65625,0 0,3.5625 2.1875,5.65625 C 3.1203415,5.0418048 4.2369453,4.6875 5.4375,4.6875 c 0.7452958,0 1.4681623,0.1547386 2.125,0.40625 l 2.90625,0 0,-3.09375 -6.8125,0 0,-2 z m 8.65625,3.8125 0,2 -3.46875,0 c 1.0678079,0.7213968 1.850233,1.8140412 2.1875,3.09375 l 1.28125,0 0,1.9375 3.65625,-3.5 L 12.3125,3.8125 z M 5.40625,5.21875 C 2.4268411,5.21875 0,7.6143411 0,10.59375 0,13.573159 2.4268411,16 5.40625,16 c 2.9794089,0 5.375,-2.426841 5.375,-5.40625 0,-2.9794089 -2.3955911,-5.375 -5.375,-5.375 z M 3.1875,8.1875 c 0.5691701,4.7e-6 1.0507777,0.1948287 1.40625,0.53125 C 4.8053345,8.9176472 4.9567015,9.1901079 5.0625,9.5625 L 4.125,9.78125 C 4.0699836,9.5400425 3.9558073,9.358402 3.78125,9.21875 3.6066866,9.0791054 3.4059218,9.0000039 3.15625,9 2.8113586,9.0000039 2.5272605,9.1274452 2.3125,9.375 2.0977362,9.6225619 1.9999987,10.008141 2,10.5625 c -1.3e-6,0.588218 0.1009101,1.031577 0.3125,1.28125 0.2115867,0.249676 0.4739563,0.375001 0.8125,0.375 0.2496718,10e-7 0.4763969,-0.09131 0.65625,-0.25 0.179847,-0.15869 0.2967088,-0.409341 0.375,-0.75 L 5.0625,11.5 C 4.9228474,12.007813 4.6997844,12.409749 4.375,12.65625 4.0502082,12.90275 3.624346,12.999999 3.125,13 2.5071597,12.999999 2.0227852,12.797119 1.625,12.375 1.227213,11.952882 1.0312497,11.388347 1.03125,10.65625 1.0312497,9.8818386 1.2250972,9.2722204 1.625,8.84375 2.0249011,8.4152877 2.5358055,8.1875047 3.1875,8.1875 z m 4.71875,0 c 0.5691702,4.7e-6 1.0195278,0.1948287 1.375,0.53125 C 9.4928345,8.9176472 9.6442015,9.1901079 9.75,9.5625 L 8.8125,9.78125 C 8.7574836,9.5400425 8.6433073,9.358402 8.46875,9.21875 8.2941865,9.0791054 8.0934218,9.0000039 7.84375,9 7.4988586,9.0000039 7.2147605,9.1274452 7,9.375 6.7852362,9.6225619 6.6874987,10.008141 6.6875,10.5625 c -1.3e-6,0.588218 0.1009101,1.031577 0.3125,1.28125 0.2115868,0.249676 0.4739563,0.375001 0.8125,0.375 0.2496719,10e-7 0.4763968,-0.09131 0.65625,-0.25 0.179847,-0.15869 0.2967089,-0.409341 0.375,-0.75 L 9.78125,11.5 C 9.6415973,12.007813 9.3872844,12.409749 9.0625,12.65625 8.7377082,12.90275 8.3430961,12.999999 7.84375,13 7.2259097,12.999999 6.7102852,12.797119 6.3125,12.375 5.9147131,11.952882 5.7187497,11.388347 5.71875,10.65625 5.7187497,9.8818386 5.9125971,9.2722204 6.3125,8.84375 6.712401,8.4152877 7.2545555,8.1875047 7.90625,8.1875 z"
+         id="rect5183-1"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         id="text5227-2"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-h3c.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-h3c.svg
new file mode 100644
index 00000000..0525c5b8
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-h3c.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
+<g>
+	<path fill="#6393CD" d="M14.992,11.68c0.695-0.442,1.516-0.707,2.401-0.707c1.025,0,1.959,0.354,2.715,0.932L22,10.098
+		l-5.037-4.855v2.75h-4.779C13.491,8.873,14.459,10.17,14.992,11.68z"/>
+	<path fill="#6393CD" d="M7.491,6.445c1.026,0,2.023,0.213,2.928,0.559h4.004V2.75H5.037V0L0,4.898l3.014,2.879
+		C4.298,6.933,5.837,6.445,7.491,6.445z"/>
+	<path fill="#6393CD" d="M7.448,7.176C3.343,7.176,0,10.47,0,14.566S3.343,22,7.448,22c2.767,0,5.163-1.519,6.435-3.763
+		c-0.609-0.765-0.987-1.722-0.987-2.774c0-1.332,0.592-2.515,1.515-3.338C13.401,9.244,10.69,7.176,7.448,7.176z M7.194,18.907H6.28
+		v-3.246H2.692v3.246H1.779v-6.89h0.914v2.829H6.28v-2.829h0.914V18.907z M12.236,18.402c-0.438,0.418-0.994,0.627-1.666,0.627
+		c-0.607,0-1.11-0.18-1.51-0.541c-0.401-0.359-0.628-0.827-0.685-1.398l0.846-0.113c0.098,0.479,0.264,0.824,0.498,1.035
+		c0.234,0.213,0.518,0.318,0.854,0.318c0.398,0,0.736-0.139,1.011-0.413c0.274-0.277,0.412-0.618,0.412-1.026
+		c0-0.388-0.126-0.707-0.382-0.96c-0.253-0.253-0.577-0.379-0.969-0.379c-0.161,0-0.36,0.031-0.599,0.095l0.094-0.743
+		c0.057,0.006,0.102,0.01,0.136,0.01c0.362,0,0.687-0.095,0.976-0.282s0.433-0.479,0.433-0.869c0-0.312-0.105-0.567-0.316-0.771
+		c-0.21-0.204-0.482-0.306-0.814-0.306c-0.33,0-0.604,0.104-0.825,0.31c-0.219,0.207-0.361,0.518-0.423,0.931l-0.849-0.15
+		c0.105-0.566,0.34-1.007,0.706-1.318c0.369-0.312,0.825-0.467,1.371-0.467c0.377,0,0.724,0.081,1.04,0.242
+		c0.317,0.161,0.56,0.381,0.728,0.66c0.169,0.279,0.252,0.575,0.252,0.89c0,0.297-0.079,0.567-0.239,0.813
+		c-0.16,0.244-0.397,0.438-0.71,0.582c0.408,0.094,0.724,0.289,0.95,0.586c0.226,0.295,0.339,0.666,0.339,1.11
+		C12.896,17.474,12.677,17.983,12.236,18.402z"/>
+	<path fill="#6393CD" d="M18.891,17.803c-0.354,0.294-0.787,0.44-1.3,0.44c-0.42,0-0.811-0.107-1.172-0.324
+		c-0.36-0.216-0.627-0.542-0.798-0.979c-0.171-0.437-0.257-0.948-0.257-1.535c0-0.454,0.073-0.895,0.217-1.322
+		s0.395-0.769,0.751-1.022s0.801-0.381,1.33-0.381c0.462,0,0.846,0.115,1.149,0.344c0.304,0.228,0.537,0.593,0.697,1.096
+		l0.899-0.212c-0.186-0.637-0.514-1.13-0.984-1.48c-0.471-0.352-1.053-0.526-1.742-0.526c-0.609,0-1.167,0.139-1.674,0.415
+		c-0.508,0.278-0.899,0.684-1.174,1.218s-0.411,1.16-0.411,1.878c0,0.657,0.121,1.272,0.364,1.848
+		c0.244,0.571,0.599,1.011,1.064,1.313c0.467,0.303,1.072,0.454,1.814,0.454c0.721,0,1.328-0.197,1.826-0.591
+		s0.842-0.964,1.033-1.713l-0.913-0.23C19.486,17.07,19.246,17.507,18.891,17.803z"/>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-juniper.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-juniper.svg
new file mode 100644
index 00000000..d0e483da
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-juniper.svg
@@ -0,0 +1,176 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.3776908,0,0,1.375,0,1030.3622)"
+       id="layer1-9"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 3.65625,0 0,3.5625 2.1875,5.65625 C 3.1203415,5.0418048 4.2369453,4.6875 5.4375,4.6875 c 0.7452958,0 1.4681623,0.1547386 2.125,0.40625 l 2.90625,0 0,-3.09375 -6.8125,0 0,-2 z m 8.65625,3.8125 0,2 -3.46875,0 c 1.0678079,0.7213968 1.850233,1.8140412 2.1875,3.09375 l 1.28125,0 0,1.9375 3.65625,-3.5 L 12.3125,3.8125 z M 5.40625,5.21875 C 2.4268411,5.21875 0,7.6143411 0,10.59375 0,13.573159 2.4268411,16 5.40625,16 c 2.9794089,0 5.375,-2.426841 5.375,-5.40625 0,-2.9794089 -2.3955911,-5.375 -5.375,-5.375 z m -1.875,2.84375 1,0 0,3.15625 C 4.5312467,11.633465 4.510413,11.964194 4.4375,12.1875 4.339515,12.479168 4.163734,12.698405 3.90625,12.875 3.6487606,13.051595 3.2965474,13.156249 2.875,13.15625 2.3805327,13.156249 2.0166008,13.026856 1.75,12.75 1.4833982,12.473145 1.3460286,12.066733 1.34375,11.53125 l 0.9375,-0.125 c 0.011392,0.287111 0.052082,0.506511 0.125,0.625 0.1093736,0.180014 0.2766912,0.250001 0.5,0.25 0.225584,10e-7 0.3753235,-0.05875 0.46875,-0.1875 0.093422,-0.128742 0.1562477,-0.4069 0.15625,-0.8125 l 0,-3.21875 z m 2.09375,0 1.625,0 c 0.6152316,5e-6 1.0006479,0.012375 1.1875,0.0625 0.2871058,0.0752 0.5250612,0.2482144 0.71875,0.5 0.1936806,0.2517946 0.3124957,0.5699909 0.3125,0.96875 -4.3e-6,0.3076204 -0.075851,0.571617 -0.1875,0.78125 -0.1116577,0.209638 -0.2342162,0.380374 -0.40625,0.5 -0.1720414,0.119631 -0.3535191,0.180015 -0.53125,0.21875 -0.2415395,0.04785 -0.6044949,0.09375 -1.0625,0.09375 l -0.65625,0 0,1.875 -1,0 0,-5 z m 1,0.84375 0,1.40625 0.5625,0 c 0.3987606,3e-6 0.6468072,-0.01009 0.78125,-0.0625 C 8.1031871,10.19759 8.2361623,10.111657 8.3125,10 8.3888314,9.8883469 8.4062467,9.7731153 8.40625,9.625 8.4062467,9.442712 8.3570932,9.2747434 8.25,9.15625 8.1429007,9.0377645 8.0078096,8.9671265 7.84375,8.9375 7.7229791,8.9147177 7.489581,8.9062541 7.125,8.90625 l -0.5,0 z"
+         id="rect5183-0"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         id="text5227-8"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-zte.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-zte.svg
new file mode 100644
index 00000000..ef418467
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch-zte.svg
@@ -0,0 +1,177 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.3776908,0,0,1.375,0,1030.3622)"
+       id="layer1-7"
+       style="fill:#649be6;fill-opacity:1">
+      <path
+         d="M 3.65625,0 0,3.5625 2.1875,5.65625 C 3.1203415,5.0418048 4.2369453,4.6875 5.4375,4.6875 c 0.7452958,0 1.4681623,0.1547386 2.125,0.40625 l 2.90625,0 0,-3.09375 -6.8125,0 0,-2 z m 8.65625,3.8125 0,2 -3.46875,0 c 1.0678079,0.7213968 1.850233,1.8140412 2.1875,3.09375 l 1.28125,0 0,1.9375 3.65625,-3.5 L 12.3125,3.8125 z M 5.40625,5.21875 C 2.4268411,5.21875 0,7.6143411 0,10.59375 0,13.573159 2.4268411,16 5.40625,16 c 2.9794089,0 5.375,-2.426841 5.375,-5.40625 0,-2.9794089 -2.3955911,-5.375 -5.375,-5.375 z m -3.875,3.15625 2.3125,0 0,0.6875 -1.75,3.03125 1.8125,0 0,0.75 -2.5625,0 0,-0.8125 L 3,9.125 l -1.46875,0 0,-0.75 z m 2.5625,0 2.53125,0 0,0.75 -0.9375,0 0,3.71875 -0.65625,0 0,-3.71875 -0.9375,0 0,-0.75 z m 2.9375,0 2.375,0 0,0.75 -1.71875,0 0,1 1.59375,0 0,0.75 -1.59375,0 0,1.21875 1.78125,0 0,0.75 -2.4375,0 0,-4.46875 z"
+         id="rect5183-4"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+      <g
+         transform="scale(0.84425639,1.1844743)"
+         id="text5227-5"
+         style="font-size:5.26473427px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch.svg
new file mode 100644
index 00000000..61bb8283
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-switch.svg
@@ -0,0 +1,182 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.3749999,0,0,1.374743,7.6900945e-7,1030.3663)"
+       id="g22077"
+       style="fill:#649be6;fill-opacity:1">
+      <g
+         transform="translate(4.909344,-0.31306078)"
+         id="layer1-8-0"
+         style="fill:#649be6;fill-opacity:1">
+        <g
+           transform="scale(0.95964169,1.0420556)"
+           id="text4237-8"
+           style="font-size:5.75785017px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#649be6;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <path
+         d="M 8.21875,0 A 7.9999999,7.9999999 0 0 0 0,8 8,8 0 1 0 16,8 7.9999999,7.9999999 0 0 0 8.21875,0 z m -3.625,1.75 0,1.21875 8.78125,0 0,1.5 -8.78125,0 0,1.21875 L 2.625,3.71875 4.59375,1.75 z m 6.78125,4.28125 2,2 -2,1.96875 0,-1.21875 -8.75,0 0,-1.5 8.75,0 0,-1.25 z m -6.78125,4.25 0,1.25 8.78125,0 0,1.5 -8.78125,0 0,1.21875 -1.96875,-1.96875 1.96875,-2 z"
+         id="path7209"
+         style="fill:#649be6;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-tapelib-hpmsl.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-tapelib-hpmsl.svg
new file mode 100644
index 00000000..b89f0da2
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-tapelib-hpmsl.svg
@@ -0,0 +1,176 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <path
+       d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m -0.8125,1.75 16.3125,0 c 0.605135,0 1.09375,0.5108157 1.09375,1.15625 l 0,9.3125 c 0,0.645434 -0.488615,1.15625 -1.09375,1.15625 l -16.3125,0 C 2.2386148,13.375 1.75,12.864184 1.75,12.21875 l 0,-9.3125 C 1.75,2.2608157 2.2386148,1.75 2.84375,1.75 z M 5.75,5.03125 c -0.6051352,0 -1.0625,0.5108157 -1.0625,1.15625 l 0,2.1875 c 0,0.6454343 0.4573648,1.1875 1.0625,1.1875 l 10.5,0 c 0.605135,0 1.0625,-0.5420657 1.0625,-1.1875 l 0,-2.1875 c 0,-0.6454343 -0.457365,-1.15625 -1.0625,-1.15625 l -10.5,0 z m 9.375,0.25 c 0.984673,0 1.75,0.8560028 1.75,1.90625 0,1.0502472 -0.765327,1.875 -1.75,1.875 -0.984674,0 -1.78125,-0.8247528 -1.78125,-1.875 0,-1.0502472 0.796576,-1.90625 1.78125,-1.90625 z M 6.875,5.5 c 0.9846727,0 1.78125,0.8247529 1.78125,1.875 0,1.0502472 -0.7965773,1.9375 -1.78125,1.9375 -0.9846727,0 -1.75,-0.8872528 -1.75,-1.9375 0,-1.0502471 0.7653273,-1.875 1.75,-1.875 z m -1,8.59375 1.15625,0 0,2.40625 2.3125,0 0,-2.40625 1.15625,0 0,6.15625 -1.15625,0 0,-2.6875 -2.3125,0 0,2.6875 -1.15625,0 0,-6.15625 z m 5.8125,0 1.875,0 c 0.711361,0 1.190201,6.77e-4 1.40625,0.0625 0.331965,0.09274 0.619797,0.314485 0.84375,0.625 0.223942,0.310525 0.312495,0.69573 0.3125,1.1875 -5e-6,0.379373 -0.05841,0.71022 -0.1875,0.96875 -0.129105,0.258536 -0.301086,0.477471 -0.5,0.625 -0.198924,0.147534 -0.356999,0.202224 -0.5625,0.25 -0.279281,0.05901 -0.720432,0.125 -1.25,0.125 l -0.75,0 0,2.3125 -1.1875,0 0,-6.15625 z m 1.1875,1.03125 0,1.71875 0.65625,0 c 0.461067,0 0.7508,0.0021 0.90625,-0.0625 0.155443,-0.06463 0.255482,-0.174799 0.34375,-0.3125 0.08826,-0.137692 0.156247,-0.317337 0.15625,-0.5 -3e-6,-0.224807 -0.06367,-0.385118 -0.1875,-0.53125 -0.123833,-0.146123 -0.279056,-0.244709 -0.46875,-0.28125 -0.139641,-0.02806 -0.453453,-0.03125 -0.875,-0.03125 l -0.53125,0 z"
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-tapelib-ibmts.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-tapelib-ibmts.svg
new file mode 100644
index 00000000..a9363475
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-tapelib-ibmts.svg
@@ -0,0 +1,183 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <path
+       d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m -0.8125,1.75 16.3125,0 c 0.605135,0 1.09375,0.5134508 1.09375,1.15625 l 0,9.28125 c 0,0.642799 -0.488615,1.15625 -1.09375,1.15625 l -16.3125,0 C 2.2386138,13.34375 1.75,12.830299 1.75,12.1875 l 0,-9.28125 C 1.75,2.2634508 2.2386138,1.75 2.84375,1.75 z M 5.75,5 C 5.1448638,5 4.6875,5.5134509 4.6875,6.15625 l 0,2.1875 c 0,0.6427991 0.4573638,1.1875 1.0625,1.1875 l 10.5,0 c 0.605135,0 1.0625,-0.5447009 1.0625,-1.1875 l 0,-2.1875 C 17.3125,5.5134509 16.855135,5 16.25,5 L 5.75,5 z m 9.375,0.28125 c 0.984673,0 1.75,0.8290406 1.75,1.875 0,1.0459594 -0.765327,1.875 -1.75,1.875 -0.984674,0 -1.78125,-0.8290406 -1.78125,-1.875 0,-1.0459594 0.796576,-1.875 1.78125,-1.875 z m -8.25,0.1875 c 0.9846717,0 1.78125,0.8290407 1.78125,1.875 0,1.0459594 -0.7965783,1.9375 -1.78125,1.9375 -0.9846729,0 -1.75,-0.8915406 -1.75,-1.9375 0,-1.0459593 0.7653271,-1.875 1.75,-1.875 z m 6.46875,8.40625 c 0.727169,6e-6 1.257458,0.161367 1.625,0.5 0.367534,0.338645 0.575308,0.809674 0.59375,1.375 l -1.15625,0.0625 c -0.05007,-0.316246 -0.179085,-0.580211 -0.34375,-0.71875 -0.164671,-0.13853 -0.420668,-0.187494 -0.75,-0.1875 -0.339876,6e-6 -0.58892,0.101677 -0.78125,0.25 -0.123832,0.09516 -0.187502,0.215481 -0.1875,0.375 -2e-6,0.145535 0.07157,0.240204 0.1875,0.34375 0.14754,0.131542 0.493406,0.263521 1.0625,0.40625 0.569089,0.142736 1.008557,0.316225 1.28125,0.46875 0.272685,0.15253 0.439616,0.360528 0.59375,0.625 0.154128,0.264477 0.249995,0.610987 0.25,1 -5e-6,0.352633 -0.09683,0.660898 -0.28125,0.96875 -0.184432,0.307855 -0.444016,0.537772 -0.78125,0.6875 -0.337243,0.149732 -0.778029,0.218749 -1.28125,0.21875 -0.732445,-1e-6 -1.263683,-0.171621 -1.65625,-0.53125 C 11.326182,19.359121 11.076405,18.813474 11,18.125 l 1.15625,-0.09375 c 0.0685,0.405809 0.196791,0.684693 0.40625,0.875 0.209455,0.190312 0.488066,0.312501 0.84375,0.3125 0.376757,1e-6 0.652732,-0.111932 0.84375,-0.28125 0.191013,-0.169318 0.281247,-0.335807 0.28125,-0.5625 0,-0.145529 -0.01339,-0.272849 -0.09375,-0.375 C 14.357141,17.897849 14.200232,17.794322 14,17.71875 13.862992,17.668381 13.549914,17.566242 13.0625,17.4375 12.435443,17.272379 12.002928,17.084439 11.75,16.84375 c -0.355683,-0.338635 -0.531251,-0.763027 -0.53125,-1.25 -10e-7,-0.313446 0.0827,-0.602125 0.25,-0.875 0.167302,-0.272865 0.403904,-0.482262 0.71875,-0.625 0.314843,-0.142726 0.710986,-0.218744 1.15625,-0.21875 z M 5.9375,14 l 4.59375,0 0,1.03125 -1.6875,0 0,5.09375 -1.15625,0 0,-5.09375 -1.75,0 0,-1.03125 z"
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1032.1506)"
+       id="g22144">
+      <g
+         id="text12320"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-tapelib-sunts.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-tapelib-sunts.svg
new file mode 100644
index 00000000..8de3e3a2
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it-tapelib-sunts.svg
@@ -0,0 +1,196 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <path
+       d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m -0.8125,1.75 16.3125,0 c 0.605135,0 1.09375,0.5178991 1.09375,1.15625 l 0,9.21875 c 0,0.638351 -0.488615,1.125 -1.09375,1.125 l -16.3125,0 C 2.2386148,13.25 1.75,12.763351 1.75,12.125 l 0,-9.21875 C 1.75,2.2678991 2.2386148,1.75 2.84375,1.75 z M 5.75,5 C 5.1448648,5 4.6875,5.4866492 4.6875,6.125 l 0,2.1875 C 4.6875,8.9508508 5.1448648,9.5 5.75,9.5 l 10.5,0 c 0.605135,0 1.0625,-0.5491492 1.0625,-1.1875 l 0,-2.1875 C 17.3125,5.4866492 16.855135,5 16.25,5 L 5.75,5 z m 9.375,0.25 c 0.984673,0 1.75,0.8362789 1.75,1.875 0,1.0387211 -0.765327,1.875 -1.75,1.875 -0.984674,0 -1.78125,-0.8362789 -1.78125,-1.875 0,-1.0387211 0.796576,-1.875 1.78125,-1.875 z m -8.25,0.1875 c 0.9846727,0 1.78125,0.836279 1.78125,1.875 0,1.0387211 -0.7965773,1.90625 -1.78125,1.90625 -0.9846727,0 -1.75,-0.8675289 -1.75,-1.90625 0,-1.038721 0.7653273,-1.875 1.75,-1.875 z m -1.625,8.5 c 0.7271696,7e-6 1.2574576,0.13246 1.625,0.46875 0.3675338,0.3363 0.575302,0.813585 0.59375,1.375 l -1.15625,0.0625 c -0.050063,-0.314053 -0.1790858,-0.54992 -0.34375,-0.6875 -0.1646709,-0.137572 -0.4206674,-0.218745 -0.75,-0.21875 -0.3398765,5e-6 -0.5889201,0.102705 -0.78125,0.25 -0.1238321,0.0945 -0.1875016,0.216584 -0.1875,0.375 -1.6e-6,0.144528 0.071573,0.240921 0.1875,0.34375 0.1475404,0.130632 0.493406,0.26451 1.0625,0.40625 0.5690884,0.141748 1.0085563,0.317282 1.28125,0.46875 0.2726854,0.151475 0.4396163,0.36236 0.59375,0.625 0.1541247,0.262648 0.2499949,0.551179 0.25,0.9375 -5.1e-6,0.350194 -0.096827,0.694278 -0.28125,1 C 7.1593175,19.649473 6.8997353,19.882557 6.5625,20.03125 6.2252569,20.179946 5.8157215,20.25 5.3125,20.25 4.5800559,20.25 4.0175665,20.07589 3.625,19.71875 3.2324314,19.361611 2.982655,18.83996 2.90625,18.15625 l 1.15625,-0.125 c 0.068501,0.403 0.196791,0.686009 0.40625,0.875 0.2094554,0.188995 0.4880653,0.312501 0.84375,0.3125 0.3767568,1e-6 0.6527321,-0.08185 0.84375,-0.25 C 6.3472613,18.8006 6.4374962,18.600125 6.4375,18.375 6.4374965,18.230478 6.4241036,18.101444 6.34375,18 6.2633884,17.898557 6.1064826,17.793787 5.90625,17.71875 5.7692433,17.668725 5.4561637,17.596601 4.96875,17.46875 4.3416934,17.304774 3.9091784,17.082773 3.65625,16.84375 3.300567,16.507458 3.1249994,16.108602 3.125,15.625 c -6e-7,-0.311278 0.082698,-0.604013 0.25,-0.875 C 3.5423015,14.479024 3.778904,14.298001 4.09375,14.15625 4.4085929,14.014507 4.8047362,13.937507 5.25,13.9375 z m 3.375,0.09375 1.15625,0 0,3.3125 c 0,0.52529 0.033516,0.844362 0.0625,1 0.050057,0.250139 0.1241181,0.47353 0.3125,0.625 0.188378,0.151477 0.485796,0.218751 0.8125,0.21875 0.331967,1e-6 0.581377,-0.04436 0.75,-0.1875 0.168616,-0.143134 0.246995,-0.322802 0.28125,-0.53125 0.03425,-0.208446 0.0625,-0.54765 0.0625,-1.03125 l 0,-3.40625 1.1875,0 0,3.21875 c 0,0.733737 -0.06177,1.259558 -0.125,1.5625 -0.06324,0.302945 -0.142568,0.541553 -0.3125,0.75 -0.169942,0.208448 -0.402959,0.376322 -0.6875,0.5 C 11.84045,20.186179 11.458432,20.25 11,20.25 10.446714,20.25 10.035861,20.197292 9.75,20.0625 9.4641342,19.927703 9.228484,19.746647 9.0625,19.53125 8.8965141,19.315855 8.7714426,19.079991 8.71875,18.84375 8.6423438,18.49356 8.625,17.964961 8.625,17.28125 l 0,-3.25 z m 5.84375,0 1.15625,0 2.375,4.09375 0,-4.09375 1.09375,0 0,6.09375 -1.1875,0 -2.34375,-3.96875 0,3.96875 -1.09375,0 0,-6.09375 z"
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)"
+       id="g22144">
+      <g
+         id="text12320"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2197163,1.75,1032.1122)"
+       id="g22157">
+      <g
+         id="layer1-80">
+        <g
+           id="text5399-7"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text9726"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it.svg
new file mode 100644
index 00000000..03b78d51
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/it.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g3112">
+    <rect
+       width="17.067265"
+       height="17.988041"
+       x="3.2227204"
+       y="2.367713"
+       id="rect3035"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <g
+         id="layer1-1">
+        <path
+           d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m 3.21875,3.78125 8.25,0 0,4.53125 -4.65625,0 0,1 4.65625,0 0,3.125 -4.65625,0 0,1 4.65625,0 0,3.78125 1.625,0 0,1 -11.5,0 0,-1 1.625,0 0,-13.4375 z"
+           transform="translate(0,1030.3622)"
+           id="rect3001-7-4"
+           style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+        <g
+           transform="translate(3,1033.8577)"
+           id="layer1-8">
+          <g
+             id="text5399"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="translate(0,-1036.4247)"
+             id="layer1-3">
+            <g
+               transform="scale(0.89723629,1.1145336)"
+               id="text5639"
+               style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               transform="scale(1.0195853,0.98079088)"
+               id="text6068"
+               style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               id="text6125"
+               style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="translate(0,-1036.3622)"
+             id="layer1-84">
+            <g
+               transform="scale(0.93557544,1.0688609)"
+               id="text7308"
+               style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(0.9686171,1.0323997)"
+             id="text5724"
+             style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text5751"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="layer1-37">
+            <g
+               id="text5141"
+               style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(1.0995518,0.90946149)"
+             id="text5804"
+             style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(0.94725198,1.0556853)"
+             id="text5938"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+           id="layer1-849">
+          <g
+             id="text7004"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="matrix(1.125,0,0,1.125,2,1032.3622)"
+           id="layer1-9" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/networkTree.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/networkTree.svg
new file mode 100644
index 00000000..54837ff7
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/networkTree.svg
@@ -0,0 +1,349 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g3565">
+    <g
+       transform="translate(0,-1030.3622)"
+       id="layer1">
+      <g
+         transform="translate(3,1033.8577)"
+         id="layer1-8">
+        <g
+           id="text5399"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37">
+          <g
+             id="text5141"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+         id="layer1-849">
+        <g
+           id="text7004"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+         id="layer1-29" />
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-5"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-3-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-7"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+         id="layer1-6">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-3"
+           style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+         id="layer1-2-2">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-2-5"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(16.574815,1039.9887)"
+         id="g18916">
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-37-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-75"
+             style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           id="text3074-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3330-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text3334-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0025516,0.99745489)"
+           id="text3420"
+           style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(2.0604683,1034.7666)"
+         id="layer1-03" />
+      <g
+         id="text21552"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+         id="layer1-6-9">
+        <g
+           id="text5399-0"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)"
+         id="g22144">
+        <g
+           id="text12320"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(1.1250848,0,0,1.1285478,1.9999998,1032.3054)"
+         id="layer1-3-4" />
+      <g
+         transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+         id="g23063"
+         style="fill:#000000">
+        <g
+           transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+           id="layer1-4"
+           style="fill:#000000" />
+        <g
+           transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+           id="g5818-5"
+           style="fill:#000000" />
+      </g>
+      <g
+         transform="matrix(0.91666667,0,0,1,28.823069,1038.8021)"
+         id="g23116">
+        <g
+           transform="matrix(1.25,0,0,1.25,2,2)"
+           id="layer1-2-0"
+           style="fill:#ffffff">
+          <g
+             id="text5399-1"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="translate(0,-1036.4247)"
+             id="layer1-3-4-5"
+             style="fill:#ffffff">
+            <g
+               transform="scale(0.89723629,1.1145336)"
+               id="text5639-9"
+               style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               transform="scale(1.0195853,0.98079088)"
+               id="text6068-8"
+               style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+            <g
+               id="text6125-2"
+               style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="translate(0,-1036.3622)"
+             id="layer1-84-4"
+             style="fill:#ffffff">
+            <g
+               transform="scale(0.93557544,1.0688609)"
+               id="text7308-5-9"
+               style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(0.9686171,1.0323997)"
+             id="text5724-2"
+             style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text5751-9"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="layer1-37-9"
+             style="fill:#ffffff">
+            <g
+               id="text5141-8"
+               style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          </g>
+          <g
+             transform="scale(1.0995518,0.90946149)"
+             id="text5804-3"
+             style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(0.94725198,1.0556853)"
+             id="text5938-8"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+      </g>
+      <g
+         transform="translate(43.124145,1027.7513)"
+         id="g22866">
+        <g
+           transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+           id="layer1-9" />
+      </g>
+      <g
+         transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+         id="g22992"
+         style="fill:#b3b3b3">
+        <g
+           transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+           id="layer1-1"
+           style="fill:#b3b3b3" />
+        <g
+           transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+           id="g5818"
+           style="fill:#b3b3b3" />
+      </g>
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 z"
+         transform="translate(0,1030.3622)"
+         id="rect3001-7-4-4"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="matrix(1.125,0,0,1.0860769,2,1032.3622)"
+         id="layer1-0">
+        <g
+           id="text5399-8"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-1-2">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-0"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-9"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-2-0"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-4-1">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-9"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-1"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-5"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-7">
+          <g
+             id="text5141-3"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-3-2"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-4"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+         id="g23227"
+         style="fill:#808080">
+        <g
+           transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+           id="layer1-8-2"
+           style="fill:#808080" />
+        <g
+           transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+           id="g5818-55"
+           style="fill:#808080" />
+      </g>
+    </g>
+    <path
+       d="m 10.723782,2.1610171 c -1.5255113,0 -2.7621824,1.2366711 -2.7621824,2.7621823 0,0.4249638 0.1047718,0.8142826 0.2762182,1.1739274 -0.046899,-0.00236 -0.090623,0 -0.138109,0 -1.5255112,0 -2.7621823,1.2366711 -2.7621823,2.7621822 0,0.4739981 0.1003932,0.9222421 0.3107455,1.312036 -1.1494161,0.334271 -2.0025821,1.366793 -2.0025821,2.624073 0,0.606454 0.2211016,1.167175 0.5524364,1.622782 -1.1705706,0.320601 -2.0371094,1.386287 -2.0371094,2.658601 0,1.525511 1.2366711,2.762182 2.7621823,2.762182 0.8085208,0 1.531969,-0.344057 2.0371093,-0.897709 0.5055462,0.560613 1.2573015,0.897709 2.0716368,0.897709 0.7799487,0 1.4657827,-0.308802 1.9680547,-0.828655 0.502272,0.519853 1.222634,0.828655 2.002582,0.828655 0.814336,0 1.531564,-0.337096 2.037109,-0.897709 0.505141,0.553652 1.228589,0.897709 2.03711,0.897709 1.525511,0 2.762182,-1.236671 2.762182,-2.762182 0,-1.296051 -0.902153,-2.36075 -2.106164,-2.658601 0.323599,-0.452403 0.517909,-1.024144 0.517909,-1.622782 0,-1.38176 -1.023023,-2.489647 -2.347855,-2.693127 0.139775,-0.330463 0.207164,-0.7234951 0.207164,-1.1048729 0,-1.5255111 -1.236671,-2.7621822 -2.762182,-2.7621822 -0.08361,0 -0.159972,0.027254 -0.241691,0.034527 0.22406,-0.3991828 0.3798,-0.856221 0.3798,-1.3465638 0,-1.5255112 -1.236671,-2.7621823 -2.762182,-2.7621823 z m -0.172637,5.5243645 c 0.05843,0.00369 0.113279,0 0.172637,0 0.0831,0 0.160456,0.00718 0.241691,0 C 10.88131,7.835952 10.778888,7.9679712 10.723782,8.1342362 10.68072,7.9784966 10.619504,7.8287784 10.551145,7.6853816 z m 0.13811,2.0371093 c 0.03089,0.1185382 0.05791,0.2334961 0.103581,0.3452731 -0.08236,0.0042 -0.161399,0.02322 -0.241691,0.03453 0.05971,-0.1183971 0.09569,-0.2523943 0.13811,-0.3798001 z"
+       id="path3125"
+       style="fill:#ffffff;fill-rule:evenodd;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/new.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/new.svg
new file mode 100644
index 00000000..c565fd5d
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/new.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="8px" height="8px" viewBox="0 0 8 8" enable-background="new 0 0 8 8" xml:space="preserve">
+<polygon fill="#6393CD" points="8,3 5,3 5,0 3,0 3,3 0,3 0,5 3,5 3,8 5,8 5,5 8,5 "/>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/popupmenufollower.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/popupmenufollower.svg
new file mode 100644
index 00000000..48fae05d
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/popupmenufollower.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="18px" height="18px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve">
+<g id="layer1" transform="translate(0,-1040.3622)">
+	<g id="g3792">
+		<path id="rect2985" fill="#E45E12" d="M3.366,1040.362h11.268c1.859,0,3.366,1.508,3.366,3.366v11.268
+			c0,1.86-1.507,3.366-3.366,3.366H3.366c-1.859,0-3.366-1.506-3.366-3.366v-11.268C0,1041.87,1.507,1040.362,3.366,1040.362z"/>
+		<path id="path3761" fill="#FFFFFF" d="M3.422,1043.034l-1.219,1.313l5.203,4.828l-4.453,5.25l1.359,1.172l5.016-5.906l0.563-0.656
+			l-0.656-0.609L3.422,1043.034z M10.031,1043.034l-1.219,1.313l5.203,4.828l-4.453,5.25l1.359,1.172l5.016-5.906l0.516-0.656
+			l-0.609-0.609L10.031,1043.034z"/>
+	</g>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/resourceType.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/resourceType.svg
new file mode 100644
index 00000000..f97f496f
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/resourceType.svg
@@ -0,0 +1,211 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg9974">
+  <defs
+     id="defs9976">
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-8" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-4" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-1" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-6" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-7" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-3" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font3933-9" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-5" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-60" />
+    <font
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       horiz-adv-x="1024"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90"
+       id="font4968-33" />
+  </defs>
+  <metadata
+     id="metadata9979">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.15625,0,0,1.2291667,1.75,1.75)"
+     id="layer1">
+    <g
+       id="text5399"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="translate(0,-1036.4247)"
+       id="layer1-3">
+      <g
+         transform="scale(0.89723629,1.1145336)"
+         id="text5639"
+         style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0195853,0.98079088)"
+         id="text6068"
+         style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text6125"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(0,-1036.3622)"
+       id="layer1-84">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308"
+         style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(0.9686171,1.0323997)"
+       id="text5724"
+       style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="text5751"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       id="layer1-37">
+      <g
+         id="text5141"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="scale(1.0995518,0.90946149)"
+       id="text5804"
+       style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(0.94725198,1.0556853)"
+       id="text5938"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+  <g
+     id="g3435">
+    <path
+       d="M 3.6562499,0 C 1.6217799,0 -7.5000001e-8,1.70267 -7.5000001e-8,3.8125 l 0,14.375 C -7.5000001e-8,20.29732 1.6217799,22 3.6562499,22 L 18.34375,22 C 20.37823,22 22,20.29732 22,18.1875 L 22,3.8125 C 22,1.70267 20.37823,0 18.34375,0 z"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="m 3.4218749,3.59375 0,3.5 9.2500001,0 0,-3.5 -9.2500001,0 z m 13.4062501,0 c -0.966498,0 -1.75,0.7835017 -1.75,1.75 0,0.9664983 0.783502,1.75 1.75,1.75 0.966498,0 1.75,-0.7835017 1.75,-1.75 0,-0.9664983 -0.783502,-1.75 -1.75,-1.75 z"
+       id="rect3263"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="m 3.4218749,9.3117053 0,3.4999997 9.2500001,0 0,-3.4999997 -9.2500001,0 z m 13.4062501,0 c -0.966498,0 -1.75,0.7835017 -1.75,1.7499997 0,0.966499 0.783502,1.75 1.75,1.75 0.966498,0 1.75,-0.783501 1.75,-1.75 0,-0.966498 -0.783502,-1.7499997 -1.75,-1.7499997 z"
+       id="rect3263-1"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <path
+       d="m 3.4218749,15.029661 0,3.5 9.2500001,0 0,-3.5 -9.2500001,0 z m 13.4062501,0 c -0.966498,0 -1.75,0.783502 -1.75,1.75 0,0.966499 0.783502,1.75 1.75,1.75 0.966498,0 1.75,-0.783501 1.75,-1.75 0,-0.966498 -0.783502,-1.75 -1.75,-1.75 z"
+       id="rect3263-4"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/stop.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/stop.svg
new file mode 100644
index 00000000..aef3aed8
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/stop.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<g id="g4763">
+	<g id="layer1-7" transform="matrix(0.91787765,0,0,0.91736642,-0.6374356,-0.15374916)">
+		<g id="text4267">
+		</g>
+		<g id="text4597" transform="scale(0.92423852,1.0819718)">
+		</g>
+	</g>
+	<path id="rect4876" inkscape:connector-curvature="0" fill="#C9161D" d="M1.504,0C0.67,0,0,0.67,0,1.504v6.992
+		C0,9.33,0.67,10,1.504,10h6.992C9.33,10,10,9.33,10,8.496V1.504C10,0.67,9.33,0,8.496,0H1.504z M1.855,1.25h6.289
+		c0.334,0,0.605,0.271,0.605,0.605v6.289c0,0.334-0.271,0.605-0.605,0.605H1.855c-0.334,0-0.605-0.271-0.605-0.605V1.855
+		C1.25,1.521,1.521,1.25,1.855,1.25z M2.891,2.891v4.219h4.219V2.891H2.891z"/>
+</g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/tree-icon.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/tree-icon.svg
new file mode 100644
index 00000000..50a0e820
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/tree-icon.svg
@@ -0,0 +1,291 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   id="svg15992"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="uep-moc-uca-public.svg">
+  <defs
+     id="defs15994" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="19.671598"
+     inkscape:cx="20.671554"
+     inkscape:cy="10.790811"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1440"
+     inkscape:window-height="844"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1030.3622)">
+    <g
+       id="layer1-8"
+       transform="translate(3,1033.8577)">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       id="layer1-2"
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)">
+      <g
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text7308-2"
+         transform="scale(0.93557544,1.0688609)" />
+    </g>
+    <g
+       id="layer1-29"
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)" />
+    <g
+       id="layer1-3-2"
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)">
+      <g
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text7308-5"
+         transform="scale(0.93557544,1.0688609)" />
+    </g>
+    <g
+       id="layer1-3-1"
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)">
+      <g
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text7308-7"
+         transform="scale(0.93557544,1.0688609)" />
+    </g>
+    <g
+       id="layer1-6"
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)">
+      <g
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text7308-3"
+         transform="scale(0.93557544,1.0688609)" />
+    </g>
+    <g
+       id="layer1-2-2"
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)">
+      <g
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text7308-2-5"
+         transform="scale(0.93557544,1.0688609)" />
+    </g>
+    <g
+       id="g18916"
+       transform="translate(16.574815,1039.9887)">
+      <g
+         id="layer1-37-1"
+         transform="translate(0,-1036.3622)">
+        <g
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+           id="text7308-75"
+           transform="scale(0.93557544,1.0688609)" />
+      </g>
+      <g
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text3074-3" />
+      <g
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text3330-4" />
+      <g
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text3334-3" />
+      <g
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text3420"
+         transform="scale(1.0025516,0.99745489)" />
+    </g>
+    <g
+       id="layer1-03"
+       transform="translate(2.0604683,1034.7666)" />
+    <g
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+       id="text21552" />
+    <g
+       id="layer1-6-9"
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)">
+      <g
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text5399-0" />
+    </g>
+    <g
+       id="g22144"
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)">
+      <g
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+         id="text12320" />
+    </g>
+    <g
+       id="layer1-3-4"
+       transform="matrix(1.1250848,0,0,1.1285478,1.9999998,1032.3054)" />
+    <g
+       id="g23063"
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       style="fill:#000000">
+      <g
+         id="layer1-4"
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         style="fill:#000000" />
+      <g
+         style="fill:#000000"
+         id="g5818-5"
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)" />
+    </g>
+    <g
+       id="g23116"
+       transform="matrix(0.91666667,0,0,1,28.823069,1038.8021)">
+      <g
+         style="fill:#ffffff"
+         id="layer1-2-0"
+         transform="matrix(1.25,0,0,1.25,2,2)">
+        <g
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+           id="text5399-1" />
+        <g
+           style="fill:#ffffff"
+           id="layer1-3-4-5"
+           transform="translate(0,-1036.4247)">
+          <g
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+             id="text5639-9"
+             transform="scale(0.89723629,1.1145336)" />
+          <g
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+             id="text6068-8"
+             transform="scale(1.0195853,0.98079088)" />
+          <g
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+             id="text6125-2" />
+        </g>
+        <g
+           style="fill:#ffffff"
+           id="layer1-84-4"
+           transform="translate(0,-1036.3622)">
+          <g
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+             id="text7308-5-9"
+             transform="scale(0.93557544,1.0688609)" />
+        </g>
+        <g
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+           id="text5724-2"
+           transform="scale(0.9686171,1.0323997)" />
+        <g
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+           id="text5751-9" />
+        <g
+           style="fill:#ffffff"
+           id="layer1-37-9">
+          <g
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+             id="text5141-8" />
+        </g>
+        <g
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+           id="text5804-3"
+           transform="scale(1.0995518,0.90946149)" />
+        <g
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold"
+           id="text5938-8"
+           transform="scale(0.94725198,1.0556853)" />
+      </g>
+    </g>
+    <path
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       d="M 3.65625 0 C 1.62178 0 0 1.7027 0 3.8125 L 0 18.1875 C 0 20.2973 1.62178 22 3.65625 22 L 18.34375 22 C 20.37823 22 22 20.2973 22 18.1875 L 22 3.8125 C 22 1.7027 20.37823 0 18.34375 0 L 3.65625 0 z M 8.9375 2.75 L 13.0625 2.75 L 13.0625 6.875 L 12.15625 6.875 L 12.15625 8.9375 L 17.1875 8.9375 L 17.1875 11 L 17.1875 15.125 L 19.25 15.125 L 19.25 19.25 L 13.0625 19.25 L 13.0625 15.125 L 15.125 15.125 L 15.125 11 L 6.875 11 L 6.875 15.125 L 8.9375 15.125 L 8.9375 19.25 L 2.75 19.25 L 2.75 15.125 L 4.8125 15.125 L 4.8125 11 L 4.8125 8.9375 L 10.03125 8.9375 L 10.03125 6.875 L 8.9375 6.875 L 8.9375 2.75 z "
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4" />
+    <g
+       id="g22866"
+       transform="matrix(0.91666667,0,0,0.91666667,-4.0000003e-8,1030.3622)"
+       style="fill:#808080">
+      <g
+         id="layer1-9"
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         style="fill:#808080" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-moc-root.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-moc-root.svg
new file mode 100644
index 00000000..2f97ca86
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-moc-root.svg
@@ -0,0 +1,355 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)"
+       id="g22144">
+      <g
+         id="text12320"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.1250848,0,0,1.1285478,1.9999998,1032.3054)"
+       id="layer1-3-4" />
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23063"
+       style="fill:#000000">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-4"
+         style="fill:#000000" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-5"
+         style="fill:#000000" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,1,28.823069,1038.8021)"
+       id="g23116">
+      <g
+         transform="matrix(1.25,0,0,1.25,2,2)"
+         id="layer1-2-0"
+         style="fill:#ffffff">
+        <g
+           id="text5399-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-4-5"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-9"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-8"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-2"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-4"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-5-9"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-2"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-9"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-9"
+           style="fill:#ffffff">
+          <g
+             id="text5141-8"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-3"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-8"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+    <g
+       transform="translate(43.124145,1027.7513)"
+       id="g22866">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-9" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g22992"
+       style="fill:#b3b3b3">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-1"
+         style="fill:#b3b3b3" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818"
+         style="fill:#b3b3b3" />
+    </g>
+    <path
+       d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z m 0.46875,3.59375 6.40625,0 0.28125,1.09375 7.46875,0 0.53125,1.15625 -15.71875,0 1.03125,-2.25 z M 2,7.65625 l 18,0 -1.09375,10.75 -15.78125,0 L 2,7.65625 z"
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.125,0,0,1.0860769,2,1032.3622)"
+       id="layer1-0">
+      <g
+         id="text5399-8"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3-1-2">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639-0"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068-9"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125-2-0"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84-4-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-9"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724-1"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751-5"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37-7">
+        <g
+           id="text5141-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804-3-2"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23227"
+       style="fill:#808080">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-8-2"
+         style="fill:#808080" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-55"
+         style="fill:#808080" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23270"
+       style="fill:#666666">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-5"
+         style="fill:#666666" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-4"
+         style="fill:#666666" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-moc-uca-public.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-moc-uca-public.svg
new file mode 100644
index 00000000..95bc3cbc
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-moc-uca-public.svg
@@ -0,0 +1,329 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)"
+       id="g22144">
+      <g
+         id="text12320"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.1250848,0,0,1.1285478,1.9999998,1032.3054)"
+       id="layer1-3-4" />
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23063"
+       style="fill:#000000">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-4"
+         style="fill:#000000" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-5"
+         style="fill:#000000" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,1,28.823069,1038.8021)"
+       id="g23116">
+      <g
+         transform="matrix(1.25,0,0,1.25,2,2)"
+         id="layer1-2-0"
+         style="fill:#ffffff">
+        <g
+           id="text5399-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-4-5"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-9"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-8"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-2"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-4"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-5-9"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-2"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-9"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-9"
+           style="fill:#ffffff">
+          <g
+             id="text5141-8"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-3"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-8"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+    <g
+       transform="translate(43.124145,1027.7513)"
+       id="g22866">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-9" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g22992"
+       style="fill:#b3b3b3">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-1"
+         style="fill:#b3b3b3" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818"
+         style="fill:#b3b3b3" />
+    </g>
+    <path
+       d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 3.5,2 18.5,2 C 19.334554,2 20,2.6630701 20,3.46875 L 20,12.5 c 0,0.80568 -0.665446,1.4375 -1.5,1.4375 l -4.125,0 0,1.5625 3.25,0 0,1.4375 -3.25,0 -1.6875,0 0,-3 -3.375,0 0,3 -1.6875,0 -3.25,0 0,-1.4375 3.25,0 0,-1.5625 -4.125,0 C 2.665446,13.9375 2,13.30568 2,12.5 L 2,3.46875 C 2,2.6630701 2.665446,2 3.5,2 z m 0.4375,1.90625 0,7.96875 14.125,0 0,-7.96875 -14.125,0 z m 0.4375,14.6875 13.25,0 0,1.40625 -13.25,0 0,-1.40625 z"
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.125,0,0,1.0860769,2,1032.3622)"
+       id="layer1-0">
+      <g
+         id="text5399-8"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3-1-2">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639-0"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068-9"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125-2-0"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84-4-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-9"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724-1"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751-5"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37-7">
+        <g
+           id="text5141-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804-3-2"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-commongroup20x20.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-commongroup20x20.svg
new file mode 100644
index 00000000..f072f473
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-commongroup20x20.svg
@@ -0,0 +1,278 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)"
+       id="g22144">
+      <g
+         id="text12320"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.1250848,0,0,1.1285478,1.9999998,1032.3054)"
+       id="layer1-3-4" />
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23063"
+       style="fill:#000000">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-4"
+         style="fill:#000000" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-5"
+         style="fill:#000000" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,1,28.823069,1038.8021)"
+       id="g23116">
+      <g
+         transform="matrix(1.25,0,0,1.25,2,2)"
+         id="layer1-2-0"
+         style="fill:#ffffff">
+        <g
+           id="text5399-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-4-5"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-9"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-8"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-2"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-4"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-5-9"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-2"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-9"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-9"
+           style="fill:#ffffff">
+          <g
+             id="text5141-8"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-3"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-8"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+    <path
+       d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 2.75,4.59375 l 16.5,0 0,3.1875 -1.53125,0 0,5.4375 c 0.889658,0.237377 1.53125,1.065797 1.53125,2.0625 0,1.181276 -0.923412,2.125 -2.0625,2.125 -1.139088,0 -2.0625,-0.943724 -2.0625,-2.125 0,-0.996703 0.672842,-1.825123 1.5625,-2.0625 l 0,-5.4375 -5.15625,0 0,5.4375 c 0.889659,0.237377 1.53125,1.065797 1.53125,2.0625 0,1.181276 -0.923412,2.125 -2.0625,2.125 -1.1390867,0 -2.0625,-0.943724 -2.0625,-2.125 0,-0.996703 0.641592,-1.825123 1.53125,-2.0625 l 0,-5.4375 -5.15625,0 0,5.4375 c 0.889658,0.237377 1.5625,1.065797 1.5625,2.0625 0,1.181276 -0.9234124,2.125 -2.0625,2.125 -1.1390867,0 -2.0625,-0.943724 -2.0625,-2.125 0,-0.996703 0.641592,-1.825123 1.53125,-2.0625 l 0,-5.4375 -1.53125,0 0,-3.1875 z"
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="translate(43.124145,1027.7513)"
+       id="g22866">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-9" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g22992"
+       style="fill:#b3b3b3">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-1"
+         style="fill:#b3b3b3" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818"
+         style="fill:#b3b3b3" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-group20x20.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-group20x20.svg
new file mode 100644
index 00000000..2183e2d1
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-group20x20.svg
@@ -0,0 +1,277 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)"
+       id="g22144">
+      <g
+         id="text12320"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.1250848,0,0,1.1285478,1.9999998,1032.3054)"
+       id="layer1-3-4" />
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23063"
+       style="fill:#000000">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-4"
+         style="fill:#000000" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-5"
+         style="fill:#000000" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,1,28.823069,1038.8021)"
+       id="g23116">
+      <g
+         transform="matrix(1.25,0,0,1.25,2,2)"
+         id="layer1-2-0"
+         style="fill:#ffffff">
+        <g
+           id="text5399-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-4-5"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-9"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-8"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-2"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-4"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-5-9"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-2"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-9"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-9"
+           style="fill:#ffffff">
+          <g
+             id="text5141-8"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-3"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-8"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+    <g
+       transform="translate(43.124145,1027.7513)"
+       id="g22866">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-9" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g22992"
+       style="fill:#b3b3b3">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-1"
+         style="fill:#b3b3b3" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818"
+         style="fill:#b3b3b3" />
+    </g>
+    <path
+       d="M 3.6562497,1030.3622 C 1.6217797,1030.3622 0,1032.0649 0,1034.1747 l 0,14.375 c 0,2.1098 1.6217797,3.8125 3.6562497,3.8125 l 14.6875003,0 c 2.03448,0 3.65625,-1.7027 3.65625,-3.8125 l 0,-14.375 c 0,-2.1098 -1.62177,-3.8125 -3.65625,-3.8125 l -14.6875003,0 z m -0.90625,4.5938 16.5000003,0 0,3.1875 -1.53125,0 0,5.375 1.53125,0 0,4.25 -4.125,0 0,-4.25 1.5625,0 0,-5.375 -5.15625,0 0,5.375 1.53125,0 0,4.25 -4.1250003,0 0,-4.25 1.5312503,0 0,-5.375 -5.1562503,0 0,5.375 1.5625,0 0,4.25 -4.125,0 0,-4.25 1.53125,0 0,-5.375 -1.53125,0 0,-3.1875 z"
+       id="rect3001-7-4-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-root.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-root.svg
new file mode 100644
index 00000000..e0bdf3f8
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-root.svg
@@ -0,0 +1,259 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)"
+       id="g22144">
+      <g
+         id="text12320"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.1250848,0,0,1.1285478,1.9999998,1032.3054)"
+       id="layer1-3-4" />
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23063"
+       style="fill:#000000">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-4"
+         style="fill:#000000" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-5"
+         style="fill:#000000" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23116"
+       style="fill:#4d4d4d">
+      <path
+         d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 3.375,1.84375 l 15.25,0 c 0.850009,0 1.53125,0.6812412 1.53125,1.53125 l 0,9.53125 c 0,0.850009 -0.681241,1.53125 -1.53125,1.53125 l -6.0625,0 0.59375,3.09375 c -1.100787,0.482103 -2.376349,0.694797 -4.3125,0 L 9.625,14.4375 l -6.25,0 c -0.8500088,0 -1.53125,-0.681241 -1.53125,-1.53125 l 0,-9.53125 c 0,-0.8500088 0.6812412,-1.53125 1.53125,-1.53125 z m 0.4375,2 0,8.375 14.375,0 0,-8.375 -14.375,0 z M 7.28125,16.875 c 0.4006063,1.137204 1.8945274,2 3.71875,2 1.824223,0 3.318144,-0.862796 3.71875,-2 0.666505,0.346602 1.09375,0.800622 1.09375,1.28125 0,1.114499 -2.164447,2 -4.8125,2 -2.6480533,0 -4.8125,-0.885501 -4.8125,-2 0,-0.480628 0.427245,-0.934648 1.09375,-1.28125 z"
+         transform="scale(1.0909091,1.0909091)"
+         id="rect4569"
+         style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+      <g
+         transform="matrix(1.25,0,0,1.25,2,2)"
+         id="layer1-2-0"
+         style="fill:#4d4d4d">
+        <g
+           id="text5399-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-4-5"
+           style="fill:#4d4d4d">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-9"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-8"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-2"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-4"
+           style="fill:#4d4d4d">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-5-9"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-2"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-9"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-9"
+           style="fill:#4d4d4d">
+          <g
+             id="text5141-8"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-3"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-8"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-undefinedgroup20x20.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-undefinedgroup20x20.svg
new file mode 100644
index 00000000..e8883c25
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-undefinedgroup20x20.svg
@@ -0,0 +1,342 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)"
+       id="g22144">
+      <g
+         id="text12320"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.1250848,0,0,1.1285478,1.9999998,1032.3054)"
+       id="layer1-3-4" />
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23063"
+       style="fill:#000000">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-4"
+         style="fill:#000000" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-5"
+         style="fill:#000000" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,1,28.823069,1038.8021)"
+       id="g23116">
+      <g
+         transform="matrix(1.25,0,0,1.25,2,2)"
+         id="layer1-2-0"
+         style="fill:#ffffff">
+        <g
+           id="text5399-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-4-5"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-9"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-8"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-2"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-4"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-5-9"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-2"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-9"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-9"
+           style="fill:#ffffff">
+          <g
+             id="text5141-8"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-3"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-8"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+    <g
+       transform="translate(43.124145,1027.7513)"
+       id="g22866">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-9" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g22992"
+       style="fill:#b3b3b3">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-1"
+         style="fill:#b3b3b3" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818"
+         style="fill:#b3b3b3" />
+    </g>
+    <path
+       d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 2.75,4.59375 l 16.5,0 0,3.1875 -1.53125,0 0,5.375 1.53125,0 0,4.25 -4.125,0 0,-4.25 1.5625,0 0,-5.375 -5.15625,0 0,5.375 1.53125,0 0,4.25 -4.125,0 0,-4.25 1.53125,0 0,-5.375 -5.15625,0 0,5.375 1.5625,0 0,4.25 -4.125,0 0,-4.25 1.53125,0 0,-5.375 -1.53125,0 0,-3.1875 z m 1.03125,9.625 0,2.125 2.0625,0 0,-2.125 -2.0625,0 z m 6.1875,0 0,2.125 2.0625,0 0,-2.125 -2.0625,0 z m 6.1875,0 0,2.125 2.0625,0 0,-2.125 -2.0625,0 z"
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.125,0,0,1.0860769,2,1032.3622)"
+       id="layer1-0">
+      <g
+         id="text5399-8"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3-1-2">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639-0"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068-9"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125-2-0"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84-4-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-9"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724-1"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751-5"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37-7">
+        <g
+           id="text5141-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804-3-2"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23227"
+       style="fill:#808080">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-8-2"
+         style="fill:#808080" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-55"
+         style="fill:#808080" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-virtual20x20.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-virtual20x20.svg
new file mode 100644
index 00000000..8a8f9d76
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-virtual20x20.svg
@@ -0,0 +1,355 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="22"
+   height="22"
+   id="svg15992">
+  <defs
+     id="defs15994" />
+  <metadata
+     id="metadata15997">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1030.3622)"
+     id="layer1">
+    <g
+       transform="translate(3,1033.8577)"
+       id="layer1-8">
+      <g
+         id="text5399"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37">
+        <g
+           id="text5141"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.3669903,0,0,1.375,30.30548,-396.96631)"
+       id="layer1-849">
+      <g
+         id="text7004"
+         style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,26.097206,-407.46806)"
+       id="layer1-29" />
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-5"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-3-1">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-7"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.5,0,0,1.5,-29.444014,-522.91085)"
+       id="layer1-6">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-3"
+         style="font-size:6.13837099px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.375,0,0,1.375,0,-394.63583)"
+       id="layer1-2-2">
+      <g
+         transform="scale(0.93557544,1.0688609)"
+         id="text7308-2-5"
+         style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(16.574815,1039.9887)"
+       id="g18916">
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-37-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-75"
+           style="font-size:8.38767338px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         id="text3074-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3330-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text3334-3"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(1.0025516,0.99745489)"
+         id="text3420"
+         style="font-size:8.28998661px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="translate(2.0604683,1034.7666)"
+       id="layer1-03" />
+    <g
+       id="text21552"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="matrix(1.15625,0,0,1.2332508,1.75,1032.1122)"
+       id="layer1-6-9">
+      <g
+         id="text5399-0"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.15625,0,0,1.2282158,1.75,1035.4682)"
+       id="g22144">
+      <g
+         id="text12320"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(1.1250848,0,0,1.1285478,1.9999998,1032.3054)"
+       id="layer1-3-4" />
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23063"
+       style="fill:#000000">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-4"
+         style="fill:#000000" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-5"
+         style="fill:#000000" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,1,28.823069,1038.8021)"
+       id="g23116">
+      <g
+         transform="matrix(1.25,0,0,1.25,2,2)"
+         id="layer1-2-0"
+         style="fill:#ffffff">
+        <g
+           id="text5399-1"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="translate(0,-1036.4247)"
+           id="layer1-3-4-5"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.89723629,1.1145336)"
+             id="text5639-9"
+             style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             transform="scale(1.0195853,0.98079088)"
+             id="text6068-8"
+             style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+          <g
+             id="text6125-2"
+             style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="translate(0,-1036.3622)"
+           id="layer1-84-4"
+           style="fill:#ffffff">
+          <g
+             transform="scale(0.93557544,1.0688609)"
+             id="text7308-5-9"
+             style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(0.9686171,1.0323997)"
+           id="text5724-2"
+           style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text5751-9"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="layer1-37-9"
+           style="fill:#ffffff">
+          <g
+             id="text5141-8"
+             style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        </g>
+        <g
+           transform="scale(1.0995518,0.90946149)"
+           id="text5804-3"
+           style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(0.94725198,1.0556853)"
+           id="text5938-8"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+    </g>
+    <g
+       transform="translate(43.124145,1027.7513)"
+       id="g22866">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-9" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g22992"
+       style="fill:#b3b3b3">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-1"
+         style="fill:#b3b3b3" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818"
+         style="fill:#b3b3b3" />
+    </g>
+    <path
+       d="M 3.65625,0 C 1.62178,0 0,1.7027 0,3.8125 l 0,14.375 C 0,20.2973 1.62178,22 3.65625,22 l 14.6875,0 C 20.37823,22 22,20.2973 22,18.1875 L 22,3.8125 C 22,1.7027 20.37823,0 18.34375,0 L 3.65625,0 z M 12.8125,2.75 16.15625,5.78125 19.25,3 l 0,6.1875 -2.21875,-1.96875 0,12.03125 -1.5625,0 -0.5,0 -2.59375,0 0,-8.1875 2.59375,0 0,-4.09375 -2.15625,1.96875 0,-6.1875 z M 2.75,11.0625 l 3.09375,0 0,8.1875 -3.09375,0 0,-8.1875 z m 4.8125,0 3.09375,0 0,8.1875 -3.09375,0 0,-8.1875 z"
+       transform="translate(0,1030.3622)"
+       id="rect3001-7-4-4"
+       style="fill:#649be6;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <g
+       transform="matrix(1.125,0,0,1.0860769,2,1032.3622)"
+       id="layer1-0">
+      <g
+         id="text5399-8"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="translate(0,-1036.4247)"
+         id="layer1-3-1-2">
+        <g
+           transform="scale(0.89723629,1.1145336)"
+           id="text5639-0"
+           style="font-size:7.97739649px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#cccccc;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           transform="scale(1.0195853,0.98079088)"
+           id="text6068-9"
+           style="font-size:6.62408876px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+        <g
+           id="text6125-2-0"
+           style="font-size:6px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="translate(0,-1036.3622)"
+         id="layer1-84-4-1">
+        <g
+           transform="scale(0.93557544,1.0688609)"
+           id="text7308-9"
+           style="font-size:8.03458023px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(0.9686171,1.0323997)"
+         id="text5724-1"
+         style="font-size:9.88508701px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="text5751-5"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         id="layer1-37-7">
+        <g
+           id="text5141-3"
+           style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      </g>
+      <g
+         transform="scale(1.0995518,0.90946149)"
+         id="text5804-3-2"
+         style="font-size:6.36623049px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+      <g
+         transform="scale(0.94725198,1.0556853)"
+         id="text5938-4"
+         style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23227"
+       style="fill:#808080">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-8-2"
+         style="fill:#808080" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-55"
+         style="fill:#808080" />
+    </g>
+    <g
+       transform="matrix(0.91666667,0,0,0.91666667,-4e-8,1030.3622)"
+       id="g23270"
+       style="fill:#666666">
+      <g
+         transform="matrix(0.01602479,0,0,0.01604987,-0.0148518,7.5361455)"
+         id="layer1-5"
+         style="fill:#666666" />
+      <g
+         transform="matrix(1.1251994,0,0,1.125,2.9999998,3)"
+         id="g5818-4"
+         style="fill:#666666" />
+    </g>
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-wsf-disconnected8x8.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-wsf-disconnected8x8.svg
new file mode 100644
index 00000000..5e19debf
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/uep-topo-wsf-disconnected8x8.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="10"
+   height="10"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1042.3622)"
+     id="layer1">
+    <path
+       d="M 5,0 C 2.2385762,0 0,2.2385763 0,5 0,7.7614237 2.2385762,10 5,10 7.7614238,10 10,7.7614237 10,5 10,2.2385763 7.7614238,0 5,0 z M 2.9375,2.21875 5,4.28125 7.0625,2.21875 7.78125,2.9375 5.71875,5 7.78125,7.0625 7.0625,7.75 5,5.6875 2.9375,7.75 2.21875,7.0625 4.28125,5 2.21875,2.9375 2.9375,2.21875 z"
+       transform="translate(0,1042.3622)"
+       id="path2987"
+       style="fill:#d40000;fill-rule:evenodd;stroke:none" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/usf-amf-try-activate.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/usf-amf-try-activate.svg
new file mode 100644
index 00000000..26c0046b
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/usf-amf-try-activate.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="10"
+   height="10"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1042.3622)"
+     id="layer1">
+    <path
+       d="M 5,0 C 2.2385762,0 0,2.2385763 0,5 0,7.7614237 2.2385762,10 5,10 7.7614238,10 10,7.7614237 10,5 10,2.2385763 7.7614238,0 5,0 z m -2.9375,2.3125 5.875,0 0,0.90625 -2.1875,0 0,4.46875 -1.5,0 0,-4.46875 -2.1875,0 0,-0.90625 z"
+       transform="translate(0,1042.3622)"
+       id="path2987"
+       style="fill:#35aa47;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+    <g
+       id="text3791"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+    <g
+       transform="scale(1.1761694,0.85021766)"
+       id="text3799"
+       style="font-size:8.80317307px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/usf-amf-try-active-wait.svg b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/usf-amf-try-active-wait.svg
new file mode 100644
index 00000000..eae2c10a
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/ressvgs/usf-amf-try-active-wait.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="10"
+   height="10"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1042.3622)"
+     id="layer1">
+    <path
+       d="M 5,0 C 2.2385762,0 0,2.2385763 0,5 0,7.7614237 2.2385762,10 5,10 7.7614238,10 10,7.7614237 10,5 10,2.2385763 7.7614238,0 5,0 z M 1.71875,2.5 2.75,2.5 3.5,5.9375 4.40625,2.5 5.625,2.5 6.5,6 7.28125,2.5 l 1,0 L 7.0625,7.5 6,7.5 5,3.75 4,7.5 l -1.09375,0 -1.1875,-5 z"
+       transform="translate(0,1042.3622)"
+       id="path2987"
+       style="fill:#35aa47;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+    <g
+       id="text3791"
+       style="font-size:7px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Bold" />
+  </g>
+</svg>
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/source/logo.png b/openo-portal/portal-common/src/main/webapp/common/image/source/logo.png
new file mode 100644
index 00000000..a36c5e8b
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/source/logo.png
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/source/netnumenLogo.png b/openo-portal/portal-common/src/main/webapp/common/image/source/netnumenLogo.png
new file mode 100644
index 00000000..42ca6dfa
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/source/netnumenLogo.png
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/source/zte_bg_1.jpg b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_bg_1.jpg
new file mode 100644
index 00000000..4a7b0722
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_bg_1.jpg
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/source/zte_bg_2.jpg b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_bg_2.jpg
new file mode 100644
index 00000000..db94b166
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_bg_2.jpg
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/source/zte_bg_3.jpg b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_bg_3.jpg
new file mode 100644
index 00000000..f2949dfe
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_bg_3.jpg
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/source/zte_logo_ white.png b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_logo_ white.png
new file mode 100644
index 00000000..a36c5e8b
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_logo_ white.png
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/source/zte_logo_16.gif b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_logo_16.gif
new file mode 100644
index 00000000..362b825a
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_logo_16.gif
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/source/zte_logo_white.png b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_logo_white.png
new file mode 100644
index 00000000..a36c5e8b
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/source/zte_logo_white.png
diff --git a/openo-portal/portal-common/src/main/webapp/common/image/source/ztelogo.png b/openo-portal/portal-common/src/main/webapp/common/image/source/ztelogo.png
new file mode 100644
index 00000000..ebe122a2
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/image/source/ztelogo.png
diff --git a/openo-portal/portal-common/src/main/webapp/common/js/openotopo/openotopo.js b/openo-portal/portal-common/src/main/webapp/common/js/openotopo/openotopo.js
new file mode 100644
index 00000000..06ef623b
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/js/openotopo/openotopo.js
@@ -0,0 +1,314 @@
+/*
+ * Copyright 2016, CMCC Technologies Co., Ltd.
+ *
+ * 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.
+ */
+function oTopo() { 
+	
+	var topo;
+	
+	/**
+	 * <Creat topological graph object>
+	 * @param id: The id of DIV which display topological graph.
+	 * @param settings: Init parameters .
+	 * @see []
+	 */
+	this.canvas = function (id, settings)
+	{
+		var g =
+		{
+			nodes : [],// nodes
+			edges : [] // links
+		};
+		
+		topo =  new sigma(
+		{
+			graph : g,
+			renderer :
+			{
+				// IMPORTANT:
+				// This works only with the canvas renderer, so the
+				// renderer type set as "canvas" is necessary here.
+				container : document.getElementById(id),
+				type : 'canvas'
+			},
+			settings : settings
+		});
+		
+		CustomShapes.init(topo);
+	};
+	
+	
+	/**
+	 * <Refresh topological graph object>
+	 * @see []
+	 */
+	this.refresh = function()
+	{
+		topo.refresh();
+	};
+	
+	
+	/**
+	 * <Creat node object>
+	 * @param id: The id of node.
+	 * @see []
+	 */
+	this.Node = function(id)
+	{
+		var pr = this;
+		this.id = id,
+		this.label = "",
+		this.type = "square",/**equilateral,star,square,diamond,circle,cross**/
+		this.x = 1,
+		this.y = 1,
+		this.size = 10,
+		this.image = {};
+		this.color = "transparent",
+		this.borderColor = "#1E90FF",
+		
+		this.setName = function(v)
+		{
+			pr.label = v;
+		};
+		
+		this.setType = function(v)
+		{
+			pr.type = v;
+		};
+		
+		this.setSize = function(v)
+		{
+			pr.size = v;
+		};
+		
+		this.setImg = function(url)
+		{
+			pr.image =
+			{
+				url : url,
+				// scale/clip are ratio values applied on top of 'size'
+				scale : 1,
+				clip : 0,
+			};
+			pr.borderColor = "transparent";
+			pr.color = "transparent";
+		};
+		
+		this.setImgScale = function(s)
+		{
+			pr.image.scale = s;
+		};
+		
+		this.setImgClip = function(c)
+		{
+			pr.image.clip = c;
+		};
+		
+		this.setColor = function(v)
+		{
+			pr.color = v;
+		};
+		
+		this.setBorderColor = function(v)
+		{
+			pr.borderColor = v;
+		};
+		
+		this.setLocation = function(x,y)
+		{
+			pr.x = x;
+			pr.y = y;
+		};
+		
+		this.setProperty = function(k,v)
+		{
+			pr[k] = v;
+		};
+	};
+	
+	/**
+	 * <Creat link object>
+	 * @param id: The id of link.
+	 * @see []
+	 */
+	this.Link = function(id)
+	{
+		var pr = this;
+		this.id = id,
+		this.type = "arrow",/*'line','curve','arrow','curvedArrow','dashed','dotted','parallel','tapered'*/
+		this.source = 1,
+		this.target = 1,
+		this.size = Math.random(),
+		this.color = "#1E90FF",
+		
+		this.setType = function(v)
+		{
+			pr.type = v;
+		};
+		
+		this.setSize = function(v)
+		{
+			pr.size = v;
+		};
+		
+		this.setConnect = function(s,t)
+		{
+			pr.source = s;
+			pr.target = t;
+		};
+		
+		this.setColor = function(v)
+		{
+			pr.color = v;
+		};
+		
+		this.setProperty = function(k,v)
+		{
+			pr[k] = v;
+		};
+	};
+	
+	/**
+	 * <Add node to the topological graph>
+	 * @param v: Node object.
+	 * @see []
+	 */
+	this.addNode = function(v)
+	{
+		topo.graph.addNode(v);
+	};
+	
+	/**
+	 * <Delete node from the topological graph>
+	 * @param id: The id of node.
+	 * @see []
+	 */
+	this.dropNode = function(id)
+	{
+		topo.graph.dropNode(id);
+	};
+	
+	
+	/**
+	 * <Add link to the topological graph>
+	 * @param v: Link object.
+	 * @see []
+	 */
+	this.addLink = function(v)
+	{
+		topo.graph.addEdge(v);
+	};
+	
+	/**
+	 * <Delete link from the topological graph>
+	 * @param id: The id of link.
+	 * @see []
+	 */
+	this.dropLink = function(id)
+	{
+		topo.graph.dropEdge(id);
+	};
+	
+	/**
+	 * <Returns all of the nodes>
+	 * @see []
+	 */
+	this.allNodes = function()
+	{
+		return topo.graph.nodes();
+	};
+	
+	/** 
+	 * Define drag and drop object.
+	 */
+	var dragListener = null;
+	
+	/**
+	 * <Set the node drag and drop>
+	 * @param b: The node can be dragged and dropped when the parameter is TRUE.Set after canvas init.
+	 * @see []
+	 */
+	this.setDrag = function(b)
+	{
+		if (b)
+		{
+		    dragListener = sigma.plugins.dragNodes(topo, topo.renderers[0]);
+		}
+	};
+	
+	/**
+	 * <Binding the event of drag and drop>
+	 * @param method: The binding method include:startdrag,drag,drop,dragend.
+	 * @param e: Callback method.
+	 * @see []
+	 */
+	var dragBind = function(method,e)
+	{
+		if (null != dragListener)
+		{
+			dragListener.bind(method, function(event){
+				e(event);
+			});
+		}
+	};
+	
+	
+	/**
+	 * <Binding the event of mouse>
+	 * @param method: The binding method include:rightClick,clickStage,doubleClickStage,rightClickStage,clickNode,clickNodes,clickEdge,
+	 *                       clickEdges,doubleClickNode,doubleClickNodes,doubleClickEdge,doubleClickEdges,rightClickNode,
+	 *                       rightClickNodes,rightClickEdge,rightClickEdges,overNode,overNodes,overEdge,overEdges,outNode,
+	 *                       outNodes,outEdge,outEdges,downNode,downNodes,downEdge,downEdges,upNode,upNodes,upEdge,upEdges
+	 * @param e Callback method.
+	 * @see []
+	 */
+	this.mouseBind = function(method,e)
+	{
+		if (null != topo)
+		{
+			topo.bind(method, function(event){
+				e(event);
+			});
+		}
+	};
+	
+	
+	/**
+	 * <Disable the right mouse button for browser>
+	 * @param obj: The object to be disabled.
+	 * @see []
+	 */
+	this.noright = function(obj) {
+	    if (obj) {
+	        obj.oncontextmenu  =  function() {
+	            return false;
+	        }
+	        obj.ondragstart  =  function() {
+	            return false;
+	        }
+	        obj.onselectstart  =  function() {
+	            return false;
+	        }
+	        obj.onselect  =  function() {
+	            obj.selection.empty();
+	        }
+	        obj.oncopy  =  function() {
+	            obj.selection.empty();
+	        }
+	        obj.onbeforecopy  =  function() {
+	            return false;
+	        }
+	    }
+	}
+}
diff --git a/openo-portal/portal-common/src/main/webapp/common/js/openotopo/openotopo.min.js b/openo-portal/portal-common/src/main/webapp/common/js/openotopo/openotopo.min.js
new file mode 100644
index 00000000..223ecdf0
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/js/openotopo/openotopo.min.js
@@ -0,0 +1,32 @@
+/*
+ * Copyright 2016, CMCC Technologies Co., Ltd.
+ *
+ * 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.
+ */
+(function(a){"use strict";var b={},c=function(a){var d,e,f,g,h;c.classes.dispatcher.extend(this);var i=this,j=a||{};if("string"==typeof j||j instanceof HTMLElement?j={renderers:[j]}:"[object Array]"===Object.prototype.toString.call(j)&&(j={renderers:j}),g=j.renderers||j.renderer||j.container,j.renderers&&0!==j.renderers.length||("string"==typeof g||g instanceof HTMLElement||"object"==typeof g&&"container"in g)&&(j.renderers=[g]),j.id){if(b[j.id])throw'sigma: Instance "'+j.id+'" already exists.';Object.defineProperty(this,"id",{value:j.id})}else{for(h=0;b[h];)h++;Object.defineProperty(this,"id",{value:""+h})}for(b[this.id]=this,this.settings=new c.classes.configurable(c.settings,j.settings||{}),Object.defineProperty(this,"graph",{value:new c.classes.graph(this.settings),configurable:!0}),Object.defineProperty(this,"middlewares",{value:[],configurable:!0}),Object.defineProperty(this,"cameras",{value:{},configurable:!0}),Object.defineProperty(this,"renderers",{value:{},configurable:!0}),Object.defineProperty(this,"renderersPerCamera",{value:{},configurable:!0}),Object.defineProperty(this,"cameraFrames",{value:{},configurable:!0}),Object.defineProperty(this,"camera",{get:function(){return this.cameras[0]}}),Object.defineProperty(this,"events",{value:["click","rightClick","clickStage","doubleClickStage","rightClickStage","clickNode","clickNodes","doubleClickNode","doubleClickNodes","rightClickNode","rightClickNodes","overNode","overNodes","outNode","outNodes","downNode","downNodes","upNode","upNodes"],configurable:!0}),this._handler=function(a){var b,c={};for(b in a.data)c[b]=a.data[b];c.renderer=a.target,this.dispatchEvent(a.type,c)}.bind(this),f=j.renderers||[],d=0,e=f.length;e>d;d++)this.addRenderer(f[d]);for(f=j.middlewares||[],d=0,e=f.length;e>d;d++)this.middlewares.push("string"==typeof f[d]?c.middlewares[f[d]]:f[d]);"object"==typeof j.graph&&j.graph&&(this.graph.read(j.graph),this.refresh()),window.addEventListener("resize",function(){i.settings&&i.refresh()})};if(c.prototype.addCamera=function(b){var d,e=this;if(!arguments.length){for(b=0;this.cameras[""+b];)b++;b=""+b}if(this.cameras[b])throw'sigma.addCamera: The camera "'+b+'" already exists.';return d=new c.classes.camera(b,this.graph,this.settings),this.cameras[b]=d,d.quadtree=new c.classes.quad,c.classes.edgequad!==a&&(d.edgequadtree=new c.classes.edgequad),d.bind("coordinatesUpdated",function(a){e.renderCamera(d,d.isAnimated)}),this.renderersPerCamera[b]=[],d},c.prototype.killCamera=function(a){if(a="string"==typeof a?this.cameras[a]:a,!a)throw"sigma.killCamera: The camera is undefined.";var b,c,d=this.renderersPerCamera[a.id];for(c=d.length,b=c-1;b>=0;b--)this.killRenderer(d[b]);return delete this.renderersPerCamera[a.id],delete this.cameraFrames[a.id],delete this.cameras[a.id],a.kill&&a.kill(),this},c.prototype.addRenderer=function(a){var b,d,e,f,g=a||{};if("string"==typeof g?g={container:document.getElementById(g)}:g instanceof HTMLElement&&(g={container:g}),"string"==typeof g.container&&(g.container=document.getElementById(g.container)),"id"in g)b=g.id;else{for(b=0;this.renderers[""+b];)b++;b=""+b}if(this.renderers[b])throw'sigma.addRenderer: The renderer "'+b+'" already exists.';if(d="function"==typeof g.type?g.type:c.renderers[g.type],d=d||c.renderers.def,e="camera"in g?g.camera instanceof c.classes.camera?g.camera:this.cameras[g.camera]||this.addCamera(g.camera):this.addCamera(),this.cameras[e.id]!==e)throw"sigma.addRenderer: The camera is not properly referenced.";return f=new d(this.graph,e,this.settings,g),this.renderers[b]=f,Object.defineProperty(f,"id",{value:b}),f.bind&&f.bind(["click","rightClick","clickStage","doubleClickStage","rightClickStage","clickNode","clickNodes","clickEdge","clickEdges","doubleClickNode","doubleClickNodes","doubleClickEdge","doubleClickEdges","rightClickNode","rightClickNodes","rightClickEdge","rightClickEdges","overNode","overNodes","overEdge","overEdges","outNode","outNodes","outEdge","outEdges","downNode","downNodes","downEdge","downEdges","upNode","upNodes","upEdge","upEdges"],this._handler),this.renderersPerCamera[e.id].push(f),f},c.prototype.killRenderer=function(a){if(a="string"==typeof a?this.renderers[a]:a,!a)throw"sigma.killRenderer: The renderer is undefined.";var b=this.renderersPerCamera[a.camera.id],c=b.indexOf(a);return c>=0&&b.splice(c,1),a.kill&&a.kill(),delete this.renderers[a.id],this},c.prototype.refresh=function(b){var d,e,f,g,h,i,j=0;for(b=b||{},g=this.middlewares||[],d=0,e=g.length;e>d;d++)g[d].call(this,0===d?"":"tmp"+j+":",d===e-1?"ready:":"tmp"+ ++j+":");for(f in this.cameras)h=this.cameras[f],h.settings("autoRescale")&&this.renderersPerCamera[h.id]&&this.renderersPerCamera[h.id].length?c.middlewares.rescale.call(this,g.length?"ready:":"",h.readPrefix,{width:this.renderersPerCamera[h.id][0].width,height:this.renderersPerCamera[h.id][0].height}):c.middlewares.copy.call(this,g.length?"ready:":"",h.readPrefix),b.skipIndexation||(i=c.utils.getBoundaries(this.graph,h.readPrefix),h.quadtree.index(this.graph.nodes(),{prefix:h.readPrefix,bounds:{x:i.minX,y:i.minY,width:i.maxX-i.minX,height:i.maxY-i.minY}}),h.edgequadtree!==a&&h.settings("drawEdges")&&h.settings("enableEdgeHovering")&&h.edgequadtree.index(this.graph,{prefix:h.readPrefix,bounds:{x:i.minX,y:i.minY,width:i.maxX-i.minX,height:i.maxY-i.minY}}));for(g=Object.keys(this.renderers),d=0,e=g.length;e>d;d++)if(this.renderers[g[d]].process)if(this.settings("skipErrors"))try{this.renderers[g[d]].process()}catch(k){console.log('Warning: The renderer "'+g[d]+'" crashed on ".process()"')}else this.renderers[g[d]].process();return this.render(),this},c.prototype.render=function(){var a,b,c;for(c=Object.keys(this.renderers),a=0,b=c.length;b>a;a++)if(this.settings("skipErrors"))try{this.renderers[c[a]].render()}catch(d){this.settings("verbose")&&console.log('Warning: The renderer "'+c[a]+'" crashed on ".render()"')}else this.renderers[c[a]].render();return this},c.prototype.renderCamera=function(a,b){var c,d,e,f=this;if(b)for(e=this.renderersPerCamera[a.id],c=0,d=e.length;d>c;c++)if(this.settings("skipErrors"))try{e[c].render()}catch(g){this.settings("verbose")&&console.log('Warning: The renderer "'+e[c].id+'" crashed on ".render()"')}else e[c].render();else if(!this.cameraFrames[a.id]){for(e=this.renderersPerCamera[a.id],c=0,d=e.length;d>c;c++)if(this.settings("skipErrors"))try{e[c].render()}catch(g){this.settings("verbose")&&console.log('Warning: The renderer "'+e[c].id+'" crashed on ".render()"')}else e[c].render();this.cameraFrames[a.id]=requestAnimationFrame(function(){delete f.cameraFrames[a.id]})}return this},c.prototype.kill=function(){var a;this.dispatchEvent("kill"),this.graph.kill(),delete this.middlewares;for(a in this.renderers)this.killRenderer(this.renderers[a]);for(a in this.cameras)this.killCamera(this.cameras[a]);delete this.renderers,delete this.cameras;for(a in this)this.hasOwnProperty(a)&&delete this[a];delete b[this.id]},c.instances=function(a){return arguments.length?b[a]:c.utils.extend({},b)},c.version="1.0.3","undefined"!=typeof this.sigma)throw"An object called sigma is already in the global scope.";this.sigma=c}).call(this),function(a){"use strict";function b(a,c){var d,e,f,g;if(arguments.length)if(1===arguments.length&&Object(arguments[0])===arguments[0])for(a in arguments[0])b(a,arguments[0][a]);else if(arguments.length>1)for(g=Array.isArray(a)?a:a.split(/ /),d=0,e=g.length;d!==e;d+=1)f=g[d],C[f]||(C[f]=[]),C[f].push({handler:c})}function c(a,b){var c,d,e,f,g,h,i=Array.isArray(a)?a:a.split(/ /);if(arguments.length)if(b)for(c=0,d=i.length;c!==d;c+=1){if(h=i[c],C[h]){for(g=[],e=0,f=C[h].length;e!==f;e+=1)C[h][e].handler!==b&&g.push(C[h][e]);C[h]=g}C[h]&&0===C[h].length&&delete C[h]}else for(c=0,d=i.length;c!==d;c+=1)delete C[i[c]];else C=Object.create(null)}function d(a,b){var c,d,e,f,g,h,i=Array.isArray(a)?a:a.split(/ /);for(b=void 0===b?{}:b,c=0,e=i.length;c!==e;c+=1)if(h=i[c],C[h])for(g={type:h,data:b||{}},d=0,f=C[h].length;d!==f;d+=1)try{C[h][d].handler(g)}catch(j){}}function e(){var a,b,c,d,e=!1,f=s(),g=x.shift();if(c=g.job(),f=s()-f,g.done++,g.time+=f,g.currentTime+=f,g.weightTime=g.currentTime/(g.weight||1),g.averageTime=g.time/g.done,d=g.count?g.count<=g.done:!c,!d){for(a=0,b=x.length;b>a;a++)if(x[a].weightTime>g.weightTime){x.splice(a,0,g),e=!0;break}e||x.push(g)}return d?g:null}function f(a){var b=x.length;w[a.id]=a,a.status="running",b&&(a.weightTime=x[b-1].weightTime,a.currentTime=a.weightTime*(a.weight||1)),a.startTime=s(),d("jobStarted",q(a)),x.push(a)}function g(){var a,b,c;for(a in v)b=v[a],b.after?y[a]=b:f(b),delete v[a];for(u=!!x.length;x.length&&s()-t<B.frameDuration;)if(c=e()){i(c.id);for(a in y)y[a].after===c.id&&(f(y[a]),delete y[a])}u?(t=s(),d("enterFrame"),setTimeout(g,0)):d("stop")}function h(a,b){var c,e,f;if(Array.isArray(a)){for(A=!0,c=0,e=a.length;e>c;c++)h(a[c].id,p(a[c],b));A=!1,u||(t=s(),d("start"),g())}else if("object"==typeof a)if("string"==typeof a.id)h(a.id,a);else{A=!0;for(c in a)"function"==typeof a[c]?h(c,p({job:a[c]},b)):h(c,p(a[c],b));A=!1,u||(t=s(),d("start"),g())}else{if("string"!=typeof a)throw new Error("[conrad.addJob] Wrong arguments.");if(k(a))throw new Error('[conrad.addJob] Job with id "'+a+'" already exists.');if("function"==typeof b)f={id:a,done:0,time:0,status:"waiting",currentTime:0,averageTime:0,weightTime:0,job:b};else{if("object"!=typeof b)throw new Error("[conrad.addJob] Wrong arguments.");f=p({id:a,done:0,time:0,status:"waiting",currentTime:0,averageTime:0,weightTime:0},b)}v[a]=f,d("jobAdded",q(f)),u||A||(t=s(),d("start"),g())}return this}function i(a){var b,c,e,f,g=!1;if(Array.isArray(a))for(b=0,c=a.length;c>b;b++)i(a[b]);else{if("string"!=typeof a)throw new Error("[conrad.killJob] Wrong arguments.");for(e=[w,y,v],b=0,c=e.length;c>b;b++)a in e[b]&&(f=e[b][a],B.history&&(f.status="done",z.push(f)),d("jobEnded",q(f)),delete e[b][a],"function"==typeof f.end&&f.end(),g=!0);for(e=x,b=0,c=e.length;c>b;b++)if(e[b].id===a){e.splice(b,1);break}if(!g)throw new Error('[conrad.killJob] Job "'+a+'" not found.')}return this}function j(){var a,b=p(v,w,y);if(B.history)for(a in b)b[a].status="done",z.push(b[a]),"function"==typeof b[a].end&&b[a].end();return v={},y={},w={},x=[],u=!1,this}function k(a){var b=v[a]||w[a]||y[a];return b?p(b):null}function l(a,b){var c;if("string"==typeof a1&&1===arguments.length)return B[a1];c="object"==typeof a1&&1===arguments.length?a1||{}:{},"string"==typeof a1&&(c[a1]=a2);for(var d in c)void 0!==c[d]?B[d]=c[d]:delete B[d];return this}function m(){return u}function n(){return z=[],this}function o(a,b){var c,d,e,f,g,h,i;if(!arguments.length){g=[];for(d in v)g.push(v[d]);for(d in y)g.push(y[d]);for(d in w)g.push(w[d]);g=g.concat(z)}if("string"==typeof a)switch(a){case"waiting":g=r(y);break;case"running":g=r(w);break;case"done":g=z;break;default:h=a}if(a instanceof RegExp&&(h=a),!h&&("string"==typeof b||b instanceof RegExp)&&(h=b),h){if(i="string"==typeof h,g instanceof Array)c=g;else if("object"==typeof g){c=[];for(d in g)c=c.concat(g[d])}else{c=[];for(d in v)c.push(v[d]);for(d in y)c.push(y[d]);for(d in w)c.push(w[d]);c=c.concat(z)}for(g=[],e=0,f=c.length;f>e;e++)(i?c[e].id===h:c[e].id.match(h))&&g.push(c[e])}return q(g)}function p(){var a,b,c={},d=arguments.length;for(a=d-1;a>=0;a--)for(b in arguments[a])c[b]=arguments[a][b];return c}function q(a){var b,c,d;if(!a)return a;if(Array.isArray(a))for(b=[],c=0,d=a.length;d>c;c++)b.push(q(a[c]));else if("object"==typeof a){b={};for(c in a)b[c]=q(a[c])}else b=a;return b}function r(a){var b,c=[];for(b in a)c.push(a[b]);return c}function s(){return Date.now?Date.now():(new Date).getTime()}if(a.conrad)throw new Error("conrad already exists");var t,u=!1,v={},w={},x=[],y={},z=[],A=!1,B={frameDuration:20,history:!0},C=Object.create(null);Array.isArray||(Array.isArray=function(a){return"[object Array]"===Object.prototype.toString.call(a)});var D={hasJob:k,addJob:h,killJob:i,killAll:j,settings:l,getStats:o,isRunning:m,clearHistory:n,bind:b,unbind:c,version:"0.1.0"};"undefined"!=typeof exports&&("undefined"!=typeof module&&module.exports&&(exports=module.exports=D),exports.conrad=D),a.conrad=D}(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";var b=this;sigma.utils=sigma.utils||{},sigma.utils.extend=function(){var a,b,c={},d=arguments.length;for(a=d-1;a>=0;a--)for(b in arguments[a])c[b]=arguments[a][b];return c},sigma.utils.dateNow=function(){return Date.now?Date.now():(new Date).getTime()},sigma.utils.pkg=function(a){return(a||"").split(".").reduce(function(a,b){return b in a?a[b]:a[b]={}},b)},sigma.utils.id=function(){var a=0;return function(){return++a}}(),sigma.utils.floatColor=function(a){var b=[0,0,0];return a.match(/^#/)?(a=(a||"").replace(/^#/,""),b=3===a.length?[parseInt(a.charAt(0)+a.charAt(0),16),parseInt(a.charAt(1)+a.charAt(1),16),parseInt(a.charAt(2)+a.charAt(2),16)]:[parseInt(a.charAt(0)+a.charAt(1),16),parseInt(a.charAt(2)+a.charAt(3),16),parseInt(a.charAt(4)+a.charAt(5),16)]):a.match(/^ *rgba? *\(/)&&(a=a.match(/^ *rgba? *\( *([0-9]*) *, *([0-9]*) *, *([0-9]*) *(,.*)?\) *$/),b=[+a[1],+a[2],+a[3]]),256*b[0]*256+256*b[1]+b[2]},sigma.utils.zoomTo=function(a,b,c,d,e){var f,g,h,i=a.settings;g=Math.max(i("zoomMin"),Math.min(i("zoomMax"),a.ratio*d)),g!==a.ratio&&(d=g/a.ratio,h={x:b*(1-d)+a.x,y:c*(1-d)+a.y,ratio:g},e&&e.duration?(f=sigma.misc.animation.killAll(a),e=sigma.utils.extend(e,{easing:f?"quadraticOut":"quadraticInOut"}),sigma.misc.animation.camera(a,h,e)):(a.goTo(h),e&&e.onComplete&&e.onComplete()))},sigma.utils.getQuadraticControlPoint=function(a,b,c,d){return{x:(a+c)/2+(d-b)/4,y:(b+d)/2+(a-c)/4}},sigma.utils.getPointOnQuadraticCurve=function(a,b,c,d,e,f,g){return{x:Math.pow(1-a,2)*b+2*(1-a)*a*f+Math.pow(a,2)*d,y:Math.pow(1-a,2)*c+2*(1-a)*a*g+Math.pow(a,2)*e}},sigma.utils.getPointOnBezierCurve=function(a,b,c,d,e,f,g,h,i){var j=Math.pow(1-a,3),k=3*a*Math.pow(1-a,2),l=3*Math.pow(a,2)*(1-a),m=Math.pow(a,3);return{x:j*b+k*f+l*h+m*d,y:j*c+k*g+l*i+m*e}},sigma.utils.getSelfLoopControlPoints=function(a,b,c){return{x1:a-7*c,y1:b,x2:a,y2:b+7*c}},sigma.utils.getDistance=function(a,b,c,d){return Math.sqrt(Math.pow(c-a,2)+Math.pow(d-b,2))},sigma.utils.getCircleIntersection=function(a,b,c,d,e,f){var g,h,i,j,k,l,m,n,o;if(h=d-a,i=e-b,j=Math.sqrt(i*i+h*h),j>c+f)return!1;if(j<Math.abs(c-f))return!1;g=(c*c-f*f+j*j)/(2*j),n=a+h*g/j,o=b+i*g/j,k=Math.sqrt(c*c-g*g),l=-i*(k/j),m=h*(k/j);var p=n+l,q=n-l,r=o+m,s=o-m;return{xi:p,xi_prime:q,yi:r,yi_prime:s}},sigma.utils.isPointOnSegment=function(a,b,c,d,e,f,g){var h=Math.abs((b-d)*(e-c)-(a-c)*(f-d)),i=sigma.utils.getDistance(c,d,e,f),j=h/i;return g>j&&Math.min(c,e)<=a&&a<=Math.max(c,e)&&Math.min(d,f)<=b&&b<=Math.max(d,f)},sigma.utils.isPointOnQuadraticCurve=function(a,b,c,d,e,f,g,h,i){var j=sigma.utils.getDistance(c,d,e,f);if(Math.abs(a-c)>j||Math.abs(b-d)>j)return!1;for(var k,l=sigma.utils.getDistance(a,b,c,d),m=sigma.utils.getDistance(a,b,e,f),n=.5,o=m>l?-.01:.01,p=.001,q=100,r=sigma.utils.getPointOnQuadraticCurve(n,c,d,e,f,g,h),s=sigma.utils.getDistance(a,b,r.x,r.y);q-- >0&&n>=0&&1>=n&&s>i&&(o>p||-p>o);)k=s,r=sigma.utils.getPointOnQuadraticCurve(n,c,d,e,f,g,h),s=sigma.utils.getDistance(a,b,r.x,r.y),s>k?(o=-o/2,n+=o):0>n+o||n+o>1?(o/=2,s=k):n+=o;return i>s},sigma.utils.isPointOnBezierCurve=function(a,b,c,d,e,f,g,h,i,j,k){var l=sigma.utils.getDistance(c,d,g,h);if(Math.abs(a-c)>l||Math.abs(b-d)>l)return!1;for(var m,n=sigma.utils.getDistance(a,b,c,d),o=sigma.utils.getDistance(a,b,e,f),p=.5,q=o>n?-.01:.01,r=.001,s=100,t=sigma.utils.getPointOnBezierCurve(p,c,d,e,f,g,h,i,j),u=sigma.utils.getDistance(a,b,t.x,t.y);s-- >0&&p>=0&&1>=p&&u>k&&(q>r||-r>q);)m=u,t=sigma.utils.getPointOnBezierCurve(p,c,d,e,f,g,h,i,j),u=sigma.utils.getDistance(a,b,t.x,t.y),u>m?(q=-q/2,p+=q):0>p+q||p+q>1?(q/=2,u=m):p+=q;return k>u},sigma.utils.getX=function(b){return b.offsetX!==a&&b.offsetX||b.layerX!==a&&b.layerX||b.clientX!==a&&b.clientX},sigma.utils.getY=function(b){return b.offsetY!==a&&b.offsetY||b.layerY!==a&&b.layerY||b.clientY!==a&&b.clientY},sigma.utils.getWidth=function(b){var c=b.target.ownerSVGElement?b.target.ownerSVGElement.width:b.target.width;return"number"==typeof c&&c||c!==a&&c.baseVal!==a&&c.baseVal.value},sigma.utils.getHeight=function(b){var c=b.target.ownerSVGElement?b.target.ownerSVGElement.height:b.target.height;return"number"==typeof c&&c||c!==a&&c.baseVal!==a&&c.baseVal.value},sigma.utils.getDelta=function(b){return b.wheelDelta!==a&&b.wheelDelta||b.detail!==a&&-b.detail},sigma.utils.getOffset=function(a){for(var b=0,c=0;a;)c+=parseInt(a.offsetTop),b+=parseInt(a.offsetLeft),a=a.offsetParent;return{top:c,left:b}},sigma.utils.doubleClick=function(a,b,c){var d,e=0;a._doubleClickHandler=a._doubleClickHandler||{},a._doubleClickHandler[b]=a._doubleClickHandler[b]||[],d=a._doubleClickHandler[b],d.push(function(a){return e++,2===e?(e=0,c(a)):void(1===e&&setTimeout(function(){e=0},sigma.settings.doubleClickTimeout))}),a.addEventListener(b,d[d.length-1],!1)},sigma.utils.unbindDoubleClick=function(a,b){for(var c,d=(a._doubleClickHandler||{})[b]||[];c=d.pop();)a.removeEventListener(b,c);delete(a._doubleClickHandler||{})[b]},sigma.utils.easings=sigma.utils.easings||{},sigma.utils.easings.linearNone=function(a){return a},sigma.utils.easings.quadraticIn=function(a){return a*a},sigma.utils.easings.quadraticOut=function(a){return a*(2-a)},sigma.utils.easings.quadraticInOut=function(a){return(a*=2)<1?.5*a*a:-.5*(--a*(a-2)-1)},sigma.utils.easings.cubicIn=function(a){return a*a*a},sigma.utils.easings.cubicOut=function(a){return--a*a*a+1},sigma.utils.easings.cubicInOut=function(a){return(a*=2)<1?.5*a*a*a:.5*((a-=2)*a*a+2)},sigma.utils.loadShader=function(a,b,c,d){var e,f=a.createShader(c);return a.shaderSource(f,b),a.compileShader(f),e=a.getShaderParameter(f,a.COMPILE_STATUS),e?f:(d&&d('Error compiling shader "'+f+'":'+a.getShaderInfoLog(f)),a.deleteShader(f),null)},sigma.utils.loadProgram=function(a,b,c,d,e){var f,g,h=a.createProgram();for(f=0;f<b.length;++f)a.attachShader(h,b[f]);if(c)for(f=0;f<c.length;++f)a.bindAttribLocation(h,locations?locations[f]:f,opt_attribs[f]);return a.linkProgram(h),g=a.getProgramParameter(h,a.LINK_STATUS),g?h:(e&&e("Error in program linking: "+a.getProgramInfoLog(h)),a.deleteProgram(h),null)},sigma.utils.pkg("sigma.utils.matrices"),sigma.utils.matrices.translation=function(a,b){return[1,0,0,0,1,0,a,b,1]},sigma.utils.matrices.rotation=function(a,b){var c=Math.cos(a),d=Math.sin(a);return b?[c,-d,d,c]:[c,-d,0,d,c,0,0,0,1]},sigma.utils.matrices.scale=function(a,b){return b?[a,0,0,a]:[a,0,0,0,a,0,0,0,1]},sigma.utils.matrices.multiply=function(a,b,c){var d=c?2:3,e=a[0*d+0],f=a[0*d+1],g=a[0*d+2],h=a[1*d+0],i=a[1*d+1],j=a[1*d+2],k=a[2*d+0],l=a[2*d+1],m=a[2*d+2],n=b[0*d+0],o=b[0*d+1],p=b[0*d+2],q=b[1*d+0],r=b[1*d+1],s=b[1*d+2],t=b[2*d+0],u=b[2*d+1],v=b[2*d+2];return c?[e*n+f*q,e*o+f*r,h*n+i*q,h*o+i*r]:[e*n+f*q+g*t,e*o+f*r+g*u,e*p+f*s+g*v,h*n+i*q+j*t,h*o+i*r+j*u,h*p+i*s+j*v,k*n+l*q+m*t,k*o+l*r+m*u,k*p+l*s+m*v]}}.call(this),function(a){"use strict";var b,c=0,d=["ms","moz","webkit","o"];for(b=0;b<d.length&&!a.requestAnimationFrame;b++)a.requestAnimationFrame=a[d[b]+"RequestAnimationFrame"],a.cancelAnimationFrame=a[d[b]+"CancelAnimationFrame"]||a[d[b]+"CancelRequestAnimationFrame"];a.requestAnimationFrame||(a.requestAnimationFrame=function(b,d){var e=(new Date).getTime(),f=Math.max(0,16-(e-c)),g=a.setTimeout(function(){b(e+f)},f);return c=e+f,g}),a.cancelAnimationFrame||(a.cancelAnimationFrame=function(a){clearTimeout(a)}),Function.prototype.bind||(Function.prototype.bind=function(a){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var b,c,d=Array.prototype.slice.call(arguments,1),e=this;return b=function(){},c=function(){return e.apply(this instanceof b&&a?this:a,d.concat(Array.prototype.slice.call(arguments)))},b.prototype=this.prototype,c.prototype=new b,c})}(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.settings");var b={clone:!0,immutable:!0,verbose:!1,classPrefix:"sigma",defaultNodeType:"def",defaultEdgeType:"def",defaultLabelColor:"#000",defaultEdgeColor:"#000",defaultNodeColor:"#000",defaultLabelSize:14,edgeColor:"source",minArrowSize:0,font:"arial",fontStyle:"",labelColor:"default",labelSize:"fixed",labelSizeRatio:1,labelThreshold:8,webglOversamplingRatio:2,borderSize:0,defaultNodeBorderColor:"#000",hoverFont:"",singleHover:!0,hoverFontStyle:"",labelHoverShadow:"default",labelHoverShadowColor:"#000",nodeHoverColor:"node",defaultNodeHoverColor:"#000",labelHoverBGColor:"default",defaultHoverLabelBGColor:"#fff",labelHoverColor:"default",defaultLabelHoverColor:"#000",edgeHoverColor:"edge",edgeHoverSizeRatio:1,defaultEdgeHoverColor:"#000",edgeHoverExtremities:!1,drawEdges:!0,drawNodes:!0,drawLabels:!0,drawEdgeLabels:!1,batchEdgesDrawing:!1,hideEdgesOnMove:!1,canvasEdgesBatchSize:500,webglEdgesBatchSize:1e3,scalingMode:"inside",sideMargin:0,minEdgeSize:.5,maxEdgeSize:1,minNodeSize:1,maxNodeSize:8,touchEnabled:!0,mouseEnabled:!0,mouseWheelEnabled:!0,doubleClickEnabled:!0,eventsEnabled:!0,zoomingRatio:1.7,doubleClickZoomingRatio:2.2,zoomMin:.0625,zoomMax:2,mouseZoomDuration:200,doubleClickZoomDuration:200,mouseInertiaDuration:200,mouseInertiaRatio:3,touchInertiaDuration:200,touchInertiaRatio:3,doubleClickTimeout:300,doubleTapTimeout:300,dragTimeout:200,autoResize:!0,autoRescale:!0,enableCamera:!0,enableHovering:!0,enableEdgeHovering:!1,edgeHoverPrecision:5,rescaleIgnoreSize:!1,skipErrors:!1,nodesPowRatio:.5,edgesPowRatio:.5,animationsTime:200};sigma.settings=sigma.utils.extend(sigma.settings||{},b)}.call(this),function(){"use strict";var a=function(){Object.defineProperty(this,"_handlers",{value:{}})};a.prototype.bind=function(a,b){var c,d,e,f;if(1===arguments.length&&"object"==typeof arguments[0])for(a in arguments[0])this.bind(a,arguments[0][a]);else{if(2!==arguments.length||"function"!=typeof arguments[1])throw"bind: Wrong arguments.";for(f="string"==typeof a?a.split(" "):a,c=0,d=f.length;c!==d;c+=1)e=f[c],e&&(this._handlers[e]||(this._handlers[e]=[]),this._handlers[e].push({handler:b}))}return this},a.prototype.unbind=function(a,b){var c,d,e,f,g,h,i,j="string"==typeof a?a.split(" "):a;if(!arguments.length){for(g in this._handlers)delete this._handlers[g];return this}if(b)for(c=0,d=j.length;c!==d;c+=1){if(i=j[c],this._handlers[i]){for(h=[],e=0,f=this._handlers[i].length;e!==f;e+=1)this._handlers[i][e].handler!==b&&h.push(this._handlers[i][e]);this._handlers[i]=h}this._handlers[i]&&0===this._handlers[i].length&&delete this._handlers[i]}else for(c=0,d=j.length;c!==d;c+=1)delete this._handlers[j[c]];return this},a.prototype.dispatchEvent=function(a,b){var c,d,e,f,g,h,i,j=this,k="string"==typeof a?a.split(" "):a;for(b=void 0===b?{}:b,c=0,d=k.length;c!==d;c+=1)if(i=k[c],this._handlers[i]){for(h=j.getEvent(i,b),g=[],e=0,f=this._handlers[i].length;e!==f;e+=1)this._handlers[i][e].handler(h),this._handlers[i][e].one||g.push(this._handlers[i][e]);this._handlers[i]=g}return this},a.prototype.getEvent=function(a,b){return{type:a,data:b||{},target:this}},a.extend=function(b,c){var d;for(d in a.prototype)a.prototype.hasOwnProperty(d)&&(b[d]=a.prototype[d]);a.apply(b,c)},"undefined"!=typeof this.sigma?(this.sigma.classes=this.sigma.classes||{},this.sigma.classes.dispatcher=a):"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=a),exports.dispatcher=a):this.dispatcher=a}.call(this),function(){"use strict";var a=function(){var b,c,d={},e=Array.prototype.slice.call(arguments,0),f=function(a,b){var c,g,h,i;{if(1!==arguments.length||"string"!=typeof a){if("object"==typeof a&&"string"==typeof b)return void 0!==(a||{})[b]?a[b]:f(b);for(c="object"==typeof a&&void 0===b?a:{},"string"==typeof a&&(c[a]=b),g=0,i=Object.keys(c),h=i.length;h>g;g++)d[i[g]]=c[i[g]];return this}if(void 0!==d[a])return d[a];for(g=0,h=e.length;h>g;g++)if(void 0!==e[g][a])return e[g][a]}};for(f.embedObjects=function(){var b=e.concat(d).concat(Array.prototype.splice.call(arguments,0));return a.apply({},b)},b=0,c=arguments.length;c>b;b++)f(arguments[b]);return f};"undefined"!=typeof this.sigma?(this.sigma.classes=this.sigma.classes||{},this.sigma.classes.configurable=a):"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=a),exports.configurable=a):this.configurable=a}.call(this),function(a){"use strict";function b(a,b,c){var d=function(){var d,e;for(d in h[a])h[a][d].apply(b,arguments);e=c.apply(b,arguments);for(d in g[a])g[a][d].apply(b,arguments);return e};return d}function c(a){var b;for(b in a)"hasOwnProperty"in a&&!a.hasOwnProperty(b)||delete a[b];return a}var d=Object.create(null),e=Object.create(null),f=Object.create(null),g=Object.create(null),h=Object.create(null),i={immutable:!0,clone:!0},j=function(a){return i[a]},k=function(a){var c,e,g;g={settings:a||j,nodesArray:[],edgesArray:[],nodesIndex:Object.create(null),edgesIndex:Object.create(null),inNeighborsIndex:Object.create(null),outNeighborsIndex:Object.create(null),allNeighborsIndex:Object.create(null),inNeighborsCount:Object.create(null),outNeighborsCount:Object.create(null),allNeighborsCount:Object.create(null)};for(c in f)f[c].call(g);for(c in d)e=b(c,g,d[c]),this[c]=e,g[c]=e};k.addMethod=function(a,b){if("string"!=typeof a||"function"!=typeof b||2!==arguments.length)throw"addMethod: Wrong arguments.";if(d[a]||k[a])throw'The method "'+a+'" already exists.';return d[a]=b,g[a]=Object.create(null),h[a]=Object.create(null),this},k.hasMethod=function(a){return!(!d[a]&&!k[a])},k.attach=function(a,b,c,d){if("string"!=typeof a||"string"!=typeof b||"function"!=typeof c||arguments.length<3||arguments.length>4)throw"attach: Wrong arguments.";var e;if("constructor"===a)e=f;else if(d){if(!h[a])throw'The method "'+a+'" does not exist.';e=h[a]}else{if(!g[a])throw'The method "'+a+'" does not exist.';e=g[a]}if(e[b])throw'A function "'+b+'" is already attached to the method "'+a+'".';return e[b]=c,this},k.attachBefore=function(a,b,c){return this.attach(a,b,c,!0)},k.addIndex=function(a,b){if("string"!=typeof a||Object(b)!==b||2!==arguments.length)throw"addIndex: Wrong arguments.";if(e[a])throw'The index "'+a+'" already exists.';var c;e[a]=b;for(c in b){if("function"!=typeof b[c])throw"The bindings must be functions.";k.attach(c,a,b[c])}return this},k.addMethod("addNode",function(a){if(Object(a)!==a||1!==arguments.length)throw"addNode: Wrong arguments.";if("string"!=typeof a.id&&"number"!=typeof a.id)throw"The node must have a string or number id.";if(this.nodesIndex[a.id])throw'The node "'+a.id+'" already exists.';var b,c=a.id,d=Object.create(null);if(this.settings("clone"))for(b in a)"id"!==b&&(d[b]=a[b]);else d=a;return this.settings("immutable")?Object.defineProperty(d,"id",{value:c,enumerable:!0}):d.id=c,this.inNeighborsIndex[c]=Object.create(null),this.outNeighborsIndex[c]=Object.create(null),this.allNeighborsIndex[c]=Object.create(null),this.inNeighborsCount[c]=0,this.outNeighborsCount[c]=0,this.allNeighborsCount[c]=0,this.nodesArray.push(d),this.nodesIndex[d.id]=d,this}),k.addMethod("addEdge",function(a){if(Object(a)!==a||1!==arguments.length)throw"addEdge: Wrong arguments.";if("string"!=typeof a.id&&"number"!=typeof a.id)throw"The edge must have a string or number id.";if("string"!=typeof a.source&&"number"!=typeof a.source||!this.nodesIndex[a.source])throw"The edge source must have an existing node id.";if("string"!=typeof a.target&&"number"!=typeof a.target||!this.nodesIndex[a.target])throw"The edge target must have an existing node id.";if(this.edgesIndex[a.id])throw'The edge "'+a.id+'" already exists.';var b,c=Object.create(null);if(this.settings("clone"))for(b in a)"id"!==b&&"source"!==b&&"target"!==b&&(c[b]=a[b]);else c=a;return this.settings("immutable")?(Object.defineProperty(c,"id",{value:a.id,enumerable:!0}),Object.defineProperty(c,"source",{value:a.source,enumerable:!0}),Object.defineProperty(c,"target",{value:a.target,enumerable:!0})):(c.id=a.id,c.source=a.source,c.target=a.target),this.edgesArray.push(c),this.edgesIndex[c.id]=c,this.inNeighborsIndex[c.target][c.source]||(this.inNeighborsIndex[c.target][c.source]=Object.create(null)),this.inNeighborsIndex[c.target][c.source][c.id]=c,this.outNeighborsIndex[c.source][c.target]||(this.outNeighborsIndex[c.source][c.target]=Object.create(null)),this.outNeighborsIndex[c.source][c.target][c.id]=c,this.allNeighborsIndex[c.source][c.target]||(this.allNeighborsIndex[c.source][c.target]=Object.create(null)),this.allNeighborsIndex[c.source][c.target][c.id]=c,c.target!==c.source&&(this.allNeighborsIndex[c.target][c.source]||(this.allNeighborsIndex[c.target][c.source]=Object.create(null)),this.allNeighborsIndex[c.target][c.source][c.id]=c),this.inNeighborsCount[c.target]++,this.outNeighborsCount[c.source]++,this.allNeighborsCount[c.target]++,this.allNeighborsCount[c.source]++,this}),k.addMethod("dropNode",function(a){if("string"!=typeof a&&"number"!=typeof a||1!==arguments.length)throw"dropNode: Wrong arguments.";if(!this.nodesIndex[a])throw'The node "'+a+'" does not exist.';var b,c,d;for(delete this.nodesIndex[a],b=0,d=this.nodesArray.length;d>b;b++)if(this.nodesArray[b].id===a){this.nodesArray.splice(b,1);break}for(b=this.edgesArray.length-1;b>=0;b--)(this.edgesArray[b].source===a||this.edgesArray[b].target===a)&&this.dropEdge(this.edgesArray[b].id);delete this.inNeighborsIndex[a],delete this.outNeighborsIndex[a],delete this.allNeighborsIndex[a],delete this.inNeighborsCount[a],delete this.outNeighborsCount[a],delete this.allNeighborsCount[a];for(c in this.nodesIndex)delete this.inNeighborsIndex[c][a],delete this.outNeighborsIndex[c][a],delete this.allNeighborsIndex[c][a];return this}),k.addMethod("dropEdge",function(a){if("string"!=typeof a&&"number"!=typeof a||1!==arguments.length)throw"dropEdge: Wrong arguments.";if(!this.edgesIndex[a])throw'The edge "'+a+'" does not exist.';var b,c,d;for(d=this.edgesIndex[a],delete this.edgesIndex[a],b=0,c=this.edgesArray.length;c>b;b++)if(this.edgesArray[b].id===a){this.edgesArray.splice(b,1);break}return delete this.inNeighborsIndex[d.target][d.source][d.id],Object.keys(this.inNeighborsIndex[d.target][d.source]).length||delete this.inNeighborsIndex[d.target][d.source],delete this.outNeighborsIndex[d.source][d.target][d.id],Object.keys(this.outNeighborsIndex[d.source][d.target]).length||delete this.outNeighborsIndex[d.source][d.target],delete this.allNeighborsIndex[d.source][d.target][d.id],Object.keys(this.allNeighborsIndex[d.source][d.target]).length||delete this.allNeighborsIndex[d.source][d.target],d.target!==d.source&&(delete this.allNeighborsIndex[d.target][d.source][d.id],Object.keys(this.allNeighborsIndex[d.target][d.source]).length||delete this.allNeighborsIndex[d.target][d.source]),this.inNeighborsCount[d.target]--,this.outNeighborsCount[d.source]--,this.allNeighborsCount[d.source]--,this.allNeighborsCount[d.target]--,this}),k.addMethod("kill",function(){this.nodesArray.length=0,this.edgesArray.length=0,delete this.nodesArray,delete this.edgesArray,delete this.nodesIndex,delete this.edgesIndex,delete this.inNeighborsIndex,delete this.outNeighborsIndex,delete this.allNeighborsIndex,delete this.inNeighborsCount,delete this.outNeighborsCount,delete this.allNeighborsCount}),k.addMethod("clear",function(){return this.nodesArray.length=0,this.edgesArray.length=0,c(this.nodesIndex),c(this.edgesIndex),c(this.nodesIndex),c(this.inNeighborsIndex),c(this.outNeighborsIndex),c(this.allNeighborsIndex),c(this.inNeighborsCount),c(this.outNeighborsCount),c(this.allNeighborsCount),this}),k.addMethod("read",function(a){var b,c,d;for(c=a.nodes||[],b=0,d=c.length;d>b;b++)this.addNode(c[b]);for(c=a.edges||[],b=0,d=c.length;d>b;b++)this.addEdge(c[b]);return this}),k.addMethod("nodes",function(a){if(!arguments.length)return this.nodesArray.slice(0);if(1===arguments.length&&("string"==typeof a||"number"==typeof a))return this.nodesIndex[a];if(1===arguments.length&&"[object Array]"===Object.prototype.toString.call(a)){
+var b,c,d=[];for(b=0,c=a.length;c>b;b++){if("string"!=typeof a[b]&&"number"!=typeof a[b])throw"nodes: Wrong arguments.";d.push(this.nodesIndex[a[b]])}return d}throw"nodes: Wrong arguments."}),k.addMethod("degree",function(a,b){if(b={"in":this.inNeighborsCount,out:this.outNeighborsCount}[b||""]||this.allNeighborsCount,"string"==typeof a||"number"==typeof a)return b[a];if("[object Array]"===Object.prototype.toString.call(a)){var c,d,e=[];for(c=0,d=a.length;d>c;c++){if("string"!=typeof a[c]&&"number"!=typeof a[c])throw"degree: Wrong arguments.";e.push(b[a[c]])}return e}throw"degree: Wrong arguments."}),k.addMethod("edges",function(a){if(!arguments.length)return this.edgesArray.slice(0);if(1===arguments.length&&("string"==typeof a||"number"==typeof a))return this.edgesIndex[a];if(1===arguments.length&&"[object Array]"===Object.prototype.toString.call(a)){var b,c,d=[];for(b=0,c=a.length;c>b;b++){if("string"!=typeof a[b]&&"number"!=typeof a[b])throw"edges: Wrong arguments.";d.push(this.edgesIndex[a[b]])}return d}throw"edges: Wrong arguments."}),"undefined"!=typeof sigma?(sigma.classes=sigma.classes||Object.create(null),sigma.classes.graph=k):"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=k),exports.graph=k):this.graph=k}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.classes"),sigma.classes.camera=function(a,b,c,d){sigma.classes.dispatcher.extend(this),Object.defineProperty(this,"graph",{value:b}),Object.defineProperty(this,"id",{value:a}),Object.defineProperty(this,"readPrefix",{value:"read_cam"+a+":"}),Object.defineProperty(this,"prefix",{value:"cam"+a+":"}),this.x=0,this.y=0,this.ratio=1,this.angle=0,this.isAnimated=!1,this.settings="object"==typeof d&&d?c.embedObject(d):c},sigma.classes.camera.prototype.goTo=function(b){if(!this.settings("enableCamera"))return this;var c,d,e=b||{},f=["x","y","ratio","angle"];for(c=0,d=f.length;d>c;c++)if(e[f[c]]!==a){if("number"!=typeof e[f[c]]||isNaN(e[f[c]]))throw'Value for "'+f[c]+'" is not a number.';this[f[c]]=e[f[c]]}return this.dispatchEvent("coordinatesUpdated"),this},sigma.classes.camera.prototype.applyView=function(b,c,d){d=d||{},c=c!==a?c:this.prefix,b=b!==a?b:this.readPrefix;var e,f,g,h=d.nodes||this.graph.nodes(),i=d.edges||this.graph.edges(),j=Math.cos(this.angle),k=Math.sin(this.angle),l=Math.pow(this.ratio,this.settings("nodesPowRatio")),m=Math.pow(this.ratio,this.settings("edgesPowRatio"));for(e=0,f=h.length;f>e;e++)g=h[e],g[c+"x"]=(((g[b+"x"]||0)-this.x)*j+((g[b+"y"]||0)-this.y)*k)/this.ratio+(d.width||0)/2,g[c+"y"]=(((g[b+"y"]||0)-this.y)*j-((g[b+"x"]||0)-this.x)*k)/this.ratio+(d.height||0)/2,g[c+"size"]=(g[b+"size"]||0)/l;for(e=0,f=i.length;f>e;e++)i[e][c+"size"]=(i[e][b+"size"]||0)/m;return this},sigma.classes.camera.prototype.graphPosition=function(a,b,c){var d=0,e=0,f=Math.cos(this.angle),g=Math.sin(this.angle);return c||(d=-(this.x*f+this.y*g)/this.ratio,e=-(this.y*f-this.x*g)/this.ratio),{x:(a*f+b*g)/this.ratio+d,y:(b*f-a*g)/this.ratio+e}},sigma.classes.camera.prototype.cameraPosition=function(a,b,c){var d=0,e=0,f=Math.cos(this.angle),g=Math.sin(this.angle);return c||(d=-(this.x*f+this.y*g)/this.ratio,e=-(this.y*f-this.x*g)/this.ratio),{x:((a-d)*f-(b-e)*g)*this.ratio,y:((b-e)*f+(a-d)*g)*this.ratio}},sigma.classes.camera.prototype.getMatrix=function(){var a=sigma.utils.matrices.scale(1/this.ratio),b=sigma.utils.matrices.rotation(this.angle),c=sigma.utils.matrices.translation(-this.x,-this.y),d=sigma.utils.matrices.multiply(c,sigma.utils.matrices.multiply(b,a));return d},sigma.classes.camera.prototype.getRectangle=function(a,b){var c=this.cameraPosition(a,0,!0),d=this.cameraPosition(0,b,!0),e=this.cameraPosition(a/2,b/2,!0),f=this.cameraPosition(a/4,0,!0).x,g=this.cameraPosition(0,b/4,!0).y;return{x1:this.x-e.x-f,y1:this.y-e.y-g,x2:this.x-e.x+f+c.x,y2:this.y-e.y-g+c.y,height:Math.sqrt(Math.pow(d.x,2)+Math.pow(d.y+2*g,2))}}}.call(this),function(a){"use strict";function b(a,b){var c=b.x+b.width/2,d=b.y+b.height/2,e=a.y<d,f=a.x<c;return e?f?0:1:f?2:3}function c(a,b){for(var c=[],d=0;4>d;d++)a.x2>=b[d][0].x&&a.x1<=b[d][1].x&&a.y1+a.height>=b[d][0].y&&a.y1<=b[d][2].y&&c.push(d);return c}function d(a,b){for(var c=[],d=0;4>d;d++)j.collision(a,b[d])&&c.push(d);return c}function e(a,b){var c,d,e=b.level+1,f=Math.round(b.bounds.width/2),g=Math.round(b.bounds.height/2),h=Math.round(b.bounds.x),j=Math.round(b.bounds.y);switch(a){case 0:c=h,d=j;break;case 1:c=h+f,d=j;break;case 2:c=h,d=j+g;break;case 3:c=h+f,d=j+g}return i({x:c,y:d,width:f,height:g},e,b.maxElements,b.maxLevel)}function f(b,d,g){if(g.level<g.maxLevel)for(var h=c(d,g.corners),i=0,j=h.length;j>i;i++)g.nodes[h[i]]===a&&(g.nodes[h[i]]=e(h[i],g)),f(b,d,g.nodes[h[i]]);else g.elements.push(b)}function g(c,d){if(d.level<d.maxLevel){var e=b(c,d.bounds);return d.nodes[e]!==a?g(c,d.nodes[e]):[]}return d.elements}function h(b,c,d,e){if(e=e||{},c.level<c.maxLevel)for(var f=d(b,c.corners),g=0,i=f.length;i>g;g++)c.nodes[f[g]]!==a&&h(b,c.nodes[f[g]],d,e);else for(var j=0,k=c.elements.length;k>j;j++)e[c.elements[j].id]===a&&(e[c.elements[j].id]=c.elements[j]);return e}function i(a,b,c,d){return{level:b||0,bounds:a,corners:j.splitSquare(a),maxElements:c||20,maxLevel:d||4,elements:[],nodes:[]}}var j={pointToSquare:function(a){return{x1:a.x-a.size,y1:a.y-a.size,x2:a.x+a.size,y2:a.y-a.size,height:2*a.size}},isAxisAligned:function(a){return a.x1===a.x2||a.y1===a.y2},axisAlignedTopPoints:function(a){return a.y1===a.y2&&a.x1<a.x2?a:a.x1===a.x2&&a.y2>a.y1?{x1:a.x1-a.height,y1:a.y1,x2:a.x1,y2:a.y1,height:a.height}:a.x1===a.x2&&a.y2<a.y1?{x1:a.x1,y1:a.y2,x2:a.x2+a.height,y2:a.y2,height:a.height}:{x1:a.x2,y1:a.y1-a.height,x2:a.x1,y2:a.y1-a.height,height:a.height}},lowerLeftCoor:function(a){var b=Math.sqrt(Math.pow(a.x2-a.x1,2)+Math.pow(a.y2-a.y1,2));return{x:a.x1-(a.y2-a.y1)*a.height/b,y:a.y1+(a.x2-a.x1)*a.height/b}},lowerRightCoor:function(a,b){return{x:b.x-a.x1+a.x2,y:b.y-a.y1+a.y2}},rectangleCorners:function(a){var b=this.lowerLeftCoor(a),c=this.lowerRightCoor(a,b);return[{x:a.x1,y:a.y1},{x:a.x2,y:a.y2},{x:b.x,y:b.y},{x:c.x,y:c.y}]},splitSquare:function(a){return[[{x:a.x,y:a.y},{x:a.x+a.width/2,y:a.y},{x:a.x,y:a.y+a.height/2},{x:a.x+a.width/2,y:a.y+a.height/2}],[{x:a.x+a.width/2,y:a.y},{x:a.x+a.width,y:a.y},{x:a.x+a.width/2,y:a.y+a.height/2},{x:a.x+a.width,y:a.y+a.height/2}],[{x:a.x,y:a.y+a.height/2},{x:a.x+a.width/2,y:a.y+a.height/2},{x:a.x,y:a.y+a.height},{x:a.x+a.width/2,y:a.y+a.height}],[{x:a.x+a.width/2,y:a.y+a.height/2},{x:a.x+a.width,y:a.y+a.height/2},{x:a.x+a.width/2,y:a.y+a.height},{x:a.x+a.width,y:a.y+a.height}]]},axis:function(a,b){return[{x:a[1].x-a[0].x,y:a[1].y-a[0].y},{x:a[1].x-a[3].x,y:a[1].y-a[3].y},{x:b[0].x-b[2].x,y:b[0].y-b[2].y},{x:b[0].x-b[1].x,y:b[0].y-b[1].y}]},projection:function(a,b){var c=(a.x*b.x+a.y*b.y)/(Math.pow(b.x,2)+Math.pow(b.y,2));return{x:c*b.x,y:c*b.y}},axisCollision:function(a,b,c){for(var d=[],e=[],f=0;4>f;f++){var g=this.projection(b[f],a),h=this.projection(c[f],a);d.push(g.x*a.x+g.y*a.y),e.push(h.x*a.x+h.y*a.y)}var i=Math.max.apply(Math,d),j=Math.max.apply(Math,e),k=Math.min.apply(Math,d),l=Math.min.apply(Math,e);return i>=l&&j>=k},collision:function(a,b){for(var c=this.axis(a,b),d=!0,e=0;4>e;e++)d=d&&this.axisCollision(c[e],a,b);return d}},k=function(){this._geom=j,this._tree=null,this._cache={query:!1,result:!1}};k.prototype.index=function(a,b){if(!b.bounds)throw"sigma.classes.quad.index: bounds information not given.";var c=b.prefix||"";this._tree=i(b.bounds,0,b.maxElements,b.maxLevel);for(var d=0,e=a.length;e>d;d++)f(a[d],j.pointToSquare({x:a[d][c+"x"],y:a[d][c+"y"],size:a[d][c+"size"]}),this._tree);return this._cache={query:!1,result:!1},this._tree},k.prototype.point=function(a,b){return this._tree?g({x:a,y:b},this._tree)||[]:[]},k.prototype.area=function(a){var b,e,f=JSON.stringify(a);if(this._cache.query===f)return this._cache.result;j.isAxisAligned(a)?(b=c,e=j.axisAlignedTopPoints(a)):(b=d,e=j.rectangleCorners(a));var g=this._tree?h(e,this._tree,b):[],i=[];for(var k in g)i.push(g[k]);return this._cache.query=f,this._cache.result=i,i},"undefined"!=typeof this.sigma?(this.sigma.classes=this.sigma.classes||{},this.sigma.classes.quad=k):"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=k),exports.quad=k):this.quad=k}.call(this),function(a){"use strict";function b(a,b){var c=b.x+b.width/2,d=b.y+b.height/2,e=a.y<d,f=a.x<c;return e?f?0:1:f?2:3}function c(a,b){for(var c=[],d=0;4>d;d++)a.x2>=b[d][0].x&&a.x1<=b[d][1].x&&a.y1+a.height>=b[d][0].y&&a.y1<=b[d][2].y&&c.push(d);return c}function d(a,b){for(var c=[],d=0;4>d;d++)j.collision(a,b[d])&&c.push(d);return c}function e(a,b){var c,d,e=b.level+1,f=Math.round(b.bounds.width/2),g=Math.round(b.bounds.height/2),h=Math.round(b.bounds.x),j=Math.round(b.bounds.y);switch(a){case 0:c=h,d=j;break;case 1:c=h+f,d=j;break;case 2:c=h,d=j+g;break;case 3:c=h+f,d=j+g}return i({x:c,y:d,width:f,height:g},e,b.maxElements,b.maxLevel)}function f(b,d,g){if(g.level<g.maxLevel)for(var h=c(d,g.corners),i=0,j=h.length;j>i;i++)g.nodes[h[i]]===a&&(g.nodes[h[i]]=e(h[i],g)),f(b,d,g.nodes[h[i]]);else g.elements.push(b)}function g(c,d){if(d.level<d.maxLevel){var e=b(c,d.bounds);return d.nodes[e]!==a?g(c,d.nodes[e]):[]}return d.elements}function h(b,c,d,e){if(e=e||{},c.level<c.maxLevel)for(var f=d(b,c.corners),g=0,i=f.length;i>g;g++)c.nodes[f[g]]!==a&&h(b,c.nodes[f[g]],d,e);else for(var j=0,k=c.elements.length;k>j;j++)e[c.elements[j].id]===a&&(e[c.elements[j].id]=c.elements[j]);return e}function i(a,b,c,d){return{level:b||0,bounds:a,corners:j.splitSquare(a),maxElements:c||40,maxLevel:d||8,elements:[],nodes:[]}}var j={pointToSquare:function(a){return{x1:a.x-a.size,y1:a.y-a.size,x2:a.x+a.size,y2:a.y-a.size,height:2*a.size}},lineToSquare:function(a){return a.y1<a.y2?a.x1<a.x2?{x1:a.x1-a.size,y1:a.y1-a.size,x2:a.x2+a.size,y2:a.y1-a.size,height:a.y2-a.y1+2*a.size}:{x1:a.x2-a.size,y1:a.y1-a.size,x2:a.x1+a.size,y2:a.y1-a.size,height:a.y2-a.y1+2*a.size}:a.x1<a.x2?{x1:a.x1-a.size,y1:a.y2-a.size,x2:a.x2+a.size,y2:a.y2-a.size,height:a.y1-a.y2+2*a.size}:{x1:a.x2-a.size,y1:a.y2-a.size,x2:a.x1+a.size,y2:a.y2-a.size,height:a.y1-a.y2+2*a.size}},quadraticCurveToSquare:function(a,b){var c=sigma.utils.getPointOnQuadraticCurve(.5,a.x1,a.y1,a.x2,a.y2,b.x,b.y),d=Math.min(a.x1,a.x2,c.x),e=Math.max(a.x1,a.x2,c.x),f=Math.min(a.y1,a.y2,c.y),g=Math.max(a.y1,a.y2,c.y);return{x1:d-a.size,y1:f-a.size,x2:e+a.size,y2:f-a.size,height:g-f+2*a.size}},selfLoopToSquare:function(a){var b=sigma.utils.getSelfLoopControlPoints(a.x,a.y,a.size),c=Math.min(a.x,b.x1,b.x2),d=Math.max(a.x,b.x1,b.x2),e=Math.min(a.y,b.y1,b.y2),f=Math.max(a.y,b.y1,b.y2);return{x1:c-a.size,y1:e-a.size,x2:d+a.size,y2:e-a.size,height:f-e+2*a.size}},isAxisAligned:function(a){return a.x1===a.x2||a.y1===a.y2},axisAlignedTopPoints:function(a){return a.y1===a.y2&&a.x1<a.x2?a:a.x1===a.x2&&a.y2>a.y1?{x1:a.x1-a.height,y1:a.y1,x2:a.x1,y2:a.y1,height:a.height}:a.x1===a.x2&&a.y2<a.y1?{x1:a.x1,y1:a.y2,x2:a.x2+a.height,y2:a.y2,height:a.height}:{x1:a.x2,y1:a.y1-a.height,x2:a.x1,y2:a.y1-a.height,height:a.height}},lowerLeftCoor:function(a){var b=Math.sqrt(Math.pow(a.x2-a.x1,2)+Math.pow(a.y2-a.y1,2));return{x:a.x1-(a.y2-a.y1)*a.height/b,y:a.y1+(a.x2-a.x1)*a.height/b}},lowerRightCoor:function(a,b){return{x:b.x-a.x1+a.x2,y:b.y-a.y1+a.y2}},rectangleCorners:function(a){var b=this.lowerLeftCoor(a),c=this.lowerRightCoor(a,b);return[{x:a.x1,y:a.y1},{x:a.x2,y:a.y2},{x:b.x,y:b.y},{x:c.x,y:c.y}]},splitSquare:function(a){return[[{x:a.x,y:a.y},{x:a.x+a.width/2,y:a.y},{x:a.x,y:a.y+a.height/2},{x:a.x+a.width/2,y:a.y+a.height/2}],[{x:a.x+a.width/2,y:a.y},{x:a.x+a.width,y:a.y},{x:a.x+a.width/2,y:a.y+a.height/2},{x:a.x+a.width,y:a.y+a.height/2}],[{x:a.x,y:a.y+a.height/2},{x:a.x+a.width/2,y:a.y+a.height/2},{x:a.x,y:a.y+a.height},{x:a.x+a.width/2,y:a.y+a.height}],[{x:a.x+a.width/2,y:a.y+a.height/2},{x:a.x+a.width,y:a.y+a.height/2},{x:a.x+a.width/2,y:a.y+a.height},{x:a.x+a.width,y:a.y+a.height}]]},axis:function(a,b){return[{x:a[1].x-a[0].x,y:a[1].y-a[0].y},{x:a[1].x-a[3].x,y:a[1].y-a[3].y},{x:b[0].x-b[2].x,y:b[0].y-b[2].y},{x:b[0].x-b[1].x,y:b[0].y-b[1].y}]},projection:function(a,b){var c=(a.x*b.x+a.y*b.y)/(Math.pow(b.x,2)+Math.pow(b.y,2));return{x:c*b.x,y:c*b.y}},axisCollision:function(a,b,c){for(var d=[],e=[],f=0;4>f;f++){var g=this.projection(b[f],a),h=this.projection(c[f],a);d.push(g.x*a.x+g.y*a.y),e.push(h.x*a.x+h.y*a.y)}var i=Math.max.apply(Math,d),j=Math.max.apply(Math,e),k=Math.min.apply(Math,d),l=Math.min.apply(Math,e);return i>=l&&j>=k},collision:function(a,b){for(var c=this.axis(a,b),d=!0,e=0;4>e;e++)d=d&&this.axisCollision(c[e],a,b);return d}},k=function(){this._geom=j,this._tree=null,this._cache={query:!1,result:!1},this._enabled=!0};k.prototype.index=function(a,b){if(!this._enabled)return this._tree;if(!b.bounds)throw"sigma.classes.edgequad.index: bounds information not given.";var c,d,e,g,h,k=b.prefix||"";this._tree=i(b.bounds,0,b.maxElements,b.maxLevel);for(var l=a.edges(),m=0,n=l.length;n>m;m++)d=a.nodes(l[m].source),e=a.nodes(l[m].target),h={x1:d[k+"x"],y1:d[k+"y"],x2:e[k+"x"],y2:e[k+"y"],size:l[m][k+"size"]||0},"curve"===l[m].type||"curvedArrow"===l[m].type?d.id===e.id?(g={x:d[k+"x"],y:d[k+"y"],size:d[k+"size"]||0},f(l[m],j.selfLoopToSquare(g),this._tree)):(c=sigma.utils.getQuadraticControlPoint(h.x1,h.y1,h.x2,h.y2),f(l[m],j.quadraticCurveToSquare(h,c),this._tree)):f(l[m],j.lineToSquare(h),this._tree);return this._cache={query:!1,result:!1},this._tree},k.prototype.point=function(a,b){return this._enabled&&this._tree?g({x:a,y:b},this._tree)||[]:[]},k.prototype.area=function(a){if(!this._enabled)return[];var b,e,f=JSON.stringify(a);if(this._cache.query===f)return this._cache.result;j.isAxisAligned(a)?(b=c,e=j.axisAlignedTopPoints(a)):(b=d,e=j.rectangleCorners(a));var g=this._tree?h(e,this._tree,b):[],i=[];for(var k in g)i.push(g[k]);return this._cache.query=f,this._cache.result=i,i},"undefined"!=typeof this.sigma?(this.sigma.classes=this.sigma.classes||{},this.sigma.classes.edgequad=k):"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=k),exports.edgequad=k):this.edgequad=k}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.captors"),sigma.captors.mouse=function(a,b,c){function d(a){var b,c,d;return y("mouseEnabled")&&v.dispatchEvent("mousemove",{x:sigma.utils.getX(a)-sigma.utils.getWidth(a)/2,y:sigma.utils.getY(a)-sigma.utils.getHeight(a)/2,clientX:a.clientX,clientY:a.clientY,ctrlKey:a.ctrlKey,metaKey:a.metaKey,altKey:a.altKey,shiftKey:a.shiftKey}),y("mouseEnabled")&&q?(r=!0,s=!0,u&&clearTimeout(u),u=setTimeout(function(){r=!1},y("dragTimeout")),sigma.misc.animation.killAll(x),x.isMoving=!0,d=x.cameraPosition(sigma.utils.getX(a)-o,sigma.utils.getY(a)-p,!0),b=k-d.x,c=l-d.y,(b!==x.x||c!==x.y)&&(m=x.x,n=x.y,x.goTo({x:b,y:c})),a.preventDefault?a.preventDefault():a.returnValue=!1,a.stopPropagation(),!1):void 0}function e(a){if(y("mouseEnabled")&&q){q=!1,u&&clearTimeout(u),x.isMoving=!1;var b=sigma.utils.getX(a),c=sigma.utils.getY(a);r?(sigma.misc.animation.killAll(x),sigma.misc.animation.camera(x,{x:x.x+y("mouseInertiaRatio")*(x.x-m),y:x.y+y("mouseInertiaRatio")*(x.y-n)},{easing:"quadraticOut",duration:y("mouseInertiaDuration")})):(o!==b||p!==c)&&x.goTo({x:x.x,y:x.y}),v.dispatchEvent("mouseup",{x:b-sigma.utils.getWidth(a)/2,y:c-sigma.utils.getHeight(a)/2,clientX:a.clientX,clientY:a.clientY,ctrlKey:a.ctrlKey,metaKey:a.metaKey,altKey:a.altKey,shiftKey:a.shiftKey}),r=!1}}function f(a){if(y("mouseEnabled"))switch(k=x.x,l=x.y,m=x.x,n=x.y,o=sigma.utils.getX(a),p=sigma.utils.getY(a),s=!1,t=(new Date).getTime(),a.which){case 2:break;case 3:v.dispatchEvent("rightclick",{x:o-sigma.utils.getWidth(a)/2,y:p-sigma.utils.getHeight(a)/2,clientX:a.clientX,clientY:a.clientY,ctrlKey:a.ctrlKey,metaKey:a.metaKey,altKey:a.altKey,shiftKey:a.shiftKey});break;default:q=!0,v.dispatchEvent("mousedown",{x:o-sigma.utils.getWidth(a)/2,y:p-sigma.utils.getHeight(a)/2,clientX:a.clientX,clientY:a.clientY,ctrlKey:a.ctrlKey,metaKey:a.metaKey,altKey:a.altKey,shiftKey:a.shiftKey})}}function g(a){y("mouseEnabled")&&v.dispatchEvent("mouseout")}function h(a){return y("mouseEnabled")&&v.dispatchEvent("click",{x:sigma.utils.getX(a)-sigma.utils.getWidth(a)/2,y:sigma.utils.getY(a)-sigma.utils.getHeight(a)/2,clientX:a.clientX,clientY:a.clientY,ctrlKey:a.ctrlKey,metaKey:a.metaKey,altKey:a.altKey,shiftKey:a.shiftKey,isDragging:(new Date).getTime()-t>100&&s}),a.preventDefault?a.preventDefault():a.returnValue=!1,a.stopPropagation(),!1}function i(a){var b,c,d;return y("mouseEnabled")?(c=1/y("doubleClickZoomingRatio"),v.dispatchEvent("doubleclick",{x:o-sigma.utils.getWidth(a)/2,y:p-sigma.utils.getHeight(a)/2,clientX:a.clientX,clientY:a.clientY,ctrlKey:a.ctrlKey,metaKey:a.metaKey,altKey:a.altKey,shiftKey:a.shiftKey}),y("doubleClickEnabled")&&(b=x.cameraPosition(sigma.utils.getX(a)-sigma.utils.getWidth(a)/2,sigma.utils.getY(a)-sigma.utils.getHeight(a)/2,!0),d={duration:y("doubleClickZoomDuration")},sigma.utils.zoomTo(x,b.x,b.y,c,d)),a.preventDefault?a.preventDefault():a.returnValue=!1,a.stopPropagation(),!1):void 0}function j(a){var b,c,d;return y("mouseEnabled")&&y("mouseWheelEnabled")?(c=sigma.utils.getDelta(a)>0?1/y("zoomingRatio"):y("zoomingRatio"),b=x.cameraPosition(sigma.utils.getX(a)-sigma.utils.getWidth(a)/2,sigma.utils.getY(a)-sigma.utils.getHeight(a)/2,!0),d={duration:y("mouseZoomDuration")},sigma.utils.zoomTo(x,b.x,b.y,c,d),a.preventDefault?a.preventDefault():a.returnValue=!1,a.stopPropagation(),!1):void 0}var k,l,m,n,o,p,q,r,s,t,u,v=this,w=a,x=b,y=c;sigma.classes.dispatcher.extend(this),sigma.utils.doubleClick(w,"click",i),w.addEventListener("DOMMouseScroll",j,!1),w.addEventListener("mousewheel",j,!1),w.addEventListener("mousemove",d,!1),w.addEventListener("mousedown",f,!1),w.addEventListener("click",h,!1),w.addEventListener("mouseout",g,!1),document.addEventListener("mouseup",e,!1),this.kill=function(){sigma.utils.unbindDoubleClick(w,"click"),w.removeEventListener("DOMMouseScroll",j),w.removeEventListener("mousewheel",j),w.removeEventListener("mousemove",d),w.removeEventListener("mousedown",f),w.removeEventListener("click",h),w.removeEventListener("mouseout",g),document.removeEventListener("mouseup",e)}}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.captors"),sigma.captors.touch=function(a,b,c){function d(a){var b=sigma.utils.getOffset(B);return{x:a.pageX-b.left,y:a.pageY-b.top}}function e(a){if(D("touchEnabled")){var b,c,e,f,g,h;switch(E=a.touches,E.length){case 1:C.isMoving=!0,w=1,i=C.x,j=C.y,m=C.x,n=C.y,g=d(E[0]),q=g.x,r=g.y;break;case 2:return C.isMoving=!0,w=2,g=d(E[0]),h=d(E[1]),b=g.x,e=g.y,c=h.x,f=h.y,m=C.x,n=C.y,k=C.angle,l=C.ratio,i=C.x,j=C.y,q=b,r=e,s=c,t=f,u=Math.atan2(t-r,s-q),v=Math.sqrt(Math.pow(t-r,2)+Math.pow(s-q,2)),a.preventDefault(),!1}}}function f(a){if(D("touchEnabled")){E=a.touches;var b=D("touchInertiaRatio");switch(z&&(x=!1,clearTimeout(z)),w){case 2:if(1===a.touches.length){e(a),a.preventDefault();break}case 1:C.isMoving=!1,A.dispatchEvent("stopDrag"),x&&(y=!1,sigma.misc.animation.camera(C,{x:C.x+b*(C.x-m),y:C.y+b*(C.y-n)},{easing:"quadraticOut",duration:D("touchInertiaDuration")})),x=!1,w=0}}}function g(a){if(!y&&D("touchEnabled")){var b,c,e,f,g,h,B,F,G,H,I,J,K,L,M,N,O;switch(E=a.touches,x=!0,z&&clearTimeout(z),z=setTimeout(function(){x=!1},D("dragTimeout")),w){case 1:F=d(E[0]),b=F.x,e=F.y,H=C.cameraPosition(b-q,e-r,!0),L=i-H.x,M=j-H.y,(L!==C.x||M!==C.y)&&(m=C.x,n=C.y,C.goTo({x:L,y:M}),A.dispatchEvent("mousemove",{x:F.x-sigma.utils.getWidth(a)/2,y:F.y-sigma.utils.getHeight(a)/2,clientX:a.clientX,clientY:a.clientY,ctrlKey:a.ctrlKey,metaKey:a.metaKey,altKey:a.altKey,shiftKey:a.shiftKey}),A.dispatchEvent("drag"));break;case 2:F=d(E[0]),G=d(E[1]),b=F.x,e=F.y,c=G.x,f=G.y,I=C.cameraPosition((q+s)/2-sigma.utils.getWidth(a)/2,(r+t)/2-sigma.utils.getHeight(a)/2,!0),B=C.cameraPosition((b+c)/2-sigma.utils.getWidth(a)/2,(e+f)/2-sigma.utils.getHeight(a)/2,!0),J=Math.atan2(f-e,c-b)-u,K=Math.sqrt(Math.pow(f-e,2)+Math.pow(c-b,2))/v,b=I.x,e=I.y,N=l/K,b*=K,e*=K,O=k-J,g=Math.cos(-J),h=Math.sin(-J),c=b*g+e*h,f=e*g-b*h,b=c,e=f,L=b-B.x+i,M=e-B.y+j,(N!==C.ratio||O!==C.angle||L!==C.x||M!==C.y)&&(m=C.x,n=C.y,o=C.angle,p=C.ratio,C.goTo({x:L,y:M,angle:O,ratio:N}),A.dispatchEvent("drag"))}return a.preventDefault(),!1}}function h(a){var b,c,e;return a.touches&&1===a.touches.length&&D("touchEnabled")?(y=!0,c=1/D("doubleClickZoomingRatio"),b=d(a.touches[0]),A.dispatchEvent("doubleclick",{x:b.x-sigma.utils.getWidth(a)/2,y:b.y-sigma.utils.getHeight(a)/2,clientX:a.clientX,clientY:a.clientY,ctrlKey:a.ctrlKey,metaKey:a.metaKey,altKey:a.altKey,shiftKey:a.shiftKey}),D("doubleClickEnabled")&&(b=C.cameraPosition(b.x-sigma.utils.getWidth(a)/2,b.y-sigma.utils.getHeight(a)/2,!0),e={duration:D("doubleClickZoomDuration"),onComplete:function(){y=!1}},sigma.utils.zoomTo(C,b.x,b.y,c,e)),a.preventDefault?a.preventDefault():a.returnValue=!1,a.stopPropagation(),!1):void 0}var i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A=this,B=a,C=b,D=c,E=[];sigma.classes.dispatcher.extend(this),sigma.utils.doubleClick(B,"touchstart",h),B.addEventListener("touchstart",e,!1),B.addEventListener("touchend",f,!1),B.addEventListener("touchcancel",f,!1),B.addEventListener("touchleave",f,!1),B.addEventListener("touchmove",g,!1),this.kill=function(){sigma.utils.unbindDoubleClick(B,"touchstart"),B.addEventListener("touchstart",e),B.addEventListener("touchend",f),B.addEventListener("touchcancel",f),B.addEventListener("touchleave",f),B.addEventListener("touchmove",g)}}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";if("undefined"==typeof conrad)throw"conrad is not declared";sigma.utils.pkg("sigma.renderers"),sigma.renderers.canvas=function(a,b,c,d){if("object"!=typeof d)throw"sigma.renderers.canvas: Wrong arguments.";if(!(d.container instanceof HTMLElement))throw"Container not found.";var e,f,g,h;for(sigma.classes.dispatcher.extend(this),Object.defineProperty(this,"conradId",{value:sigma.utils.id()}),this.graph=a,this.camera=b,this.contexts={},this.domElements={},this.options=d,this.container=this.options.container,this.settings="object"==typeof d.settings&&d.settings?c.embedObjects(d.settings):c,this.nodesOnScreen=[],this.edgesOnScreen=[],this.jobs={},this.options.prefix="renderer"+this.conradId+":",this.settings("batchEdgesDrawing")?(this.initDOM("canvas","edges"),this.initDOM("canvas","scene"),this.contexts.nodes=this.contexts.scene,this.contexts.labels=this.contexts.scene):(this.initDOM("canvas","scene"),this.contexts.edges=this.contexts.scene,this.contexts.nodes=this.contexts.scene,this.contexts.labels=this.contexts.scene),this.initDOM("canvas","mouse"),this.contexts.hover=this.contexts.mouse,this.captors=[],g=this.options.captors||[sigma.captors.mouse,sigma.captors.touch],e=0,f=g.length;f>e;e++)h="function"==typeof g[e]?g[e]:sigma.captors[g[e]],this.captors.push(new h(this.domElements.mouse,this.camera,this.settings));sigma.misc.bindEvents.call(this,this.options.prefix),sigma.misc.drawHovers.call(this,this.options.prefix),this.resize(!1)},sigma.renderers.canvas.prototype.render=function(b){b=b||{};var c,d,e,f,g,h,i,j,k,l,m,n,o,p={},q=this.graph,r=this.graph.nodes,s=(this.options.prefix||"",this.settings(b,"drawEdges")),t=this.settings(b,"drawNodes"),u=this.settings(b,"drawLabels"),v=this.settings(b,"drawEdgeLabels"),w=this.settings.embedObjects(b,{prefix:this.options.prefix});this.resize(!1),this.settings(b,"hideEdgesOnMove")&&(this.camera.isAnimated||this.camera.isMoving)&&(s=!1),this.camera.applyView(a,this.options.prefix,{width:this.width,height:this.height}),this.clear();for(e in this.jobs)conrad.hasJob(e)&&conrad.killJob(e);for(this.edgesOnScreen=[],this.nodesOnScreen=this.camera.quadtree.area(this.camera.getRectangle(this.width,this.height)),c=this.nodesOnScreen,d=0,f=c.length;f>d;d++)p[c[d].id]=c[d];if(s){for(c=q.edges(),d=0,f=c.length;f>d;d++)g=c[d],!p[g.source]&&!p[g.target]||g.hidden||r(g.source).hidden||r(g.target).hidden||this.edgesOnScreen.push(g);if(this.settings(b,"batchEdgesDrawing"))h="edges_"+this.conradId,n=w("canvasEdgesBatchSize"),l=this.edgesOnScreen,f=l.length,k=0,i=Math.min(l.length,k+n),j=function(){for(o=this.contexts.edges.globalCompositeOperation,this.contexts.edges.globalCompositeOperation="destination-over",m=sigma.canvas.edges,d=k;i>d;d++)g=l[d],(m[g.type||this.settings(b,"defaultEdgeType")]||m.def)(g,q.nodes(g.source),q.nodes(g.target),this.contexts.edges,w);if(v)for(m=sigma.canvas.edges.labels,d=k;i>d;d++)g=l[d],g.hidden||(m[g.type||this.settings(b,"defaultEdgeType")]||m.def)(g,q.nodes(g.source),q.nodes(g.target),this.contexts.labels,w);return this.contexts.edges.globalCompositeOperation=o,i===l.length?(delete this.jobs[h],!1):(k=i+1,i=Math.min(l.length,k+n),!0)},this.jobs[h]=j,conrad.addJob(h,j.bind(this));else{for(m=sigma.canvas.edges,c=this.edgesOnScreen,d=0,f=c.length;f>d;d++)g=c[d],(m[g.type||this.settings(b,"defaultEdgeType")]||m.def)(g,q.nodes(g.source),q.nodes(g.target),this.contexts.edges,w);if(v)for(m=sigma.canvas.edges.labels,c=this.edgesOnScreen,d=0,f=c.length;f>d;d++)c[d].hidden||(m[c[d].type||this.settings(b,"defaultEdgeType")]||m.def)(c[d],q.nodes(c[d].source),q.nodes(c[d].target),this.contexts.labels,w)}}if(t)for(m=sigma.canvas.nodes,c=this.nodesOnScreen,d=0,f=c.length;f>d;d++)c[d].hidden||(m[c[d].type||this.settings(b,"defaultNodeType")]||m.def)(c[d],this.contexts.nodes,w);if(u)for(m=sigma.canvas.labels,c=this.nodesOnScreen,d=0,f=c.length;f>d;d++)c[d].hidden||(m[c[d].type||this.settings(b,"defaultNodeType")]||m.def)(c[d],this.contexts.labels,w);return this.dispatchEvent("render"),this},sigma.renderers.canvas.prototype.initDOM=function(a,b){var c=document.createElement(a);c.style.position="absolute",c.setAttribute("class","sigma-"+b),this.domElements[b]=c,this.container.appendChild(c),"canvas"===a.toLowerCase()&&(this.contexts[b]=c.getContext("2d"))},sigma.renderers.canvas.prototype.resize=function(b,c){var d,e=this.width,f=this.height,g=1;if(b!==a&&c!==a?(this.width=b,this.height=c):(this.width=this.container.offsetWidth,this.height=this.container.offsetHeight,b=this.width,c=this.height),e!==this.width||f!==this.height)for(d in this.domElements)this.domElements[d].style.width=b+"px",this.domElements[d].style.height=c+"px","canvas"===this.domElements[d].tagName.toLowerCase()&&(this.domElements[d].setAttribute("width",b*g+"px"),this.domElements[d].setAttribute("height",c*g+"px"),1!==g&&this.contexts[d].scale(g,g));return this},sigma.renderers.canvas.prototype.clear=function(){var a;for(a in this.domElements)"CANVAS"===this.domElements[a].tagName&&(this.domElements[a].width=this.domElements[a].width);return this},sigma.renderers.canvas.prototype.kill=function(){for(var a,b;b=this.captors.pop();)b.kill();delete this.captors;for(a in this.domElements)this.domElements[a].parentNode.removeChild(this.domElements[a]),delete this.domElements[a],delete this.contexts[a];delete this.domElements,delete this.contexts},sigma.utils.pkg("sigma.canvas.nodes"),sigma.utils.pkg("sigma.canvas.edges"),sigma.utils.pkg("sigma.canvas.labels")}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.renderers"),sigma.renderers.webgl=function(a,b,c,d){if("object"!=typeof d)throw"sigma.renderers.webgl: Wrong arguments.";if(!(d.container instanceof HTMLElement))throw"Container not found.";var e,f,g,h;for(sigma.classes.dispatcher.extend(this),this.jobs={},Object.defineProperty(this,"conradId",{value:sigma.utils.id()}),this.graph=a,this.camera=b,this.contexts={},this.domElements={},this.options=d,this.container=this.options.container,this.settings="object"==typeof d.settings&&d.settings?c.embedObjects(d.settings):c,this.options.prefix=this.camera.readPrefix,Object.defineProperty(this,"nodePrograms",{value:{}}),Object.defineProperty(this,"edgePrograms",{value:{}}),Object.defineProperty(this,"nodeFloatArrays",{value:{}}),Object.defineProperty(this,"edgeFloatArrays",{value:{}}),this.settings(d,"batchEdgesDrawing")?(this.initDOM("canvas","edges",!0),this.initDOM("canvas","nodes",!0)):(this.initDOM("canvas","scene",!0),this.contexts.nodes=this.contexts.scene,this.contexts.edges=this.contexts.scene),this.initDOM("canvas","labels"),this.initDOM("canvas","mouse"),this.contexts.hover=this.contexts.mouse,this.captors=[],g=this.options.captors||[sigma.captors.mouse,sigma.captors.touch],e=0,f=g.length;f>e;e++)h="function"==typeof g[e]?g[e]:sigma.captors[g[e]],this.captors.push(new h(this.domElements.mouse,this.camera,this.settings));sigma.misc.bindEvents.call(this,this.camera.prefix),sigma.misc.drawHovers.call(this,this.camera.prefix),this.resize()},sigma.renderers.webgl.prototype.process=function(){var a,b,c,d,e,f,g=this.graph,h=sigma.utils.extend(h,this.options);for(d in this.nodeFloatArrays)delete this.nodeFloatArrays[d];for(d in this.edgeFloatArrays)delete this.edgeFloatArrays[d];for(a=g.edges(),b=0,c=a.length;c>b;b++)e=a[b].type||this.settings(h,"defaultEdgeType"),d=e&&sigma.webgl.edges[e]?e:"def",this.edgeFloatArrays[d]||(this.edgeFloatArrays[d]={edges:[]}),this.edgeFloatArrays[d].edges.push(a[b]);for(a=g.nodes(),b=0,c=a.length;c>b;b++)e=a[b].type||this.settings(h,"defaultNodeType"),d=e&&sigma.webgl.nodes[e]?e:"def",this.nodeFloatArrays[d]||(this.nodeFloatArrays[d]={nodes:[]}),this.nodeFloatArrays[d].nodes.push(a[b]);for(d in this.edgeFloatArrays)for(f=sigma.webgl.edges[d],a=this.edgeFloatArrays[d].edges,b=0,c=a.length;c>b;b++)this.edgeFloatArrays[d].array||(this.edgeFloatArrays[d].array=new Float32Array(a.length*f.POINTS*f.ATTRIBUTES)),a[b].hidden||g.nodes(a[b].source).hidden||g.nodes(a[b].target).hidden||f.addEdge(a[b],g.nodes(a[b].source),g.nodes(a[b].target),this.edgeFloatArrays[d].array,b*f.POINTS*f.ATTRIBUTES,h.prefix,this.settings);for(d in this.nodeFloatArrays)for(f=sigma.webgl.nodes[d],a=this.nodeFloatArrays[d].nodes,b=0,c=a.length;c>b;b++)this.nodeFloatArrays[d].array||(this.nodeFloatArrays[d].array=new Float32Array(a.length*f.POINTS*f.ATTRIBUTES)),a[b].hidden||f.addNode(a[b],this.nodeFloatArrays[d].array,b*f.POINTS*f.ATTRIBUTES,h.prefix,this.settings);return this},sigma.renderers.webgl.prototype.render=function(b){var c,d,e,f,g,h,i=this,j=(this.graph,this.contexts.nodes),k=this.contexts.edges,l=this.camera.getMatrix(),m=sigma.utils.extend(b,this.options),n=this.settings(m,"drawLabels"),o=this.settings(m,"drawEdges"),p=this.settings(m,"drawNodes");this.resize(!1),this.settings(m,"hideEdgesOnMove")&&(this.camera.isAnimated||this.camera.isMoving)&&(o=!1),this.clear(),l=sigma.utils.matrices.multiply(l,sigma.utils.matrices.translation(this.width/2,this.height/2));for(f in this.jobs)conrad.hasJob(f)&&conrad.killJob(f);if(o)if(this.settings(m,"batchEdgesDrawing"))(function(){var a,b,c,d,e,f,g,h,i;c="edges_"+this.conradId,i=this.settings(m,"webglEdgesBatchSize"),a=Object.keys(this.edgeFloatArrays),a.length&&(b=0,h=sigma.webgl.edges[a[b]],e=this.edgeFloatArrays[a[b]].array,g=0,f=Math.min(g+i*h.POINTS,e.length/h.ATTRIBUTES),d=function(){return this.edgePrograms[a[b]]||(this.edgePrograms[a[b]]=h.initProgram(k)),f>g&&(k.useProgram(this.edgePrograms[a[b]]),h.render(k,this.edgePrograms[a[b]],e,{settings:this.settings,matrix:l,width:this.width,height:this.height,ratio:this.camera.ratio,scalingRatio:this.settings(m,"webglOversamplingRatio"),start:g,count:f-g})),f>=e.length/h.ATTRIBUTES&&b===a.length-1?(delete this.jobs[c],!1):(f>=e.length/h.ATTRIBUTES?(b++,e=this.edgeFloatArrays[a[b]].array,h=sigma.webgl.edges[a[b]],g=0,f=Math.min(g+i*h.POINTS,e.length/h.ATTRIBUTES)):(g=f,f=Math.min(g+i*h.POINTS,e.length/h.ATTRIBUTES)),!0)},this.jobs[c]=d,conrad.addJob(c,d.bind(this)))}).call(this);else for(f in this.edgeFloatArrays)h=sigma.webgl.edges[f],this.edgePrograms[f]||(this.edgePrograms[f]=h.initProgram(k)),this.edgeFloatArrays[f]&&(k.useProgram(this.edgePrograms[f]),h.render(k,this.edgePrograms[f],this.edgeFloatArrays[f].array,{
+settings:this.settings,matrix:l,width:this.width,height:this.height,ratio:this.camera.ratio,scalingRatio:this.settings(m,"webglOversamplingRatio")}));if(p){j.blendFunc(j.SRC_ALPHA,j.ONE_MINUS_SRC_ALPHA),j.enable(j.BLEND);for(f in this.nodeFloatArrays)h=sigma.webgl.nodes[f],this.nodePrograms[f]||(this.nodePrograms[f]=h.initProgram(j)),this.nodeFloatArrays[f]&&(j.useProgram(this.nodePrograms[f]),h.render(j,this.nodePrograms[f],this.nodeFloatArrays[f].array,{settings:this.settings,matrix:l,width:this.width,height:this.height,ratio:this.camera.ratio,scalingRatio:this.settings(m,"webglOversamplingRatio")}))}if(n)for(c=this.camera.quadtree.area(this.camera.getRectangle(this.width,this.height)),this.camera.applyView(a,a,{nodes:c,edges:[],width:this.width,height:this.height}),g=function(a){return i.settings({prefix:i.camera.prefix},a)},d=0,e=c.length;e>d;d++)c[d].hidden||(sigma.canvas.labels[c[d].type||this.settings(m,"defaultNodeType")]||sigma.canvas.labels.def)(c[d],this.contexts.labels,g);return this.dispatchEvent("render"),this},sigma.renderers.webgl.prototype.initDOM=function(a,b,c){var d=document.createElement(a),e=this;d.style.position="absolute",d.setAttribute("class","sigma-"+b),this.domElements[b]=d,this.container.appendChild(d),"canvas"===a.toLowerCase()&&(this.contexts[b]=d.getContext(c?"experimental-webgl":"2d",{preserveDrawingBuffer:!0}),c&&(d.addEventListener("webglcontextlost",function(a){a.preventDefault()},!1),d.addEventListener("webglcontextrestored",function(a){e.render()},!1)))},sigma.renderers.webgl.prototype.resize=function(b,c){var d,e=this.width,f=this.height;if(b!==a&&c!==a?(this.width=b,this.height=c):(this.width=this.container.offsetWidth,this.height=this.container.offsetHeight,b=this.width,c=this.height),e!==this.width||f!==this.height)for(d in this.domElements)this.domElements[d].style.width=b+"px",this.domElements[d].style.height=c+"px","canvas"===this.domElements[d].tagName.toLowerCase()&&(this.contexts[d]&&this.contexts[d].scale?(this.domElements[d].setAttribute("width",b+"px"),this.domElements[d].setAttribute("height",c+"px")):(this.domElements[d].setAttribute("width",b*this.settings("webglOversamplingRatio")+"px"),this.domElements[d].setAttribute("height",c*this.settings("webglOversamplingRatio")+"px")));for(d in this.contexts)this.contexts[d]&&this.contexts[d].viewport&&this.contexts[d].viewport(0,0,this.width*this.settings("webglOversamplingRatio"),this.height*this.settings("webglOversamplingRatio"));return this},sigma.renderers.webgl.prototype.clear=function(){var a;for(a in this.domElements)"CANVAS"===this.domElements[a].tagName&&(this.domElements[a].width=this.domElements[a].width);return this.contexts.nodes.clear(this.contexts.nodes.COLOR_BUFFER_BIT),this.contexts.edges.clear(this.contexts.edges.COLOR_BUFFER_BIT),this},sigma.renderers.webgl.prototype.kill=function(){for(var a,b;b=this.captors.pop();)b.kill();delete this.captors;for(a in this.domElements)this.domElements[a].parentNode.removeChild(this.domElements[a]),delete this.domElements[a],delete this.contexts[a];delete this.domElements,delete this.contexts},sigma.utils.pkg("sigma.webgl.nodes"),sigma.utils.pkg("sigma.webgl.edges"),sigma.utils.pkg("sigma.canvas.labels")}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";if("undefined"==typeof conrad)throw"conrad is not declared";sigma.utils.pkg("sigma.renderers"),sigma.renderers.svg=function(a,b,c,d){if("object"!=typeof d)throw"sigma.renderers.svg: Wrong arguments.";if(!(d.container instanceof HTMLElement))throw"Container not found.";var e,f,g,h,i=this;for(sigma.classes.dispatcher.extend(this),this.graph=a,this.camera=b,this.domElements={graph:null,groups:{},nodes:{},edges:{},labels:{},hovers:{}},this.measurementCanvas=null,this.options=d,this.container=this.options.container,this.settings="object"==typeof d.settings&&d.settings?c.embedObjects(d.settings):c,this.settings("freeStyle",!!this.options.freeStyle),this.settings("xmlns","http://www.w3.org/2000/svg"),this.nodesOnScreen=[],this.edgesOnScreen=[],this.options.prefix="renderer"+sigma.utils.id()+":",this.initDOM("svg"),this.captors=[],g=this.options.captors||[sigma.captors.mouse,sigma.captors.touch],e=0,f=g.length;f>e;e++)h="function"==typeof g[e]?g[e]:sigma.captors[g[e]],this.captors.push(new h(this.domElements.graph,this.camera,this.settings));window.addEventListener("resize",function(){i.resize()}),sigma.misc.bindDOMEvents.call(this,this.domElements.graph),this.bindHovers(this.options.prefix),this.resize(!1)},sigma.renderers.svg.prototype.render=function(b){b=b||{};var c,d,e,f,g,h,i,j,k,l={},m=this.graph,n=this.graph.nodes,o=(this.options.prefix||"",this.settings(b,"drawEdges")),p=this.settings(b,"drawNodes"),q=(this.settings(b,"drawLabels"),this.settings.embedObjects(b,{prefix:this.options.prefix,forceLabels:this.options.forceLabels}));for(this.settings(b,"hideEdgesOnMove")&&(this.camera.isAnimated||this.camera.isMoving)&&(o=!1),this.camera.applyView(a,this.options.prefix,{width:this.width,height:this.height}),this.hideDOMElements(this.domElements.nodes),this.hideDOMElements(this.domElements.edges),this.hideDOMElements(this.domElements.labels),this.edgesOnScreen=[],this.nodesOnScreen=this.camera.quadtree.area(this.camera.getRectangle(this.width,this.height)),c=this.nodesOnScreen,d=0,f=c.length;f>d;d++)l[c[d].id]=c[d];for(c=m.edges(),d=0,f=c.length;f>d;d++)g=c[d],!l[g.source]&&!l[g.target]||g.hidden||n(g.source).hidden||n(g.target).hidden||this.edgesOnScreen.push(g);if(j=sigma.svg.nodes,k=sigma.svg.labels,p)for(c=this.nodesOnScreen,d=0,f=c.length;f>d;d++)c[d].hidden||this.domElements.nodes[c[d].id]||(e=(j[c[d].type]||j.def).create(c[d],q),this.domElements.nodes[c[d].id]=e,this.domElements.groups.nodes.appendChild(e),e=(k[c[d].type]||k.def).create(c[d],q),this.domElements.labels[c[d].id]=e,this.domElements.groups.labels.appendChild(e));if(p)for(c=this.nodesOnScreen,d=0,f=c.length;f>d;d++)c[d].hidden||((j[c[d].type]||j.def).update(c[d],this.domElements.nodes[c[d].id],q),(k[c[d].type]||k.def).update(c[d],this.domElements.labels[c[d].id],q));if(j=sigma.svg.edges,o)for(c=this.edgesOnScreen,d=0,f=c.length;f>d;d++)this.domElements.edges[c[d].id]||(h=n(c[d].source),i=n(c[d].target),e=(j[c[d].type]||j.def).create(c[d],h,i,q),this.domElements.edges[c[d].id]=e,this.domElements.groups.edges.appendChild(e));if(o)for(c=this.edgesOnScreen,d=0,f=c.length;f>d;d++)h=n(c[d].source),i=n(c[d].target),(j[c[d].type]||j.def).update(c[d],this.domElements.edges[c[d].id],h,i,q);return this.dispatchEvent("render"),this},sigma.renderers.svg.prototype.initDOM=function(a){var b,c,d,e=document.createElementNS(this.settings("xmlns"),a),f=this.settings("classPrefix");e.style.position="absolute",e.setAttribute("class",f+"-svg"),e.setAttribute("xmlns",this.settings("xmlns")),e.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink"),e.setAttribute("version","1.1");var g=document.createElement("canvas");g.setAttribute("class",f+"-measurement-canvas"),this.domElements.graph=this.container.appendChild(e);var h=["edges","nodes","labels","hovers"];for(d=0,c=h.length;c>d;d++)b=document.createElementNS(this.settings("xmlns"),"g"),b.setAttributeNS(null,"id",f+"-group-"+h[d]),b.setAttributeNS(null,"class",f+"-group"),this.domElements.groups[h[d]]=this.domElements.graph.appendChild(b);this.container.appendChild(g),this.measurementCanvas=g.getContext("2d")},sigma.renderers.svg.prototype.hideDOMElements=function(a){var b,c;for(c in a)b=a[c],sigma.svg.utils.hide(b);return this},sigma.renderers.svg.prototype.bindHovers=function(a){function b(b){var c=b.data.node,d=g.settings.embedObjects({prefix:a});if(d("enableHovering")){var h=(f[c.type]||f.def).create(c,g.domElements.nodes[c.id],g.measurementCanvas,d);g.domElements.hovers[c.id]=h,g.domElements.groups.hovers.appendChild(h),e=c}}function c(b){var c=b.data.node,d=g.settings.embedObjects({prefix:a});d("enableHovering")&&(g.domElements.groups.hovers.removeChild(g.domElements.hovers[c.id]),e=null,delete g.domElements.hovers[c.id],g.domElements.groups.nodes.appendChild(g.domElements.nodes[c.id]))}function d(){if(e){var b=g.settings.embedObjects({prefix:a});g.domElements.groups.hovers.removeChild(g.domElements.hovers[e.id]),delete g.domElements.hovers[e.id];var c=(f[e.type]||f.def).create(e,g.domElements.nodes[e.id],g.measurementCanvas,b);g.domElements.hovers[e.id]=c,g.domElements.groups.hovers.appendChild(c)}}var e,f=sigma.svg.hovers,g=this;this.bind("overNode",b),this.bind("outNode",c),this.bind("render",d)},sigma.renderers.svg.prototype.resize=function(b,c){var d=this.width,e=this.height,f=1;return b!==a&&c!==a?(this.width=b,this.height=c):(this.width=this.container.offsetWidth,this.height=this.container.offsetHeight,b=this.width,c=this.height),(d!==this.width||e!==this.height)&&(this.domElements.graph.style.width=b+"px",this.domElements.graph.style.height=c+"px","svg"===this.domElements.graph.tagName.toLowerCase()&&(this.domElements.graph.setAttribute("width",b*f),this.domElements.graph.setAttribute("height",c*f))),this},sigma.utils.pkg("sigma.svg.nodes"),sigma.utils.pkg("sigma.svg.edges"),sigma.utils.pkg("sigma.svg.labels")}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.renderers");var b,c=!!a.WebGLRenderingContext;if(c){b=document.createElement("canvas");try{c=!(!b.getContext("webgl")&&!b.getContext("experimental-webgl"))}catch(d){c=!1}}sigma.renderers.def=c?sigma.renderers.webgl:sigma.renderers.canvas}(this),function(){"use strict";sigma.utils.pkg("sigma.webgl.nodes"),sigma.webgl.nodes.def={POINTS:3,ATTRIBUTES:5,addNode:function(a,b,c,d,e){var f=sigma.utils.floatColor(a.color||e("defaultNodeColor"));b[c++]=a[d+"x"],b[c++]=a[d+"y"],b[c++]=a[d+"size"],b[c++]=f,b[c++]=0,b[c++]=a[d+"x"],b[c++]=a[d+"y"],b[c++]=a[d+"size"],b[c++]=f,b[c++]=2*Math.PI/3,b[c++]=a[d+"x"],b[c++]=a[d+"y"],b[c++]=a[d+"size"],b[c++]=f,b[c++]=4*Math.PI/3},render:function(a,b,c,d){var e,f=a.getAttribLocation(b,"a_position"),g=a.getAttribLocation(b,"a_size"),h=a.getAttribLocation(b,"a_color"),i=a.getAttribLocation(b,"a_angle"),j=a.getUniformLocation(b,"u_resolution"),k=a.getUniformLocation(b,"u_matrix"),l=a.getUniformLocation(b,"u_ratio"),m=a.getUniformLocation(b,"u_scale");e=a.createBuffer(),a.bindBuffer(a.ARRAY_BUFFER,e),a.bufferData(a.ARRAY_BUFFER,c,a.DYNAMIC_DRAW),a.uniform2f(j,d.width,d.height),a.uniform1f(l,1/Math.pow(d.ratio,d.settings("nodesPowRatio"))),a.uniform1f(m,d.scalingRatio),a.uniformMatrix3fv(k,!1,d.matrix),a.enableVertexAttribArray(f),a.enableVertexAttribArray(g),a.enableVertexAttribArray(h),a.enableVertexAttribArray(i),a.vertexAttribPointer(f,2,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,0),a.vertexAttribPointer(g,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,8),a.vertexAttribPointer(h,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,12),a.vertexAttribPointer(i,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,16),a.drawArrays(a.TRIANGLES,d.start||0,d.count||c.length/this.ATTRIBUTES)},initProgram:function(a){var b,c,d;return b=sigma.utils.loadShader(a,["attribute vec2 a_position;","attribute float a_size;","attribute float a_color;","attribute float a_angle;","uniform vec2 u_resolution;","uniform float u_ratio;","uniform float u_scale;","uniform mat3 u_matrix;","varying vec4 color;","varying vec2 center;","varying float radius;","void main() {","radius = a_size * u_ratio;","vec2 position = (u_matrix * vec3(a_position, 1)).xy;","center = position * u_scale;","center = vec2(center.x, u_scale * u_resolution.y - center.y);","position = position +","2.0 * radius * vec2(cos(a_angle), sin(a_angle));","position = (position / u_resolution * 2.0 - 1.0) * vec2(1, -1);","radius = radius * u_scale;","gl_Position = vec4(position, 0, 1);","float c = a_color;","color.b = mod(c, 256.0); c = floor(c / 256.0);","color.g = mod(c, 256.0); c = floor(c / 256.0);","color.r = mod(c, 256.0); c = floor(c / 256.0); color /= 255.0;","color.a = 1.0;","}"].join("\n"),a.VERTEX_SHADER),c=sigma.utils.loadShader(a,["precision mediump float;","varying vec4 color;","varying vec2 center;","varying float radius;","void main(void) {","vec4 color0 = vec4(0.0, 0.0, 0.0, 0.0);","vec2 m = gl_FragCoord.xy - center;","float diff = radius - sqrt(m.x * m.x + m.y * m.y);","if (diff > 0.0)","gl_FragColor = color;","else","gl_FragColor = color0;","}"].join("\n"),a.FRAGMENT_SHADER),d=sigma.utils.loadProgram(a,[b,c])}}}(),function(){"use strict";sigma.utils.pkg("sigma.webgl.nodes"),sigma.webgl.nodes.fast={POINTS:1,ATTRIBUTES:4,addNode:function(a,b,c,d,e){b[c++]=a[d+"x"],b[c++]=a[d+"y"],b[c++]=a[d+"size"],b[c++]=sigma.utils.floatColor(a.color||e("defaultNodeColor"))},render:function(a,b,c,d){var e,f=a.getAttribLocation(b,"a_position"),g=a.getAttribLocation(b,"a_size"),h=a.getAttribLocation(b,"a_color"),i=a.getUniformLocation(b,"u_resolution"),j=a.getUniformLocation(b,"u_matrix"),k=a.getUniformLocation(b,"u_ratio"),l=a.getUniformLocation(b,"u_scale");e=a.createBuffer(),a.bindBuffer(a.ARRAY_BUFFER,e),a.bufferData(a.ARRAY_BUFFER,c,a.DYNAMIC_DRAW),a.uniform2f(i,d.width,d.height),a.uniform1f(k,1/Math.pow(d.ratio,d.settings("nodesPowRatio"))),a.uniform1f(l,d.scalingRatio),a.uniformMatrix3fv(j,!1,d.matrix),a.enableVertexAttribArray(f),a.enableVertexAttribArray(g),a.enableVertexAttribArray(h),a.vertexAttribPointer(f,2,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,0),a.vertexAttribPointer(g,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,8),a.vertexAttribPointer(h,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,12),a.drawArrays(a.POINTS,d.start||0,d.count||c.length/this.ATTRIBUTES)},initProgram:function(a){var b,c,d;return b=sigma.utils.loadShader(a,["attribute vec2 a_position;","attribute float a_size;","attribute float a_color;","uniform vec2 u_resolution;","uniform float u_ratio;","uniform float u_scale;","uniform mat3 u_matrix;","varying vec4 color;","void main() {","gl_Position = vec4(","((u_matrix * vec3(a_position, 1)).xy /","u_resolution * 2.0 - 1.0) * vec2(1, -1),","0,","1",");","gl_PointSize = a_size * u_ratio * u_scale * 2.0;","float c = a_color;","color.b = mod(c, 256.0); c = floor(c / 256.0);","color.g = mod(c, 256.0); c = floor(c / 256.0);","color.r = mod(c, 256.0); c = floor(c / 256.0); color /= 255.0;","color.a = 1.0;","}"].join("\n"),a.VERTEX_SHADER),c=sigma.utils.loadShader(a,["precision mediump float;","varying vec4 color;","void main(void) {","gl_FragColor = color;","}"].join("\n"),a.FRAGMENT_SHADER),d=sigma.utils.loadProgram(a,[b,c])}}}(),function(){"use strict";sigma.utils.pkg("sigma.webgl.edges"),sigma.webgl.edges.def={POINTS:6,ATTRIBUTES:7,addEdge:function(a,b,c,d,e,f,g){var h=(a[f+"size"]||1)/2,i=b[f+"x"],j=b[f+"y"],k=c[f+"x"],l=c[f+"y"],m=a.color;if(!m)switch(g("edgeColor")){case"source":m=b.color||g("defaultNodeColor");break;case"target":m=c.color||g("defaultNodeColor");break;default:m=g("defaultEdgeColor")}m=sigma.utils.floatColor(m),d[e++]=i,d[e++]=j,d[e++]=k,d[e++]=l,d[e++]=h,d[e++]=0,d[e++]=m,d[e++]=k,d[e++]=l,d[e++]=i,d[e++]=j,d[e++]=h,d[e++]=1,d[e++]=m,d[e++]=k,d[e++]=l,d[e++]=i,d[e++]=j,d[e++]=h,d[e++]=0,d[e++]=m,d[e++]=k,d[e++]=l,d[e++]=i,d[e++]=j,d[e++]=h,d[e++]=0,d[e++]=m,d[e++]=i,d[e++]=j,d[e++]=k,d[e++]=l,d[e++]=h,d[e++]=1,d[e++]=m,d[e++]=i,d[e++]=j,d[e++]=k,d[e++]=l,d[e++]=h,d[e++]=0,d[e++]=m},render:function(a,b,c,d){var e,f=a.getAttribLocation(b,"a_color"),g=a.getAttribLocation(b,"a_position1"),h=a.getAttribLocation(b,"a_position2"),i=a.getAttribLocation(b,"a_thickness"),j=a.getAttribLocation(b,"a_minus"),k=a.getUniformLocation(b,"u_resolution"),l=a.getUniformLocation(b,"u_matrix"),m=a.getUniformLocation(b,"u_matrixHalfPi"),n=a.getUniformLocation(b,"u_matrixHalfPiMinus"),o=a.getUniformLocation(b,"u_ratio"),p=a.getUniformLocation(b,"u_scale");e=a.createBuffer(),a.bindBuffer(a.ARRAY_BUFFER,e),a.bufferData(a.ARRAY_BUFFER,c,a.STATIC_DRAW),a.uniform2f(k,d.width,d.height),a.uniform1f(o,d.ratio/Math.pow(d.ratio,d.settings("edgesPowRatio"))),a.uniform1f(p,d.scalingRatio),a.uniformMatrix3fv(l,!1,d.matrix),a.uniformMatrix2fv(m,!1,sigma.utils.matrices.rotation(Math.PI/2,!0)),a.uniformMatrix2fv(n,!1,sigma.utils.matrices.rotation(-Math.PI/2,!0)),a.enableVertexAttribArray(f),a.enableVertexAttribArray(g),a.enableVertexAttribArray(h),a.enableVertexAttribArray(i),a.enableVertexAttribArray(j),a.vertexAttribPointer(g,2,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,0),a.vertexAttribPointer(h,2,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,8),a.vertexAttribPointer(i,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,16),a.vertexAttribPointer(j,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,20),a.vertexAttribPointer(f,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,24),a.drawArrays(a.TRIANGLES,d.start||0,d.count||c.length/this.ATTRIBUTES)},initProgram:function(a){var b,c,d;return b=sigma.utils.loadShader(a,["attribute vec2 a_position1;","attribute vec2 a_position2;","attribute float a_thickness;","attribute float a_minus;","attribute float a_color;","uniform vec2 u_resolution;","uniform float u_ratio;","uniform float u_scale;","uniform mat3 u_matrix;","uniform mat2 u_matrixHalfPi;","uniform mat2 u_matrixHalfPiMinus;","varying vec4 color;","void main() {","vec2 position = a_thickness * u_ratio *","normalize(a_position2 - a_position1);","mat2 matrix = a_minus * u_matrixHalfPiMinus +","(1.0 - a_minus) * u_matrixHalfPi;","position = matrix * position + a_position1;","gl_Position = vec4(","((u_matrix * vec3(position, 1)).xy /","u_resolution * 2.0 - 1.0) * vec2(1, -1),","0,","1",");","float c = a_color;","color.b = mod(c, 256.0); c = floor(c / 256.0);","color.g = mod(c, 256.0); c = floor(c / 256.0);","color.r = mod(c, 256.0); c = floor(c / 256.0); color /= 255.0;","color.a = 1.0;","}"].join("\n"),a.VERTEX_SHADER),c=sigma.utils.loadShader(a,["precision mediump float;","varying vec4 color;","void main(void) {","gl_FragColor = color;","}"].join("\n"),a.FRAGMENT_SHADER),d=sigma.utils.loadProgram(a,[b,c])}}}(),function(){"use strict";sigma.utils.pkg("sigma.webgl.edges"),sigma.webgl.edges.fast={POINTS:2,ATTRIBUTES:3,addEdge:function(a,b,c,d,e,f,g){var h=((a[f+"size"]||1)/2,b[f+"x"]),i=b[f+"y"],j=c[f+"x"],k=c[f+"y"],l=a.color;if(!l)switch(g("edgeColor")){case"source":l=b.color||g("defaultNodeColor");break;case"target":l=c.color||g("defaultNodeColor");break;default:l=g("defaultEdgeColor")}l=sigma.utils.floatColor(l),d[e++]=h,d[e++]=i,d[e++]=l,d[e++]=j,d[e++]=k,d[e++]=l},render:function(a,b,c,d){var e,f=a.getAttribLocation(b,"a_color"),g=a.getAttribLocation(b,"a_position"),h=a.getUniformLocation(b,"u_resolution"),i=a.getUniformLocation(b,"u_matrix");e=a.createBuffer(),a.bindBuffer(a.ARRAY_BUFFER,e),a.bufferData(a.ARRAY_BUFFER,c,a.DYNAMIC_DRAW),a.uniform2f(h,d.width,d.height),a.uniformMatrix3fv(i,!1,d.matrix),a.enableVertexAttribArray(g),a.enableVertexAttribArray(f),a.vertexAttribPointer(g,2,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,0),a.vertexAttribPointer(f,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,8),a.lineWidth(3),a.drawArrays(a.LINES,d.start||0,d.count||c.length/this.ATTRIBUTES)},initProgram:function(a){var b,c,d;return b=sigma.utils.loadShader(a,["attribute vec2 a_position;","attribute float a_color;","uniform vec2 u_resolution;","uniform mat3 u_matrix;","varying vec4 color;","void main() {","gl_Position = vec4(","((u_matrix * vec3(a_position, 1)).xy /","u_resolution * 2.0 - 1.0) * vec2(1, -1),","0,","1",");","float c = a_color;","color.b = mod(c, 256.0); c = floor(c / 256.0);","color.g = mod(c, 256.0); c = floor(c / 256.0);","color.r = mod(c, 256.0); c = floor(c / 256.0); color /= 255.0;","color.a = 1.0;","}"].join("\n"),a.VERTEX_SHADER),c=sigma.utils.loadShader(a,["precision mediump float;","varying vec4 color;","void main(void) {","gl_FragColor = color;","}"].join("\n"),a.FRAGMENT_SHADER),d=sigma.utils.loadProgram(a,[b,c])}}}(),function(){"use strict";sigma.utils.pkg("sigma.webgl.edges"),sigma.webgl.edges.arrow={POINTS:9,ATTRIBUTES:11,addEdge:function(a,b,c,d,e,f,g){var h=(a[f+"size"]||1)/2,i=b[f+"x"],j=b[f+"y"],k=c[f+"x"],l=c[f+"y"],m=c[f+"size"],n=a.color;if(!n)switch(g("edgeColor")){case"source":n=b.color||g("defaultNodeColor");break;case"target":n=c.color||g("defaultNodeColor");break;default:n=g("defaultEdgeColor")}n=sigma.utils.floatColor(n),d[e++]=i,d[e++]=j,d[e++]=k,d[e++]=l,d[e++]=h,d[e++]=m,d[e++]=0,d[e++]=0,d[e++]=0,d[e++]=0,d[e++]=n,d[e++]=k,d[e++]=l,d[e++]=i,d[e++]=j,d[e++]=h,d[e++]=m,d[e++]=1,d[e++]=1,d[e++]=0,d[e++]=0,d[e++]=n,d[e++]=k,d[e++]=l,d[e++]=i,d[e++]=j,d[e++]=h,d[e++]=m,d[e++]=1,d[e++]=0,d[e++]=0,d[e++]=0,d[e++]=n,d[e++]=k,d[e++]=l,d[e++]=i,d[e++]=j,d[e++]=h,d[e++]=m,d[e++]=1,d[e++]=0,d[e++]=0,d[e++]=0,d[e++]=n,d[e++]=i,d[e++]=j,d[e++]=k,d[e++]=l,d[e++]=h,d[e++]=m,d[e++]=0,d[e++]=1,d[e++]=0,d[e++]=0,d[e++]=n,d[e++]=i,d[e++]=j,d[e++]=k,d[e++]=l,d[e++]=h,d[e++]=m,d[e++]=0,d[e++]=0,d[e++]=0,d[e++]=0,d[e++]=n,d[e++]=k,d[e++]=l,d[e++]=i,d[e++]=j,d[e++]=h,d[e++]=m,d[e++]=1,d[e++]=0,d[e++]=1,d[e++]=-1,d[e++]=n,d[e++]=k,d[e++]=l,d[e++]=i,d[e++]=j,d[e++]=h,d[e++]=m,d[e++]=1,d[e++]=0,d[e++]=1,d[e++]=0,d[e++]=n,d[e++]=k,d[e++]=l,d[e++]=i,d[e++]=j,d[e++]=h,d[e++]=m,d[e++]=1,d[e++]=0,d[e++]=1,d[e++]=1,d[e++]=n},render:function(a,b,c,d){var e,f=a.getAttribLocation(b,"a_pos1"),g=a.getAttribLocation(b,"a_pos2"),h=a.getAttribLocation(b,"a_thickness"),i=a.getAttribLocation(b,"a_tSize"),j=a.getAttribLocation(b,"a_delay"),k=a.getAttribLocation(b,"a_minus"),l=a.getAttribLocation(b,"a_head"),m=a.getAttribLocation(b,"a_headPosition"),n=a.getAttribLocation(b,"a_color"),o=a.getUniformLocation(b,"u_resolution"),p=a.getUniformLocation(b,"u_matrix"),q=a.getUniformLocation(b,"u_matrixHalfPi"),r=a.getUniformLocation(b,"u_matrixHalfPiMinus"),s=a.getUniformLocation(b,"u_ratio"),t=a.getUniformLocation(b,"u_nodeRatio"),u=a.getUniformLocation(b,"u_arrowHead"),v=a.getUniformLocation(b,"u_scale");e=a.createBuffer(),a.bindBuffer(a.ARRAY_BUFFER,e),a.bufferData(a.ARRAY_BUFFER,c,a.STATIC_DRAW),a.uniform2f(o,d.width,d.height),a.uniform1f(s,d.ratio/Math.pow(d.ratio,d.settings("edgesPowRatio"))),a.uniform1f(t,Math.pow(d.ratio,d.settings("nodesPowRatio"))/d.ratio),a.uniform1f(u,5),a.uniform1f(v,d.scalingRatio),a.uniformMatrix3fv(p,!1,d.matrix),a.uniformMatrix2fv(q,!1,sigma.utils.matrices.rotation(Math.PI/2,!0)),a.uniformMatrix2fv(r,!1,sigma.utils.matrices.rotation(-Math.PI/2,!0)),a.enableVertexAttribArray(f),a.enableVertexAttribArray(g),a.enableVertexAttribArray(h),a.enableVertexAttribArray(i),a.enableVertexAttribArray(j),a.enableVertexAttribArray(k),a.enableVertexAttribArray(l),a.enableVertexAttribArray(m),a.enableVertexAttribArray(n),a.vertexAttribPointer(f,2,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,0),a.vertexAttribPointer(g,2,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,8),a.vertexAttribPointer(h,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,16),a.vertexAttribPointer(i,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,20),a.vertexAttribPointer(j,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,24),a.vertexAttribPointer(k,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,28),a.vertexAttribPointer(l,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,32),a.vertexAttribPointer(m,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,36),a.vertexAttribPointer(n,1,a.FLOAT,!1,this.ATTRIBUTES*Float32Array.BYTES_PER_ELEMENT,40),a.drawArrays(a.TRIANGLES,d.start||0,d.count||c.length/this.ATTRIBUTES)},initProgram:function(a){var b,c,d;return b=sigma.utils.loadShader(a,["attribute vec2 a_pos1;","attribute vec2 a_pos2;","attribute float a_thickness;","attribute float a_tSize;","attribute float a_delay;","attribute float a_minus;","attribute float a_head;","attribute float a_headPosition;","attribute float a_color;","uniform vec2 u_resolution;","uniform float u_ratio;","uniform float u_nodeRatio;","uniform float u_arrowHead;","uniform float u_scale;","uniform mat3 u_matrix;","uniform mat2 u_matrixHalfPi;","uniform mat2 u_matrixHalfPiMinus;","varying vec4 color;","void main() {","vec2 pos = normalize(a_pos2 - a_pos1);","mat2 matrix = (1.0 - a_head) *","(","a_minus * u_matrixHalfPiMinus +","(1.0 - a_minus) * u_matrixHalfPi",") + a_head * (","a_headPosition * u_matrixHalfPiMinus * 0.6 +","(a_headPosition * a_headPosition - 1.0) * mat2(1.0)",");","pos = a_pos1 + (","(1.0 - a_head) * a_thickness * u_ratio * matrix * pos +","a_head * u_arrowHead * a_thickness * u_ratio * matrix * pos +","a_delay * pos * (","a_tSize / u_nodeRatio +","u_arrowHead * a_thickness * u_ratio",")",");","gl_Position = vec4(","((u_matrix * vec3(pos, 1)).xy /","u_resolution * 2.0 - 1.0) * vec2(1, -1),","0,","1",");","float c = a_color;","color.b = mod(c, 256.0); c = floor(c / 256.0);","color.g = mod(c, 256.0); c = floor(c / 256.0);","color.r = mod(c, 256.0); c = floor(c / 256.0); color /= 255.0;","color.a = 1.0;","}"].join("\n"),a.VERTEX_SHADER),c=sigma.utils.loadShader(a,["precision mediump float;","varying vec4 color;","void main(void) {","gl_FragColor = color;","}"].join("\n"),a.FRAGMENT_SHADER),d=sigma.utils.loadProgram(a,[b,c])}}}(),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.canvas.labels"),sigma.canvas.labels.def=function(a,b,c){var d,e=c("prefix")||"",f=a[e+"size"];f<c("labelThreshold")||a.label&&"string"==typeof a.label&&(d="fixed"===c("labelSize")?c("defaultLabelSize"):c("labelSizeRatio")*f,b.font=(c("fontStyle")?c("fontStyle")+" ":"")+d+"px "+c("font"),b.fillStyle="node"===c("labelColor")?a.color||c("defaultNodeColor"):c("defaultLabelColor"),b.fillText(a.label,Math.round(a[e+"x"]+f+3),Math.round(a[e+"y"]+d/3)))}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.canvas.hovers"),sigma.canvas.hovers.def=function(a,b,c){var d,e,f,g,h,i=c("hoverFontStyle")||c("fontStyle"),j=c("prefix")||"",k=a[j+"size"],l="fixed"===c("labelSize")?c("defaultLabelSize"):c("labelSizeRatio")*k;b.font=(i?i+" ":"")+l+"px "+(c("hoverFont")||c("font")),b.beginPath(),b.fillStyle="node"===c("labelHoverBGColor")?a.color||c("defaultNodeColor"):c("defaultHoverLabelBGColor"),a.label&&c("labelHoverShadow")&&(b.shadowOffsetX=0,b.shadowOffsetY=0,b.shadowBlur=8,b.shadowColor=c("labelHoverShadowColor")),a.label&&"string"==typeof a.label&&(d=Math.round(a[j+"x"]-l/2-2),e=Math.round(a[j+"y"]-l/2-2),f=Math.round(b.measureText(a.label).width+l/2+k+7),g=Math.round(l+4),h=Math.round(l/2+2),b.moveTo(d,e+h),b.arcTo(d,e,d+h,e,h),b.lineTo(d+f,e),b.lineTo(d+f,e+g),b.lineTo(d+h,e+g),b.arcTo(d,e+g,d,e+g-h,h),b.lineTo(d,e+h),b.closePath(),b.fill(),b.shadowOffsetX=0,b.shadowOffsetY=0,b.shadowBlur=0),c("borderSize")>0&&(b.beginPath(),b.fillStyle="node"===c("nodeBorderColor")?a.color||c("defaultNodeColor"):c("defaultNodeBorderColor"),b.arc(a[j+"x"],a[j+"y"],k+c("borderSize"),0,2*Math.PI,!0),b.closePath(),b.fill());var m=sigma.canvas.nodes[a.type]||sigma.canvas.nodes.def;m(a,b,c),a.label&&"string"==typeof a.label&&(b.fillStyle="node"===c("labelHoverColor")?a.color||c("defaultNodeColor"):c("defaultLabelHoverColor"),b.fillText(a.label,Math.round(a[j+"x"]+k+3),Math.round(a[j+"y"]+l/3)))}}.call(this),function(){"use strict";sigma.utils.pkg("sigma.canvas.nodes"),sigma.canvas.nodes.def=function(a,b,c){var d=c("prefix")||"";b.fillStyle=a.color||c("defaultNodeColor"),b.beginPath(),b.arc(a[d+"x"],a[d+"y"],a[d+"size"],0,2*Math.PI,!0),b.closePath(),b.fill()}}(),function(){"use strict";sigma.utils.pkg("sigma.canvas.edges"),sigma.canvas.edges.def=function(a,b,c,d,e){var f=a.color,g=e("prefix")||"",h=a[g+"size"]||1,i=e("edgeColor"),j=e("defaultNodeColor"),k=e("defaultEdgeColor");if(!f)switch(i){case"source":f=b.color||j;break;case"target":f=c.color||j;break;default:f=k}d.strokeStyle=f,d.lineWidth=h,d.beginPath(),d.moveTo(b[g+"x"],b[g+"y"]),d.lineTo(c[g+"x"],c[g+"y"]),d.stroke()}}(),function(){"use strict";sigma.utils.pkg("sigma.canvas.edges"),sigma.canvas.edges.curve=function(a,b,c,d,e){var f=a.color,g=e("prefix")||"",h=a[g+"size"]||1,i=e("edgeColor"),j=e("defaultNodeColor"),k=e("defaultEdgeColor"),l={},m=b[g+"size"],n=b[g+"x"],o=b[g+"y"],p=c[g+"x"],q=c[g+"y"];if(l=b.id===c.id?sigma.utils.getSelfLoopControlPoints(n,o,m):sigma.utils.getQuadraticControlPoint(n,o,p,q),!f)switch(i){case"source":f=b.color||j;break;case"target":f=c.color||j;break;default:f=k}d.strokeStyle=f,d.lineWidth=h,d.beginPath(),d.moveTo(n,o),b.id===c.id?d.bezierCurveTo(l.x1,l.y1,l.x2,l.y2,p,q):d.quadraticCurveTo(l.x,l.y,p,q),d.stroke()}}(),function(){"use strict";sigma.utils.pkg("sigma.canvas.edges"),sigma.canvas.edges.arrow=function(a,b,c,d,e){var f=a.color,g=e("prefix")||"",h=e("edgeColor"),i=e("defaultNodeColor"),j=e("defaultEdgeColor"),k=a[g+"size"]||1,l=c[g+"size"],m=b[g+"x"],n=b[g+"y"],o=c[g+"x"],p=c[g+"y"],q=Math.max(2.5*k,e("minArrowSize")),r=Math.sqrt(Math.pow(o-m,2)+Math.pow(p-n,2)),s=m+(o-m)*(r-q-l)/r,t=n+(p-n)*(r-q-l)/r,u=(o-m)*q/r,v=(p-n)*q/r;if(!f)switch(h){case"source":f=b.color||i;break;case"target":f=c.color||i;break;default:f=j}d.strokeStyle=f,d.lineWidth=k,d.beginPath(),d.moveTo(m,n),d.lineTo(s,t),d.stroke(),d.fillStyle=f,d.beginPath(),d.moveTo(s+u,t+v),d.lineTo(s+.6*v,t-.6*u),d.lineTo(s-.6*v,t+.6*u),d.lineTo(s+u,t+v),d.closePath(),d.fill()}}(),function(){"use strict";sigma.utils.pkg("sigma.canvas.edges"),sigma.canvas.edges.curvedArrow=function(a,b,c,d,e){var f,g,h,i,j,k=a.color,l=e("prefix")||"",m=e("edgeColor"),n=e("defaultNodeColor"),o=e("defaultEdgeColor"),p={},q=a[l+"size"]||1,r=c[l+"size"],s=b[l+"x"],t=b[l+"y"],u=c[l+"x"],v=c[l+"y"],w=Math.max(2.5*q,e("minArrowSize"));if(p=b.id===c.id?sigma.utils.getSelfLoopControlPoints(s,t,r):sigma.utils.getQuadraticControlPoint(s,t,u,v),b.id===c.id?(f=Math.sqrt(Math.pow(u-p.x1,2)+Math.pow(v-p.y1,2)),g=p.x1+(u-p.x1)*(f-w-r)/f,h=p.y1+(v-p.y1)*(f-w-r)/f,i=(u-p.x1)*w/f,j=(v-p.y1)*w/f):(f=Math.sqrt(Math.pow(u-p.x,2)+Math.pow(v-p.y,2)),g=p.x+(u-p.x)*(f-w-r)/f,h=p.y+(v-p.y)*(f-w-r)/f,i=(u-p.x)*w/f,j=(v-p.y)*w/f),!k)switch(m){case"source":k=b.color||n;break;case"target":k=c.color||n;break;default:k=o}d.strokeStyle=k,d.lineWidth=q,d.beginPath(),d.moveTo(s,t),b.id===c.id?d.bezierCurveTo(p.x2,p.y2,p.x1,p.y1,g,h):d.quadraticCurveTo(p.x,p.y,g,h),d.stroke(),d.fillStyle=k,d.beginPath(),d.moveTo(g+i,h+j),d.lineTo(g+.6*j,h-.6*i),d.lineTo(g-.6*j,h+.6*i),d.lineTo(g+i,h+j),d.closePath(),d.fill()}}(),function(){"use strict";sigma.utils.pkg("sigma.canvas.edgehovers"),sigma.canvas.edgehovers.def=function(a,b,c,d,e){var f=a.color,g=e("prefix")||"",h=a[g+"size"]||1,i=e("edgeColor"),j=e("defaultNodeColor"),k=e("defaultEdgeColor");if(!f)switch(i){case"source":f=b.color||j;break;case"target":f=c.color||j;break;default:f=k}f="edge"===e("edgeHoverColor")?a.hover_color||f:a.hover_color||e("defaultEdgeHoverColor")||f,h*=e("edgeHoverSizeRatio"),d.strokeStyle=f,d.lineWidth=h,d.beginPath(),d.moveTo(b[g+"x"],b[g+"y"]),d.lineTo(c[g+"x"],c[g+"y"]),d.stroke()}}(),function(){"use strict";sigma.utils.pkg("sigma.canvas.edgehovers"),sigma.canvas.edgehovers.curve=function(a,b,c,d,e){var f=a.color,g=e("prefix")||"",h=e("edgeHoverSizeRatio")*(a[g+"size"]||1),i=e("edgeColor"),j=e("defaultNodeColor"),k=e("defaultEdgeColor"),l={},m=b[g+"size"],n=b[g+"x"],o=b[g+"y"],p=c[g+"x"],q=c[g+"y"];if(l=b.id===c.id?sigma.utils.getSelfLoopControlPoints(n,o,m):sigma.utils.getQuadraticControlPoint(n,o,p,q),!f)switch(i){case"source":f=b.color||j;break;case"target":f=c.color||j;break;default:f=k}f="edge"===e("edgeHoverColor")?a.hover_color||f:a.hover_color||e("defaultEdgeHoverColor")||f,d.strokeStyle=f,d.lineWidth=h,d.beginPath(),d.moveTo(n,o),b.id===c.id?d.bezierCurveTo(l.x1,l.y1,l.x2,l.y2,p,q):d.quadraticCurveTo(l.x,l.y,p,q),d.stroke()}}(),function(){"use strict";sigma.utils.pkg("sigma.canvas.edgehovers"),sigma.canvas.edgehovers.arrow=function(a,b,c,d,e){var f=a.color,g=e("prefix")||"",h=e("edgeColor"),i=e("defaultNodeColor"),j=e("defaultEdgeColor"),k=a[g+"size"]||1,l=c[g+"size"],m=b[g+"x"],n=b[g+"y"],o=c[g+"x"],p=c[g+"y"];
+k=a.hover?e("edgeHoverSizeRatio")*k:k;var q=2.5*k,r=Math.sqrt(Math.pow(o-m,2)+Math.pow(p-n,2)),s=m+(o-m)*(r-q-l)/r,t=n+(p-n)*(r-q-l)/r,u=(o-m)*q/r,v=(p-n)*q/r;if(!f)switch(h){case"source":f=b.color||i;break;case"target":f=c.color||i;break;default:f=j}f="edge"===e("edgeHoverColor")?a.hover_color||f:a.hover_color||e("defaultEdgeHoverColor")||f,d.strokeStyle=f,d.lineWidth=k,d.beginPath(),d.moveTo(m,n),d.lineTo(s,t),d.stroke(),d.fillStyle=f,d.beginPath(),d.moveTo(s+u,t+v),d.lineTo(s+.6*v,t-.6*u),d.lineTo(s-.6*v,t+.6*u),d.lineTo(s+u,t+v),d.closePath(),d.fill()}}(),function(){"use strict";sigma.utils.pkg("sigma.canvas.edgehovers"),sigma.canvas.edgehovers.curvedArrow=function(a,b,c,d,e){var f,g,h,i,j,k,l=a.color,m=e("prefix")||"",n=e("edgeColor"),o=e("defaultNodeColor"),p=e("defaultEdgeColor"),q={},r=e("edgeHoverSizeRatio")*(a[m+"size"]||1),s=c[m+"size"],t=b[m+"x"],u=b[m+"y"],v=c[m+"x"],w=c[m+"y"];if(q=b.id===c.id?sigma.utils.getSelfLoopControlPoints(t,u,s):sigma.utils.getQuadraticControlPoint(t,u,v,w),b.id===c.id?(f=Math.sqrt(Math.pow(v-q.x1,2)+Math.pow(w-q.y1,2)),g=2.5*r,h=q.x1+(v-q.x1)*(f-g-s)/f,i=q.y1+(w-q.y1)*(f-g-s)/f,j=(v-q.x1)*g/f,k=(w-q.y1)*g/f):(f=Math.sqrt(Math.pow(v-q.x,2)+Math.pow(w-q.y,2)),g=2.5*r,h=q.x+(v-q.x)*(f-g-s)/f,i=q.y+(w-q.y)*(f-g-s)/f,j=(v-q.x)*g/f,k=(w-q.y)*g/f),!l)switch(n){case"source":l=b.color||o;break;case"target":l=c.color||o;break;default:l=p}l="edge"===e("edgeHoverColor")?a.hover_color||l:a.hover_color||e("defaultEdgeHoverColor")||l,d.strokeStyle=l,d.lineWidth=r,d.beginPath(),d.moveTo(t,u),b.id===c.id?d.bezierCurveTo(q.x2,q.y2,q.x1,q.y1,h,i):d.quadraticCurveTo(q.x,q.y,h,i),d.stroke(),d.fillStyle=l,d.beginPath(),d.moveTo(h+j,i+k),d.lineTo(h+.6*k,i-.6*j),d.lineTo(h-.6*k,i+.6*j),d.lineTo(h+j,i+k),d.closePath(),d.fill()}}(),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.canvas.extremities"),sigma.canvas.extremities.def=function(a,b,c,d,e){(sigma.canvas.hovers[b.type]||sigma.canvas.hovers.def)(b,d,e),(sigma.canvas.hovers[c.type]||sigma.canvas.hovers.def)(c,d,e)}}.call(this),function(){"use strict";sigma.utils.pkg("sigma.svg.utils"),sigma.svg.utils={show:function(a){return a.style.display="",this},hide:function(a){return a.style.display="none",this}}}(),function(){"use strict";sigma.utils.pkg("sigma.svg.nodes"),sigma.svg.nodes.def={create:function(a,b){var c=(b("prefix")||"",document.createElementNS(b("xmlns"),"circle"));return c.setAttributeNS(null,"data-node-id",a.id),c.setAttributeNS(null,"class",b("classPrefix")+"-node"),c.setAttributeNS(null,"fill",a.color||b("defaultNodeColor")),c},update:function(a,b,c){var d=c("prefix")||"";return b.setAttributeNS(null,"cx",a[d+"x"]),b.setAttributeNS(null,"cy",a[d+"y"]),b.setAttributeNS(null,"r",a[d+"size"]),c("freeStyle")||b.setAttributeNS(null,"fill",a.color||c("defaultNodeColor")),b.style.display="",this}}}(),function(){"use strict";sigma.utils.pkg("sigma.svg.edges"),sigma.svg.edges.def={create:function(a,b,c,d){var e=a.color,f=(d("prefix")||"",d("edgeColor")),g=d("defaultNodeColor"),h=d("defaultEdgeColor");if(!e)switch(f){case"source":e=b.color||g;break;case"target":e=c.color||g;break;default:e=h}var i=document.createElementNS(d("xmlns"),"line");return i.setAttributeNS(null,"data-edge-id",a.id),i.setAttributeNS(null,"class",d("classPrefix")+"-edge"),i.setAttributeNS(null,"stroke",e),i},update:function(a,b,c,d,e){var f=e("prefix")||"";return b.setAttributeNS(null,"stroke-width",a[f+"size"]||1),b.setAttributeNS(null,"x1",c[f+"x"]),b.setAttributeNS(null,"y1",c[f+"y"]),b.setAttributeNS(null,"x2",d[f+"x"]),b.setAttributeNS(null,"y2",d[f+"y"]),b.style.display="",this}}}(),function(){"use strict";sigma.utils.pkg("sigma.svg.edges"),sigma.svg.edges.curve={create:function(a,b,c,d){var e=a.color,f=(d("prefix")||"",d("edgeColor")),g=d("defaultNodeColor"),h=d("defaultEdgeColor");if(!e)switch(f){case"source":e=b.color||g;break;case"target":e=c.color||g;break;default:e=h}var i=document.createElementNS(d("xmlns"),"path");return i.setAttributeNS(null,"data-edge-id",a.id),i.setAttributeNS(null,"class",d("classPrefix")+"-edge"),i.setAttributeNS(null,"stroke",e),i},update:function(a,b,c,d,e){var f=e("prefix")||"";b.setAttributeNS(null,"stroke-width",a[f+"size"]||1);var g=(c[f+"x"]+d[f+"x"])/2+(d[f+"y"]-c[f+"y"])/4,h=(c[f+"y"]+d[f+"y"])/2+(c[f+"x"]-d[f+"x"])/4,i="M"+c[f+"x"]+","+c[f+"y"]+" Q"+g+","+h+" "+d[f+"x"]+","+d[f+"y"];return b.setAttributeNS(null,"d",i),b.setAttributeNS(null,"fill","none"),b.style.display="",this}}}(),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.svg.labels"),sigma.svg.labels.def={create:function(a,b){var c=b("prefix")||"",d=a[c+"size"],e=document.createElementNS(b("xmlns"),"text"),f="fixed"===b("labelSize")?b("defaultLabelSize"):b("labelSizeRatio")*d,g="node"===b("labelColor")?a.color||b("defaultNodeColor"):b("defaultLabelColor");return e.setAttributeNS(null,"data-label-target",a.id),e.setAttributeNS(null,"class",b("classPrefix")+"-label"),e.setAttributeNS(null,"font-size",f),e.setAttributeNS(null,"font-family",b("font")),e.setAttributeNS(null,"fill",g),e.innerHTML=a.label,e.textContent=a.label,e},update:function(a,b,c){var d=c("prefix")||"",e=a[d+"size"],f="fixed"===c("labelSize")?c("defaultLabelSize"):c("labelSizeRatio")*e;return!c("forceLabels")&&e<c("labelThreshold")||"string"!=typeof a.label?void 0:(b.setAttributeNS(null,"x",Math.round(a[d+"x"]+e+3)),b.setAttributeNS(null,"y",Math.round(a[d+"y"]+f/3)),b.style.display="",this)}}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.svg.hovers"),sigma.svg.hovers.def={create:function(a,b,c,d){var e,f,g,h,i,j=(d("hoverFontStyle")||d("fontStyle"),d("prefix")||""),k=a[j+"size"],l="fixed"===d("labelSize")?d("defaultLabelSize"):d("labelSizeRatio")*k,m="node"===d("labelHoverColor")?a.color||d("defaultNodeColor"):d("defaultLabelHoverColor"),n=document.createElementNS(d("xmlns"),"g"),o=document.createElementNS(d("xmlns"),"rect"),p=document.createElementNS(d("xmlns"),"circle"),q=document.createElementNS(d("xmlns"),"text");return n.setAttributeNS(null,"class",d("classPrefix")+"-hover"),n.setAttributeNS(null,"data-node-id",a.id),"string"==typeof a.label&&(q.innerHTML=a.label,q.textContent=a.label,q.setAttributeNS(null,"class",d("classPrefix")+"-hover-label"),q.setAttributeNS(null,"font-size",l),q.setAttributeNS(null,"font-family",d("font")),q.setAttributeNS(null,"fill",m),q.setAttributeNS(null,"x",Math.round(a[j+"x"]+k+3)),q.setAttributeNS(null,"y",Math.round(a[j+"y"]+l/3)),e=Math.round(a[j+"x"]-l/2-2),f=Math.round(a[j+"y"]-l/2-2),g=Math.round(c.measureText(a.label).width+l/2+k+9),h=Math.round(l+4),i=Math.round(l/2+2),p.setAttributeNS(null,"class",d("classPrefix")+"-hover-area"),p.setAttributeNS(null,"fill","#fff"),p.setAttributeNS(null,"cx",a[j+"x"]),p.setAttributeNS(null,"cy",a[j+"y"]),p.setAttributeNS(null,"r",i),o.setAttributeNS(null,"class",d("classPrefix")+"-hover-area"),o.setAttributeNS(null,"fill","#fff"),o.setAttributeNS(null,"x",a[j+"x"]+i/4),o.setAttributeNS(null,"y",a[j+"y"]-i),o.setAttributeNS(null,"width",g),o.setAttributeNS(null,"height",h)),n.appendChild(p),n.appendChild(o),n.appendChild(q),n.appendChild(b),n}}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.middlewares"),sigma.utils.pkg("sigma.utils"),sigma.middlewares.rescale=function(a,b,c){var d,e,f,g,h,i,j,k,l=this.graph.nodes(),m=this.graph.edges(),n=this.settings.embedObjects(c||{}),o=n("bounds")||sigma.utils.getBoundaries(this.graph,a,!0),p=o.minX,q=o.minY,r=o.maxX,s=o.maxY,t=o.sizeMax,u=o.weightMax,v=n("width")||1,w=n("height")||1,x=n("autoRescale"),y={nodePosition:1,nodeSize:1,edgeSize:1};for(x instanceof Array||(x=["nodePosition","nodeSize","edgeSize"]),d=0,e=x.length;e>d;d++)if(!y[x[d]])throw new Error('The rescale setting "'+x[d]+'" is not recognized.');var z=~x.indexOf("nodePosition"),A=~x.indexOf("nodeSize"),B=~x.indexOf("edgeSize");for(j="outside"===n("scalingMode")?Math.max(v/Math.max(r-p,1),w/Math.max(s-q,1)):Math.min(v/Math.max(r-p,1),w/Math.max(s-q,1)),k=(n("rescaleIgnoreSize")?0:(n("maxNodeSize")||t)/j)+(n("sideMargin")||0),r+=k,p-=k,s+=k,q-=k,j="outside"===n("scalingMode")?Math.max(v/Math.max(r-p,1),w/Math.max(s-q,1)):Math.min(v/Math.max(r-p,1),w/Math.max(s-q,1)),n("maxNodeSize")||n("minNodeSize")?n("maxNodeSize")===n("minNodeSize")?(f=0,g=+n("maxNodeSize")):(f=(n("maxNodeSize")-n("minNodeSize"))/t,g=+n("minNodeSize")):(f=1,g=0),n("maxEdgeSize")||n("minEdgeSize")?n("maxEdgeSize")===n("minEdgeSize")?(h=0,i=+n("minEdgeSize")):(h=(n("maxEdgeSize")-n("minEdgeSize"))/u,i=+n("minEdgeSize")):(h=1,i=0),d=0,e=m.length;e>d;d++)m[d][b+"size"]=m[d][a+"size"]*(B?h:1)+(B?i:0);for(d=0,e=l.length;e>d;d++)l[d][b+"size"]=l[d][a+"size"]*(A?f:1)+(A?g:0),l[d][b+"x"]=(l[d][a+"x"]-(r+p)/2)*(z?j:1),l[d][b+"y"]=(l[d][a+"y"]-(s+q)/2)*(z?j:1)},sigma.utils.getBoundaries=function(a,b,c){var d,e,f=a.edges(),g=a.nodes(),h=-(1/0),i=-(1/0),j=1/0,k=1/0,l=-(1/0),m=-(1/0);if(c)for(d=0,e=f.length;e>d;d++)h=Math.max(f[d][b+"size"],h);for(d=0,e=g.length;e>d;d++)i=Math.max(g[d][b+"size"],i),l=Math.max(g[d][b+"x"],l),j=Math.min(g[d][b+"x"],j),m=Math.max(g[d][b+"y"],m),k=Math.min(g[d][b+"y"],k);return h=h||1,i=i||1,{weightMax:h,sizeMax:i,minX:j,minY:k,maxX:l,maxY:m}}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.middlewares"),sigma.middlewares.copy=function(a,b){var c,d,e;if(b+""!=a+""){for(e=this.graph.nodes(),c=0,d=e.length;d>c;c++)e[c][b+"x"]=e[c][a+"x"],e[c][b+"y"]=e[c][a+"y"],e[c][b+"size"]=e[c][a+"size"];for(e=this.graph.edges(),c=0,d=e.length;d>c;c++)e[c][b+"size"]=e[c][a+"size"]}}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.misc.animation.running");var b=function(){var a=0;return function(){return""+ ++a}}();sigma.misc.animation.camera=function(c,d,e){if(!(c instanceof sigma.classes.camera&&"object"==typeof d&&d))throw"animation.camera: Wrong arguments.";if("number"!=typeof d.x&&"number"!=typeof d.y&&"number"!=typeof d.ratio&&"number"!=typeof d.angle)throw"There must be at least one valid coordinate in the given val.";var f,g,h,i,j,k,l=e||{},m=sigma.utils.dateNow();return k={x:c.x,y:c.y,ratio:c.ratio,angle:c.angle},j=l.duration,i="function"!=typeof l.easing?sigma.utils.easings[l.easing||"quadraticInOut"]:l.easing,f=function(){var b,e=l.duration?(sigma.utils.dateNow()-m)/l.duration:1;e>=1?(c.isAnimated=!1,c.goTo({x:d.x!==a?d.x:k.x,y:d.y!==a?d.y:k.y,ratio:d.ratio!==a?d.ratio:k.ratio,angle:d.angle!==a?d.angle:k.angle}),cancelAnimationFrame(g),delete sigma.misc.animation.running[g],"function"==typeof l.onComplete&&l.onComplete()):(b=i(e),c.isAnimated=!0,c.goTo({x:d.x!==a?k.x+(d.x-k.x)*b:k.x,y:d.y!==a?k.y+(d.y-k.y)*b:k.y,ratio:d.ratio!==a?k.ratio+(d.ratio-k.ratio)*b:k.ratio,angle:d.angle!==a?k.angle+(d.angle-k.angle)*b:k.angle}),"function"==typeof l.onNewFrame&&l.onNewFrame(),h.frameId=requestAnimationFrame(f))},g=b(),h={frameId:requestAnimationFrame(f),target:c,type:"camera",options:l,fn:f},sigma.misc.animation.running[g]=h,g},sigma.misc.animation.kill=function(a){if(1!==arguments.length||"number"!=typeof a)throw"animation.kill: Wrong arguments.";var b=sigma.misc.animation.running[a];return b&&(cancelAnimationFrame(a),delete sigma.misc.animation.running[b.frameId],"camera"===b.type&&(b.target.isAnimated=!1),"function"==typeof(b.options||{}).onComplete&&b.options.onComplete()),this},sigma.misc.animation.killAll=function(a){var b,c,d=0,e="string"==typeof a?a:null,f="object"==typeof a?a:null,g=sigma.misc.animation.running;for(c in g)e&&g[c].type!==e||f&&g[c].target!==f||(b=sigma.misc.animation.running[c],cancelAnimationFrame(b.frameId),delete sigma.misc.animation.running[c],"camera"===b.type&&(b.target.isAnimated=!1),d++,"function"==typeof(b.options||{}).onComplete&&b.options.onComplete());return d},sigma.misc.animation.has=function(a){var b,c="string"==typeof a?a:null,d="object"==typeof a?a:null,e=sigma.misc.animation.running;for(b in e)if(!(c&&e[b].type!==c||d&&e[b].target!==d))return!0;return!1}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.misc"),sigma.misc.bindEvents=function(b){function c(a){a&&(h="x"in a.data?a.data.x:h,i="y"in a.data?a.data.y:i);var c,d,e,f,g,k,l,m,n=[],o=h+j.width/2,p=i+j.height/2,q=j.camera.cameraPosition(h,i),r=j.camera.quadtree.point(q.x,q.y);if(r.length)for(c=0,e=r.length;e>c;c++)if(f=r[c],g=f[b+"x"],k=f[b+"y"],l=f[b+"size"],!f.hidden&&o>g-l&&g+l>o&&p>k-l&&k+l>p&&Math.sqrt(Math.pow(o-g,2)+Math.pow(p-k,2))<l){for(m=!1,d=0;d<n.length;d++)if(f.size>n[d].size){n.splice(d,0,f),m=!0;break}m||n.push(f)}return n}function d(c){function d(a,b){for(r=!1,g=0;g<a.length;g++)if(b.size>a[g].size){a.splice(g,0,b),r=!0;break}r||a.push(b)}if(!j.settings("enableEdgeHovering"))return[];var e=sigma.renderers.canvas&&j instanceof sigma.renderers.canvas;if(!e)throw new Error("The edge events feature is not compatible with the WebGL renderer");c&&(h="x"in c.data?c.data.x:h,i="y"in c.data?c.data.y:i);var f,g,k,l,m,n,o,p,q,r,s=j.settings("edgeHoverPrecision"),t={},u=[],v=h+j.width/2,w=i+j.height/2,x=j.camera.cameraPosition(h,i),y=[];if(e){var z=j.camera.quadtree.area(j.camera.getRectangle(j.width,j.height));for(l=z,f=0,k=l.length;k>f;f++)t[l[f].id]=l[f]}if(j.camera.edgequadtree!==a&&(y=j.camera.edgequadtree.point(x.x,x.y)),y.length)for(f=0,k=y.length;k>f;f++)m=y[f],o=j.graph.nodes(m.source),p=j.graph.nodes(m.target),n=m[b+"size"]||m["read_"+b+"size"],!m.hidden&&!o.hidden&&!p.hidden&&(!e||t[m.source]||t[m.target])&&sigma.utils.getDistance(o[b+"x"],o[b+"y"],v,w)>o[b+"size"]&&sigma.utils.getDistance(p[b+"x"],p[b+"y"],v,w)>p[b+"size"]&&("curve"==m.type||"curvedArrow"==m.type?o.id===p.id?(q=sigma.utils.getSelfLoopControlPoints(o[b+"x"],o[b+"y"],o[b+"size"]),sigma.utils.isPointOnBezierCurve(v,w,o[b+"x"],o[b+"y"],p[b+"x"],p[b+"y"],q.x1,q.y1,q.x2,q.y2,Math.max(n,s))&&d(u,m)):(q=sigma.utils.getQuadraticControlPoint(o[b+"x"],o[b+"y"],p[b+"x"],p[b+"y"]),sigma.utils.isPointOnQuadraticCurve(v,w,o[b+"x"],o[b+"y"],p[b+"x"],p[b+"y"],q.x,q.y,Math.max(n,s))&&d(u,m)):sigma.utils.isPointOnSegment(v,w,o[b+"x"],o[b+"y"],p[b+"x"],p[b+"y"],Math.max(n,s))&&d(u,m));return u}function e(a){function b(a){j.settings("eventsEnabled")&&(j.dispatchEvent("click",a.data),i=c(a),k=d(a),i.length?(j.dispatchEvent("clickNode",{node:i[0],captor:a.data}),j.dispatchEvent("clickNodes",{node:i,captor:a.data})):k.length?(j.dispatchEvent("clickEdge",{edge:k[0],captor:a.data}),j.dispatchEvent("clickEdges",{edge:k,captor:a.data})):j.dispatchEvent("clickStage",{captor:a.data}))}function e(a){j.settings("eventsEnabled")&&(j.dispatchEvent("doubleClick",a.data),i=c(a),k=d(a),i.length?(j.dispatchEvent("doubleClickNode",{node:i[0],captor:a.data}),j.dispatchEvent("doubleClickNodes",{node:i,captor:a.data})):k.length?(j.dispatchEvent("doubleClickEdge",{edge:k[0],captor:a.data}),j.dispatchEvent("doubleClickEdges",{edge:k,captor:a.data})):j.dispatchEvent("doubleClickStage",{captor:a.data}))}function f(a){j.settings("eventsEnabled")&&(j.dispatchEvent("rightClick",a.data),i=c(a),k=d(a),i.length?(j.dispatchEvent("rightClickNode",{node:i[0],captor:a.data}),j.dispatchEvent("rightClickNodes",{node:i,captor:a.data})):k.length?(j.dispatchEvent("rightClickEdge",{edge:k[0],captor:a.data}),j.dispatchEvent("rightClickEdges",{edge:k,captor:a.data})):j.dispatchEvent("rightClickStage",{captor:a.data}))}function g(a){if(j.settings("eventsEnabled")){var b,c,d,e,f=[],g=[];for(b in l)f.push(l[b]);for(l={},c=0,d=f.length;d>c;c++)j.dispatchEvent("outNode",{node:f[c],captor:a.data});for(f.length&&j.dispatchEvent("outNodes",{nodes:f,captor:a.data}),m={},c=0,e=g.length;e>c;c++)j.dispatchEvent("outEdge",{edge:g[c],captor:a.data});g.length&&j.dispatchEvent("outEdges",{edges:g,captor:a.data})}}function h(a){if(j.settings("eventsEnabled")){i=c(a),k=d(a);var b,e,f,g,h=[],n=[],o={},p=i.length,q=[],r=[],s={},t=k.length;for(b=0;p>b;b++)f=i[b],o[f.id]=f,l[f.id]||(n.push(f),l[f.id]=f);for(e in l)o[e]||(h.push(l[e]),delete l[e]);for(b=0,p=n.length;p>b;b++)j.dispatchEvent("overNode",{node:n[b],captor:a.data});for(b=0,p=h.length;p>b;b++)j.dispatchEvent("outNode",{node:h[b],captor:a.data});for(n.length&&j.dispatchEvent("overNodes",{nodes:n,captor:a.data}),h.length&&j.dispatchEvent("outNodes",{nodes:h,captor:a.data}),b=0;t>b;b++)g=k[b],s[g.id]=g,m[g.id]||(r.push(g),m[g.id]=g);for(e in m)s[e]||(q.push(m[e]),delete m[e]);for(b=0,t=r.length;t>b;b++)j.dispatchEvent("overEdge",{edge:r[b],captor:a.data});for(b=0,t=q.length;t>b;b++)j.dispatchEvent("outEdge",{edge:q[b],captor:a.data});r.length&&j.dispatchEvent("overEdges",{edges:r,captor:a.data}),q.length&&j.dispatchEvent("outEdges",{edges:q,captor:a.data})}}var i,k,l={},m={};a.bind("click",b),a.bind("mousedown",h),a.bind("mouseup",h),a.bind("mousemove",h),a.bind("mouseout",g),a.bind("doubleclick",e),a.bind("rightclick",f),j.bind("render",h)}var f,g,h,i,j=this;for(f=0,g=this.captors.length;g>f;f++)e(this.captors[f])}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.misc"),sigma.misc.bindDOMEvents=function(a){function b(a){this.attr=function(b){return a.getAttributeNS(null,b)},this.tag=a.tagName,this["class"]=this.attr("class"),this.id=this.attr("id"),this.isNode=function(){return!!~this["class"].indexOf(g.settings("classPrefix")+"-node")},this.isEdge=function(){return!!~this["class"].indexOf(g.settings("classPrefix")+"-edge")},this.isHover=function(){return!!~this["class"].indexOf(g.settings("classPrefix")+"-hover")}}function c(a){if(g.settings("eventsEnabled")){g.dispatchEvent("click",a);var c=new b(a.target);c.isNode()?g.dispatchEvent("clickNode",{node:h.nodes(c.attr("data-node-id"))}):g.dispatchEvent("clickStage"),a.preventDefault(),a.stopPropagation()}}function d(a){if(g.settings("eventsEnabled")){g.dispatchEvent("doubleClick",a);var c=new b(a.target);c.isNode()?g.dispatchEvent("doubleClickNode",{node:h.nodes(c.attr("data-node-id"))}):g.dispatchEvent("doubleClickStage"),a.preventDefault(),a.stopPropagation()}}function e(a){var c=a.toElement||a.target;if(g.settings("eventsEnabled")&&c){var d=new b(c);if(d.isNode())g.dispatchEvent("overNode",{node:h.nodes(d.attr("data-node-id"))});else if(d.isEdge()){var e=h.edges(d.attr("data-edge-id"));g.dispatchEvent("overEdge",{edge:e,source:h.nodes(e.source),target:h.nodes(e.target)})}}}function f(a){var c=a.fromElement||a.originalTarget;if(g.settings("eventsEnabled")){var d=new b(c);if(d.isNode())g.dispatchEvent("outNode",{node:h.nodes(d.attr("data-node-id"))});else if(d.isEdge()){var e=h.edges(d.attr("data-edge-id"));g.dispatchEvent("outEdge",{edge:e,source:h.nodes(e.source),target:h.nodes(e.target)})}}}var g=this,h=this.graph;a.addEventListener("click",c,!1),sigma.utils.doubleClick(a,"click",d),a.addEventListener("touchstart",c,!1),sigma.utils.doubleClick(a,"touchstart",d),a.addEventListener("mouseover",e,!0),a.addEventListener("mouseout",f,!0)}}.call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.misc"),sigma.misc.drawHovers=function(a){function b(){c.contexts.hover.canvas.width=c.contexts.hover.canvas.width;var b,f,g,h,i,j=c.settings("defaultNodeType"),k=c.settings("defaultEdgeType"),l=sigma.canvas.hovers,m=sigma.canvas.edgehovers,n=sigma.canvas.extremities,o=c.settings.embedObjects({prefix:a});if(o("enableHovering")&&o("singleHover")&&Object.keys(d).length&&(h=d[Object.keys(d)[0]],(l[h.type]||l[j]||l.def)(h,c.contexts.hover,o)),o("enableHovering")&&!o("singleHover"))for(b in d)(l[d[b].type]||l[j]||l.def)(d[b],c.contexts.hover,o);if(o("enableEdgeHovering")&&o("singleHover")&&Object.keys(e).length&&(i=e[Object.keys(e)[0]],f=c.graph.nodes(i.source),g=c.graph.nodes(i.target),i.hidden||((m[i.type]||m[k]||m.def)(i,f,g,c.contexts.hover,o),o("edgeHoverExtremities")?(n[i.type]||n.def)(i,f,g,c.contexts.hover,o):((sigma.canvas.nodes[f.type]||sigma.canvas.nodes.def)(f,c.contexts.hover,o),(sigma.canvas.nodes[g.type]||sigma.canvas.nodes.def)(g,c.contexts.hover,o)))),o("enableEdgeHovering")&&!o("singleHover"))for(b in e)i=e[b],f=c.graph.nodes(i.source),g=c.graph.nodes(i.target),i.hidden||((m[i.type]||m[k]||m.def)(i,f,g,c.contexts.hover,o),o("edgeHoverExtremities")?(n[i.type]||n.def)(i,f,g,c.contexts.hover,o):((sigma.canvas.nodes[f.type]||sigma.canvas.nodes.def)(f,c.contexts.hover,o),(sigma.canvas.nodes[g.type]||sigma.canvas.nodes.def)(g,c.contexts.hover,o)))}var c=this,d={},e={};this.bind("overNode",function(a){var c=a.data.node;c.hidden||(d[c.id]=c,b())}),this.bind("outNode",function(a){delete d[a.data.node.id],b()}),this.bind("overEdge",function(a){var c=a.data.edge;c.hidden||(e[c.id]=c,b())}),this.bind("outEdge",function(a){delete e[a.data.edge.id],b()}),this.bind("render",function(a){b()})}}.call(this);
+
+/**sigma.plugins.dragNodes**/
+(function(){"use strict";function a(a,b){function c(a){var b=window.getComputedStyle(a),c=function(a){return parseInt(b.getPropertyValue(a).replace("px",""))||0};return{left:a.getBoundingClientRect().left+c("padding-left"),top:a.getBoundingClientRect().top+c("padding-top")}}function d(a){t=!1,l.removeEventListener("mousemove",i),l.removeEventListener("mouseup",h),r.length||(p=null)}function e(a){s[a.data.node.id]||(r.push(a.data.node),s[a.data.node.id]=!0,r.length&&!t&&(p=r[r.length-1],n.addEventListener("mousedown",g)))}function f(a){var b=r.map(function(a){return a}).indexOf(a.data.node);r.splice(b,1),delete s[a.data.node.id],r.length&&!t?p=r[r.length-1]:n.removeEventListener("mousedown",g)}function g(a){t=!0;var b=k.graph.nodes().length;if(p&&b>1){n.removeEventListener("mousedown",g),l.addEventListener("mousemove",i),l.addEventListener("mouseup",h);var c,d;for(c in k.cameras)d=k.cameras[c],void 0!==d.edgequadtree&&(d.edgequadtree._enabled=!1);m.settings({mouseEnabled:!1,enableHovering:!1}),k.refresh(),j.dispatchEvent("startdrag",{node:p,captor:a,renderer:m})}}function h(a){t=!1,n.addEventListener("mousedown",g),l.removeEventListener("mousemove",i),l.removeEventListener("mouseup",h);var b,c;for(b in k.cameras)c=k.cameras[b],void 0!==c.edgequadtree&&(c.edgequadtree._enabled=!0);m.settings({mouseEnabled:!0,enableHovering:!0}),k.refresh(),u&&j.dispatchEvent("drop",{node:p,captor:a,renderer:m}),j.dispatchEvent("dragend",{node:p,captor:a,renderer:m}),u=!1,p=null}function i(a){function b(){for(var b=c(m.container),d=a.clientX-b.left,e=a.clientY-b.top,f=Math.cos(o.angle),g=Math.sin(o.angle),h=k.graph.nodes(),i=[],l=0;2>l;l++){var n=h[l],r={x:n.x*f+n.y*g,y:n.y*f-n.x*g,renX:n[q+"x"],renY:n[q+"y"]};i.push(r)}if(i[0].x===i[1].x&&i[0].y===i[1].y){var s=0===i[0].renX?1:i[0].renX,t=0===i[0].renY?1:i[0].renY;d=i[0].x/s*(d-i[0].renX)+i[0].x,e=i[0].y/t*(e-i[0].renY)+i[0].y}else{var s=(i[1].renX-i[0].renX)/(i[1].x-i[0].x),t=(i[1].renY-i[0].renY)/(i[1].y-i[0].y);i[1].x===i[0].x&&(s=t),i[1].y===i[0].y&&(t=s),d=(d-i[0].renX)/s+i[0].x,e=(e-i[0].renY)/t+i[0].y}p.x=d*f-e*g,p.y=e*f+d*g,k.refresh(),u=!0,j.dispatchEvent("drag",{node:p,captor:a,renderer:m})}if(navigator.userAgent.toLowerCase().indexOf("firefox")>-1){clearTimeout(d);var d=setTimeout(b,0)}else b()}if(sigma.classes.dispatcher.extend(this),sigma.renderers.webgl&&b instanceof sigma.renderers.webgl)throw new Error("The sigma.plugins.dragNodes is not compatible with the WebGL renderer");var j=this,k=a,l=document.body,m=b,n=b.container.lastChild,o=b.camera,p=null,q="",r=[],s={},t=!1,u=!1;b instanceof sigma.renderers.svg&&(n=b.container.firstChild),q=b instanceof sigma.renderers.webgl?b.options.prefix.substr(5):b.options.prefix,b.bind("overNode",e),b.bind("outNode",f),b.bind("click",d),k.bind("kill",function(){j.unbindAll()}),this.unbindAll=function(){n.removeEventListener("mousedown",g),l.removeEventListener("mousemove",i),l.removeEventListener("mouseup",h),m.unbind("overNode",e),m.unbind("outNode",f)}}if("undefined"==typeof sigma)throw"sigma is not declared";sigma.utils.pkg("sigma.plugins");var b={};sigma.plugins.dragNodes=function(c,d){return b[c.id]||(b[c.id]=new a(c,d)),c.bind("kill",function(){sigma.plugins.killDragNodes(c)}),b[c.id]},sigma.plugins.killDragNodes=function(c){b[c.id]instanceof a&&(b[c.id].unbindAll(),delete b[c.id])}}).call(window);
+
+/**shape-library**/
+(function(c){var b=[];var m=function(o,n,p){b.push({"name":o,"drawShape":n,"drawBorder":p})};var d=function(){return b};var h=function(n){return function(s,o,t,r,p,q){q.fillStyle=p;q.beginPath();n(s,o,t,r,q);q.closePath();q.fill()}};var j=function(n){return function(s,o,t,r,p,q){q.strokeStyle=p;q.lineWidth=r/5;q.beginPath();n(s,o,t,r,q);q.closePath();q.stroke()}};var f=function(s,n,t,r,q){var o=Math.PI*45/180;q.moveTo(n+r*Math.sin(o),t-r*Math.cos(o));for(var p=1;p<4;p++){q.lineTo(n+Math.sin(o+2*Math.PI*p/4)*r,t-Math.cos(o+2*Math.PI*p/4)*r)}};m("square",h(f),j(f));var i=function(q,n,r,p,o){o.arc(n,r,p,0,Math.PI*2,true)};m("circle",h(i),j(i));var a=function(q,n,r,p,o){o.moveTo(n-p,r);o.lineTo(n,r-p);o.lineTo(n+p,r);o.lineTo(n,r+p)};m("diamond",h(a),j(a));var g=function(r,n,s,q,p){var o=(r.cross&&r.cross.lineWeight)||5;p.moveTo(n-q,s-o);p.lineTo(n-q,s+o);p.lineTo(n-o,s+o);p.lineTo(n-o,s+q);p.lineTo(n+o,s+q);p.lineTo(n+o,s+o);p.lineTo(n+q,s+o);p.lineTo(n+q,s-o);p.lineTo(n+o,s-o);p.lineTo(n+o,s-q);p.lineTo(n-o,s-q);p.lineTo(n-o,s-o)};m("cross",h(g),j(g));var e=function(o,t,s,v,n){var u=(o.equilateral&&o.equilateral.numPoints)||5;var p=((o.equilateral&&o.equilateral.rotate)||0)*Math.PI/180;var r=v;n.moveTo(t+r*Math.sin(p),s-r*Math.cos(p));for(var q=1;q<u;q++){n.lineTo(t+Math.sin(p+2*Math.PI*q/u)*r,s-Math.cos(p+2*Math.PI*q/u)*r)}};m("equilateral",h(e),j(e));var k=function(p,u,t,z,o){var v=(p.star&&p.star.numPoints)||5,n=(p.star&&p.star.innerRatio)||0.5,s=z,w=z*n,q=Math.PI/v;o.moveTo(u,t-z);for(var r=0;r<v;r++){o.lineTo(u+Math.sin(q+2*Math.PI*r/v)*w,t-Math.cos(q+2*Math.PI*r/v)*w);o.lineTo(u+Math.sin(2*Math.PI*(r+1)/v)*s,t-Math.cos(2*Math.PI*(r+1)/v)*s)}};m("star",h(k),j(k));var l=function(r,n,s,q,o,p){p.fillStyle="yellow";p.beginPath();p.arc(n,s,q,1.25*Math.PI,0,false);p.arc(n,s,q,0,0.75*Math.PI,false);p.lineTo(n,s);p.closePath();p.fill();p.fillStyle="white";p.strokeStyle="black";p.beginPath();p.arc(n+q/3,s-q/3,q/4,0,2*Math.PI,false);p.closePath();p.fill();p.stroke();p.fillStyle="black";p.beginPath();p.arc(n+4*q/9,s-q/3,q/8,0,2*Math.PI,false);p.closePath();p.fill()};m("pacman",l,null);this.ShapeLibrary={enumerate:d,version:"0.1"}}).call(this);
+
+/**sigma.renderers.customShapes**/
+(function(a){"use strict";var b=[],c=function(a,c,d){b.push({name:a,drawShape:c,drawBorder:d})},d=function(){return b},e=function(a){return function(b,c,d,e,f,g){g.fillStyle=f,g.beginPath(),a(b,c,d,e,g),g.closePath(),g.fill()}},f=function(a){return function(b,c,d,e,f,g){g.strokeStyle=f,g.lineWidth=e/5,g.beginPath(),a(b,c,d,e,g),g.closePath(),g.stroke()}},g=function(a,b,c,d,e){var f=45*Math.PI/180;e.moveTo(b+d*Math.sin(f),c-d*Math.cos(f));for(var g=1;4>g;g++)e.lineTo(b+Math.sin(f+2*Math.PI*g/4)*d,c-Math.cos(f+2*Math.PI*g/4)*d)};c("square",e(g),f(g));var h=function(a,b,c,d,e){e.arc(b,c,d,0,2*Math.PI,!0)};c("circle",e(h),f(h));var i=function(a,b,c,d,e){e.moveTo(b-d,c),e.lineTo(b,c-d),e.lineTo(b+d,c),e.lineTo(b,c+d)};c("diamond",e(i),f(i));var j=function(a,b,c,d,e){var f=a.cross&&a.cross.lineWeight||5;e.moveTo(b-d,c-f),e.lineTo(b-d,c+f),e.lineTo(b-f,c+f),e.lineTo(b-f,c+d),e.lineTo(b+f,c+d),e.lineTo(b+f,c+f),e.lineTo(b+d,c+f),e.lineTo(b+d,c-f),e.lineTo(b+f,c-f),e.lineTo(b+f,c-d),e.lineTo(b-f,c-d),e.lineTo(b-f,c-f)};c("cross",e(j),f(j));var k=function(a,b,c,d,e){var f=a.equilateral&&a.equilateral.numPoints||5,g=(a.equilateral&&a.equilateral.rotate||0)*Math.PI/180,h=d;e.moveTo(b+h*Math.sin(g),c-h*Math.cos(g));for(var i=1;f>i;i++)e.lineTo(b+Math.sin(g+2*Math.PI*i/f)*h,c-Math.cos(g+2*Math.PI*i/f)*h)};c("equilateral",e(k),f(k));var l=function(a,b,c,d,e){var f=a.star&&a.star.numPoints||5,g=a.star&&a.star.innerRatio||.5,h=d,i=d*g,j=Math.PI/f;e.moveTo(b,c-d);for(var k=0;f>k;k++)e.lineTo(b+Math.sin(j+2*Math.PI*k/f)*i,c-Math.cos(j+2*Math.PI*k/f)*i),e.lineTo(b+Math.sin(2*Math.PI*(k+1)/f)*h,c-Math.cos(2*Math.PI*(k+1)/f)*h)};c("star",e(l),f(l));var m=function(a,b,c,d,e,f){f.fillStyle="yellow",f.beginPath(),f.arc(b,c,d,1.25*Math.PI,0,!1),f.arc(b,c,d,0,.75*Math.PI,!1),f.lineTo(b,c),f.closePath(),f.fill(),f.fillStyle="white",f.strokeStyle="black",f.beginPath(),f.arc(b+d/3,c-d/3,d/4,0,2*Math.PI,!1),f.closePath(),f.fill(),f.stroke(),f.fillStyle="black",f.beginPath(),f.arc(b+4*d/9,c-d/3,d/8,0,2*Math.PI,!1),f.closePath(),f.fill()};c("pacman",m,null),this.ShapeLibrary={enumerate:d,version:"0.1"}}).call(this),function(a){"use strict";if("undefined"==typeof sigma)throw"sigma is not declared";if("undefined"==typeof ShapeLibrary)throw"ShapeLibrary is not declared";sigma.utils.pkg("sigma.canvas.nodes"),sigma.utils.pkg("sigma.svg.nodes");var b=a,c={},d=function(a){b=a},e=function(a,d,e,f,g){if(b&&a.image&&a.image.url){var h=a.image.url,i=a.image.h||1,j=a.image.w||1,k=a.image.scale||1,l=a.image.clip||1,m=c[h];m||(m=document.createElement("IMG"),m.src=h,m.status="loading",m.onerror=function(){/*console.log("error loading",h),*/m.status="error"},m.onload=function(){/*console.log("redraw on image load",h),*/m.status="ok",b.refresh()},c[h]=m);var n=i>j?j/i:1,o=j>i?i/j:1,p=f*k;g.save(),g.beginPath(),g.arc(d,e,f*l,0,2*Math.PI,!0),g.closePath(),g.clip(),"ok"===m.status&&g.drawImage(m,d+Math.sin(-0.7855)*p*n,e-Math.cos(-0.7855)*p*o,p*n*2*Math.sin(-0.7855)*-1,p*o*2*Math.cos(-0.7855)),g.restore()}},f=function(a,c,d){if(b&&a.image&&a.image.url){var e=document.createElementNS(d("xmlns"),"circle"),f=document.createElementNS(d("xmlns"),"clipPath"),g=d("classPrefix")+"-clip-path-"+a.id,h=document.createElementNS(d("xmlns"),"defs"),i=document.createElementNS(d("xmlns"),"image");a.image.url;f.setAttributeNS(null,"id",g),f.appendChild(e),h.appendChild(f);var j=/MSIE [5-9]/.test(navigator.userAgent)?"":document.location.href;j=j.split("#")[0],i.setAttributeNS(null,"class",d("classPrefix")+"-node-image"),i.setAttributeNS(null,"clip-path","url("+j+"#"+g+")"),i.setAttributeNS(null,"pointer-events","none"),i.setAttributeNS("http://www.w3.org/1999/xlink","href",a.image.url),c.appendChild(h),c.appendChild(i)}},g=function(a,b,c){sigma.canvas.nodes[a]=function(a,d,f){var g=(arguments,f("prefix")||""),h=a[g+"size"],i=a.color||f("defaultNodeColor"),j=a.borderColor||i,k=a[g+"x"],l=a[g+"y"];d.save(),b&&b(a,k,l,h,i,d),c&&c(a,k,l,h,j,d),e(a,k,l,h,d),d.restore()},sigma.svg.nodes[a]={create:function(a,b){var c=document.createElementNS(b("xmlns"),"g"),d=document.createElementNS(b("xmlns"),"circle");return c.setAttributeNS(null,"class",b("classPrefix")+"-node-group"),c.setAttributeNS(null,"data-node-id",a.id),d.setAttributeNS(null,"data-node-id",a.id),d.setAttributeNS(null,"class",b("classPrefix")+"-node"),d.setAttributeNS(null,"fill",a.color||b("defaultNodeColor")),c.appendChild(d),f(a,c,b),c},update:function(a,b,c){for(var d=c("classPrefix"),e=a.image.clip||1,f=a.image.h||1,g=a.image.w||1,h=c("prefix")||"",i=a.image.scale||1,j=a[h+"size"],k=a[h+"x"],l=a[h+"y"],m=i*j,n=f>g?g/f:1,o=g>f?f/g:1,p=0,q=b.childNodes;p<q.length;p++){var r=q[p].getAttribute("class");switch(r){case d+"-node":q[p].setAttributeNS(null,"cx",k),q[p].setAttributeNS(null,"cy",l),q[p].setAttributeNS(null,"r",j),c("freeStyle")||q[p].setAttributeNS(null,"fill",a.color||c("defaultNodeColor"));break;case d+"-node-image":q[p].setAttributeNS(null,"x",k+Math.sin(-0.7855)*m*n),q[p].setAttributeNS(null,"y",l-Math.cos(-0.7855)*m*o),q[p].setAttributeNS(null,"width",m*n*2*Math.sin(-0.7855)*-1),q[p].setAttributeNS(null,"height",m*o*2*Math.cos(-0.7855));break;default:var s=q[p].firstChild;if(null!=s){var t=d+"-clip-path-"+a.id;s.getAttribute("id")===t&&(s.firstChild.setAttributeNS(null,"cx",k),s.firstChild.setAttributeNS(null,"cy",l),s.firstChild.setAttributeNS(null,"r",e*j))}}}b.style.display=""}}};ShapeLibrary.enumerate().forEach(function(a){g(a.name,a.drawShape,a.drawBorder)}),this.CustomShapes={init:d,version:"0.1"}}.call(this);
+
+/**openo tools**/
+// generate a random graph
+function oTopo(){var b;this.canvas=function(f,d){var e={nodes:[],edges:[]};b=new sigma({graph:e,renderer:{container:document.getElementById(f),type:"canvas"},settings:d});CustomShapes.init(b)};this.refresh=function(){b.refresh()};this.Node=function(e){var d=this;this.id=e,this.label="",this.type="square",this.x=1,this.y=1,this.size=10,this.image={};this.color="transparent",this.borderColor="#1E90FF",this.setName=function(f){d.label=f};this.setType=function(f){d.type=f};this.setSize=function(f){d.size=f};this.setImg=function(f){d.image={url:f,scale:1,clip:0,};d.borderColor="transparent";d.color="transparent"};this.setImgScale=function(f){d.image.scale=f};this.setImgClip=function(f){d.image.clip=f};this.setColor=function(f){d.color=f};this.setBorderColor=function(f){d.borderColor=f};this.setLocation=function(f,g){d.x=f;d.y=g};this.setProperty=function(g,f){d[g]=f}};this.Link=function(e){var d=this;this.id=e,this.type="arrow",this.source=1,this.target=1,this.size=Math.random(),this.color="#1E90FF",this.setType=function(f){d.type=f};this.setSize=function(f){d.size=f};this.setConnect=function(g,f){d.source=g;d.target=f};this.setColor=function(f){d.color=f};this.setProperty=function(g,f){d[g]=f}};this.addNode=function(d){b.graph.addNode(d)};this.dropNode=function(d){b.graph.dropNode(d)};this.addLink=function(d){b.graph.addEdge(d)};this.dropLink=function(d){b.graph.dropEdge(d)};this.allNodes=function(){return b.graph.nodes()};var c=null;this.setDrag=function(d){if(d){c=sigma.plugins.dragNodes(b,b.renderers[0])}};var a=function(f,d){if(null!=c){c.bind(f,function(e){d(e)})}};this.mouseBind=function(f,d){if(null!=b){b.bind(f,function(e){d(e)})}};this.noright=function(d){if(d){d.oncontextmenu=function(){return false};d.ondragstart=function(){return false};d.onselectstart=function(){return false};d.onselect=function(){d.selection.empty()};d.oncopy=function(){d.selection.empty()};d.onbeforecopy=function(){return false}}}};
\ No newline at end of file