diff --git a/.vs/IZYIM-mobile-client/v15/.suo b/.vs/IZYIM-mobile-client/v15/.suo
index c407155..cda4027 100644
Binary files a/.vs/IZYIM-mobile-client/v15/.suo and b/.vs/IZYIM-mobile-client/v15/.suo differ
diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
index c9003ae..3d2ac9f 100644
Binary files a/.vs/slnx.sqlite and b/.vs/slnx.sqlite differ
diff --git a/css/global.style.css b/css/global.style.css
index 232af52..9288b5d 100644
--- a/css/global.style.css
+++ b/css/global.style.css
@@ -1279,6 +1279,13 @@ select.form-element{
 	float: left;
 	font-size: 16px;
 }
+.list-box .list-item .list-item-title-role{
+	font-weight: 700;
+	display: inline-block;
+	line-height: 28px;
+	float: right;
+	font-size: 16px;
+}
 .list-box .list-item .seperate{
 	display: block;
 	float: left;
diff --git a/home.html b/home.html
index 83c352a..91f664a 100644
--- a/home.html
+++ b/home.html
@@ -432,49 +432,58 @@
 
                                 <div id="content">
                                     <a href="#" class="list-item">
-                                        <i class="fa fa-user"></i>
+                                        <i class="fa fa-user" style="color: red"></i>
                                         <em class="seperate"></em>
                                         <span class="list-item-title">Alexander</span>
+                                        <span class="list-item-title-role">Forwarder</span>
                                     </a>
                                     <a href="#" class="list-item">
-                                        <i class="fa fa-user"></i>
+                                        <i class="fa fa-user" style="color: green"></i>
                                         <em class="seperate"></em>
                                         <span class="list-item-title">Bryan</span>
+                                        <span class="list-item-title-role">Forwarder</span>
                                     </a>
                                     <a href="#" class="list-item">
                                         <i class="fa fa-user"></i>
                                         <em class="seperate"></em>
                                         <span class="list-item-title">Casey</span>
+                                        <span class="list-item-title-role">Importer</span>
                                     </a>
                                     <a href="#" class="list-item">
                                         <i class="fa fa-user"></i>
                                         <em class="seperate"></em>
                                         <span class="list-item-title">Dylan</span>
+                                        <span class="list-item-title-role">Forwarder</span>
                                     </a>
                                     <a href="#" class="list-item">
                                         <i class="fa fa-user"></i>
                                         <em class="seperate"></em>
                                         <span class="list-item-title">Edmund</span>
+                                        <span class="list-item-title-role">Importer</span>
                                     </a>
                                     <a href="#" class="list-item">
                                         <i class="fa fa-user"></i>
                                         <em class="seperate"></em>
                                         <span class="list-item-title">Fedrick Darel</span>
+                                        <span class="list-item-title-role">Importer</span>
                                     </a>
                                     <a href="#" class="list-item">
                                         <i class="fa fa-user"></i>
                                         <em class="seperate"></em>
                                         <span class="list-item-title">George</span>
+                                        <span class="list-item-title-role">Importer</span>
                                     </a>
                                     <a href="#" class="list-item">
                                         <i class="fa fa-user"></i>
                                         <em class="seperate"></em>
                                         <span class="list-item-title">Harry</span>
+                                        <span class="list-item-title-role">Forwarder</span>
                                     </a>
                                     <a href="#" class="list-item">
                                         <i class="fa fa-user"></i>
                                         <em class="seperate"></em>
                                         <span class="list-item-title">Iqbal</span>
+                                        <span class="list-item-title-role">Importer</span>
                                     </a>
                                 </div>
                                 <div class="form-divider"></div>