.notification {
    position: relative;
    top: 0;
    z-index: 10001;
    padding: 15px;
    width: 300px;
    border-radius: 5px;
    margin-bottom: 8px;
    display: block;
    opacity: 1;
    text-align: center;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    margin-left: auto;
    box-shadow: 0 0 12px 0 rgb(63, 63, 63)0;
  }
  
  .notification.body-notification {
    position: fixed;
    top: 78px;
    right: 20px;
    padding: 15px;
    z-index: 10001;
  }

  .success { background-color: #28a745; color: #fff; }
  .info { background-color: #17a2b8; color: #fff; }
  .danger { background-color: #dc3545; color: #fff; }
  .warning { background-color: #ffc107; color: #212529; }
  .default { background-color: #007bff; color: #fff; }
  .light { background-color: #f8f9fa; color: #212529; }

  .fade-out {
    opacity: 0;
    transition-duration: 2.5s;
  }

  #ajax-responses{
    position: fixed;
    top: 78px;
    right: 20px;
    display: flex;
    flex-flow: column;
    width: 360px;
    height: auto;
    z-index: 10001;
}