/*******************************
         Theme Overrides
*******************************/

.bottom-messages {
  position: fixed;
  width: 100%;
  top: 90%;
  left: 0;
  z-index: 99;

  .ui.message {
    width: 1326px;
    height: 50px;
    margin: 0 auto;
    line-height: 20px;
    padding-top: 10px;

    &.positive {
      background-color: #00B369;
      color: @white;

      .message-body {
        display: flex;
        justify-content: center;
        align-items: center;

        .image:before {
          content: url(/static/img/icons/success.svg);
        }
        .text {
          padding-bottom: 5px;
          padding-left: 10px;
        }
      }

    }

    &.negative {
      background-color: #E63939;
      color: @white;

      .message-body {
        display: flex;
        justify-content: center;
        align-items: center;

        .image:before {
          content: url(/static/img/icons/failure.png);
        }
        .text {
          padding-bottom: 5px;
          padding-left: 10px;
        }
      }

    }

    .icon {
      font-size: 18px;
    }
  }

}