/*messages*/
.message-container{
    width: 250px;
    position: absolute;
    overflow: hidden;
    z-index: 1000;

}

.message-container .message{
    text-align: center;
    padding-left: 10px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    width: 100%;
    opacity: 0;
    position: relative;
    background: black none repeat scroll 0% 0%;
    color: white;
}

.message-container .message.error_message{
  background: red none repeat scroll 0% 0%;
  color: black;
}

.message-container .message.warning_message{
  background: yellow none repeat scroll 0% 0%;
  color: black;
}

.message-container .message.success_message{
  background: green none repeat scroll 0% 0%;
  color: black;
}

.message-container .message .close{
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    opacity: 1;
    text-shadow: none;
}
.message-container .message .close i{
    color: red;
}
.message-container .message.success_message .close i{
  color: black;
}