#alertBoxLower {
   position: fixed;
   bottom: -250px;
   left: 50%;
   transform: translateX(-50%);
   padding: 12px 18px;
   font-size: 18px;
   border: 1px solid #bce8f1;
   border-radius: 4px;
   box-shadow: 2px 4px 10px rgba(0,0,0,0.6);
   transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;
 }
 
 #alertBoxLower.primary {
   color: #004085;
   background-color: #cce5ff;
   border-color: #b8daff;
 }
 
 #alertBoxLower.secondary {
   color: #383d41;
   background-color: #e2e3e5;
   border-color: #d6d8db;
 }
 
 #alertBoxLower.success {
   color: #155724;
   background-color: #d4edda;
   border-color: #c3e6cb;
 }
 
 #alertBoxLower.danger {
   color: #721c24;
   background-color: #f8d7da;
   border-color: #f5c6cb;
 }
 
 #alertBoxLower.warning {
   color: #856404;
   background-color: #fff3cd;
   border-color: #ffeeba;
 }
 
 #alertBoxLower.info {
   color: #0c5460;
   background-color: #d1ecf1;
   border-color: #bee5eb;
 }
 
 #alertBoxLower.light {
   color: #818182;
   background-color: #fefefe;
   border-color: #fdfdfe;
 }
 
 #alertBoxLower.dark {
   color: #1b1e21;
   background-color: #d6d8d9;
   border-color: #c6c8ca;
 }
 
 #alertBoxLower.show{
   opacity: 1.0;
   bottom: 50px;
 }