       dotRightBrkCase = (($(d).prev().attr('data-bracket') is 'none') and ($(d).attr('data-bracket') is 'right'))
       leftBkrRightBrkCase1 = (($(d).prev().attr('data-bracket') is 'left') and ($(d).attr('data-bracket') is 'right'))
       leftBkrRightBrkCase2 = (($(d).prev().attr('data-bracket') is 'right') and ($(d).attr('data-bracket') is 'left'))
+
+      if $(d).attr('data-bracket') is 'none' then $(d).css('color', '')
 
       if (twoDotsCase || leftBrkDotCase || dotRightBrkCase || leftBkrRightBrkCase1 || leftBkrRightBrkCase2)
         # Adjust the left dot accordingly (since we always delete the right ... see below)



  getNextBracketColor: (bracketsCounter) ->
    brightnessPercent = 70-((bracketsCounter*2)/@numberDots)*20
    return "hsl(120, 50%, #{brightnessPercent}%)"

    

      thisReference = this
      $('#added-goal li.dice[data-index='+index+']').remove()
      @cleanUpBrackets()
      @pairUpBrackets()
      $(html).appendTo("#notadded-goal").bind 'click', (event) ->
        thisReference.addDiceToGoal($(this).data('index'));


  cleanUpBrackets: () ->
    thisReference = this
    for d in $('#added-goal li')
      twoDotsCase = ($(d).prev().attr('data-bracket') is 'none') and ($(d).attr('data-bracket') is 'none')
