@import "../../../../styles/generic/variables";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

$open-sans: 'Open Sans';

.alert{
  border-bottom: solid 1px #d8d8d8 !important;

  .alert-wrapper{
    width: 500px;
    margin: 0 auto;

    .icon-wrapper {
      width: 24px;
      display: inline-block;
      position: relative;
      bottom: 50px;
      right: 10px;

      &:after {
        content: '\f00c';
        font-family: FontAwesome;
        font-size: 16px;
        font-weight: 100;
        color: #12b2a6;
        display: inline;
        padding-left: 6px;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
        -webkit-transform: scale(-1,1);
        transform: scale(-1,1);
      }
    }
    .text-wrapper {
      width: 476px;
      display: inline-block;
    }
    .alert-message {
      font-family: $open-sans;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.57;
      letter-spacing: normal;
      color: $alert-message;
      margin-bottom: 0;
      text-align: left;
    }
    .order-number{
      font-family: $open-sans;
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.57;
      letter-spacing: normal;
      color: $alert-message;
      text-align: left;
      margin-bottom: 0;
      margin-top: 5px;
    }

  }

}