Hello guys!

I am stuck with this small problem, where I have 3 different textboxes  on my home page, to show an alert message on all other pages. It is displaying my message nicely, but it displays the wrong color. It is like it takes the message correctly and then just takes the first statement from the if-statement. If you need more info, please just write!

@inherits umbraco.MacroEngines.DynamicNodeContext

@{
  var alert = "";
    var message = "";
  var red = "warning"; 
   var yellow = "error";
  var green = "success";
 var root = Model.AncestorOrSelf(1);

  if(!String.IsNullOrEmpty(root.Warning)) 
  {
      alert = red;
       message = root.Warning;
    }
  else if(!String.IsNullOrEmpty(root.Error)) 
   {
      alert = yellow;
        message = root.Error;
  }
  else if(!String.IsNullOrEmpty(root.Success)) 
 {
      alert = green;
     message = root.Success;
    }
  else 
 {
      alert = "";
        message = "";
  }
  
   if(!String.IsNullOrEmpty(root.Warning) || !String.IsNullOrEmpty(root.Error) || !String.IsNullOrEmpty(root.Success))
    {
      <div class="row">
            <div id="alert" class="small-12 columns @alert">
               <p>@message</p>
            </div>
     </div>
   }
}

Please help me! 

Thank you. :-)

/Daniel