@use 'ej2-base/styles/definition/bootstrap5.3' as *;

.e-tooltip-wrap {

  /*! Tooltip icons */
  .e-tooltip-close::before {
    content: '\e7e7';
    @if ($skin-name == 'bootstrap5.3') {
      font-size: 8px;
      left: calc(50% - 4px);
      top: calc(50% - 4.5px);
    }
    
    @else {
      font-size: 10px;
      left: calc(50% - 5.5px);
      top: calc(50% - 5.5px);
    }
    position: absolute;
  }

  .e-arrow-tip-inner.e-tip-right::before {
    content: '\e87e';
  }

  .e-arrow-tip-inner.e-tip-top::before {
    content: '\e87a';
  }

  .e-arrow-tip-inner.e-tip-bottom::before {
    content: '\e70d';
  }

  .e-arrow-tip-inner.e-tip-left::before {
    content: '\e87d';
  }
}