<div class="card">
  <div class="card-body">
    <ul id="clients-color-legend" class="d-flex flex-wrap justify-content-center nav ogcp-nav nav-pills">
      <li class="nav-item"><i class="nav-icon far fa-circle"></i> {{_('Shutdown')}} </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-linux"></i> Linux </li>
      <li class="nav-item"><i class="nav-icon fas fa-user-circle text-linux"></i> {{_('Linux session')}} </li>
      <li class="nav-item"><i class="nav-icon fas fa-circle text-windows"></i> Windows </li>
      <li class="nav-item"><i class="nav-icon fas fa-user-circle text-windows"></i> {{_('Windows session')}} </li>
      <li class="nav-item"><i class="nav-icon fas fa-circle text-success"></i> VDI </li>
    </ul>
  </div>
</div>
