diff --git a/atdb/atdb/static/taskdatabase/style.css b/atdb/atdb/static/taskdatabase/style.css
index 4cd9c346b6d3b2691e6860bd785f54a0e130ef09..450fee35862401059f5002c3099e10cdcade83ca 100644
--- a/atdb/atdb/static/taskdatabase/style.css
+++ b/atdb/atdb/static/taskdatabase/style.css
@@ -123,4 +123,17 @@ p.title {
 
 .form-flex {
     display: flex;
+}
+
+.good {
+ color: green;
+ font-weight: bold;
+}
+.moderate {
+ color: orange;
+ font-weight: bold;
+}
+.poor {
+ color: red;
+ font-weight: bold;
 }
\ No newline at end of file
diff --git a/atdb/taskdatabase/static/taskdatabase/style.css b/atdb/taskdatabase/static/taskdatabase/style.css
index 4cd9c346b6d3b2691e6860bd785f54a0e130ef09..450fee35862401059f5002c3099e10cdcade83ca 100644
--- a/atdb/taskdatabase/static/taskdatabase/style.css
+++ b/atdb/taskdatabase/static/taskdatabase/style.css
@@ -123,4 +123,17 @@ p.title {
 
 .form-flex {
     display: flex;
+}
+
+.good {
+ color: green;
+ font-weight: bold;
+}
+.moderate {
+ color: orange;
+ font-weight: bold;
+}
+.poor {
+ color: red;
+ font-weight: bold;
 }
\ No newline at end of file
diff --git a/atdb/taskdatabase/templates/taskdatabase/validation/tasks_validation.html b/atdb/taskdatabase/templates/taskdatabase/validation/tasks_validation.html
index 4dde5827bcc4b0c8684c0fcad31dce92047ee3ac..d5e1eaabeb1ff39db5676c07b7b8567e21d50ae4 100644
--- a/atdb/taskdatabase/templates/taskdatabase/validation/tasks_validation.html
+++ b/atdb/taskdatabase/templates/taskdatabase/validation/tasks_validation.html
@@ -61,7 +61,7 @@
                         {% endif %}
                     {% endif %}
                 </td>
-                <td>{{ task.quality|default_if_none:"-" }}</td>
+                <td class="{{ task.quality }}">{{ task.quality|default_if_none:"-" }}</td>
                 <td>{% include "taskdatabase/validation/validation_buttons.html" %}</td>
 
             </tr>