.alert {
  border: 0;
  border-radius: 3px;
  position: relative;
  padding: 20px 15px;
  line-height: 20px
}

.alert b {
  font-size: 16px
}

.alert,
.alert.alert-default {
  background-color: #fff;
  color: #555
}

.alert .alert-link,
.alert a,
.alert.alert-default .alert-link,
.alert.alert-default a {
  color: #555
}

.alert-danger,
.alert-info,
.alert-rose,
.alert-success,
.alert-warning,
.alert.alert-danger,
.alert.alert-danger .alert-link,
.alert.alert-danger a,
.alert.alert-info .alert-link,
.alert.alert-info a,
.alert.alert-inverse,
.alert.alert-inverse .alert-link,
.alert.alert-inverse a,
.alert.alert-primary,
.alert.alert-primary .alert-link,
.alert.alert-primary a,
.alert.alert-rose,
.alert.alert-rose .alert-link,
.alert.alert-rose a,
.alert.alert-success,
.alert.alert-success .alert-link,
.alert.alert-success a,
.alert.alert-warning,
.alert.alert-warning .alert-link,
.alert.alert-warning a {
  color: #fff
}

.alert.alert-inverse {
  background-color: #292929
}

.alert.alert-primary {
  background-color: #a72abd
}

.alert.alert-success {
  background-color: #55b559
}

.alert.alert-info {
  background-color: #00cae3;
  color: #fff
}

.alert.alert-warning {
  background-color: #ff9e0f
}

.alert.alert-danger {
  background-color: #f55145;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
}

.alert.alert-rose {
  background-color: #ea2c6d
}

.alert-default .alert-link,
.alert-default a {
  color: rgba(0, 0, 0, .87)
}

.alert span {
  display: block;
  max-width: 89%
}

.alert.alert-danger i {
  color: #f44336
}

.alert.alert-warning {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.alert.alert-warning i {
  color: #ff9800
}

.alert.alert-success {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
}

.alert.alert-success i {
  color: #4caf50
}

.alert.alert-info {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
}

.alert.alert-info i {
  color: #00bcd4
}

.alert.alert-primary {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.alert.alert-primary i {
  color: #9c27b0
}

.alert.alert-rose {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
}

.alert.alert-rose i {
  color: #e91e63
}

.alert.alert-with-icon {
  margin-top: 43px;
  padding-left: 66px
}

.alert.alert-with-icon i[data-notify=icon] {
  display: block;
  left: 15px;
  position: absolute;
  margin-top: -39px;
  font-size: 20px;
  background-color: #fff;
  padding: 9px;
  border-radius: 50%;
  max-width: 38px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.alert .close {
  line-height: .5
}

.alert .close i {
  color: #fff;
  font-size: 11px
}

.alert .close:focus {
  outline: 0
}

.alert i[data-notify=icon] {
  display: none
}

.alert .alert-icon {
  display: block;
  float: left;
  margin-right: 1.071rem
}

.alert .alert-icon i {
  margin-top: -7px;
  top: 5px;
  position: relative
}

.alert [data-notify=dismiss] {
  margin-right: 5px
}