.flash {
  cursor: pointer;

  .alert {
    .container {
      position: relative;
    }

    &.alert-success .full-width-container,
    &.alert-success .fixed-flash-inner {
      background: $dark-blue;
      color: white;
    }

    &.alert-danger .full-width-container,
    &.alert-danger .fixed-flash-inner {
      background: $red;
      color: white;
    }

    // regular flash message full-width-container, displayed full width
    // almost on top of the page
    .full-width-container {
      margin-bottom: 10px;
      padding: 5px 0 5px 10px;
    }

    // fixed positioned flash message container, displayed at the very top of the page
    // as wide as the text, centered
    .fixed-flash {
      position: fixed;
      top: 0; left: 0; right: 0;
      text-align: center;

      .fixed-flash-inner {
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
        padding: 5px 20px;
        margin-top: 15px;

        @include fadeInDown(0.6s);

        p {
          margin: 5px 0;
        }
      }
    }
  }

  .close {
    left: -20px;
    position: absolute;
    top: -3px;
  }
}

.flash {
  cursor: pointer;

  .alert {
    .container {
      position: relative;
    }

    &.alert-success .full-width-container,
    &.alert-success .fixed-flash-inner {
      background: $dark-blue;
      color: white;
    }

    &.alert-danger .full-width-container,
    &.alert-danger .fixed-flash-inner {
      background: $red;
      color: white;
    }

    // regular flash message full-width-container, displayed full width
    // almost on top of the page
    .full-width-container {
      margin: 0 -10px 10px;
      padding: 5px 10px 5px 35px;
    }

    // fixed positioned flash message container, displayed at the very top of the page
    // as wide as the text, centered
    .fixed-flash {
      position: fixed;
      top: 0; left: 0; right: 0;
      text-align: center;

      .fixed-flash-inner {
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
        padding: 5px 20px;
        margin-top: 15px;

        @include fadeInDown(0.6s);

        p {
          margin: 5px 0;
        }
      }
    }
  }

  .close {
    left: -20px;
    position: absolute;
    top: -3px;
  }
}

Fix margin/padding on alerts to make them full screen
Fix margin/padding on alerts to make them full screen
