diff --git a/src/main/webapp/resources/css/fims/framework/common/xit-core-extend.css b/src/main/webapp/resources/css/fims/framework/common/xit-core-extend.css
index f6773782..df2305d7 100644
--- a/src/main/webapp/resources/css/fims/framework/common/xit-core-extend.css
+++ b/src/main/webapp/resources/css/fims/framework/common/xit-core-extend.css
@@ -18,6 +18,12 @@ select {
 	--pdf-black : rgb(0,0,0);
 }
 
+.xit-twenty::before {
+  content: url("../../../../image/7seg20m.svg");
+}
+.xit-fifty::before {
+  content: url("../../../../image/7seg50m.svg");
+}
 
 .doc-example .doc-example-content::before {
 	font-size : 15px!important;
diff --git a/src/main/webapp/resources/image/7seg20m.svg b/src/main/webapp/resources/image/7seg20m.svg
new file mode 100644
index 00000000..2df729bb
--- /dev/null
+++ b/src/main/webapp/resources/image/7seg20m.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 32 20">
+<g id="a" style="fill-rule:evenodd; stroke:#FFFFFF; stroke-width:0.25; stroke-opacity:1; stroke-linecap:butt; stroke-linejoin:miter;">
+  <polygon id="a" points="  1, 1  2, 0  8, 0  9, 1  8, 2  2, 2" fill="#DDDDDD"/>
+  <polygon id="b" points="  9, 1 10, 2 10, 8  9, 9  8, 8  8, 2" fill="#DDDDDD"/>
+  <polygon id="c" points="  9, 9 10,10 10,16  9,17  8,16  8,10" fill="#DDDDDD"/>
+  <polygon id="d" points="  9,17  8,18  2,18  1,17  2,16  8,16" fill="#DDDDDD"/>
+  <polygon id="e" points="  1,17  0,16  0,10  1, 9  2,10  2,16" fill="#DDDDDD"/>
+  <polygon id="f" points="  1, 9  0, 8  0, 2  1, 1  2, 2  2, 8" fill="#DDDDDD"/>
+  <polygon id="g" points="  1, 9  2, 8  8, 8  9, 9  8,10  2,10" fill="#FF0000"/>
+
+  <polygon id="h" points=" 11, 1 12, 0 18, 0 19, 1 18, 2 12, 2" fill="#FF0000"/>
+  <polygon id="i" points=" 19, 1 20, 2 20, 8 19, 9 18, 8 18, 2" fill="#FF0000"/>
+  <polygon id="j" points=" 19, 9 20,10 20,16 19,17 18,16 18,10" fill="#DDDDDD"/>
+  <polygon id="k" points=" 19,17 18,18 12,18 11,17 12,16 18,16" fill="#FF0000"/>
+  <polygon id="l" points=" 11,17 10,16 10,10 11, 9 12,10 12,16" fill="#FF0000"/>
+  <polygon id="m" points=" 11, 9 10, 8 10, 2 11, 1 12, 2 12, 8" fill="#DDDDDD"/>
+  <polygon id="n" points=" 11, 9 12, 8 18, 8 19, 9 18,10 12,10" fill="#FF0000"/>
+
+  <polygon id="h" points=" 21, 1 22, 0 28, 0 29, 1 28, 2 22, 2" fill="#FF0000"/>
+  <polygon id="i" points=" 29, 1 30, 2 30, 8 29, 9 28, 8 28, 2" fill="#FF0000"/>
+  <polygon id="j" points=" 29, 9 30,10 30,16 29,17 28,16 28,10" fill="#FF0000"/>
+  <polygon id="k" points=" 29,17 28,18 22,18 21,17 22,16 28,16" fill="#FF0000"/>
+  <polygon id="l" points=" 21,17 20,16 20,10 21, 9 22,10 22,16" fill="#FF0000"/>
+  <polygon id="m" points=" 21, 9 20, 8 20, 2 21, 1 22, 2 22, 8" fill="#FF0000"/>
+  <polygon id="n" points=" 21, 9 22, 8 28, 8 29, 9 28,10 22,10" fill="#DDDDDD"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/main/webapp/resources/image/7seg50m.svg b/src/main/webapp/resources/image/7seg50m.svg
new file mode 100644
index 00000000..cd312d2c
--- /dev/null
+++ b/src/main/webapp/resources/image/7seg50m.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 32 20">
+<g id="a" style="fill-rule:evenodd; stroke:#FFFFFF; stroke-width:0.25; stroke-opacity:1; stroke-linecap:butt; stroke-linejoin:miter;">
+  <polygon id="a" points="  1, 1  2, 0  8, 0  9, 1  8, 2  2, 2" fill="#DDDDDD"/>
+  <polygon id="b" points="  9, 1 10, 2 10, 8  9, 9  8, 8  8, 2" fill="#DDDDDD"/>
+  <polygon id="c" points="  9, 9 10,10 10,16  9,17  8,16  8,10" fill="#DDDDDD"/>
+  <polygon id="d" points="  9,17  8,18  2,18  1,17  2,16  8,16" fill="#DDDDDD"/>
+  <polygon id="e" points="  1,17  0,16  0,10  1, 9  2,10  2,16" fill="#DDDDDD"/>
+  <polygon id="f" points="  1, 9  0, 8  0, 2  1, 1  2, 2  2, 8" fill="#DDDDDD"/>
+  <polygon id="g" points="  1, 9  2, 8  8, 8  9, 9  8,10  2,10" fill="#FF0000"/>
+
+  <polygon id="h" points=" 11, 1 12, 0 18, 0 19, 1 18, 2 12, 2" fill="#FF0000"/>
+  <polygon id="i" points=" 19, 1 20, 2 20, 8 19, 9 18, 8 18, 2" fill="#DDDDDD"/>
+  <polygon id="j" points=" 19, 9 20,10 20,16 19,17 18,16 18,10" fill="#FF0000"/>
+  <polygon id="k" points=" 19,17 18,18 12,18 11,17 12,16 18,16" fill="#FF0000"/>
+  <polygon id="l" points=" 11,17 10,16 10,10 11, 9 12,10 12,16" fill="#DDDDDD"/>
+  <polygon id="m" points=" 11, 9 10, 8 10, 2 11, 1 12, 2 12, 8" fill="#FF0000"/>
+  <polygon id="n" points=" 11, 9 12, 8 18, 8 19, 9 18,10 12,10" fill="#FF0000"/>
+
+  <polygon id="h" points=" 21, 1 22, 0 28, 0 29, 1 28, 2 22, 2" fill="#FF0000"/>
+  <polygon id="i" points=" 29, 1 30, 2 30, 8 29, 9 28, 8 28, 2" fill="#FF0000"/>
+  <polygon id="j" points=" 29, 9 30,10 30,16 29,17 28,16 28,10" fill="#FF0000"/>
+  <polygon id="k" points=" 29,17 28,18 22,18 21,17 22,16 28,16" fill="#FF0000"/>
+  <polygon id="l" points=" 21,17 20,16 20,10 21, 9 22,10 22,16" fill="#FF0000"/>
+  <polygon id="m" points=" 21, 9 20, 8 20, 2 21, 1 22, 2 22, 8" fill="#FF0000"/>
+  <polygon id="n" points=" 21, 9 22, 8 28, 8 29, 9 28,10 22,10" fill="#DDDDDD"/>
+</g>
+</svg>
\ No newline at end of file