diff --git a/server/src/uds/static/modern/fonts/MaterialIcons-Regular.eot b/server/src/uds/static/modern/fonts/MaterialIcons-Regular.eot
new file mode 100644
index 00000000..70508eba
Binary files /dev/null and b/server/src/uds/static/modern/fonts/MaterialIcons-Regular.eot differ
diff --git a/server/src/uds/static/modern/fonts/MaterialIcons-Regular.svg b/server/src/uds/static/modern/fonts/MaterialIcons-Regular.svg
new file mode 100644
index 00000000..a449327e
--- /dev/null
+++ b/server/src/uds/static/modern/fonts/MaterialIcons-Regular.svg
@@ -0,0 +1,2373 @@
+
+
+
+
diff --git a/server/src/uds/static/modern/fonts/MaterialIcons-Regular.ttf b/server/src/uds/static/modern/fonts/MaterialIcons-Regular.ttf
new file mode 100644
index 00000000..7015564a
Binary files /dev/null and b/server/src/uds/static/modern/fonts/MaterialIcons-Regular.ttf differ
diff --git a/server/src/uds/static/modern/fonts/MaterialIcons-Regular.woff b/server/src/uds/static/modern/fonts/MaterialIcons-Regular.woff
new file mode 100644
index 00000000..b648a3ee
Binary files /dev/null and b/server/src/uds/static/modern/fonts/MaterialIcons-Regular.woff differ
diff --git a/server/src/uds/static/modern/fonts/MaterialIcons-Regular.woff2 b/server/src/uds/static/modern/fonts/MaterialIcons-Regular.woff2
new file mode 100644
index 00000000..9fa21125
Binary files /dev/null and b/server/src/uds/static/modern/fonts/MaterialIcons-Regular.woff2 differ
diff --git a/server/src/uds/static/modern/fonts/material-icons.css b/server/src/uds/static/modern/fonts/material-icons.css
new file mode 100644
index 00000000..2270c09d
--- /dev/null
+++ b/server/src/uds/static/modern/fonts/material-icons.css
@@ -0,0 +1,36 @@
+@font-face {
+ font-family: 'Material Icons';
+ font-style: normal;
+ font-weight: 400;
+ src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
+ src: local('Material Icons'),
+ local('MaterialIcons-Regular'),
+ url(MaterialIcons-Regular.woff2) format('woff2'),
+ url(MaterialIcons-Regular.woff) format('woff'),
+ url(MaterialIcons-Regular.ttf) format('truetype');
+}
+
+.material-icons {
+ font-family: 'Material Icons';
+ font-weight: normal;
+ font-style: normal;
+ font-size: 24px; /* Preferred icon size */
+ display: inline-block;
+ line-height: 1;
+ text-transform: none;
+ letter-spacing: normal;
+ word-wrap: normal;
+ white-space: nowrap;
+ direction: ltr;
+
+ /* Support for all WebKit browsers. */
+ -webkit-font-smoothing: antialiased;
+ /* Support for Safari and Chrome. */
+ text-rendering: optimizeLegibility;
+
+ /* Support for Firefox. */
+ -moz-osx-font-smoothing: grayscale;
+
+ /* Support for IE. */
+ font-feature-settings: 'liga';
+}
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot
new file mode 100755
index 00000000..efa76958
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg
new file mode 100755
index 00000000..4ded944a
--- /dev/null
+++ b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg
@@ -0,0 +1,312 @@
+
+
+
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf
new file mode 100755
index 00000000..89f0e462
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff
new file mode 100755
index 00000000..983083c7
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2 b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2
new file mode 100755
index 00000000..7438daeb
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2 differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot
new file mode 100755
index 00000000..5f9a95a3
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.svg b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.svg
new file mode 100755
index 00000000..67eecf44
--- /dev/null
+++ b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.svg
@@ -0,0 +1,305 @@
+
+
+
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.ttf b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.ttf
new file mode 100755
index 00000000..c1ec6c79
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.ttf differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff
new file mode 100755
index 00000000..0bfe7b97
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2 b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2
new file mode 100755
index 00000000..d28c5da6
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2 differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot
new file mode 100755
index 00000000..cdf3f007
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg
new file mode 100755
index 00000000..627f5a36
--- /dev/null
+++ b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg
@@ -0,0 +1,308 @@
+
+
+
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf
new file mode 100755
index 00000000..a36cdeed
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff
new file mode 100755
index 00000000..7245f5ca
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff differ
diff --git a/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2
new file mode 100755
index 00000000..2e3eefc8
Binary files /dev/null and b/server/src/uds/static/modern/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 differ
diff --git a/server/src/uds/static/modern/fonts/roboto.css b/server/src/uds/static/modern/fonts/roboto.css
new file mode 100644
index 00000000..59877aa2
--- /dev/null
+++ b/server/src/uds/static/modern/fonts/roboto.css
@@ -0,0 +1,42 @@
+/* roboto-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 300;
+ src: url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#Roboto') format('svg'); /* Legacy iOS */
+ }
+
+ /* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
+ @font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
+ }
+
+ /* roboto-500 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
+ @font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 500;
+ src: url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'), /* Modern Browsers */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.svg#Roboto') format('svg'); /* Legacy iOS */
+ }
+
\ No newline at end of file