/* @import "sass-sandal/function"; */
.im-alert {
  position: relative;
  font-size: 14px;
  color: #333;
  border: 1px solid;
  padding: 10px;
}

.im-alert .i-close:last-child {
  position: absolute;
  right: 10px;
  color: #ccc;
  float: right;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.im-alert .i-close:last-child:hover {
  color: rgba(0, 0, 0, 0.7);
}

.im-alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.im-alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.im-alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.im-alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.im-alert em {
  color: #e85308;
  font-style: normal;
}

.im-alert a {
  color: #188eee;
  text-decoration: none;
}

.im-alert-global, .im-alert-module {
  background-color: #fffbe5;
  border-color: #f7dcb1;
}

.im-alert-global .i-alert, .im-alert-module .i-alert {
  position: absolute;
  margin-top: 2px;
  color: #e85308;
}

.im-alert-global .im-icon.i-close, .im-alert-module .im-icon.i-close {
  top: 16px;
}

.im-alert-global {
  border-left: 0;
  border-right: 0;
  line-height: 22px;
}

.im-alert-module {
  line-height: 20px;
  padding: 6px 10px;
}

.im-alert-module-multiline {
  padding-right: 20px;
  padding-left: 21px;
  display: inline-block;
}