.realtime-notifications-container {
  position: fixed;
  z-index: 1040;
  bottom: unset !important;
  right: unset !important;
}

.realtime-notifications-container .realtime-outbid-notification {
    background-color: unset;
    padding: unset;
    border-top: unset;
}

.realtime-notification-inner-container {
  border-radius: 4px;
  background-color: rgba(245, 124, 0, 1);
  color: #ffffff;
  padding: 15px;
  margin: auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.realtime-notification-inner-container .realtime-notification-data{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow-wrap: normal;
}

.realtime-notification-inner-container .realtime-notification-data a.text-info {
  color: #ffffff !important;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.realtime-notifications-container
  .realtime-outbid-notification
  .glyphicon-ban-circle {
  margin-right: 5px;
}
.realtime-notifications-container
  .realtime-outbid-notification
  .glyphicon-remove {
  margin-left: 5px;
}
.realtime-notifications-container
  .realtime-outbid-notification
  .realtime-outbid-notification-body
  p {
  margin-bottom: 0px;
}
.realtime-notifications-container
  .realtime-outbid-notification
  .realtime-outbid-notification-header
  .close-notification {
  cursor: pointer;
}

@media (min-width: 768px) {
  .realtime-notifications-container {
    top: 0;
    left: 30%;
  }
}

.realtime-notifications-container .close-notification {
  float: right;
  cursor: pointer;
}
