// Set default customise component variables here,
// Override it in theme variables files


.x-toolbar-info {
  @extend %cursor-pointer,
          .d-flex,
          .flex-wrap,
          .justify-content-between,
          .align-items-center,
          .py-2,
          .px-3,
          .mb-2,
          .bg-light;

  .media-body {

    min-width: 0; // Fix Flexbox and Truncate Browser Bug

    h6, p {
      @extend .d-block,
              .text-truncate,
              .mb-0;
    }

    p {
      @extend .small;
    }

  }


  .x-icon-container {
    @extend .ml-1,
            .text-muted,
            .x-icon-lg;
  }
}