.messager {
  position: fixed;
  z-index: 99999;
  max-width: 80%;
  padding-right: 50px;
  color: #fff;
  background-color: #353535;
  background-color: rgba(0, 0, 0, .8);
  border-radius: 20px;
}
.messager.top {
  top: 20px;
}
.messager.top-left {
  top: 20px;
  left: 20px;
}
.messager.top-right {
  top: 20px;
  right: 20px;
}
.messager.bottom {
  bottom: 20px;
}
.messager.bottom-left {
  bottom: 20px;
  left: 20px;
}
.messager.bottom-right {
  right: 20px;
  bottom: 20px;
}
.messager-content {
  padding: 10px 20px;
}
.messager-content > [class^='icon-'] {
  display: inline-block;
  margin-right: 8px;
}
.messager-actions {
  position: absolute;
  top: 10px;
  right: 15px;
}
.messager-actions > .action {
  color: #fafafa;
  color: rgba(255, 255, 255, .6);
  text-shadow: none;
  background: none;
  border: none;
}
.messager-actions > .action.close {
  font-size: 20px;
  font-weight: normal;
  opacity: 1;
}
.messager-actions > .action:hover {
  color: #fff;
}
.messager-primary {
  background-color: #108bf1;
}
.messager-success {
  background-color: #27a9e7;
}
.messager-info {
  background-color: #00c3b6;
}
.messager-warning {
  background-color: #f39c11;
}
.messager-danger {
  background-color: #ee4e2f;
}
.messager-error {
    background-color: #ee4e2f;
}
.messager-important {
  background-color: #a76531;
}
.messager-special {
  background-color: #6f5499;
}