.alertbox {
  background-color: $white;
  border: 2px solid $white;
  color: $dark;
  left: calc(50% - 125px);
  margin-bottom: 15px;
  padding: 10px 35px 10px 20px;
  position: absolute;
  top: 20px;
  width: 250px;
  z-index: 50;
  & + & { position: relative; }

  &.box-blue {
    background-color: $blue;
    border-color: $light;
    color: $white;
  }

  &.box-red {
    background-color: $red;
    color: $white;
  }

  .box-close {
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 15px;
    margin-top: 1px;
    position: relative;
    right: -25px;
    width: 15px;

    &:before {
      color: $white;
      content: "\00d7";
      left: 3px;
      position: relative;
      top: -2px;
    }
  }
}