.navbar {
  background: #333 ;
}

.footer {
  background: #333 ;
}

.popup-alert {
       position: relative;
     float: right; 
    width: 480px;
    z-index: 2000;
   /* left: 74%;*/
    right: 0;
    padding: 5px;
    margin: 7px;
    border: 2px solid;
    border-radius: 25px;
    top: 0px;
    text-align: left;
 
}

.popup-alert-red{
     background: #d9534f;
        color: black;
}

.popup-alert-yellow{
     background: #f0ad4e;
        color: black;
}

.popup-alert-green{
     background: #5cb85c;
        color: black;
}

.popup-alert-blue{
     background: #337ab7;
        color: black;
}

.popup-alert-close {
	padding:5px;
	cursor: pointer;
}

.popup-alert-red-stripe{
          background: repeating-linear-gradient(
  45deg,
  #d9534f,
  #d9534f 10px,
  #cc0000 10px,
  #cc0000 20px
);
        color: white;
}

.popup-alert-green-stripe{
      background: repeating-linear-gradient(
  45deg,
  #5cb85c,
  #5cb85c 10px,
  #008000 10px,
  #008000 20px
);
 
        color: white;
}