diff --git a/src/main/resources/public/css/agency.css b/src/main/resources/public/css/agency.css
index 74b73a1..f6fefc7 100644
--- a/src/main/resources/public/css/agency.css
+++ b/src/main/resources/public/css/agency.css
@@ -15,6 +15,10 @@ a:hover {
   color: #fec503;
 }
 
+.text-draft {
+  color: rgba(0, 0, 0, 0.48) !important;
+}
+
 .text-primary {
   color: #fed136 !important;
 }
diff --git a/src/main/resources/public/js/papers.js b/src/main/resources/public/js/papers.js
index c7b721f..a1a508c 100644
--- a/src/main/resources/public/js/papers.js
+++ b/src/main/resources/public/js/papers.js
@@ -6,7 +6,7 @@ function showPapers(papersElement) {
             $(papersElement).parent().append("<div class='row text-left'>" +
                 "                <div class='col-md-12'>" +
                 "                <span class='fa-stack fa-1x'>\n" +
-                "                  <i class='fa fa-circle fa-stack-2x text-warning'></i>" +
+                "                  <i class='fa fa-circle fa-stack-2x " + getPaperStatusClass(paper.status) + "'></i>" +
                 "                  <i class='fa fa-file-text-o fa-stack-1x fa-inverse'></i>" +
                 "                </span>" +
                 "                    <a href='paper.html?id=" + paper.id + "" +
@@ -23,7 +23,22 @@ function addPaper(title, status, comment, locked) {
         "comment": comment,
         "locked": locked
     });
-    postToRest(urlPapers, paperData, function(data) {
+    postToRest(urlPapers, paperData, function (data) {
         alert(data);
     });
+}
+
+function getPaperStatusClass(status) {
+    switch (status) {
+        case 'DRAFT':
+            return "text-draft"
+        case 'ON_PREPARATION':
+            return "text-primary";
+        case 'COMPLETED':
+            return "text-success";
+        case 'ATTENTION':
+            return "text-warning";
+        default:
+            return "";
+    }
 }
\ No newline at end of file