<ul class="checkbox-card">
    <% @hide_sessions.each do |i,session|%>
      <% seminar_session = @seminar_sessions.where(:key=>i).first %>
      <li class="filter-item selected_item selected_member check-item" data-id="<%=i%>" style="margin: 0 10px 10px 0;">
      <label style="height: 100%;padding: 0;max-width: 100%;position: relative;">
        <div class="session-name"><%=session%><span class="badge badge-info"><%= seminar_session.seminar_signups.count %></span></div>
      </label>
      <input name="session_ids[]" type="hidden" value="<%=i%>">
      </li>
      <div style="clear: both;"></div>
    <% end %>
</ul>
<style type="text/css">
  .checkbox-card li:hover label span, .checkbox-card li:hover label span.user-name{
    color: #363636;
  }
  .checkbox-card li:hover{
    background-color: #cccccc;
  }
  .selected_item{
    cursor: pointer;
  }
  .session-name{
      float: right;
      width: 100%;
      padding-top: 0.5em;
      font-size: 1em;
      padding-left: 0.5em;
      background: #bdb9b9;
  }
  .session-name:hover{
    background: #9a9898;
  }
</style>