@import '../../sass/_custom-variables/libs';

.morris-hover {
  position: absolute;
  z-index: 1000;
}

.morris-default-style {
  text-align: center;
}

.morris-default-style .morris-hover-row-label {
  font-weight: bold;
}

.morris-default-style .morris-hover-point {
  white-space: nowrap;
  font-size: .6875rem;
}

@if $enable-light-style {
  .light-style {
    @import "../../sass/_appwork/include";

    .morris-default-style {
      padding: $tooltip-padding-y $tooltip-padding-x;
      background-color: $tooltip-bg;
      font-size: $font-size-sm;

      @include border-radius($border-radius);
    }

    .morris-default-style .morris-hover-row-label {
      margin: $tooltip-padding-y 0;
      color: $tooltip-color;
      font-weight: bold;
    }
  }
}

@if $enable-material-style {
  .material-style {
    @import "../../sass/_appwork/include-material";

    .morris-default-style {
      padding: $tooltip-padding-y $tooltip-padding-x;
      background-color: $tooltip-bg;
      font-size: $font-size-sm;

      @include border-radius($border-radius);
    }

    .morris-default-style .morris-hover-row-label {
      margin: $tooltip-padding-y 0;
      color: $tooltip-color;
      font-weight: bold;
    }
  }
}

@if $enable-dark-style {
  .dark-style {
    @import "../../sass/_appwork/include-dark";

    .morris-default-style {
      padding: $tooltip-padding-y $tooltip-padding-x;
      background-color: $tooltip-bg;
      font-size: $font-size-sm;

      @include border-radius($border-radius);
    }

    .morris-default-style .morris-hover-row-label {
      margin: $tooltip-padding-y 0;
      color: $tooltip-color;
      font-weight: bold;
    }
  }
}
