ec-callout {
  overflow: hidden;
  clear: both;
  position: absolute;
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
}

.callout {
  overflow: hidden;
  clear: both;
  border-radius: 4px;
  background: #f1f1f1;
  padding: 5px;
  margin-bottom: 5px;
  position: relative;

  /* For animation */
  transition: .5s linear all;
  -webkit-transition: .5s linear all;
}

.callout.ng-enter {
  opacity: 0;
}

.callout.ng-enter.ng-enter-active {
  opacity: 1;
}

.callout.ng-leave {
  opacity: 1;
}

.callout.ng-leave.ng-leave-active {
  opacity: 0;
}

  .callout p {
    text-align: center;
  }

  .callout img {
    height: 20px;
    margin: 0 5px -3px 0;
  }

  .callout .close-button {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
  }

.callout.alert {
  background: rgba(230,20,40, .7);
}

.callout.success {
  background: rgba(20,230,40, .7);
}
