diff --git a/ogcp/templates/macros.html b/ogcp/templates/macros.html
index ba500b3..4da76d6 100644
--- a/ogcp/templates/macros.html
+++ b/ogcp/templates/macros.html
@@ -53,6 +53,17 @@
 
 {% macro selected_clients() -%}
 <hr><h2>{{_('Selected clients')}}</h2>
+<div class="card">
+  <div class="card-body">
+    <ul id="clients-color-legend" class="d-flex flex-wrap justify-content-center nav nav-pills">
+      <li class="nav-item"><i class="nav-icon far fa-circle"></i> {{_('Apagado')}} </li>
+      <li class="nav-item"><i class="nav-icon fas fa-circle text-wol"></i> {{_('WoL sent')}} </li>
+      <li class="nav-item"><i class="nav-icon fas fa-circle text-warning"></i> ogLive </li>
+      <li class="nav-item"><i class="nav-icon fas fa-circle text-danger"></i> {{_('Busy')}} </li>
+      <li class="nav-item"><i class="nav-icon fas fa-circle text-success"></i> VDI </li>
+    </ul>
+  </div>
+</div>
 <div id="selected-clients" class="d-flex flex-wrap justify-content-center"></div>
 {% endmacro %}