.messages
  div
    width: 100%
    min-height: 50px
    border-radius: $border-radius
    font-size: 1.3em
    +outer-glow
    margin-bottom: 20px
    background-repeat: no-repeat
    .icon
      width: 15px
      height: 15px
      display: block
      float: left
      margin: 15px 20px 15px 35px
    .data
      padding-top: 15px
      padding-bottom: 15px
      display: inline-block
      width: 80%
    &.message
      border: solid 2px #C8E5F5
      background-color: #D2E9F5
      color: #73A0BD
      .icon
        +icon-sprite-two(-30px -150px,20px,20px)
    &.error
      border: solid 2px #ECD3D3
      background-color: #F1DEDE
      color: #B47879
      .icon
        +icon-sprite-two(-10px -150px,20px,20px)
    &.success
      border: solid 2px #C5EBD4
      background-color: #C5F2DA
      color: #66A985
      .icon
        +icon-sprite-two(-50px -150px,20px,20px)
    &.ajax.hide
      display: none


/*url("/images/structure/tops_icons_sprite.svg")*/


    background-position: 20px -250px;
    background-size: 340px 340px;
    border: 2px solid #ecd3d3;