.d-none {
    display: none;
}
.alert-notifier {
    font-family: 'Arial', Tahoma, sans-serif;
    display: flex;
    position: fixed;
    background-color: #00d084;
    left: 0;
    bottom: 100px;
    z-index: 9999;
    height: 70px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.alert-notifier .icon-container img {
    height: 70px;
    width:70px;
}
.alert-notifier .text-container {
    padding: 10px;
    box-sizing: border-box;
}
.alert-notifier .text-container .title {
    font-weight: bolder;
    text-transform: uppercase;
    color: #222;
}
.alert-notifier .text-container .text {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.slide-off {
    animation: slide-off .3s;
}
.slide-out {
    animation: slide-out .3s;
}

@keyframes slide-off {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide-out {
  from {
      transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }

}