anchor.diff:          tbody
             for host in hosts
               for service, name in host.services
  -              - var service_color = service.healthy ? health.healthy : health.unhealthy
  +              - var service_health = service.healthy ? health.healthy : health.unhealthy
                 - var service_error_msg = service.error_msg
                 - var service_metrics = service.metrics
                 - var service_id = host.service_name.replace(/\./g,'\_')
  -                tr(data-toggle='collapse', data-target='#'+service_id+service.service)
  -                  td(class=service_color, style='text-align: center;')=(service.healthy ? '☺' : '☹')
  +                tr(class=service_health, data-toggle='collapse', data-target='#'+service_id+service.service)
  +                  td(class=service_health+'color')=(service.health ? '☺' : '☹')
                     td
                       button.btn.btn-info
                         =host.service_name
  
positive.code:         tbody
            for host in hosts
              - var host_name = host.service_name;
              - var host_color = host.healthy ? health.healthy : health.unhealthy
              tr
                td(class=host_color+' data-row host-row', style='text-align: center;')=(host.healthy ? '☺' : '☹')
                td
                  a(name="host-name-"+host_name)=host_name
                td(colspan=2)
  
negative.code:   link(href='/static/css/devhealth.less', rel='stylesheet/less', type='text/css')
    link(href='/static/css/service_health.less', rel='stylesheet/less', type='text/css')
    style(type="text/css")
      .health-healthycolor {
        background-color: green;
        font-size: 300%;
        text-align: center;
      }
      .health-unhealthycolor {
        background-color: red;
        font-size: 300%;
        text-align: center;
      }
      table.table .table-hack{
        margin: 0; padding: 0; line-height: 0; height: 0; border: 0 none; empty-cells: hide;
      }
  
     
  