@import "j-ui-kit/mixins/all";
@import "mixins/all";

// Custom tab notification
.info-text {
  margin: 0 0 1rem 0;
  font-weight: 200;
  >i {
    @include img(18, 18, "icons/info.svg");
    margin: 0 1rem 0 0;
    fill: $baseFontColor;
    top: 0.4rem;
  }
  >span {
    font-weight: 600;
    margin: 0 0.5rem 0 0;
  }
  a {
    font-weight: 500;
    text-decoration: underline;
  }
}

.no-result-message, .no-item-message {
  color: $jugnooGrayDarkest;
  display: none;

  &.white {
    color: #fff;
    >i {
      fill: #fff;
    }
  }

  span { font-weight: 600; }

  >i {
    @include img(18, 18, "icons/error.svg");
    margin: 0 0.5rem 0 0;
    fill: $jugnooGrayDarker;
    top: 0.4rem;
  }
}

.no-item-message i { @include img(18, 18, "icons/info.svg"); }

.retrieve-message {
  @extend .no-result-message;
  color: $jugnooGrayDarkest;
  display: block;
}

// TODO: Move to UI-kit
.noty_buttons {
  .btn-primary { @extend %button-action; }
}