.notifications-tc {
  position: fixed;
  z-index: 9000;
  top: 30px;
  bottom: auto;
  margin: 0 auto;
  left: 50%;
  width: 600px;
  margin-left: -300px;
}

.notification {
  position: relative;
  width: 100%;
  height: 42px;
  line-height: 1;
  border-radius: 5px;
  font-size: 16px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 3px 8px #00000029;
  transition: 0.2s ease-in-out;
}

.notification:after {
  content: url(../img/commonIcon/close-icon.svg);
}

.notification-hidden {
  opacity: 0;
}

.notification-dismiss {
  display: none;
}

.notification-info {
  background: #E1F0FA;
  border: 1px solid #AFC8E6;
  color: #5578A0;
}

.notification-success {
  background: #DCF5CD;
  border: 1px solid #C8DCB9;
  color: #4B824B;
}

.notification-warning {
  background: #FFF0C8;
  border: 1px solid #E7D9D0;
  color: #B68E4D;
}

.notification-error {
  background: #FFC8C8;
  border: 1px solid #F5B9BE;
  color: #AF4B46;
}