Different colors available/not in stock boxes

[blazern]

Both "Available" and "Not in stock" boxes on product pages are green, I want "Available" box to be green and "Not in stock" box red instead.

 

I tried to change this in product.css but it will change both boxes

 

#availability_value,

#last_quantities {

  color: white;

  font-weight: 700;

  line-height: 18px;

  display: inline-block;

  padding: 3px 8px 4px;

  background: #55c65e;

  border: 1px solid #36943e;

  margin-left: 5px; }