#status-container {
  position: fixed;
  z-index: 9999;
  display: block;
  right: 0px;
  top: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
}

#status-container p {
  margin: 0px;
}

@media (min-width: 992px) {
  #status-container {
    width: 700px;
  }
}

#status-container .alert {
  margin: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  width: calc(100% - 22px);
}

#status-container .alert.ng-enter {
  /* when the element is first shown */
  right: -110%;
  animation: slideInRight;
  animation-duration: 0.4s;
}

#status-container .alert.ng-enter.ng-enter-active {
  /* end of animate event, how the element will look */
  right: 0px;
}

#status-container .alert.alert-info {
  background-color: var(--primary-color);
  color: white;
}