.cj-notification {
  &.cj-is-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    @include border-radius(0);
    text-align: center;
    z-index: 99000000;
  }
  &.cj-is-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    @include border-radius(0);
    text-align: center;
    z-index: 99000000;
  }
  &.cj-is-top-right {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    margin: 20px;
    z-index: 99000000;
    text-align: left;
  }
  &.cj-is-top-left {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    margin: 20px;
    z-index: 99000000;
    text-align: left;
  }
  &.cj-is-bottom-right {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    margin: 20px;
    z-index: 99000000;
    text-align: left;
  }
  &.cj-is-bottom-left {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 300px;
    margin: 20px;
    z-index: 99000000;
    text-align: left;
  }
}