.flash-messenger-wrapper {
  position: fixed;
  z-index: 1000;
  padding-top: 2.5em;
  left: 50%;
  top: 0;
  width: 30%;
  min-width: 200px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
  .flash-messenger-wrapper .fm {
    position: relative;
    margin: 0 auto;
    padding: 1em;
    text-align: center;
    margin-bottom: 1em; }
    .flash-messenger-wrapper .fm .close {
      position: absolute;
      right: 5px;
      top: 5px;
      color: #fff; }
  .flash-messenger-wrapper .info {
    border: solid 4px;
    font-weight: 500;
    background-color: #71a8db;
    border-color: #2f76b7;
    color: #1a4266; }
    .flash-messenger-wrapper .info .close {
      color: #050d15; }
  .flash-messenger-wrapper .error {
    border: solid 4px;
    font-weight: 500;
    background-color: #d88585;
    border-color: #BB3C3C;
    color: #6e2323; }
    .flash-messenger-wrapper .error .close {
      color: #210a0a; }
  .flash-messenger-wrapper .warning {
    border: solid 4px;
    font-weight: 500;
    background-color: #d8ae85;
    border-color: #BB7B3C;
    color: #6e4823; }
    .flash-messenger-wrapper .warning .close {
      color: #21150a; }
  .flash-messenger-wrapper .success {
    border: solid 4px;
    font-weight: 500;
    background-color: #98cb6f;
    border-color: #659c38;
    color: #34511d; }
    .flash-messenger-wrapper .success .close {
      color: #040602; }
  .flash-messenger-wrapper .neutral {
    border: solid 4px;
    font-weight: 500;
    background-color: white;
    border-color: #ccc;
    color: #999999; }
    .flash-messenger-wrapper .neutral .close {
      color: #666666; }