@use 'sass:math';
@use 'ej2-base/styles/common/mixin' as *;
$sm-mobile: 575.98;
$mobile: 767.98;
$medium-mobile: 375;
$tablet: 991.98;
$desktop: 1199.98;
$lg-desktop: 1399.98;

// Small mobiles (landscape phones, less than 576px)
@mixin sm-mobile() {
  @media only screen and (max-width: ($sm-mobile * 1px)) {
    @content;
  }
}

// Small devices (landscape phones, less than 768px)
@mixin mobile {
  @media only screen and (max-width: ($mobile * 1px)) {
    @content;
  }
}

// Medium mobiles (phones, less than 375px)
@mixin medium-mobile() {
  @media only screen and (max-width: ($medium-mobile * 1px)) {
    @content;
  }
}

// Medium devices (tablets, less than 992px)
@mixin tablet {
  @media only screen and (max-width: ($tablet * 1px)) {
    @content;
  }
}

// Large devices (desktops, less than 1200px)
@mixin desktop {
  @media only screen and (max-width: ($desktop * 1px)) {
    @content;
  }
}

// X-Large devices (large desktops, less than 1400px)
@mixin lg-desktop {
  @media only screen and (max-width: ($lg-desktop * 1px)) {
    @content;
  }
}

@include export-module('pdfviewer-theme') {
  /* stylelint-disable value-no-vendor-prefix */
  /* stylelint-disable property-no-vendor-prefix */
  .e-pv-viewer-container {
    border-color: $pv-control-border-color;
    height: $pv-viewer-container-height;
    overflow: $pv-control-overflow;
    position: $pv-control-position;
    touch-action: $pv-control-touch-action;
    @if $skin-name == 'Material3' {
      background: $pv-background;
      border: $pv-toolbar-border;
    }
    @else
    {
      background-color: $pv-background;
    }
  }

  .e-pv-mobile-view .e-pv-viewer-container {
    border-left-width: $pv-border-1;
  }
  
  .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar,
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
  .e-pv-toolbar.e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn-text,
  .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text,
  .e-control.e-toolbar.e-lib.e-pv-redaction-toolbar.e-pv-toolbar-scroll.e-keyboard .e-tbar-btn-text,
  .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text,
  .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text,
  .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text,
  .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text,
  .e-control.e-toolbar.e-lib.e-pv-formdesigner-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text,
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper.e-hide,
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
  .e-pv-organize-tile-draggedEle .e-pv-organize-tile.e-pv-thumbnail-column .e-pv-image-container .e-pv-organize-image {
    display: none;
  }

  input.e-pv-input-password::-ms-reveal,
  input.e-pv-formfield-input::-ms-reveal {
    display: none;
  }
  .e-pv-page-container {
    @if $skin-name == 'Material3' {
      background: $pv-background;
    }
    margin: $pv-page-container-margin;
    padding: $pv-page-container-padding;
    touch-action: $pv-page-container-touch-action;
  }

  .e-pv-signaturehover,
  .e-pv-line-styles-container:hover {
    background-color: $pv-prop-line-styles-hover-bg;
  }

  .e-pv-mobilespanscroll-container {
    color: $pv-toolbar-total-page-number-color;
    font-family: $pv-sidebar-bookmark-title-font-family;
    font-size: $pv-sidebar-bookmark-title-font-size;
  }

  .e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-pv-annotation-shapes-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-pv-annotation-calibrate-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-pv-annotation-handwritten-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-pv-annotation-handwritten-container .e-pv-handwritten-icon.e-btn-icon:not(.e-caret),
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
  .e-pv-annotation-ink-container .e-pv-inkannotation-icon,
  .e-pv-icon {
    font-size: $pv-icon-font-size;
  }

  .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret) {
    @if $skin-name == 'FluentUI' or $skin-name == 'fluent2' or $skin-name == 'tailwind3' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' or $skin-name == 'highcontrast' {
      margin-left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-annotation-stamp-container .e-menu-wrapper {
    @if $skin-name == 'FluentUI' {
      background-color: transparent;
    }
  }

  .e-dropdown-popup.e-lib.e-popup.e-control.e-pv-handwritten-popup.e-popup-open ul .e-primary{
    @if $skin-name == 'fluent2' {
      padding: $pv-spacing-0 $pv-spacing-16;
    }
  }

  .e-pv-handwritten-popup ul .e-item {
    @if $skin-name=='fluent2' {
      padding: $pv-spacing-2 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-mobilescroll-container {
    @if $skin-name == 'Material3' {
      background: $pv-background;
    }
    @else
    {
      background-color: $pv-background;
    }
    border: $pv-thumbnail-hover-border;
    border-radius: $pv-radius-48 $pv-radius-0 $pv-radius-0 $pv-radius-48;
    line-height: $pv-line-height-28;
    position: absolute;
    text-align: center;
  }

  .e-pv-viewer-container .e-pv-page-div {
    @if $skin-name == 'highcontrast' or $theme-name == 'fluent2-highcontrast' {
      border-color: $pv-background;
    }
    @else {
      border-color: $pv-page-div-border-color;
    }
    border-style: $pv-page-div-border-style;
    border-width: $pv-page-div-border;
    box-shadow: $pv-page-div-box-shadow;
    box-sizing: $pv-page-div-border-boxing;
    position: $pv-page-div-position;
  }

  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
    border-style: none;
  }

  .e-pv-viewer-container .e-pv-page-div.e-focused {
    box-shadow: $pv-page-div-focus-style;
  }
  
  .e-pv-diagram-resize-handle{
    @if $skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
      fill: $pv-selection-touch-element-background-color !important/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-diagram-border,
  .e-pv-diagram-resize-handle {
    @if $skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
      stroke: $pv-selection-touch-element-background-color !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-viewer-container.e-focused
  {
    box-shadow: $pv-page-div-focus-style inset;
  }

  .e-pv-toolbar,
  .e-pv-nav-toolbar,
  .e-pv-annotation-toolbar,
  .e-pv-formdesigner-toolbar,
  .e-pv-redaction-toolbar {
    border: $pv-toolbar-border;
    border-radius: $pv-toolbar-border-radius;
    border-width: $pv-toolbar-border-width;
  }

  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-btn.e-dropdown-btn {
    @if ($skin-name == 'tailwind3') {
      padding: $pv-spacing-6 $pv-spacing-3;
    }
  }

  .e-pv-toolbar,
  .e-pv-annotation-toolbar,
  .e-pv-mobile-annotation-toolbar,
  .e-pv-formdesigner-toolbar {
    height: $pv-toolbar-height;
    @if $skin-name == 'bootstrap5.3' {
      min-height: $pv-toolbar-height;
    }
  }

  .e-toolbar.e-pv-redaction-toolbar {
    height: $pv-toolbar-height;
  }

  .e-pv-toolbar.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
    @if $skin-name == 'bootstrap5' {
      left: 0;
    }
  }

  .e-pv-nav-toolbar,
  .e-pv-toolbar.e-pv-mobile-toolbar,
  .e-pv-mobile-view .e-pv-annotation-toolbar {
    height: $pv-toolbar-height-big;
  }

  .e-toolbar.e-pv-toolbar .e-pv-zoom-drop-down-container {
    height: $pv-zoom-dropdown-height;
    width: $pv-zoom-dropdown-width;
    @if $skin-name == 'fluent2' {
      height: $pv-zoom-dropdown-height !important;/* stylelint-disable-line declaration-no-important */
      padding: $pv-spacing-5 $pv-spacing-4 $pv-spacing-6 !important;/* stylelint-disable-line declaration-no-important */
    }
    @if $skin-name == 'tailwind3' {
      margin-right: $pv-signature-appearance-checkbox !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-toolbar.e-pv-toolbar .e-pv-zoom-drop-down-container .e-control-container {
    @if $skin-name == 'fluent2' {
      border: none !important;/* stylelint-disable-line declaration-no-important */
      width: $pv-width-p100 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-toolbar.e-pv-toolbar .e-pv-zoom-drop-down-container .e-control-container .e-input {
    @if $skin-name=='fluent2' {
      min-width: $pv-width-42 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-zoom-drop-down-container .e-control.e-combobox{
    @if $skin-name == 'fluent2' {
      padding-left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
      padding-right: $pv-spacing-3 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
    display: block;
    padding-left: $pv-spacing-10;
    padding-right: $pv-spacing-10;
    width: $pv-width-auto;
  }

  .e-pv-current-page-box.e-input-group.e-control-wrapper {
    height: $pv-current-page-height;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      height: $pv-height-32;
    }
    margin-top: $pv-toolbar-current-page-box-margin-top;
    width: $pv-current-page-width;
  }

  .e-pv-mobilepagenoscroll-container {
    background: $pv-sidebar-resizer-background;
    border: $pv-thumbnail-hover-border;
    border-radius: $pv-radius-12;
    padding: $pv-spacing-6;
    text-align: center;
    vertical-align: middle;
  }

  .e-pv-mobilecurrentpage-container {
    color: $pv-toolbar-total-page-number-color;
    display: block;
    font-family: $pv-sidebar-bookmark-title-font-family;
    font-size: $pv-text-2xl;
  }

  .e-pv-mobiledashedline-container {
    color: $pv-toolbar-total-page-number-color;
    display: block;
    padding: $pv-spacing-10;
  }

  .e-pv-number-ofpages {
    width: $pv-width-p10;
  }

  .e-dialog.e-pv-gotopage-popup {
    max-width: $pv-width-500;
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      padding-left: $pv-spacing-0;
      padding-top: $pv-spacing-0;
    }
    @else {
      padding-left: $pv-spacing-16;
      padding-top: $pv-spacing-16;
    }
  }

  .e-pv-image-container {
    width: $pv-width-p100;
    height: $pv-height-p100;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: $pv-spacing-3;
    cursor: pointer;
  }

  .e-pv-gotopage-apply-btn.e-btn.e-flat.e-primary:disabled {
    @if $skin-name != 'bootstrap4' {
      background-color: transparent;
    }
    @if $skin-name == 'bootstrap' {
      color: $pv-save-button-color;
    }
  }

  .e-pv-mobiletotalpage-container {
    color: $pv-toolbar-total-page-number-color;
    display: block;
    font-family: $pv-sidebar-bookmark-title-font-family;
    font-size: $pv-sidebar-title-font-size;
  }

  .e-pv-password-input {
    @if $skin-name != 'Material3' {
      margin-top: $pv-password-input-margin-top;
    }
  }

  .e-pv-password-error {
    color: $pv-password-error-color;
  }

  .e-pv-corrupted-popup-header {
    color: $pv-corrupted-pop-header-color;
    opacity: $pv-corrupted-pop-header-opacity;
  }

  .e-pv-corrupted-popup-content {
    @if $skin-name == 'Material3' {
      color: $content-text-color-alt1;
    }
    @else {
      color: $pv-corrupted-pop-header-color;
    }
    font-size: $pv-corrupted-pop-content-font-size;
    line-height: $pv-corrupted-pop-content-line-height;
    margin-left: $pv-corrupted-pop-content-margin-left;
    opacity: $pv-corrupted-pop-header-opacity;
    padding-top: $pv-corrupted-pop-content-padding-top;
    text-align: $pv-corrupted-pop-header-text-align;
  }

  .e-pv-corrupted-popup-content-rtl {
    color: $pv-corrupted-pop-header-color;
    font-size: $pv-corrupted-pop-content-font-size;
    line-height: $pv-corrupted-pop-content-line-height;
    margin-right: $pv-corrupted-pop-content-margin-right;
    opacity: $pv-corrupted-pop-header-opacity;
    padding-top: $pv-corrupted-pop-content-padding-top;
    text-align: $pv-corrupted-pop-header-rtl-text-align;
  }

  .e-pv-toolbar.e-toolbar:not(.e-pv-mobile-toolbar) .e-toolbar-items .e-toolbar-item:not(.e-separator) {
    @if $skin-name == 'Material3' {
      height: $pv-toolbar-height;
    }
    @else {
      height: $pv-height-auto;
    }
    margin-left: $pv-toolbar-items-margin-left;
    margin-right: $pv-toolbar-items-margin-right;
    @if $skin-name != 'Material3' {
      padding-bottom: $pv-toolbar-items-padding-bottom;
      padding-top: $pv-toolbar-items-padding-top;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      padding: $pv-spacing-3 $pv-spacing-4;
    }
  }

  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
  .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
    @if $skin-name != 'tailwind' and $skin-name != 'tailwind-dark' {
      height: $pv-height-auto;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      height: $pv-height-32;
    }
    margin-left: $pv-toolbar-items-margin-left;
    margin-right: $pv-toolbar-items-margin-right;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      padding: $pv-spacing-0 $pv-spacing-4;
    }
  }

  .e-pv-blazor-main-container .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn {
    @if ($skin-name == 'material' or $skin-name == 'material-dark') {
      min-height: $pv-height-36;
      min-width: $pv-width-36;
    }
    @if ($skin-name == 'fabric' or $skin-name == 'fabric-dark') {
      min-height: $pv-height-50;
      min-width: $pv-width-50;
    }
    @if ($skin-name == 'highcontrast') {
      min-height: $pv-height-50;
    }
  }

  .e-pv-blazor-main-container .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon,
  .e-pv-blazor-main-container .e-pv-annotation-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
    @if ($skin-name == 'material' or $skin-name == 'material-dark') {
      font-size: $pv-text-base !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item {
    @if $skin-name == 'fluent2'{
      padding-top: $pv-spacing-2;
    }
  }

  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
    @if ($skin-name == 'FluentUI') {
      padding-bottom: $pv-spacing-2;
    }
    @else if ($skin-name == 'Material3' or $skin-name == 'fluent2' or $skin-name == 'tailwind3'){
      padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
    @else {
      padding-bottom: $pv-spacing-0;
    }
  }

  .e-pdfviewer .e-pv-open-document-icon .e-pv-icon .e-icons .e-btn-icon .e-icon-left {
    @if $skin-name == 'FluentUI' {
      padding: $pv-spacing-0;
    }
  }

  .e-pv-redaction-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon,
  .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon {
    @if ($skin-name == 'highcontrast') {
      padding-left: $pv-spacing-0;
    }
  }

  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
  .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
    border-right-width: $pv-toolbar-separator-border-right-width;
    height: $pv-toolbar-separator-height;
    margin-left: $pv-toolbar-separator-margin-left;
    margin-right: $pv-toolbar-separator-margin-right;
  }

  .e-pdfviewer .e-pv-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:first-child,
  .e-pdfviewer .e-pv-annotation-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:first-child,
  .e-pdfviewer .e-pv-formdesigner-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:first-child  {
    margin-left: $pv-toolbar-items-first-child-margin-left;
  }

  .e-pdfviewer .e-pv-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:first-child,
  .e-pdfviewer .e-pv-annotation-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:first-child,
  .e-pdfviewer .e-pv-formdesigner-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:first-child {
    margin-right: $pv-toolbar-items-first-child-margin-left;
  }

  .e-pdfviewer .e-pv-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:last-child,
  .e-pdfviewer .e-pv-annotation-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:last-child,
  .e-pdfviewer .e-pv-formdesigner-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:last-child  {
    margin-right: $pv-toolbar-items-last-child-margin-right;
  }

  .e-pdfviewer .e-pv-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:last-child,
  .e-pdfviewer .e-pv-annotation-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:last-child,
  .e-pdfviewer .e-pv-formdesigner-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:last-child {
    margin-left: $pv-toolbar-items-last-child-margin-right;
  }

  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
  .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
  .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
    height: $pv-toolbar-btn-height;
    min-width: $pv-toolbar-btn-width;
    @if ($skin-name != 'fluent2') {
      width: $pv-toolbar-btn-width;
    }
    @if $skin-name == 'FluentUI' {
      line-height: $pv-toolbar-btn-height;
      min-width: $pv-width-40;
    }
    @if $skin-name == 'tailwind3' {
      height: $pv-height-32;
      min-width: $pv-width-32;
      width: $pv-width-32;
    }
  }

  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-pv-inkannotation-icon.e-icons.e-btn-icon,
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-pv-annotation-tools-close-icon.e-icons.e-btn-icon {
    @if $skin-name == 'highcontrast' {
      padding-left: $pv-spacing-0;
    }
  }
  
  .e-pv-primary-toolbar .e-toolbar .e-dropdown-btn {
    @if $skin-name == 'tailwind3' {
      font-weight: $pv-font-weight-semibold !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-open-document-icon {
    font-size: $pv-toolbar-open-icon-font-size;
    height: $pv-toolbar-open-icon-height;
    line-height: $pv-toolbar-open-icon-line-height !important;/* stylelint-disable-line declaration-no-important */
    width: $pv-toolbar-open-icon-width;
  }

  .e-pv-mobile-view .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-pv-open-document-icon{
    @if $skin-name == 'tailwind3' {
      line-height: $pv-toolbar-open-icon-line-height;
    }
  }

  .e-toolbar-items:not(.e-toolbar-pop) .e-pv-download-document-icon {
    line-height: $pv-toolbar-download-icon-line-height;
  }

  .e-toolbar-items:not(.e-toolbar-pop) .e-pv-print-document-icon {
    line-height: $pv-toolbar-print-icon-line-height;
  }

  .e-pv-first-page-navigation-icon {
    line-height: $pv-toolbar-first-page-icon-line-height;
  }

  .e-pv-previous-page-navigation-icon {
    line-height: $pv-toolbar-previous-page-icon-line-height;
  }

  .e-pv-next-page-navigation-icon {
    line-height: $pv-toolbar-next-page-icon-line-height;
  }

  .e-pv-last-page-navigation-icon {
    line-height: $pv-toolbar-last-page-icon-line-height;
  }

  .e-toolbar-items:not(.e-toolbar-pop) .e-pv-zoom-out-icon,
  .e-toolbar-items:not(.e-toolbar-pop) .e-pv-zoom-in-icon {
    line-height: $pv-toolbar-zoom-out-icon-line-height;
  }

  .e-pv-eye-slash-icon,
  .e-pv-eye-icon {
    margin-top: $pv-eye-icon-margin-top;
  }

  .e-pv-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-pv-current-page-container {
    @if $skin-name == 'Material3' {
      padding-left: $pv-spacing-8;
    }
  }

  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-btn.e-pv-pan-tool .e-pv-icon {
    margin-right: $pv-spacing-2;
  }

  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-pv-zoom-drop-down-container {
    margin: $pv-toolbar-zoom-drop-margin;
    @if $skin-name != 'bootstrap4' {
      padding: $pv-toolbar-zoom-drop-padding;
    }
  }

  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-pv-total-page-container.e-toolbar-item:not(.e-separator) {
    color: $pv-toolbar-total-page-number-color;
    cursor: default;
    font-size: $pv-toolbar-total-page-number-font-size;
    margin-left: $pv-toolbar-total-page-div-margin-left;
    margin-right: $pv-toolbar-total-page-div-margin-right;
    min-width: $pv-width-unset;
    @if $skin-name != 'bootstrap4' and $skin-name != 'FluentUI' {
      padding-bottom: $pv-toolbar-total-page-padding-bottom;
    }
    padding-left: $pv-toolbar-total-page-div-padding-left;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' {
      padding-top: $pv-spacing-0;
    }
    @if $skin-name == 'fluent2'{
      font-size: $pv-toolbar-total-page-number-font-size !important;/* stylelint-disable-line declaration-no-important */
    }
    position: relative;
  }

  .e-pv-total-page {
    color: $pv-toolbar-total-page-font-color;
    font-size: $pv-font-size-inherit;
  }

  .e-pv-total-page-ms {
    -ms-transform: translateY(-50%);
    margin: $pv-spacing-0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .e-pv-zoom-drop-down.e-input-group.e-control-wrapper.e-ddl:not(.e-error),
  .e-pv-prop-dropdown.e-input-group.e-control-wrapper.e-ddl:not(.e-error),
  .e-pv-zoom-drop-down-rtl.e-input-group.e-control-wrapper.e-ddl:not(.e-error),
  .e-pv-prop-dropdown-rtl.e-input-group.e-control-wrapper.e-ddl:not(.e-error) {
    background-color: transparent;
    border: $pv-toolbar-zoom-drop-down-border;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      box-shadow: none;
    }
    height: $pv-height-inherit;
    margin-top: $pv-toolbar-zoom-drop-down-margin-top;
    padding: $pv-toolbar-zoom-drop-down-padding;
  }

  .e-pv-fontfamily-container .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input{
    width: $pv-thumbnail-width;
    @if $skin-name == 'fluent2' {
      height: $pv-annotation-drop-down-height;
    }
  }

  .e-pv-fontsize-container .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input {
    @if $skin-name == 'fluent2' {
      height: $pv-annotation-drop-down-height;
    }
  }

  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) {
    background-color: $pv-toolbar-zoom-drop-down-background-color;
    border: $pv-toolbar-zoom-drop-down-border-focus;
    border-radius: $pv-toolbar-zoom-drop-down-border-radius;
  }

  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl.e-input-focus .e-search-icon.e-ddl-icon,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus .e-search-icon.e-ddl-icon,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus .e-search-icon.e-ddl-icon,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-input-focus .e-search-icon.e-ddl-icon {
    color: $pv-zoom-dropdown-input-focus-color;
  }

  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-input.e-control.e-keyboard,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control.e-keyboard,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl .e-input.e-control.e-keyboard,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl .e-input.e-control.e-keyboard {
    height: $pv-zoom-drop-down-input-height;
    margin-top: $pv-zoom-drop-down-input-margin-top;
    padding-bottom: $pv-zoom-drop-down-padding-bottom;
    padding-top: $pv-zoom-drop-down-padding-top;
  }

  .e-pv-toolbar:not(.e-rtl) .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-input.e-control.e-keyboard,
  .e-pv-toolbar:not(.e-rtl) .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control.e-keyboard,
  .e-pv-toolbar:not(.e-rtl) .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl .e-input.e-control.e-keyboard,
  .e-pv-toolbar:not(.e-rtl) .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl .e-input.e-control.e-keyboard {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      padding-left: $pv-spacing-0;
    }
    @else {
      padding-left: $pv-zoom-drop-down-padding-left;
    }
  }

  .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-input.e-control.e-keyboard,
  .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control.e-keyboard,
  .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl .e-input.e-control.e-keyboard,
  .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl .e-input.e-control.e-keyboard {
    padding-right: $pv-zoom-drop-down-padding-left;
  }

  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-search-icon.e-ddl-icon,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-search-icon.e-ddl-icon,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl .e-search-icon.e-ddl-icon,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl .e-search-icon.e-ddl-icon {
    background-color: transparent;
    border-left: $pv-border-0;
    margin-bottom: $pv-zoom-drop-down-margin-bottom;
    margin-left: $pv-zoom-drop-down-margin-left;
    margin-top: $pv-zoom-drop-down-margin-top;
    padding-right: $pv-zoom-drop-down-padding-right;
  }

  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-search-icon.e-ddl-icon{
    @if $skin-name == 'fluent2' {
      padding-left: $pv-zoom-drop-down-padding-right;
    }
  }

  .e-pv-zoom-drop-down-container .e-input-group.e-control-wrapper .e-input-group-icon,
  .e-pv-annotation-fontsize-container .e-input-group.e-control-wrapper.e-pv-prop-dropdown .e-input-group-icon,
  .e-pv-annotation-fontname-container .e-input-group.e-control-wrapper.e-pv-prop-dropdown .e-input-group-icon {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      border-left: $pv-border-0;
      margin-bottom: $pv-zoom-drop-down-margin-bottom;
      margin-left: $pv-zoom-drop-down-margin-left;
      margin-top: $pv-zoom-drop-down-margin-top;
      padding-right: $pv-zoom-drop-down-padding-right;
    }
  }
  
  .e-pv-annotation-fontname-container.e-overlay .e-input-group,
  .e-pv-annotation-fontsize-container.e-overlay .e-input-group,
  .e-pv-fontfamily-container .e-overlay.e-input-group,
  .e-pv-fontsize-container .e-overlay.e-input-group,
  .e-pv-fontsize-container .e-overlay.e-input-group .e-input-group-icon,
  .e-pv-fontfamily-container .e-overlay.e-input-group .e-input-group-icon {
    @if $skin-name == 'fluent2' {
      color: var(--color-sf-icon-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
      opacity: inherit !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl .e-input.e-control,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control,
  .e-input-group.e-control-wrapper.e-pv-current-page-box .e-numerictextbox.e-input,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl .e-input.e-control,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl .e-input.e-control {
    text-align: $pv-text-align;
  }

  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control {
    @if ($skin-name == 'FluentUI') {
      padding-bottom: $pv-spacing-4;
    }
  }

  .e-pv-zoom-drop-down.e-ddl.e-popup.e-popup-open,
  .e-pv-prop-dropdown.e-ddl.e-popup.e-popup-open {
    text-align: $pv-zoom-drop-down-popup-text-align;
  }

  .e-pv-zoom-drop-down-rtl.e-ddl.e-popup.e-popup-open,
  .e-pv-prop-dropdown-rtl.e-ddl.e-popup.e-popup-open {
    text-align: right;
  }

  .e-pv-zoom-drop-down.e-popup.e-popup-open .e-dropdownbase .e-list-item.e-active .e-pv-prop-dropdown.e-popup.e-popup-open .e-dropdownbase .e-list-item.e-active,
  .e-pv-zoom-drop-down-rtl.e-popup.e-popup-open .e-dropdownbase .e-list-item.e-active .e-pv-prop-dropdown-rtl.e-popup.e-popup-open .e-dropdownbase .e-list-item.e-active {
    color: $pv-zoom-drop-down-active-color;
  }

  .e-pv-zoom-drop-down.e-popup.e-popup-open,
  .e-pv-zoom-drop-down-rtl.e-popup.e-popup-open {
    min-height: $pv-zoom-drop-down-popup-height;
    min-width: $pv-zoom-drop-down-popup-width;
  }

  .e-input-group.e-control-wrapper.e-pv-current-page-box:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) {
    @if $skin-name=='Material3' {
      border-bottom: $pv-current-page-border;
    }

    @else if $skin-name=='fluent2' {
      border: $pv-current-page-border;
      border-bottom: $pv-current-page-border-bottom;
    }

    @else {
      border: $pv-current-page-border;
    }
    border-radius: $pv-current-page-border-radius;
    @if $skin-name=='bootstrap5' {
      box-shadow: none;
    }
  }

  .e-input-group.e-control-wrapper.e-pv-current-page-box:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-control.e-numerictextbox.e-lib.e-input.e-tooltip:focus{
    @if $skin-name=='fluent2' {
      color: $primary;
    }
  }

  .e-input-group.e-control-wrapper.e-pv-current-page-box:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):focus {
    @if $skin-name=='fluent2' {
      border-bottom: $pv-border-2 solid var(--color-sf-border-alt);
    }
  }

  .e-pv-annotation-toolbar,
  .e-pv-mobile-annotation-toolbar,
  .e-pv-formdesigner-toolbar,
  .e-toolbar.e-pv-redaction-toolbar {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      border: solid $border-light;
      border-width: $pv-border-1;
    }
  }

  .e-toolbar.e-pv-redaction-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
    @if $skin-name == 'FluentUI' {
      min-width: $pv-width-32;
      min-height: $pv-height-32;
    }
  }
  .e-toolbar.e-pv-redaction-toolbar .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
    padding: $pv-spacing-0;
  }

  .e-pv-zoom-drop-down.e-ddl.e-valid-input.e-input-focus,
  .e-pv-zoom-drop-down-rtl.e-ddl.e-valid-input.e-input-focus {
    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' {
      box-shadow: none;
    }
  }

  .e-pv-password-popup.e-dialog .e-dlg-header,
  .e-pv-corrupted-popup.e-dialog .e-pv-corrupted-popup-header,
  .e-pv-notification-popup.e-dialog .e-dlg-header {
    font-size: $pv-corrupted-pop-header-font-size;
    font-weight: $pv-dialog-pop-header-font-weight;
    letter-spacing: $pv-corrupted-pop-header-letter-spacing;
  }

  .e-pv-password-popup.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
  .e-pv-corrupted-popup.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
  .e-pv-notification-popup.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    @if ($skin-name != 'bootstrap4') {
      padding-top: $pv-dialog-pop-close-icon-padding-top;
    }
  }

  .e-dialog.e-pv-redaction-confirmation-popup,
  .e-pv-password-popup.e-dialog {
    @if $skin-name != 'Material3' {
      height: $pv-password-dialog-height;
    }
    margin: $pv-spacing-0 $pv-spacing-10;
    max-width: $pv-password-dialog-width;
  }

  .e-pv-corrupted-popup.e-dialog {
    @if $skin-name != 'Material3' {
      height: $pv-corrupted-dialog-height;
    }
    margin: $pv-spacing-0 $pv-spacing-10;
    max-width: $pv-corrupted-dialog-width;
  }

  .e-pv-corrupted-popup.e-dialog .e-dlg-header-content,
  .e-pv-notification-popup.e-dialog .e-dlg-header-content {
    border-bottom: $pv-corrupted-dialog-header-border-bottom;
  }

  .e-pv-corrupted-popup.e-dialog .e-footer-content,
  .e-pv-notification-popup.e-dialog .e-footer-content {
    border-top: $pv-corrupted-dialog-footer-border-top;
  }

  .e-pv-notification-large-content.e-dialog .e-footer-content{
    @if $skin-name == 'fluent2' {
      padding-top: $pv-spacing-8 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-corrupted-popup.e-dialog .e-dlg-content {
    @if $skin-name != 'Material3' {
      padding-bottom: $pv-corrupted-dialog-pop-content-padding-bottom;
      padding-top: $pv-corrupted-dialog-pop-content-padding-top;
    }
  }

  .e-pv-password-popup.e-dialog span[id *= '_prompt'] {
    font-size: $pv-password-pop-content-font-size;
    letter-spacing: $pv-password-pop-content-letter-spacing;
  }

  .e-pv-password-popup.e-dialog .e-dlg-header-content {
    border-bottom: $pv-password-dialog-header-border-bottom;
  }

  .e-pv-password-popup.e-dialog .e-footer-content {
    border-top: $pv-password-dialog-footer-border-top;
  }

  .e-pv-password-popup.e-dialog .e-dlg-content {
    @if $skin-name != 'Material3' {
      padding-bottom: $pv-password-dialog-pop-content-padding-bottom;
      padding-top: $pv-password-pop-content-padding-top;
    }
  }

  .e-dialog .e-dlg-header {
    width: $pv-width-auto;
  }

  .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
    max-height: $pv-current-page-height;
    padding-bottom: $pv-current-page-padding-bottom;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      max-height: $pv-height-30;
      padding-bottom: $pv-spacing-1;
    }
  }

  .e-pv-blazor-main-container .e-pv-toolbar:not(.e-rtl) .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
    @if ($skin-name == 'material') {
      padding: $pv-spacing-0;
    }
  }

  .e-pv-toolbar:not(.e-rtl) .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
    @if ($skin-name == 'fluent2') {
      padding: $pv-spacing-0 $pv-spacing-0 $pv-spacing-4;
    }
    @else
    {
      padding-left: $pv-current-page-padding-left;
    }
  }

  .e-pv-toolbar.e-rtl .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
    padding-right: $pv-current-page-padding-left;
  }

  .e-pv-zoom-drop-down.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before,
  .e-pv-prop-dropdown.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before,
  .e-pv-zoom-drop-down-rtl.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before,
  .e-pv-prop-dropdown-rtl.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
    transform: $pv-zoom-drop-down-transform;
  }

  .e-input-group.e-control-wrapper.e-pv-current-page-box:not(.e-float-icon-left):not(.e-float-input)::after,
  .e-input-group.e-control-wrapper.e-pv-current-page-box:not(.e-float-icon-left):not(.e-float-input)::before,
  .e-input-group.e-control-wrapper.e-pv-current-page-box.e-input-focus:not(.e-float-icon-left):not(.e-float-input)::after,
  .e-input-group.e-control-wrapper.e-pv-current-page-box.e-input-focus:not(.e-float-icon-left):not(.e-float-input)::before,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl::after,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl::before,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl.e-input-focus::after,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl.e-input-focus::before,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl::after,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl::before,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus::after,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus::before,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl::after,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl::before,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus::after,
  .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus::before,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl::after,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl::before,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-input-focus::after,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-input-focus::before {
    background: $pv-material-line-background;
  }

  .e-pv-sidebar-container {
    background: $pv-sidebar-container-background;
    border-top: $pv-sidebar-container-border-top;
    bottom: $pv-sidebar-container-bottom;
    position: $pv-sidebar-container-position;
    top: $pv-sidebar-container-top;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition-duration: 200ms;
    transition-timing-function: ease;
    width: $pv-sidebar-container-width;
    z-index: $pv-sidebar-container-z-index;
  }

  .e-pv-main-container {
    height: $pv-main-container-height;
    overflow: $pv-main-container-overflow;
    position: $pv-main-container-position;
    width: $pv-main-container-width;
  }

  .e-pv-viewer-main-container {
    @if $skin-name == 'Material3' {
      background: $pv-background;
    }
    @else
    {
      background-color: $pv-background;
    }
    bottom: $pv-viewer-main-container-bottom;
    left: $pv-viewer-main-container-left;
    position: $pv-viewer-main-container-position;
    right: $pv-viewer-main-container-right;
    top: $pv-viewer-main-container-top;
  }

  .e-pdfviewer:not(.e-pv-mobile-view) .e-pv-viewer-main-container {
    min-width: $pv-viewer-main-container-min-width;
  }

  .e-pdfviewer:not(.e-pv-mobile-view) .e-pv-main-container {
    min-height: $pv-height-500;
  }

  .e-pv-sidebar-content-container {
    border-top: $pv-sidebar-content-container-border-top;
    display: $pv-sidebar-content-container-display;
    float: $pv-sidebar-content-container-float;
    height: $pv-sidebar-content-container-height;
    position: $pv-sidebar-content-container-position;
    transition-duration: 200ms;
    transition-timing-function: ease;
    width: $pv-sidebar-content-container-width;
  }

  .e-pv-sidebar-content-container.e-thumbnail {
    height: $pv-height-p100;
    left: $pv-spacing-1;
    position: unset;
  }

  .e-pv-sidebar-title-container {
    background: $pv-sidebar-title-container-background;
    border: $pv-sidebar-toolbar-border;
    border-width: $pv-sidebar-title-container-border-width;
    height: $pv-sidebar-title-container-height;
    position: $pv-sidebar-title-container-position;
    top: $pv-sidebar-title-container-top;
    width: $pv-sidebar-title-container-width;
  }

  .e-pv-sidebar-content-container:not(.e-right) .e-pv-sidebar-title-container {
    @if $skin-name == 'bootstrap4' {
      border-right: $pv-sidebar-content-scrollbar-track-border;
    }
  }

  .e-pv-sidebar-content-container.e-right .e-pv-sidebar-title-container {
    @if $skin-name == 'bootstrap4' {
      border-left: $pv-sidebar-content-scrollbar-track-border;
    }
  }

  .e-pv-sidebar-content-container:not(.e-right) .e-pv-sidebar-title-container {
    @if $skin-name == 'bootstrap4' {
      border-right: $pv-sidebar-content-scrollbar-track-border;
    }
  }

  .e-pv-sidebar-content-container.e-right .e-pv-sidebar-title-container {
    @if $skin-name == 'bootstrap4' {
      border-left: $pv-sidebar-content-scrollbar-track-border;
    }
  }

  .e-pv-sidebar-title {
    color: $pv-sidebar-title-color;
    font-size: $pv-sidebar-title-font-size;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3') {
      font-weight: $pv-font-weight-medium;
    }
    height: $pv-sidebar-title-height;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind') {
      line-height: $pv-sidebar-title-line-height;
    }
    margin: $pv-sidebar-title-margin;
    position: $pv-sidebar-title-position;
    text-align: $pv-sidebar-title-text-align;
    top: $pv-sidebar-title-top;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind') {
      vertical-align: $pv-sidebar-title-vertical-align;
    }
    @if $skin-name == 'FluentUI' {
      padding: $pv-spacing-8;
    }
    @if $skin-name == 'fluent2' {
      margin-top: $pv-spacing-10;
    }
  }

  .e-pv-sidebar-title.e-left {
    left: $pv-sidebar-title-left;
    @if $skin-name == 'bootstrap4' {
      margin-left: $pv-spacing-12;
    }
    width: $pv-sidebar-title-width;
  }

  .e-pv-sidebar-title.e-right {
    @if $skin-name == 'bootstrap4' {
      margin-right: $pv-spacing-12;
    }
    right: $pv-sidebar-title-left;
  }

  .e-pv-sidebar-toolbar {
    @if $skin-name == 'fluent2' {
      background: $pv-sidebar-title-container-background;
    }
    @else{
      background: $pv-sidebar-toolbar-background;
    }
    border: $pv-sidebar-toolbar-border;
    border-width: $pv-sidebar-toolbar-border-width;
    bottom: $pv-sidebar-toolbar-bottom;
    height: $pv-sidebar-toolbar-height;
    position: $pv-sidebar-toolbar-position;
    width: $pv-sidebar-toolbar-width;
    z-index: $pv-sidebar-toolbar-z-index;
  }

  .e-pv-sidebar-content {
    -webkit-overflow-scrolling: touch;
    @if ($skin-name == 'bootstrap5.3') {
      background: var(--color-sf-content-bg-color);
    }
    @else {
      background: $pv-sidebar-content-background;
    }
    bottom: $pv-sidebar-content-bottom;
    overflow: $pv-sidebar-content-overflow;
    overflow-x: $pv-sidebar-content-overflow-x;
    position: $pv-sidebar-content-position;
    top: $pv-sidebar-content-top;
    width: $pv-sidebar-content-width;
    z-index: $pv-sidebar-content-z-index;
  }

  .e-pv-thumbnail-anchor-node:hover {
    text-decoration: auto;
  }

  .e-pv-sidebar-content.e-thumbnail {
    top: $pv-spacing-1;
  }

  .e-pv-sidebar-resizer,
  .e-pv-modern-side-panel-resizer,
  .e-pv-comment-panel-resizer {
    background: $pv-sidebar-resizer-background;
    border: $pv-sidebar-resizer-border;
    border-width: $pv-sidebar-resizer-border-width;
    color: $pv-sidebar-resizer-color;
    cursor: $pv-sidebar-resizer-cursor;
    height: $pv-sidebar-resizer-height;
    position: $pv-sidebar-resizer-position;
    width: $pv-sidebar-resizer-width;
    z-index: $pv-sidebar-resizer-z-index;
  }

  .e-pv-sidebar-content::-webkit-scrollbar {
    width: $pv-sidebar-content-scrollbar-width;
  }

  .e-pv-sidebar-content::-webkit-scrollbar-track {
    -webkit-box-shadow: $pv-sidebar-content-scrollbar-track-box-shadow;
    background: $pv-sidebar-content-scrollbar-track-background;
    border: $pv-sidebar-content-scrollbar-track-border;
    @if $skin-name == 'Material3' {
      border-width: $pv-border-0 $pv-border-1 $pv-border-0 $pv-border-0;
    }
  }

  .e-pv-sidebar-content::-webkit-scrollbar-thumb {
    -webkit-box-shadow: $pv-sidebar-content-scrollbar-thumb-box-shadow;
    background: $pv-sidebar-content-scrollbar-thumb-background;
    background-clip: $pv-sidebar-content-scrollbar-thumb-background-clip;
    border: $pv-sidebar-content-scrollbar-thumb-border;
    border-radius: $pv-sidebar-content-scrollbar-thumb-border-radius;
    @if $skin-name == 'Material3' {
      width: $pv-width-6;
      height: $pv-height-329;
    }
  }

  .e-pv-thumbnail-view-button.e-btn,
  .e-pv-custom-button.e-btn,
  .e-pv-organize-view-button.e-btn {
    background: $pv-thumbnail-view-button-background;
    border: $pv-thumbnail-view-button-border;
    border-radius: $pv-thumbnail-border-radius;
    box-shadow: $pv-thumbnail-view-button-box-shadow;
    font-weight: $pv-thumbnail-view-button-font-weight;
    height: $pv-thumbnail-view-button-height;
    line-height: $pv-thumbnail-view-button-selection-line-height;
    outline: $pv-thumbnail-outline;
    padding: $pv-thumbnail-view-button-padding;
    width: $pv-thumbnail-view-button-width;
    @if $skin-name != 'tailwind3' {
      margin: $pv-thumbnail-view-button-margin;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      align-items: center;
      display: flex;
      justify-content: center;
    }
    @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
      align-items: center;
      display: flex;
      justify-content: center;
    }
  }

  .e-pv-thumbnail-view-button.e-btn {
    @if $skin-name=='tailwind3' {
      margin: $pv-thumbnail-view-button-margin;
    }
  }

  .e-pv-organize-view-button.e-btn {
    @if $skin-name=='tailwind3' {
      margin: $pv-bookmark-button-margin;
    }
  }

  .e-pv-organize-tile.e-pv-thumbnail-column {
    width: $pv-width-p100;
    height: $pv-height-p100;
  }

  .e-pv-organize-content-apperance{
    overflow: hidden;
  }
  .e-pv-organize-tile-view.e-pv-thumbnail-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: $pv-spacing-25;
  }

  .e-pv-organize-outer-border.e-pv-not-selected{
    border: $pv-border-1 dashed $pv-organize-page-hovered-dashed-border-color;
    position: absolute;
  }

  .e-pv-organize-outer-border.e-pv-selected{
    border: $pv-border-1 dashed $pv-organize-page-drag-not-allowed-color;
    position: absolute;
  }

  .e-pv-organize-anchor-node {
    margin: $pv-spacing-24;
    width: $pv-width-140;
    height: $pv-height-140;
    border: $pv-organize-anchor-node-tile-border;
    
    @include lg-desktop {
      width: $pv-width-140;
      height: $pv-height-140;
    }

    @include desktop {
      width: $pv-width-140;
      height: $pv-height-140;
    }

    @include tablet {
      width: $pv-width-140;
      height: $pv-height-140;
    }

    @include mobile {
      width: $pv-width-140;
      height: $pv-height-140;
      min-width: $pv-width-140;
      min-height: $pv-height-140;
    }

    @include sm-mobile {
      width: $pv-width-140;
      height: $pv-height-140;
      min-width: $pv-width-140;
      min-height: $pv-height-140;
      margin: $pv-spacing-24 $pv-spacing-20;
    }
  }

  .e-pv-organize-anchor-node:hover{
    border: $pv-organize-anchor-node-border;
  }

  .e-pv-organize-anchor-node.e-pv-organize-tile-draggedEle {
    border: $pv-organize-anchor-node-dashed-border;
    background: $pv-organize-tile-draggedEle-bg-color;
  }

  .e-pdfviewer .e-pv-organize-tile.e-pv-thumbnail-column .e-checkbox-wrapper {
    width: $pv-width-18;
    height: $pv-height-18;
    position: relative;
    top: -100%;
    padding: $pv-spacing-4;
  }
  
  .e-pv-organize-buttondiv {
    justify-content: center;
    flex-wrap: nowrap;
    position: relative;
    text-align: center;
    top: calc(-18px - 12px + ($pv-organize-anchor-node-border-width / 2));
  }

  .e-pv-blazor-organize-window .e-pv-organize-buttondiv .e-control.e-btn {
    @if ($skin-name == 'Material3') {
      border-image: $pv-secondary-border-color;
    }
  }

  .e-pv-blazor-organize-window .e-pv-organize-toolbar .e-toolbar-item.e-template.e-pv-page-zoom .e-dropdown-btn,
  .e-pv-blazor-organize-window .e-pv-organize-toolbar .e-toolbar-item.e-template.e-pv-page-zoom .e-dropdown-btn:hover,
  .e-pv-blazor-organize-window .e-pv-organize-toolbar .e-toolbar-item.e-template.e-pv-page-zoom .e-dropdown-btn:active,
  .e-pv-blazor-organize-window .e-pv-organize-toolbar .e-toolbar-item.e-template.e-pv-page-zoom .e-dropdown-btn:focus {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'highcontrast' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name=='tailwind3') {
      padding: $pv-spacing-0 $pv-spacing-8 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-organize-buttondiv .e-pv-icon {
    @if $skin-name=='fluent2' {
      font-weight: normal;
      padding-top: $pv-spacing-1;
    }

    @if ($skin-name=='tailwind3' or $skin-name == 'FluentUI') {
      font-weight: normal;
    }
  }

  .e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
    border: $pv-organize-page-select-border;
    border-radius: $pv-radius-2;
  }

  .e-pv-organize-anchor-node.e-pv-organize-node-selection-ring.e-pv-dragging-style {
    border: $pv-organize-anchor-node-dashed-border;
  }
  
  .e-pv-organize-window {
    border: $pv-organize-image-border;
    border-radius: $pv-radius-0;
  }

  .e-pdfviewer .e-pv-organize-window .e-footer-content {
    border-top: $pv-organize-image-border;
    padding: $pv-spacing-15;
  }
  
  .e-pdfviewer .e-pv-organize-window .e-dlg-header-content {
    padding: $pv-spacing-15;
  }

  .e-pv-tile-number {
    text-align: center;
    margin-top: calc(($pv-default-tile-icon-size / 2) + $pv-organize-anchor-node-border-width + 2px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: $pv-width-p100;
    display: block;
    padding: $pv-spacing-0 $pv-spacing-15;
  }

  .e-pv-delete-button.e-btn,
  .e-pv-copy-button.e-btn,
  .e-pv-rotate-left-button.e-btn,
  .e-pv-rotate-right-button.e-btn {
    width: $pv-default-tile-icon-size;
    height: $pv-default-tile-icon-size;
    justify-content: center;
    align-items: center;
    margin: $pv-spacing-0 $pv-spacing-5;
    padding: $pv-spacing-0;
  }

  .e-pv-blazor-organize-window .e-pv-organize-buttondiv.e-pv-flex .e-btn {
    display: flex;
  }

  .e-pv-insert-left-button.e-btn,
  .e-pv-insert-right-button.e-btn {
    width: $pv-default-tile-icon-size;
    height: $pv-default-tile-icon-size;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(-140px / 2);
    padding: $pv-spacing-0;
    @include lg-desktop {
      top: calc(-140px / 2);
    }
    @include desktop {
      top: calc(-140px / 2);
    }
    @include tablet {
      top: calc(-140px / 2);
    }
    @include mobile {
      top: calc(-140px / 2);
    }
    @include sm-mobile {
      top: calc(-140px / 2);
    }
  }
  
  .e-pv-insert-left-button.e-btn {
    left: calc(-1 * (#{$pv-default-tile-icon-size} / 2 + #{$pv-organize-anchor-node-border-width} / 2));
  }

  .e-pv-insert-right-button.e-btn {
    right: calc(-1 * (#{$pv-default-tile-icon-size} / 2 + #{$pv-organize-anchor-node-border-width} / 2));
  }
  
  .e-pv-toolbar-rotate-left-button,
  .e-pv-toolbar-rotate-right-button {
    height: $pv-height-32;
    width: $pv-width-32;
    padding: $pv-spacing-0;
    top: 7px;
    position: relative;
    box-shadow: none;
  }

  .e-pv-toolbar-rotate-left-button {
    left: 436px;
  }

  .e-pv-toolbar-rotate-right-button {
    left: 445px;
  }

  .e-pdfviewer .e-pv-organize-window .e-dlg-content {
    padding: $pv-spacing-0;
    overflow: hidden;
    border-radius: $pv-radius-0 !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-organize-toolbar-apperance.e-toolbar {
    border: $pv-organize-image-border;
    border-width: $pv-border-1 $pv-border-0;
    box-shadow: none;
  }

  .e-pdfviewer .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
    margin-left: $pv-spacing-10;
    text-wrap: nowrap;
  }

  @media screen and (max-width: 480px) {
    .e-pdfviewer .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
      width: $pv-width-25;
      margin-left: $pv-spacing-22;
    }
  }

  .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
  .e-pv-custom-button-selection.e-pv-custom-button.e-btn,
  .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn  {
    background: $pv-thumbnail-view-button-selection-background;
    border: $pv-thumbnail-view-button-selection-border;
    border-radius: $pv-thumbnail-border-selection-radius;
    @if $skin-name == 'bootstrap4' {
      color: $pv-thumbnail-border-selection-font-color;
    }
    line-height: $pv-thumbnail-view-button-selection-line-height;
    padding: $pv-thumbnail-view-button-selection-padding;
  }

  .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
  .e-pv-tbar-btn.e-pv-custom-button.e-btn:focus,
  .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus
  {
    background: $pv-thumbnail-view-button-selection-background;
    border: $pv-thumbnail-view-button-selection-border;
    border-radius: $pv-thumbnail-border-selection-radius;
    @if $skin-name == 'bootstrap4' {
      color: $pv-thumbnail-border-selection-font-color;
    }
    @if $skin-name == 'bootstrap5' {
      color: $white;
    }
    @if $skin-name == 'bootstrap5.3' {
      color: $pv-item-selection-color;
    }
    line-height: $pv-thumbnail-view-button-selection-line-height;
    padding: $pv-thumbnail-view-button-selection-padding;
  }

  .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus
  {
    background: $pv-thumbnail-view-button-selection-background;
    border: $pv-thumbnail-view-button-selection-border;
    border-radius: $pv-thumbnail-border-selection-radius;
    @if $skin-name == 'bootstrap4' {
      color: $pv-thumbnail-border-selection-font-color;
    }
    @if $skin-name == 'bootstrap5' {
      color: $white;
    }
    @if $skin-name == 'bootstrap5.3' {
      color: $pv-item-selection-color;
    }
    line-height: $pv-thumbnail-view-button-selection-line-height;
    padding: $pv-thumbnail-view-button-selection-padding;
  }

  .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn {
    @if $skin-name == 'bootstrap4' {
      margin: $pv-thumbnail-view-button-margin-selection;
    }
  }

  .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn  {
    @if $skin-name == 'bootstrap4' {
      line-height: $pv-thumbnail-button-selection-line-height;
      margin: $pv-bookmark-button-margin-selection;
    }
  }

  .e-pv-bookmark-button.e-btn {
    background: $pv-bookmark-button-background;
    border: $pv-bookmark-button-border;
    box-shadow: $pv-bookmark-button-box-shadow;
    font-weight: $pv-thumbnail-view-button-font-weight;
    height: $pv-bookmark-button-height;
    margin: $pv-bookmark-button-margin;
    outline: $pv-thumbnail-outline;
    padding: $pv-bookmark-button-padding;
    width: $pv-bookmark-button-width;
    @if $skin-name == 'highcontrast' {
      line-height: $pv-thumbnail-view-button-selection-line-height;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      align-items: center;
      display: flex;
      justify-content: center;
    }
    @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
      align-items: center;
      display: flex;
      justify-content: center;
    }
  }

  .e-pv-title-close-div.e-btn {
    background: $pv-title-close-background;
    border: $pv-title-close-border;
    box-shadow: $pv-title-close-box-shadow;
    @if $skin-name == 'bootstrap4' {
      color: $pv-title-close-color;
    }
    height: $pv-title-close-height;
    left: $pv-title-close-left;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind') {
      line-height: $pv-sidebar-title-line-height;
    }
    padding: $pv-title-close-padding;
    position: $pv-title-close-position;
    right: $pv-title-close-right;
    top: $pv-title-close-top;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind') {
      vertical-align: $pv-sidebar-title-vertical-align;
    }
    width: $pv-title-close-width;
  }

  .e-pv-sidebar-toolbar-splitter {
    background: $pv-sidebar-toolbar-splitter-background;
    bottom: $pv-sidebar-toolbar-splitter-bottom;
    height: $pv-sidebar-toolbar-splitter-height;
    position: $pv-sidebar-toolbar-splitter-position;
    width: $pv-sidebar-toolbar-splitter-width;
    z-index: $pv-sidebar-toolbar-splitter-z-index;
  }

  .e-pv-sidebar-content-splitter {
    background: $pv-sidebar-content-splitter-background;
    height: $pv-sidebar-content-splitter-height;
    position: $pv-sidebar-content-splitter-position;
    top: $pv-sidebar-content-splitter-top;
    width: $pv-sidebar-content-splitter-width;
    z-index: $pv-sidebar-content-splitter-z-index;
  }

  .e-pv-thumbnail-view {
    bottom: $pv-thumbnail-view-bottom;
    height: $pv-thumbnail-view-height;
    padding: $pv-thumbnail-view-padding;
    position: $pv-thumbnail-view-position;
    top: $pv-thumbnail-view-top;
  }

  .e-pv-thumbnail {
    height: $pv-thumbnail-height;
    margin: $pv-thumbnail-margin;
    width: $pv-thumbnail-width;
  }

  .e-pv-thumbnail-number {
    color: $pv-sidebar-title-color;
    font-family: $pv-thumbnail-number-font-family;
    padding-top: $pv-thumbnail-number-padding-top;
    text-align: center;
    @if $skin-name == 'Material3' {
      font-weight: $pv-font-weight-medium;
    }
  }

  .e-pv-thumbnail-selection-ring {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
      border: $pv-thumbnail-selection-ring-border;
    }
    @if $skin-name == 'fluent2' or $skin-name == 'highcontrast' or $skin-name == 'Material3' or $skin-name == 'tailwind3' {
      border: $pv-border-1 solid transparent;
    }
    border-radius: $pv-thumbnail-selection-ring-border-radius;
    box-shadow: $pv-thumbnail-selection-ring-box-shadow;
    padding: $pv-thumbnail-selection-ring-padding;
  }

  .e-pv-thumbnail-image {
    background-clip: $pv-thumbnail-image-background-clip;
    background-color: $pv-thumbnail-image-background-color;
    height: $pv-thumbnail-image-height;
    width: $pv-thumbnail-image-width;
  }

  .e-pv-thumbnail-hover {
    border: $pv-thumbnail-hover-border;
    border-radius: $pv-thumbnail-hover-border-radius;
    box-shadow: $pv-thumbnail-hover-box-shadow;
    cursor: $pv-thumbnail-hover-cursor;
    padding: $pv-thumbnail-hover-padding;
  }

  .e-pv-thumbnail-focus {
    border: $pv-thumbnail-focus-border;
    border-radius: $pv-thumbnail-focus-border-radius;
    box-shadow: $pv-thumbnail-focus-box-shadow;
    cursor: $pv-thumbnail-focus-cursor;
    padding: $pv-thumbnail-focus-padding;
  }

  .e-pv-thumbnail-selection {
    border: $pv-thumbnail-selection-border;
    border-radius: $pv-thumbnail-selection-border-radius;
    box-shadow: $pv-thumbnail-selection-box-shadow;
    cursor: $pv-thumbnail-selection-cursor;
    padding: $pv-thumbnail-selection-padding;
  }

  .e-pv-thumbnail-row {
    -ms-flex-wrap: $pv-thumbnail-row-flex-wrap; // IE10
    display: $pv-thumbnail-row-display;
    flex-wrap: $pv-thumbnail-row-flex-wrap;
  }

  .e-pv-thumbnail-row {
    display: -ms-flexbox; // IE10
  }

  .e-pv-thumbnail-column {
    -ms-flex: $pv-thumbnail-column-flex; // IE10
    flex: $pv-thumbnail-column-flex;
  }

  .e-pv-thumbnail-column img {
    display: block;
    margin-left: $pv-spacing-auto;
    margin-right: $pv-spacing-auto;
  }

  .e-pv-organize-import-image-wrapper {
    width: $pv-width-p70;
    height: $pv-height-p95;
    border: $pv-organize-image-border;
    position: relative;
    background-color: $pv-status-icon-color;
    margin-bottom: $pv-spacing-5;
  }
  
  .e-pv-organize-import-image-wrapper::after,
  .e-pv-organize-import-image-wrapper::before {
    content: '';
    width: $pv-width-97p;
    height: $pv-height-p98;
    border: $pv-organize-image-border;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: $pv-status-icon-color;
    z-index: -1;
  }

  .e-pv-organize-import-image-wrapper::before {
    top: 10px;
    left: 10px;
    height: $pv-height-p96;
    width: $pv-width-95p;
  }
  
  .e-pv-organize-import-download-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: $pv-width-32;
    height: $pv-height-32;
    background-color: $pv-selection-touch-element-background-color;
    color: $pv-status-icon-color;
    border-radius: $pv-border-radius-50p;
    display: flex;
    justify-content: center;
    align-items: center;
  }
 
  .e-pv-bookmark-view {
    height: $pv-bookmark-view-height;
    overflow: $pv-bookmark-view-overflow;
    padding-top: $pv-bookmark-view-padding-top;
    position: $pv-bookmark-view-position;
  }

  .e-blazor-pdfviewer.e-pv-mobile-view .e-pv-bookmark-view {
    overflow: hidden;
    
    .e-list-container {
      overflow: $pv-bookmark-view-overflow;
      height: calc($pv-height-p100 - $pv-height-36);
    }
  }

  div > .e-pv-bookmark-icon.e-pv-icon {
    float: $pv-bookmark-icon-float;
    font-size: $pv-bookmark-icon-font-size;
    padding-left: $pv-bookmark-icon-padding-left;
    padding-right: $pv-bookmark-icon-padding-right;
    @if $skin-name == 'Material3' {
      font-size: $pv-text-base;
      padding-left: $pv-spacing-12;
      padding-right: $pv-spacing-12;
    }
  }

  .e-pv-bookmark-title {
    padding-left: $pv-bookmark-title-padding-left;
    @if $skin-name == 'Material3' {
      font-size: $pv-text-sm;
      font-weight: $font-weight-normal;
      line-height: $pv-line-height-20;
      letter-spacing: $pv-letter-spacing-0-24;
    }
  }

  .e-pv-bookmark-Title{
    @if $skin-name == 'fluent2' {
      padding-left: $pv-bookmark-title-padding-left;
    }
  }

  .e-pv-sidebar-bookmark-title {
    color: $pv-sidebar-bookmark-title-color;
    font-family: $pv-sidebar-bookmark-title-font-family;
    font-size: $pv-sidebar-bookmark-title-font-size;
  }

  .e-pv-bookmark-view::-webkit-scrollbar {
    height: $pv-sidebar-content-scrollbar-width;
    width: $pv-sidebar-content-scrollbar-width;
  }

  .e-pv-bookmark-view::-webkit-scrollbar-track {
    -webkit-box-shadow: $pv-sidebar-content-scrollbar-track-box-shadow;
    background: $pv-sidebar-content-scrollbar-track-background;
    border: $pv-sidebar-content-scrollbar-track-border;
    @if $skin-name == 'Material3' {
      border-width: $pv-border-0 $pv-border-1 $pv-border-0 $pv-border-0;
    }
  }

  .e-pv-bookmark-view::-webkit-scrollbar-thumb {
    -webkit-box-shadow: $pv-sidebar-content-scrollbar-thumb-box-shadow;
    background: $pv-sidebar-content-scrollbar-thumb-background;
    background-clip: $pv-sidebar-content-scrollbar-thumb-background-clip;
    border: $pv-sidebar-content-scrollbar-thumb-border;
    border-radius: $pv-sidebar-content-scrollbar-thumb-border-radius;
    @if $skin-name == 'Material3' {
      width: $pv-width-6;
      height: $pv-height-329;
    }
  }

  .e-pv-bookmark-view > .e-ul {
    height: $pv-height-inherit;
    overflow: $pv-treeview-overflow;
  }
  
  .e-pv-bookmark-view .e-fullrow {
    height: $pv-treeview-fullrow-height;
  }

  .e-pv-bookmark-view .e-icon-collapsible::before,
  .e-pv-bookmark-view .e-icon-expandable::before {
    display: $pv-bookmark-view-icon-collapsible-display;
    height: $pv-bookmark-view-icon-collapsible-height;
    padding: $pv-bookmark-view-icon-collapsible-padding;
    width: $pv-bookmark-view-icon-collapsible-width;
    @if $skin-name == 'Material3' {
      margin-top: $pv-spacing-5;
    }
  }

  .e-pv-bookmark-view .e-list-item .e-ul {
    padding-left: $pv-bookmark-view-list-ul-padding-left;
  }

  .e-pv-bookmark-view .e-ul {
    padding: $pv-bookmark-view-ul-padding;
  }

  .e-pv-text::selection,
  .e-pv-text .e-pv-maintaincontent {
    background: $pv-text-selection-bg-color;
  }

  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn,
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn,
  .e-pv-redaction-toolbar .e-pv-tbar-btn.e-pv-tbar-btn,
  .e-pv-mobile-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn,
  .e-pv-mobile-annotation-toolbar .e-dropdown-btn.e-btn,
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn,
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn,
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn,
  .e-pv-shapes-toolbar .e-pv-tbar-btn,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
  .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
  .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon,
  .e-pv-form-designer-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon{
    color: $pv-icon-color;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark' or $skin-name == 'tailwind3') {
      box-shadow: none;
    }
  }

  .e-pv-rtl .e-pv-comment-panel-title-container .e-pv-blazor-annotation-tools-close-icon {
    float: right;
    padding-top: $pv-spacing-10;
  }

  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-selected .e-caret {
    @if $skin-name == 'FluentUI' {
      color: $pv-item-selection-color;
    }
  }

  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
      box-shadow: none;
      color: inherit;
    }
  }

  .e-pv-mobile-annotation-toolbar .e-tbar-btn:hover,
  .e-pv-mobile-annotation-toolbar .e-tbar-btn:focus {
    background: $pv-comment-panel-bg;
    border-color: $pv-comment-panel-bg;
  }

  .e-pv-mobile-annotation-toolbar .e-hscroll.e-scroll-device .e-scroll-nav {
    transform: skewX(-1deg) translateX(6px);
    width: $pv-width-56;
  }

  .e-pv-mobile-annotation-toolbar .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
    font-size: $pv-text-sm;
    transform: skewX(4deg);
  }

  .e-pv-mobile-annotation-toolbar .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow,
  .e-pv-sidebar-toolbar .e-pv-tbar-btn {
    color: $pv-icon-color;
  }

  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:hover,
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
  .e-pv-redaction-toolbar .e-pv-tbar-btn.e-tbar-btn:hover,
  .e-pv-shapes-toolbar .e-pv-tbar-btn:hover,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:focus,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
  .e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover {
    @if $skin-name == 'bootstrap4' {
      color: $pv-icon-color-hover;
    }
    @if $skin-name == 'bootstrap5.3' {
      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
    }
    @if $skin-name == 'bootstrap5' {
      color: $white;
    }
    @if $skin-name == 'fluent2' {
      color: var(--color-sf-toolbar-icon-color);
    }
    @if $skin-name == 'FluentUI' {
      color: $pv-item-selection-color;
    }
  }

  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
    @if $skin-name == 'bootstrap5.3' {
      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
    @if ($skin-name == 'bootstrap5.3') {
      color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
    @if ($skin-name == 'bootstrap5.3') {
      color: var(--color-sf-icon-color) !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-shapes-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover{
    @if $skin-name == 'bootstrap5.3' {
      color: var(--color-sf-secondary-text-color-pressed);
    }
    @if $theme-name == 'bootstrap5' {
      color: $pv-item-selection-color;
    }
  }

  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus {
    @if $skin-name == 'bootstrap4' {
      color: $pv-icon-color-hover;
    }
    @if ($skin-name == 'bootstrap5.3') {
      color: $pv-icon-color;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
      color: $pv-item-selection-color;
    }
  }

  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus-visible,
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus-visible,
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus-visible {
    @if ($skin-name == 'fluent2') {
      color: $pv-icon-color;
    }
  }
  
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
    @if $skin-name == 'bootstrap4' {
      color: $pv-icon-color-hover;
    }
    @if $skin-name == 'fluent2' {
      color: var(--color-sf-toolbar-icon-color);
    }
  }

  .e-pv-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
  .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
  .e-pv-redaction-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
  .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon,
  .e-pv-formdesigner-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
  .e-pv-formdesigner-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon {
    @if ($skin-name == 'fluent2') {
      color: var(--color-sf-icon-color-disabled);
    }
    @else {
      color: $pv-icon-disable-color;
    }
  }

  .e-pv-mobile-toolbar .e-toolbar-item.e-overlay .e-tbar-btn:hover .e-pv-icon{
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      color: $white;
    }
  }

  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item {
    @if $skin-name != 'Material3' {
      height: $pv-height-inherit;
    }
  }

  .e-pv-stamp.e-menu-wrapper ul .e-menu-item {
    @if $skin-name == 'fabric' {
      padding-top: $pv-spacing-7;
    }
  }

  .e-pv-properties-line-start.e-btn:not(:hover),
  .e-pv-properties-line-end.e-btn:not(:hover),
  .e-pv-properties-line-style.e-btn:not(:hover),
  .e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn:not(:hover),
  .e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn:not(:hover),
  .e-pv-properties-line-start.e-btn:not(:focus),
  .e-pv-properties-line-end.e-btn:not(:focus),
  .e-pv-properties-line-style.e-btn:not(:focus),
  .e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn:not(:focus),
  .e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn:not(:focus),
  .e-pv-properties-line-start.e-btn:not(:active),
  .e-pv-properties-line-end.e-btn:not(:active),
  .e-pv-properties-line-style.e-btn:not(:active),
  .e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn:not(:active),
  .e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn:not(:active) {
    @if $skin-name == 'bootstrap4' {
      background-color: $pv-prop-win-drop-down-bg;
      color: $pv-prop-win-drop-down-color;
    }
  }

  .e-pv-properties-line-start.e-btn:hover,
  .e-pv-properties-line-end.e-btn:hover,
  .e-pv-properties-line-style.e-btn:hover,
  .e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn:hover,
  .e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn:hover {
    @if $skin-name == 'bootstrap4' {
      background-color: $pv-prop-win-drop-down-bg-hover;
      color: $pv-prop-win-drop-down-color-hover;
    }
  }

  .e-pv-toolbar .e-pv-zoom-drop-down-container .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon:hover {
    @if $skin-name == 'bootstrap4' {
      background-color: $pv-zoom-drop-down-bgcolor;
      color: $pv-icon-color-hover;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      background-color: $secondary-bg-color-hover;
      color: $secondary-text-color-hover;
    }
  }

  .e-pv-prop-dropdown .e-pv-annotation-fontsize-container,
  .e-pv-prop-dropdown-rtl .e-pv-annotation-fontsize-container {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      padding-left: $pv-spacing-0;
      width: $pv-width-40;
    }
  }

  .e-pv-print-popup-container {
    height: $pv-print-popup-container-height;
    left: $pv-print-popup-container-left;
    overflow: $pv-print-popup-container-overflow;
    position: $pv-print-popup-container-position;
    top: $pv-print-popup-container-top;
    width: $pv-print-popup-container-width;
    z-index: $pv-print-popup-container-z-index;
  }

  .e-pdfviewer .e-pv-print-popup-container .e-spinner-pane.e-spin-center.e-spin-show {
    background-color: $pv-print-overlay-bg-color;
  }

  .e-pv-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-pv-icon {
    padding: $pv-toolbar-popup-icon-padding;
  }

  .e-pv-toolbar.e-toolbar.e-rtl .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-pv-icon {
    padding: $pv-toolbar-popup-icon-padding-rtl;
  }

  .e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select,
  .e-pdfviewer.e-pv-mobile-view .e-pv-annotation-container > .e-pv-tbar-btn.e-pv-select,
  .e-pdfviewer.e-pv-mobile-view .e-pv-formdesigner-container > .e-pv-tbar-btn.e-pv-select,
  .e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select,
  .e-pv-redaction-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select,
  .e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select,
  .e-pv-mobile-formDesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
  .e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select,
  .e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select {
    background: $pv-item-selection-background-color;
    border: $pv-item-selection-border;
    border-radius: $pv-item-selection-border-radius;
    @if $skin-name == 'fluent2' {
      color: var(--color-sf-toolbar-icon-color);
    }
    @else{
      color: $pv-item-selection-color;
    }
  }

  .e-pdfviewer.e-pv-mobile-view .e-pv-annotation-container > .e-pv-tbar-btn.e-pv-unselect:hover,
  .e-pdfviewer.e-pv-mobile-view .e-pv-formdesigner-container > .e-pv-tbar-btn.e-pv-unselect:hover,
  .e-pdfviewer.e-pv-mobile-view .e-pv-redaction-container > .e-pv-tbar-btn.e-pv-unselect:hover {
    background: initial;
    color: initial;
  }

  .e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
  .e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
  .e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
  .e-pv-mobile-formDesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
  .e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
  .e-pv-organize-toolbar-apperance.e-pv-organize-toolbar .e-tbar-btn.e-pv-select .e-icons,
  .e-pv-organize-toolbar-apperance.e-pv-organize-toolbar .e-tbar-btn.e-pv-select,
  .e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4') {
      color: $pv-item-selection-color;
    }
  }

  .e-pv-automplete-header {
    margin-top: $pv-spacing-10;
    height: $pv-height-26;
    font-weight: $pv-font-weight-medium;
    font-size: $pv-text-xs;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: $pv-width-p100;
    padding-right: $pv-spacing-16;
    text-indent: 16px;
  }
  
  .e-pv-autocomplete-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: $pv-width-p100;
  }

  .e-pv-autocomplete-word {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc($pv-width-p100 - $pv-width-25);
    display: inline-block;
  }
   
  .e-pv-autocomplete-count {
    margin-left: $pv-spacing-10;
    flex-shrink: 0;
    text-align: right;
  }

  .e-pv-search-exact-matches {
    display: inline-block;
  }
   
  .e-pv-total-exact-matches {
    margin-left: $pv-spacing-10;
    flex-shrink: 0;
    text-align: right;
  }

  .e-pv-search-count {
    margin: $pv-spacing-0 $pv-spacing-8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: $pv-width-150;
    text-align: center;
    direction: ltr;
  }

  .e-pv-search-bar {
    @if ($skin-name == 'Material3'){
      background: $pv-search-box-background-color;
    }
    @else{
      background-color: $pv-search-box-background-color;
    }
    border: $pv-search-box-border;
    border-radius: $pv-search-box-border-radius;
    box-shadow: $pv-search-box-box-shadow;
    height: $pv-search-box-height;
    padding: $pv-search-box-padding;
    position: absolute;
    width: $pv-search-box-width;
    z-index: 105;
  }

  .e-blazor-pdfviewer .e-pv-search-bar {
    z-index: 1001;
  }

  .e-pv-text-search-bar {
    @if ($skin-name == 'Material3'){
      background: $pv-search-box-background-color;
    }
    @else{
      background-color: $pv-search-box-background-color;
    }
    border: $pv-search-box-border;
    border-radius: $pv-search-box-border-radius;
    box-shadow: $pv-search-box-box-shadow;
    height: $pv-height-108;
    position: absolute;
    width: $pv-width-384;
    z-index: 105;
  }

  .e-pv-text-search-bar-elements {
    height: $pv-height-32;
    margin: $pv-spacing-20 $pv-spacing-10 $pv-spacing-16 $pv-spacing-20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .e-input-group.e-pv-text-search-input {
    border: none;
  }

  .e-pv-blazor-main-container .e-input-group.e-pv-text-search-input {
    @if ($skin-name == 'fluent2' and $skin-name != 'fluent2-highcontrast') {
      border: $pv-border-1 solid var(--color-sf-border);
    }
    @else if ($skin-name == 'Material3') {
      border-bottom: $pv-border-1 solid;
    }
    @else {
      border: $pv-border-1 solid;
    }
  }

  .e-pv-search-input {
    height: $pv-search-input-height;
    width: $pv-search-input-width;
  }

  .e-pv-text-search-input {
    height: $pv-height-31;
    width: calc($pv-width-p100 - $pv-width-160);
    position: relative;
    flex-grow: 1;
  }

  .e-pv-search-input-mobile .e-control-container.e-input,
  .e-pv-text-search-input-mobile .e-control-container.e-input {
    @if $skin-name == 'fluent2' {
      max-width: $pv-width-95p !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-search-input-mobile {
    height: $pv-search-input-height;
    max-height: $pv-height-150 !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-text-search-input-mobile {
    height: $pv-search-input-height;
    max-height: $pv-height-150 !important;/* stylelint-disable-line declaration-no-important */
    width: $pv-width-auto;
  }
  
  // .e-pv-custom-textbox {
  //   @include sm-mobile {
  //     width: $pv-width-43p !important;/* stylelint-disable-line declaration-no-important */
  //   }
  // }
  
  // .e-bigger .e-pv-custom-textbox {
  //   @include sm-mobile {
  //     width: $pv-width-37p !important;/* stylelint-disable-line declaration-no-important */
  //   }
  // }

  .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
    margin-left: $pv-spacing-3;
  }
 
  .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:last-child {
    margin-right: $pv-spacing-3;
  }

  .e-pv-match-case-container {
    margin-top: $pv-match-case-margin-top;
    @if $skin-name=='tailwind3' {
      color: $content-text-color;
    }
  }

  .e-pv-text-search-bar-elements .e-pv-text-search-input .e-input-group .e-clear-icon {
    @if $skin-name=='tailwind3' {
      min-width: $pv-width-30;
      min-height: $pv-height-30;
    }
  }
  
  .e-rtl .e-pv-textsearch-match-case-container,
  .e-rtl .e-pv-blaz-textsearch-match-case-container {
    margin-right: $pv-spacing-20;
  }

  .e-pv-textsearch-match-case-container,
  .e-pv-blaz-textsearch-match-case-container {
    margin-left: $pv-spacing-20;
    width: $pv-width-240;
    display: flex;
  }

  .e-pv-blaz-textsearch-match-case-box.e-focus,
  .e-pv-blaz-search-btn.e-pv-text-search-btn.e-focus {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      box-shadow: 0 0 0 4px rgba($primary, .25);
      border-radius: $pv-radius-4;
    }
  }

  .e-pv-search-btn.e-btn {
    background-color: transparent;
    @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      color: $pv-icon-color;
    }
    border: $pv-border-0;
    box-shadow: none;
    height: $pv-search-btn-height;
    margin-top: $pv-search-btn-margin-top;
    width: $pv-search-btn-width;
    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
      padding-bottom: $pv-spacing-0;
      padding-left: $pv-spacing-1;
      padding-right: $pv-spacing-1;
      padding-top: $pv-spacing-1;
    }
    @if $skin-name == 'fluent2' {
      padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
      color: $pv-icon-color;
      font-weight: normal !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-blaz-search-btn.e-btn {
    background-color: transparent;
    @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      color: $pv-icon-color;
    }
    border: $pv-border-0;
    height: $pv-search-btn-height;
    margin-top: $pv-search-btn-margin-top;
    width: $pv-search-btn-width;
    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
      padding-bottom: $pv-spacing-0;
      padding-left: $pv-spacing-1;
      padding-right: $pv-spacing-1;
      padding-top: $pv-spacing-1;
    }
    @if $skin-name == 'fluent2' {
      padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
      color: $pv-icon-color;
      font-weight: normal !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-blazor-main-container .e-pv-blaz-search-btn.e-btn {
    margin-top: $pv-spacing-0;
  }

  .e-pv-text-search-btn.e-btn {
    background-color: transparent;
    @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      color: $pv-icon-color;
    }
    border: $pv-border-0;
    box-shadow: none;
    height: $pv-height-24;
    width: $pv-width-24;
    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
      padding-bottom: $pv-spacing-0;
      padding-left: $pv-spacing-1;
      padding-right: $pv-spacing-1;
      padding-top: $pv-spacing-1;
    }
    @if ($skin-name == 'bootstrap4') {
      padding-bottom: $pv-spacing-0;
      padding-left: $pv-spacing-1;
      padding-right: $pv-spacing-1;
      padding-top: $pv-spacing-0;
    }
    @if $skin-name == 'fluent2' {
      padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
      color: $pv-icon-color;
      font-weight: normal !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-search-btn.e-btn:active,
  .e-pv-blaz-search-btn.e-btn:active,
  .e-pv-text-search-btn.e-btn:active {
    background-color: transparent;
    @if $skin-name == 'bootstrap4' {
      background-color: $pv-item-selection-background-color;
      color: $pv-item-selection-color;
    }
  }

  .e-pv-search-btn.e-btn:hover:not(:disabled),
  .e-pv-blaz-search-btn.e-btn:hover:not(:disabled),
  .e-pv-text-search-btn.e-btn:hover:not(:disabled),
  .e-pv-sidebar-toolbar .e-pv-tbar-btn:hover:not(:disabled) {
    @if $skin-name == 'bootstrap4' {
      background-color: $pv-item-selection-background-color;
      color: $pv-item-selection-color;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      background-color: $pv-item-selection-background-color;
      color: $pv-item-selection-color;
    }
    @if $skin-name == 'fluent2' {
      background-color: $pv-item-selection-background-color;
      color: var(--color-sf-toolbar-icon-color);
    }
    @if $skin-name == 'highcontrast' {
      background-color: $pv-annotation-dropdown-background-color-hover;
      border: $pv-border-1 solid $pv-annotation-dropdown-border-color-hover;
    }
  }

  .e-pv-sidebar-toolbar .e-pv-tbar-btn:hover:not(:disabled) {
    @if $skin-name == 'Material3' {
      background: $pv-annotation-dropdown-background-color-hover;
      border: $pv-annotation-dropdown-border-color-hover;
    }
    @if $skin-name == 'FluentUI' {
      background: $pv-annotation-dropdown-background-color-hover;
      border: $pv-annotation-dropdown-border-color-hover;
    }
    @if $skin-name == 'tailwind' {
      background: $pv-annotation-dropdown-background-color-hover;
      border: $pv-annotation-dropdown-border-color-hover;
    }
    @if $skin-name == 'highcontrast' {
      padding: $pv-spacing-7;
    }
  }

  .e-pv-search-btn.e-btn:disabled,
  .e-pv-blaz-search-btn.e-btn:disabled,
  .e-pv-text-search-btn.e-btn:disabled {
    @if $skin-name == 'bootstrap4' {
      color: $pv-thumbnail-icon-disable-color;
    }
  }

  .e-pv-search-bar:not(.e-rtl) .e-pv-prev-search {
    margin-left: $pv-search-prev-margin-left;
  }

  .e-pv-text-search-bar:not(.e-rtl) .e-pv-prev-search {
    margin-left: $pv-spacing-8;
  }

  .e-pv-search-bar:not(.e-rtl) .e-pv-next-search,
  .e-pv-text-search-bar:not(.e-rtl) .e-pv-next-search {
    margin-left: $pv-search-next-margin-left;
  }

  .e-pv-mobile-view .e-pv-search-count {
    margin: $pv-spacing-0;
    max-width: $pv-width-60;
  }
  
  .e-pv-search-bar.e-rtl .e-pv-prev-search,
  .e-pv-text-search-bar.e-rtl .e-pv-prev-search {
    margin-right: $pv-search-prev-margin-left;
  }

  .e-pv-search-bar.e-rtl .e-pv-next-search,
  .e-pv-text-search-bar.e-rtl .e-pv-next-search {
    margin-right: $pv-search-next-margin-left;
  }

  .e-pv-search-bar.e-rtl .e-pv-prev-search .e-pv-icon-search {
    @if $skin-name != 'bootstrap4' {
      padding-right: $pv-spacing-5;
    }
  }

  .e-pv-notification-popup {
    margin: $pv-spacing-0 $pv-spacing-10;
    max-width: $pv-notification-popup-width;
  }

  .e-pv-notification-popup.e-pv-notification-large-content {
    max-width: $pv-notification-popup-width-large-content;
  }

  .e-pv-notification-popup .e-pv-notification-popup-content {
    font-size: $pv-notification-content-font-size;
  }

  .e-pv-search-input.e-input-group .e-input-search-group-icon.e-input-group-icon,
  .e-pv-text-search-input.e-input-group .e-input-search-group-icon.e-input-group-icon {
    background: $pv-input-background;
  }

  .e-pv-search-input.e-input-group:not(.e-disabled) .e-input-search-group-icon.e-input-group-icon:active,
  .e-pv-text-search-input.e-input-group:not(.e-disabled) .e-input-search-group-icon.e-input-group-icon:active {
    background: $pv-input-active-background;
    color: $pv-input-active-color;
  }

  .e-pv-search-input.e-input-group:not(.e-disabled) .e-input-search-group-icon.e-input-group-icon:hover,
  .e-pv-text-search-input.e-input-group:not(.e-disabled) .e-input-search-group-icon.e-input-group-icon:hover {
    color: $pv-input-hover-color;
  }

  .e-pv-bookmark-container {
    background-color: $pv-bookmark-container-background-color;
    border: $pv-bookmark-container-border;
  }

  .e-pv-bookmark-container .e-listview:not(.e-list-template) .e-list-item {
    border-bottom: $pv-bookmark-list-border-bottom;
    height: $pv-height-48;
  }

  .e-pv-bookmark-container .e-pv-bookmark-view.e-listview .e-ul .e-list-item:last-child {
    border-bottom-width: $pv-border-0;
  }

  .e-pv-bookmark-container .e-listview .e-list-text {
    -ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .e-pv-nav-toolbar.e-toolbar .e-tbar-btn:active .e-tbar-btn-text {
    color: $pv-nav-toolbar-text-color;
  }

  .e-pv-nav-toolbar.e-toolbar .e-tbar-btn.e-tbtn-txt {
    background-color: transparent;
    border-width: $pv-border-0;
    box-shadow: none;
  }

  .e-pv-bookmark-container .e-pv-bookmark-view {
    padding-top: $pv-spacing-0;
  }

  .e-pv-bookmark-container .e-pv-bookmark-view .e-list-parent.e-ul {
    padding-left: $pv-spacing-0;
  }

  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-color-icon.e-pv-icon,
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-stroke-icon.e-pv-icon {
    @if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark') {
      line-height: $pv-line-height-28;
    }
    border-bottom: $pv-border-2 solid;
    margin-top: $pv-spacing-0;
    padding-top: $pv-spacing-5;
    @if ($skin-name=='bootstrap5') {
      padding-top: $pv-spacing-0;
    }
    @if ($skin-name=='fluent2' or $skin-name=='tailwind3') {
      padding-top: $pv-spacing-0;
    }
    @if $skin-name == 'FluentUI' {
      line-height: $pv-line-height-14;
    }
    vertical-align: initial;
  }

  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-font-color-container .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-color-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-stroke-icon.e-pv-icon {
    @if $skin-name == 'highcontrast' {
      padding-top: $pv-spacing-0;
    }
    @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
      height: $pv-height-20;
    }
  }

  .e-bigger .e-pv-default-tab .e-pv-properties-font-color-container .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon {
    @if ($skin-name =='tailwind3') {
      height: $pv-height-25;
    }
  }

  .e-pv-properties-font-color-container .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon {
    @if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark') {
      line-height: $pv-line-height-28;
    }
    border-bottom: $pv-border-2 solid;
    @if ($skin-name == 'fluent2') {
      margin-top: $pv-spacing-5;
    }
    @else {
      margin-top: $pv-spacing-0;
    }
    @if $skin-name != 'fluent2' {
      padding-top: $pv-spacing-1;
    }
    vertical-align: initial;
    @if $skin-name == 'FluentUI' {
      line-height: $pv-line-height-14;
    }
    @if $skin-name == 'tailwind3' {
      border-bottom: $pv-border-0;
    }
  }

  .e-pv-form-field-properties-dialog .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon {
    @if ($skin-name == 'fluent2') {
      margin-top: $pv-spacing-0;
    }
  }

  .e-pv-font-color-prop-mobile .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon,
  .e-pv-fill-prop-mobile .e-btn-icon.e-pv-annotation-color-icon.e-pv-icon,
  .e-pv-border-prop-group-mobile .e-btn-icon.e-pv-annotation-stroke-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-font-color-container .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon {
    border-bottom: $pv-border-2 solid;
  }

  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
    margin-top: $pv-spacing-0;
    padding-top: $pv-spacing-7;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'tailwind3' {
      padding-top: $pv-spacing-0;
    }
    @if ($skin-name == 'fluent2'){
      padding-top: $pv-spacing-5;
    }
    vertical-align: initial;
  }

  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-font-color-container .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-color-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-stroke-icon.e-pv-icon,
  .e-pv-fill-prop-mobile .e-btn-icon.e-pv-annotation-color-icon.e-pv-icon,
  .e-pv-border-prop-group-mobile .e-btn-icon.e-pv-annotation-stroke-icon.e-pv-icon,
  .e-pv-thickness-prop-group-mobile .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
  .e-pv-font-color-prop-mobile .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon {
    @if ($skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3') {
      width: $pv-width-1em;
    }
    @if ($skin-name != 'bootstrap5') {
      margin-left: $pv-spacing-0;
    }
  }

  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
    @if ($skin-name == 'FluentUI') {
      vertical-align: middle;
    }
  }

  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-font-color-container .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-color-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-stroke-icon.e-pv-icon {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      line-height: $pv-line-height-normal;
    }
  }
  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-color-icon.e-pv-icon,
  .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-stroke-icon.e-pv-icon {
    @if ($skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5') {
      line-height: $pv-line-height-16;
    }
  }

  .e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
  .e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      padding-top: $pv-spacing-0;
    }
    @if ($skin-name != 'FluentUI' and $skin-name != 'tailwind' and $skin-name != 'bootstrap4') {
      vertical-align: initial;
    }
  }

  .e-pv-annotation-thickness-popup-container-mobile,
  .e-pv-annotation-opacity-popup-container-mobile {
    @if $skin-name != 'Material3' {
      background-color: $pv-annotation-opacity-popup-background-color;
    }
  }

  .e-pv-annotation-opacity-popup-container,
  .e-pv-annotation-thickness-popup-container {
    @if $skin-name != 'Material3' {
      background-color: $pv-annotation-opacity-popup-background-color;
    }
    @if $skin-name != 'fluent2' {
      box-shadow: $pv-annotation-opacity-popup-box-shadow;
    }
    @if $skin-name == 'bootstrap5.3' {
      background-color: var(--color-sf-flyout-bg-color);
    }
    color: $pv-annotation-opacity-popup-color;
    height: $pv-height-auto;
    min-height: $pv-annotation-opacity-popup-min-height;
    padding: $pv-annotation-opacity-popup-padding;
    width: $pv-width-auto;
  }

  .e-pv-page-zoom-popup-container {
    display: flex;
    align-items: center;
    @if $skin-name != 'Material3' {
      background-color: $pv-annotation-opacity-popup-background-color;
    }
    @if $skin-name == 'bootstrap5.3' {
      background-color: var(--color-sf-flyout-bg-color);
    }
    color: $pv-annotation-opacity-popup-color;
    height: $pv-height-auto;
    padding: $pv-organize-page-zoom-popup-padding;
    width: $pv-width-auto;
    border-radius: $pv-radius-4;
  }

  .e-pv-page-zoom-popup-container .e-pv-page-zoom-decrease,
  .e-pv-page-zoom-popup-container .e-pv-page-zoom-increase {
    display: flex;
    float: left;
    width: $pv-default-tile-icon-size;
    height: $pv-default-tile-icon-size;
    justify-content: center;
    align-items: center;
    border-radius: $pv-radius-4;
    border: $pv-border-0;
    background: transparent;
  }

  .e-btn .e-btn-icon.e-pv-page-zoom-increase-icon,
  .e-btn .e-btn-icon.e-pv-page-zoom-decrease-icon {
    @if $skin-name != 'material' and $skin-name != 'material-dark' {
      margin-top: $pv-spacing-0;
    }
    font-size: $pv-icon-font-size;
    color: $pv-icon-color;
  }

  .e-pv-formfield-strokethickness-icon .e-pv-annotation-thickness-popup-container {
    @if ($skin-name != 'Material3') {
      padding: $pv-spacing-4;
    }
  }

  .e-dropdown-popup.e-pv-formfield-strokethickness-icon,
  .e-dropdown-popup.e-pv-formfield-strokecolor-icon,
  .e-dropdown-popup.e-pv-formfield-fontcolor-icon {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      border: none;
    }
  }

  .e-pv-annotation-opacity-label,
  .e-pv-annotation-opacity-indicator,
  .e-pv-annotation-thickness-label,
  .e-pv-annotation-thickness-indicator,
  .e-pv-page-zoom-label,
  .e-pv-page-zoom-indicator {
    float: left;
    font-family: inherit;
    font-size: $pv-font-size-inherit;
  }

  .e-pv-annotation-opacity-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
  .e-pv-annotation-thickness-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
  .e-pv-page-zoom-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
  .e-pv-blazor-zoom-popup .e-control-wrapper.e-slider-container.e-horizontal {
    flex-shrink: 2;
    float: left;
    height: $pv-height-auto;
    margin-left: $pv-organize-page-zoom-slider-margin-left;
    margin-right: $pv-organize-page-zoom-slider-margin-right;
  }

  .e-dropdown-popup:not(.e-rtl) .e-pv-annotation-opacity-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
  .e-dropdown-popup:not(.e-rtl) .e-pv-annotation-thickness-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
  .e-dropdown-popup:not(.e-rtl) .e-pv-page-zoom-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
  .e-dropdown-popup:not(.e-rtl) .e-pv-blazor-zoom-popup .e-control-wrapper.e-slider-container.e-horizontal {
    width: $pv-annotation-opacity-slider-width;
  }

  .e-dropdown-popup:not(.e-rtl) .e-pv-annotation-opacity-popup-container.e-blazor-pv-opacity-container,
  .e-dropdown-popup:not(.e-rtl) .e-pv-annotation-thickness-popup-container.e-blazor-pv-thickness-container {
    width: $pv-annotation-opacity-slider-width;
  }

  .e-dropdown-popup.e-rtl .e-pv-annotation-opacity-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
  .e-dropdown-popup.e-rtl .e-pv-annotation-thickness-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
  .e-dropdown-popup.e-rtl .e-pv-page-zoom-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
  .e-dropdown-popup.e-rtl .e-pv-blazor-zoom-popup .e-control-wrapper.e-slider-container.e-horizontal {
    width: $pv-annotation-opacity-slider-width-rtl;
  }

  .e-dropdown-popup.e-rtl .e-pv-annotation-opacity-popup-container.e-blazor-pv-opacity-container,
  .e-dropdown-popup.e-rtl .e-pv-annotation-thickness-popup-container.e-blazor-pv-thickness-container {
    width: $pv-annotation-opacity-slider-width-rtl;
  }

  .e-pv-annotation-opacity-slider-container.e-control-wrapper.e-slider-container .e-pv-annotation-opacity-slider.e-slider,
  .e-pv-annotation-thickness-slider-container.e-control-wrapper.e-slider-container .e-pv-annotation-opacity-slider.e-slider,
  .e-pv-page-zoom-slider-container.e-control-wrapper.e-slider-container .e-pv-page-zoom-slider.e-slider,
  .e-pv-blazor-zoom-popup .e-control-wrapper.e-slider-container .e-pv-page-zoom-slider.e-slider {
    top: 0;
    height: $pv-annotation-opacity-slider-height;
  }

  .e-pv-annotation-opacity-popup-container.e-blazor-pv-opacity-container .e-pv-annotation-opacity-slider-container .e-control-wrapper.e-slider-container,
  .e-pv-annotation-thickness-popup-container.e-blazor-pv-thickness-container .e-pv-annotation-thickness-slider-container .e-control-wrapper.e-slider-container {
    height: $pv-annotation-opacity-slider-height;
  }

  .e-pv-annotation-color-container.e-icon-btn,
  .e-pv-annotation-opacity-container.e-icon-btn,
  .e-pv-annotation-stroke-container.e-icon-btn,
  .e-pv-custom-annotation-thickness-container.e-icon-btn,
  .e-pv-custom-annotation-opacity-container.e-icon-btn,
  .e-pv-annotation-thickness-container.e-icon-btn,
  .e-pv-annotation-textcolor-container.e-icon-btn,
  .e-pv-annotation-textalign-container.e-icon-btn,
  .e-pv-annotation-textprop-container.e-icon-btn {
    height: $pv-annotation-drop-down-height;
    width: $pv-annotation-drop-down-width;
  }

  .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
    @if ($skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' and $skin-name != 'tailwind3') {
      padding-top: $pv-annotation-thickness-drop-down-padding-top;
    }
  }

  .e-pv-shapes-toolbar {
    @if $skin-name == 'Material3' {
      border-radius: $pv-radius-4;
    }
    box-shadow: $pv-drop-down-toolbar-box-shadow;
  }

  .e-pv-shapes-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
    padding: $pv-spacing-4;
  }

  .e-pv-shapes-toolbar.e-toolbar .e-toolbar-items.e-toolbar-multirow {
    margin-bottom: $pv-spacing-0;
    margin-left: $pv-spacing-4;
    margin-right: $pv-spacing-4;
    @if $skin-name == 'Material3' {
      margin-top: $pv-spacing-4;
    }
  }

  .e-pv-shapes-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
    height: $pv-height-32;
    width: $pv-width-32;
    @if $skin-name == 'FluentUI' {
      min-height: $pv-height-32;
    }
  }

  .e-pv-organize-total-page-button {
    float: left;
    font-weight: normal;
    color: $pv-toolbar-total-page-number-color;
    font-size: $pv-text-sm;
  }

  .e-rtl .e-pv-organize-total-page-button {
    float: right;
  }

  .e-pdfviewer .e-pv-organize-window .e-footer-content .e-pv-organize-total-page-button {
    background-color: transparent;
    background: transparent;
    color: $pv-toolbar-total-page-number-color;
    cursor: default;
    @if $skin-name=='fluent2' {
      border: none;
    }
  }

  .e-pv-annotation-thickness-slider-container {
    margin-top: $pv-spacing--6;
  }
   
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
    @if $skin-name == 'FluentUI' {
      min-height: $pv-height-32;
    }
  }

  .e-pv-organize-image {
    width: calc($pv-width-p100 - (2 * $pv-organize-anchor-node-border-width));
    height: calc($pv-height-p100 - (2 * $pv-organize-anchor-node-border-width));
    border: $pv-organize-image-border;
    pointer-events: none;
  }

  .e-pv-annotation-opacity-icon {
    padding-top: $pv-annotation-opacity-icon-padding-top;
  }

  .e-pv-annotation-stamp-container .e-menu-wrapper ul.e-menu:not(.e-vertical) {
    @if $skin-name == 'highcontrast' {
      padding: $pv-spacing-0;
    }
  }

  .e-pv-stamp-template-container .e-menu-container.e-pv-custom-annotation-stamp-container ul.e-menu.e-menu-parent:not(.e-vertical) {
    @if $skin-name == 'highcontrast' {
      padding: $pv-spacing-0;
    }
  }

  .e-pv-annotation-color-container.e-btn,
  .e-pv-annotation-opacity-container.e-btn,
  .e-pv-annotation-stroke-container.e-btn,
  .e-pv-annotation-thickness-container.e-btn,
  .e-pv-annotation-shapes-container.e-btn,
  .e-pv-annotation-calibrate-container.e-btn,
  .e-pv-annotation-textcolor-container.e-btn,
  .e-pv-annotation-textalign-container.e-btn,
  .e-pv-annotation-textprop-container.e-btn,
  .e-pv-annotation-handwritten-container.e-btn,
  .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:not(.e-selected) {
    @if $skin-name == 'Material3' {
      background: $pv-annotation-dropdown-background-color;
      border: $pv-annotation-dropdown-border-color;
    }
    @else {
      background-color: $pv-annotation-dropdown-background-color;
      border-color: $pv-annotation-dropdown-border-color;
    }
  }

  .e-pv-annotation-color-container.e-btn:hover,
  .e-pv-annotation-opacity-container.e-btn:hover,
  .e-pv-annotation-stroke-container.e-btn:hover,
  .e-pv-annotation-thickness-container.e-btn:hover,
  .e-pv-annotation-shapes-container.e-btn:hover,
  .e-pv-annotation-calibrate-container.e-btn:hover,
  .e-pv-annotation-textcolor-container.e-btn:hover,
  .e-pv-annotation-textalign-container.e-btn:hover,
  .e-pv-annotation-textprop-container.e-btn:hover,
  .e-pv-annotation-handwritten-container.e-btn:hover,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:hover,
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:hover,
  .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:hover {
    @if $skin-name == 'Material3' {
      background: $pv-annotation-dropdown-background-color-hover;
      border: $pv-annotation-dropdown-border-color-hover;
    }
    @else {
      background-color: $pv-annotation-dropdown-background-color-hover;
      border-color: $pv-annotation-dropdown-border-color-hover;
    }
  }

  .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
    background-color: $pv-annotation-dropdown-background-color-hover;
    border-color: $pv-annotation-dropdown-border-color-hover;
    outline: none;
    color: $pv-item-selection-color;
  }

  .e-pv-annotation-color-container.e-btn:focus,
  .e-pv-annotation-opacity-container.e-btn:focus,
  .e-pv-annotation-stroke-container.e-btn:focus,
  .e-pv-annotation-thickness-container.e-btn:focus,
  .e-pv-annotation-shapes-container.e-btn:focus,
  .e-pv-annotation-calibrate-container.e-btn:focus,
  .e-pv-annotation-textcolor-container.e-btn:focus,
  .e-pv-annotation-textalign-container.e-btn:focus,
  .e-pv-annotation-handwritten-container.e-btn:focus,
  .e-pv-annotation-textprop-container.e-btn:focus {
    @if $skin-name == 'Material3' {
      background: $pv-annotation-dropdown-background-color-hover;
      border: $pv-annotation-dropdown-border-color-hover;
      outline: none;
    }
    @else if $skin-name == 'bootstrap5.3' {
      background: none;
      color: var(--color-sf-icon-color);
      box-shadow: $pv-annotation-tool-item-focus-box-shadow;
    }
    @else {
      background-color: $pv-annotation-dropdown-background-color-hover;
      border-color: $pv-annotation-dropdown-border-color-hover;
      outline: none;
    }
  }

  .e-pv-annotation-color-container.e-btn:active,
  .e-pv-annotation-opacity-container.e-btn:active,
  .e-pv-annotation-stroke-container.e-btn:active,
  .e-pv-annotation-thickness-container.e-btn:active,
  .e-pv-annotation-shapes-container.e-btn:active,
  .e-pv-annotation-calibrate-container.e-btn:active,
  .e-pv-annotation-textcolor-container.e-btn:active,
  .e-pv-annotation-textalign-container.e-btn:active,
  .e-pv-annotation-textprop-container.e-btn:active,
  .e-pv-annotation-handwritten-container.e-btn:active {
    @if $skin-name == 'Material3' {
      background: $pv-annotation-dropdown-background-color-active;
      border: $pv-annotation-dropdown-border-color-active;
    }
    @else {
      background-color: $pv-annotation-dropdown-background-color-active;
      border-color: $pv-annotation-dropdown-border-color-active;
    }
    box-shadow: none;
    color: $pv-item-selection-color;
  }

  .e-pv-annotation-shapes-container.e-btn.e-dropdown-btn.e-active:not(:hover),
  .e-pv-annotation-calibrate-container.e-btn.e-dropdown-btn.e-active:not(:hover),
  .e-pv-annotation-handwritten-container.e-dropdown-btn.e-btn.e-active:not(:hover),
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active:not(:hover) .e-caret {
    @if $skin-name == 'Material3' {
      background: $pv-annotation-dd-background-color-active;
    }
    @else {
      background-color: $pv-annotation-dd-background-color-active;
    }
    color: $pv-icon-color;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      color: $secondary-text-color-pressed;
    }
  }

  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active:not(:hover) {
    @if $skin-name == 'fluent2' {
      background-color: $pv-annotation-dd-background-color-active;
      color: $pv-icon-color;
    }
  }

  .e-pv-annotation-color-container.e-dropdown-btn.e-btn,
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
  .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
  .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
    line-height: $pv-annotation-drop-down-btn-line-height;
    padding: $pv-annotation-drop-down-btn-padding;
    @if ($skin-name == 'bootstrap5' or $skin-name =='Material3' or $skin-name == 'bootstrap5.3') {
      align-items: center;
      display: flex;
    }
  }

  .e-pv-blazor-main-container .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
  .e-pv-blazor-main-container .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
  .e-pv-blazor-main-container .e-pv-annotation-color-container.e-dropdown-btn.e-btn,
  .e-pv-blazor-main-container .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
  .e-pv-blazor-main-container .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
  .e-pv-blazor-main-container .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
  .e-pv-blazor-main-container .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
  .e-pv-blazor-main-container .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
  .e-pv-blazor-main-container .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
  .e-pv-blazor-main-container .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
  .e-pv-blazor-main-container .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
    @if ($skin-name == 'fluent2') {
      font-weight: $pv-font-weight-medium;
    }
  }

  .e-pv-blazor-main-container .e-menu-container ul.e-menu:not(.e-vertical) {
    @if ($skin-name == 'fabric') {
      padding: $pv-spacing-0;
    }
  }

  .e-pv-annotation-color-container.e-btn.e-active,
  .e-pv-annotation-opacity-container.e-btn.e-active,
  .e-pv-annotation-stroke-container.e-btn.e-active,
  .e-pv-annotation-shapes-container.e-btn.e-active,
  .e-pv-annotation-calibrate-container.e-btn.e-active,
  .e-pv-annotation-textcolor-container.e-btn.e-active,
  .e-pv-annotation-textprop-container.e-btn.e-active,
  .e-pv-custom-annotation-thickness-container.e-btn.e-active,
  .e-pv-custom-annotation-opacity-container.e-btn.e-active,
  .e-pv-annotation-handwritten-container.e-btn.e-active,
  .e-pv-annotation-textalign-container.e-btn.e-active {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      background-color: $pv-annotation-dropdown-background-color-hover;
      border-color: $pv-annotation-dropdown-border-color-hover;
      color: $white;
    }
  }

  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-menu-icon .e-caret,
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused .e-menu-icon .e-caret {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      height: $pv-height-32;
      line-height: $pv-line-height-32;
      padding: $pv-spacing-0 $pv-spacing-8;
    }
  }

  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item{
    @if ($skin-name == 'fluent2') {
      height: $pv-height-32;
    }
  }

  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-menu-icon .e-caret,
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused .e-menu-icon .e-caret {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      height: $pv-height-32;
      line-height: $pv-line-height-32;
      padding: $pv-spacing-0 $pv-spacing-8;
    }
  }

  .e-pv-custom-annotation-stamp-container,
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
    @if ($skin-name == 'FluentUI') {
      background-color: transparent;
      height: $pv-height-32;
      line-height: $pv-line-height-32;
    }
  }

  .e-pv-toolbar.e-toolbar .e-tbar-btn .e-icons.e-btn-icon,
  .e-pv-annotation-toolbar.e-toolbar .e-tbar-btn .e-icons.e-btn-icon {
    @if ($skin-name == 'FluentUI') {
      font-size: $pv-icon-font-size;
    }
  }

  .e-pv-submit .e-tbar-btn {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      height: $pv-height-30;
    }
  }

  .e-pv-toolbar.e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn-text.e-pv-submitform-text {
    display: inline-block;
    padding: $pv-spacing-0 $pv-spacing-4;
  }

  .e-pv-toolbar.e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-pv-submit .e-tbar-btn .e-tbar-btn-text.e-pv-submitform-text {
    display: inline-block;
    @if $skin-name == 'FluentUI' {
      padding: $pv-spacing-3 $pv-spacing-4;
    }
    @else {
      padding: $pv-spacing-0 $pv-spacing-4;
    }
  }

  .e-pv-mobile-toolbar .e-toolbar-items .e-toolbar-item .e-btn.e-tbar-btn,
  .e-pv-nav-toolbar .e-toolbar-items .e-toolbar-item .e-btn.e-tbar-btn {
    height: $pv-toolbar-btn-height-mobile;
    min-width: $pv-toolbar-btn-width-mobile;
  }

  .e-pv-mobile-toolbar .e-toolbar-items .e-toolbar-item .e-btn.e-tbar-btn.e-mobile-more-option:active span::before {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      color: $pv-item-selection-color !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-annotation-popup-menu {
    background-color: $pv-sidebar-toolbar-background;
    border-color: $pv-control-border-color;
    color: $pv-toolbar-total-page-number-color;
  }

  .e-pv-properties-window {
    max-width: $pv-properties-win-max-width;
  }

  .e-pv-scale-ratio-window {
    max-width: $pv-scale-ratio-win-max-width;
  }

  .e-pv-scale-ratio-dialog {
    max-width: $pv-blazor-scale-ratio-dialog-max-width;
  }

  .e-pv-line-styles-content,
  .e-pv-line-styles-item {
    @if ($theme-name != 'fluent2-highcontrast') {
      border-bottom-color: $pv-prop-line-styles-color;
    }
  }

  .e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn,
  .e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn {
    height: $pv-prop-color-picker-height;
    line-height: $pv-prop-color-picker-line-height;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      background: $transparent;
      border: $pv-border-1 solid $border-light;
      border-radius: $pv-radius-4;
      box-sizing: border-box;
      color: $content-text-color;
    }
    @if ($skin-name == 'Material3') {
      padding: $pv-spacing-7;
    }
    @if ($skin-name == 'fluent2') {
      width: $pv-width-54;
      padding: $pv-spacing-4;
      padding-left: $pv-spacing-7;
    }
  }
  .e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn:disabled,
  .e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn:disabled{
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      color: $pv-icon-color;
    }
  }

  .e-pv-properties-window .e-dlg-content {
    padding-top: $pv-spacing-6;
  }

  .e-pv-scale-ratio-text,
  .e-pv-depth-text {
    margin-bottom: $pv-spacing-8;
  }

  .e-pv-properties-line-start-container,
  .e-pv-properties-line-end-container,
  .e-pv-properties-line-style-container,
  .e-pv-properties-line-thickness-container,
  .e-pv-properties-line-fill-color-container,
  .e-pv-properties-line-stroke-color-container,
  .e-pv-properties-line-leader-length-container {
    float: left;
    height: $pv-properties-container-height;
    margin-bottom: $pv-properties-container-margin-bottom;
  }

  .e-pv-properties-line-start-container,
  .e-pv-properties-line-end-container,
  .e-pv-properties-line-style-container,
  .e-pv-properties-line-thickness-container,
  .e-pv-properties-line-fill-color-container{
    @if $skin-name == 'fluent2' or $skin-name == 'tailwind3' {
      width: $pv-width-p45 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-properties-line-opacity-container {
    float: left;
    height: $pv-height-auto;
    width: $pv-properties-window-container-max-width;
    @if $skin-name == 'Material3'
    {
      width: $pv-width-204;
      max-width: $pv-width-204;
    }
    @if $skin-name == 'fluent2' {
      width: $pv-width-52p !important;/* stylelint-disable-line declaration-no-important */
    }
    @else if $skin-name == 'tailwind3' {
      width: $pv-width-p45 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-mobile-view .e-pv-properties-line-start-container,
  .e-pv-mobile-view .e-pv-properties-line-end-container,
  .e-pv-mobile-view .e-pv-properties-line-style-container,
  .e-pv-mobile-view .e-pv-properties-line-thickness-container,
  .e-pv-mobile-view .e-pv-properties-line-leader-length-container {
    @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
      width: $pv-width-43p !important;/* stylelint-disable-line declaration-no-important */
    }
    @else {
      width: $pv-width-p45 !important;/* stylelint-disable-line declaration-no-important */
      @include medium-mobile {
        width: $pv-width-44p !important;/* stylelint-disable-line declaration-no-important */
      }
    }
  }

  .e-pv-mobile-view .e-pv-properties-line-fill-color-container,
  .e-pv-mobile-view .e-pv-properties-line-opacity-container {
    width: $pv-width-p54 !important;/* stylelint-disable-line declaration-no-important */
    @include medium-mobile {
      width: $pv-width-p55 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-mobile-view .e-pv-properties-line-stroke-color-container,
  .e-pv-mobile-view .e-pv-properties-line-leader-length-container {
    margin-left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    margin-right: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-mobile-view .e-pv-properties-opacity-indicator {
    margin-left: $pv-spacing-54p !important;/* stylelint-disable-line declaration-no-important */
    @include medium-mobile {
      margin-left: $pv-spacing-55p !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-mobile-view .e-pv-properties-line-opacity {
    width: $pv-width-p80 !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-scale-ratio-src-input-container,
  .e-pv-scale-ratio-src-unit-container,
  .e-pv-scale-ratio-dest-input-container,
  .e-pv-scale-ratio-dest-unit-container,
  .e-pv-depth-input-container,
  .e-pv-depth-unit-container {
    float: left;
    height: $pv-scale-ratio-input-container-height;
  }

  .e-pv-scale-ratio-src-input-container,
  .e-pv-scale-ratio-src-unit-container,
  .e-pv-scale-ratio-dest-input-container,
  .e-pv-scale-ratio-dest-unit-container {
    margin-bottom: $pv-scale-ratio-input-container-margin-bottom;
  }

  .e-pv-scale-ratio-src-unit-container,
  .e-pv-scale-ratio-dest-unit-container,
  .e-pv-depth-unit-container {
    margin-left: $pv-prop-win-margin-left;
  }

  .e-pv-scale-ratio-src-unit.e-btn,
  .e-pv-scale-ratio-dest-unit.e-btn,
  .e-pv-depth-unit.e-btn {
    padding: $pv-scale-ratio-win-drop-down-padding;
    @if $skin-name == 'fluent2' {
      height: $pv-toolbar-btn-height;
    }
  }

  .e-pv-scale-unit-content {
    float: left;
    width: $pv-width-33;
    @if $skin-name=='fluent2' {
      width: $pv-width-8;
      height: $pv-height-20;
      font-weight: normal;
      line-height: $pv-line-height-20;
    }
  }

  .e-pv-scale-ratio-src-unit .e-caret,
  .e-pv-scale-ratio-dest-unit .e-caret,
  .e-pv-depth-unit .e-caret {
    margin-left: $pv-scale-ratio-win-drop-down-caret-margin-left;
    margin-top: $pv-scale-ratio-win-drop-down-caret-margin-top;
    @if $skin-name == 'tailwind3' {
      margin-bottom: $pv-scale-ratio-win-drop-down-caret-margin-top;
    }
  }

  .e-pv-properties-line-opacity {
    margin-top: $pv-spacing--10;
  }

  .e-pv-properties-line-start-label,
  .e-pv-properties-line-end-label,
  .e-pv-properties-line-style-label,
  .e-pv-properties-line-thickness-label,
  .e-pv-properties-line-fill-color-label,
  .e-pv-properties-line-stroke-color-label,
  .e-pv-properties-line-opacity-label,
  .e-pv-properties-line-leader-length-label {
    @if ($skin-name == 'FluentUI') {
      font-weight: $pv-font-weight-semibold;
    }
    @if ($skin-name == 'Material3'){
      margin-bottom: $pv-spacing-0;
    }
    @else {
      font-size: $pv-text-sm;
    }
    @if ($skin-name == 'fluent2') {
      margin-bottom: $pv-spacing-4;
    }
    @else
    {
      margin-bottom: $pv-spacing-8;
    }
  }

  .e-pv-properties-line-opacity-label{
    @if ($skin-name == 'fluent2') {
      margin-bottom: $pv-spacing-0;
    }
  }

  .e-pv-blazor-properties-container-custom-width .e-pv-properties-line-opacity-label{
    @if ($skin-name != 'Material3' and $skin-name != 'material') {
      margin-bottom: $pv-spacing-0 !important; /* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-properties-line-end-container,
  .e-pv-properties-line-thickness-container {
    @if ($skin-name == 'Material3'){
      margin-left: $pv-spacing-12;
    }
    @else if ($skin-name == 'fluent2'){
      margin-left: $pv-spacing-22;
    }
    @else {
      margin-left: $pv-spacing-24;
    }
  }

  .e-pv-properties-line-leader-length-container {
    @if ($skin-name == 'fluent2') {
      margin-top: $pv-spacing-10;
      width: $pv-width-46p !important;/* stylelint-disable-line declaration-no-important */
      margin-left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
    @else if ($skin-name == 'tailwind3') {
      margin-top: $pv-spacing-10;
      width: $pv-width-p45 !important;/* stylelint-disable-line declaration-no-important */
      margin-left: $pv-spacing-7p !important;/* stylelint-disable-line declaration-no-important */
    }
    @else {
      margin-left: $pv-line-leader-length-margin-left;
    }
  }

  .e-pv-properties-line-leader-length-container.e-pv-blazor-properties-container-custom-margin {
    @if ($skin-name == 'tailwind3') {
      margin-top: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-properties-line-stroke-color-container {
    margin-left: $pv-line-stroke-color-margin-left !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-properties-line-start,
  .e-pv-properties-line-end,
  .e-pv-properties-line-style,
  .e-pv-properties-line-thickness,
  .e-pv-properties-line-opacity,
  .e-pv-properties-line-leader-length {
    max-width: $pv-properties-window-container-max-width;
    @if $skin-name == 'fluent2' {
      width: $pv-width-p100;
    }
  }

  .e-pv-scale-ratio-src-input,
  .e-pv-scale-ratio-dest-input,
  .e-pv-depth-input {
    max-width: $pv-scale-ratio-container-max-width;
    @if $skin-name == 'fluent2' {
      max-width: $pv-width-176;
    }
  }

  .e-pv-properties-line-start,
  .e-pv-properties-line-end,
  .e-pv-properties-line-style {
    @if $skin-name != 'fluent2' {
      width: $pv-properties-window-container-width;
    }
  }

  .e-pv-properties-line-style {
    @if ($skin-name == 'Material3'){
      font-size: $pv-text-xxs;
      max-width: $pv-width-214;
      border-radius: $pv-radius-0;
    }
  }

  .e-pv-scale-ratio-src-unit,
  .e-pv-scale-ratio-dest-unit,
  .e-pv-depth-unit {
    width: $pv-scale-ratio-width;
  }

  .e-pv-line-styles-container {
    line-height: $pv-line-height-14;
    padding: $pv-spacing-8 $pv-spacing-18;
  }

  .e-pv-line-styles-item {
    box-sizing: border-box;
  }

  .e-pv-line-styles-content,
  .e-pv-line-styles-item {
    border-bottom-width: $pv-border-2;
    display: inline-block;
    width: $pv-width-p100;
  }

  .e-pv-properties-line-style-content {
    float: left;
    line-height: $pv-line-height-16;
    width: $pv-width-44;
    @if $skin-name == 'FluentUI' {
      line-height: $pv-line-height-20;
    }
    @if ($skin-name == 'Material3'){
      font-size: $pv-text-sm;
    }
    @if $skin-name == 'tailwind3' {
      word-wrap: normal;
    }
  }

  .e-pv-properties-line-start.e-btn,
  .e-pv-properties-line-end.e-btn {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
      background: transparent;
      border-color: $border;
      box-shadow: none;
      color: $content-text-color;
    }
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      height: $pv-height-30;
    }
    @if ($skin-name == 'Material3'){
      border-bottom: $pv-border-1 solid rgba($border);
      border-radius: $pv-radius-0;
      width: $pv-width-214;
      height: $pv-height-32;
    }

    @else {
      height: $pv-height-32;
    }
    padding: $pv-properties-padding;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3') {
      text-align: center;
    }
  }

  .e-pv-properties-line-style.e-btn {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
      background: transparent;
      border-color: $border;
      box-shadow: none;
      color: $content-text-color;
    }
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      height: $pv-height-30;
    }
    @if ($skin-name =='Material3'){
      border-bottom: $pv-border-1 solid rgba($border);
      border-radius: $pv-radius-0;
    }
    @else {
      height: $pv-height-32;
    }
    line-height: $pv-line-height-0;
    padding: $pv-properties-line-style-padding;
    white-space: pre;
  }

  .e-pv-properties-line-start.e-btn .e-caret,
  .e-pv-properties-line-end.e-btn .e-caret {
    @if $skin-name == 'bootstrap4' {
      display: block;
    }
    @else if $skin-name == 'fluent2' {
      display: block;
    }
    @else {
      display: inline;
    }
    @if ($skin-name == 'fluent2' or $skin-name == 'FluentUI') {
      line-height: $pv-line-height-24;
    }
    @else {
      line-height: $pv-line-height-16;
    }
    margin-left: $pv-properties-drop-down-margin-left;
  }

  .e-pv-line-styles-content-container {
    float: left;
    font-size: $pv-font-size-0;
    @if ($skin-name == 'FluentUI') {
      margin-right: $pv-spacing-0;
    }
    @else {
      margin-right: $pv-spacing-8;
    }
    margin-top: $pv-prop-line-styles-margin-top;
    @if $skin-name == 'FluentUI' {
      width: $pv-width-120;
    }
    @if ($skin-name == 'Material3'){
      width: $pv-width-155;
      padding-top: $pv-spacing-6;
    }
    @else if ($skin-name == 'fluent2'){
      width: $pv-width-78p;
    }
    @else {
      width: $pv-width-138;
    }
    @if ($skin-name == 'highcontrast') {
      margin-top: $pv-spacing-5;
    }
  }

  .e-pv-formfield-textcolor-icon .e-icon-right.e-caret {
    @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
      line-height: $pv-line-height-20 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-properties-line-style-container .e-btn .e-btn-icon.e-icon-right {
    @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
      line-height: $pv-line-height-20 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
  .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
  .e-pv-annotation-handwritten-container.e-btn.e-icon-btn,
  .e-menu-wrapper.e-custom-scroll.e-lib.e-keyboard.e-pv-stamp ul {
    @if $skin-name != 'Material3' {
      height: $pv-annot-toolbar-dropdown-btn-height;
      width: $pv-annot-toolbar-dropdown-btn-width;
    }
    @else {
      width: $pv-width-max;
    }
  }

  .e-pv-annotation-shapes-container.e-btn.e-icon-button,
  .e-pv-annotation-calibrate-container.e-btn.e-icon-button,
  .e-pv-annotation-handwritten-container.e-btn.e-icon-button {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      align-items: baseline;
      display: flex;
      height: $pv-annot-toolbar-dropdown-btn-height;
      line-height: $pv-annot-toolbar-dropdown-btn-height;
      padding: $pv-spacing-3 $pv-spacing-8;
      width: $pv-annot-toolbar-dropdown-btn-width;
    }
  }

  .e-pv-properties-form-field-window .e-btn-icon.e-icon-dlg-close {
    @if $skin-name == 'tailwind3' {
      margin-top: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
  .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
  .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      align-items: baseline;
      display: flex;
      padding: $pv-annotation-icon-padding;
    }
    @else {
      padding: $pv-annotation-icon-padding;
    }
  }

  .e-pv-annotation-handwritten-container.e-dropdown-btn.e-btn {
    @if ($skin-name =='Material3') {
      padding: $pv-annotation-drop-down-btn-padding;
      align-items: center;
      display: flex;
      line-height: $pv-annotation-drop-down-btn-line-height;
    }
  }
  
  .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,
  .e-pv-annotation-calibrate-container .e-btn-icon.e-icons.e-icon-right.e-caret,
  .e-pv-annotation-handwritten-container .e-btn-icon.e-icons.e-icon-right.e-caret,
  .e-pv-alignment-container .e-btn-icon.e-icons.e-icon-right.e-caret,
  .e-pv-text-color-container .e-btn-icon.e-icons.e-icon-right.e-caret,
  .e-pv-color-template-container .e-btn-icon.e-icons.e-icon-right.e-caret,
  .e-pv-stroke-template-container .e-btn-icon.e-icons.e-icon-right.e-caret,
  .e-pv-thickness-template-container .e-btn-icon.e-icons.e-icon-right.e-caret,
  .e-pv-opacity-template-container .e-btn-icon.e-icons.e-icon-right.e-caret {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      padding-bottom: $pv-spacing-0;
      width: $pv-width-20;
    }
  }

  .e-pv-blazor-main-container .e-dropdown-btn .e-btn-icon {
    @if ($skin-name == 'FluentUI') {
      font-size: $pv-font-size-inherit;
    }
  }

  .e-pv-properties-line-start-container .e-btn:focus {
    @if $skin-name == 'highcontrast' {
      outline: none;
    }
  }

  .e-pv-annotation-shape-icon,
  .e-pv-annotation-calibrate-icon,
  .e-pv-handwritten-icon {
    @if $skin-name != 'fluent2' {
      margin-right: $pv-spacing-4;
    }
  }

  .e-pv-stamp-template-container .e-menu-item.e-menu-caret-icon {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      padding: $pv-spacing-0 $pv-spacing-28 $pv-spacing-0 $pv-spacing-8;
    }
    @if $skin-name == 'fluent2'{
      padding: $pv-spacing-0 $pv-spacing-24 $pv-spacing-0 $pv-spacing-6 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-stamp-template-container .e-rtl .e-menu-item.e-menu-caret-icon {
    @if $skin-name == 'fluent2'{
      padding: $pv-spacing-0 $pv-spacing-12 $pv-spacing-0 $pv-spacing-24 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-properties-opacity-indicator {
    width: $pv-width-p100;
    text-align: right;
    padding-right: $pv-spacing-16;
  }

  .e-pv-blazor-properties-container-custom-width .e-pv-properties-opacity-indicator {
    @if $skin-name == 'fluent2'{
      padding-right: $pv-spacing-36 !important;/* stylelint-disable-line declaration-no-important */
    }
    @if $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5' or $skin-name == 'material3' or $skin-name == 'material' or $skin-name == 'tailwind' {
      padding-right: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
    @if $skin-name == 'FluentUI'{
      padding-right: $pv-spacing-10 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-properties-line-opacity-container .e-control-wrapper.e-slider-container.e-horizontal {
    @if $skin-name =='fluent2' {
      width: $pv-width-85p;
    }
  }

  .e-pv-annotation-stamp-container .e-menu-parent.e-menu {
    border-radius: $pv-stamp-container-border-radius;
  }

  .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
  .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
  .e-pv-annotation-handwritten-container.e-btn.e-icon-btn,
  .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item,
  .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item .e-pv-stamp-icon,
  .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item .e-caret {
    @if ($skin-name != 'Material3' and $skin-name != 'fluent2') {
      line-height: $pv-annot-toolbar-dropdown-btn-line-height;
    }
  }

  .e-pv-formdesigner-toolbar .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
    @if ($skin-name == 'tailwind') {
      line-height: $pv-line-height-28;
    }
  }
  .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item.e-selected {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3' {
      background: $secondary-bg-color-pressed;
    }
  }

  .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item.e-selected .e-pv-stamp-icon,
  .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item.e-selected .e-caret {
    @if $skin-name == 'bootstrap5.3' {
      color: var(--color-sf-secondary-text-color-pressed);
    }
    @if $theme-name == 'bootstrap5' {
      color: $pv-item-selection-color;
    }
  }

  .e-toolbar-item.e-pv-current-page-container {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      padding-top: $pv-spacing-2;
    }
    @if $skin-name == 'fluent2' {
      margin-left: $pv-spacing-8 !important;/* stylelint-disable-line declaration-no-important */
      width: $pv-width-43;
    }
  }
  
  .e-pv-mobile-view .e-pv-password-popup.e-dialog {
    @if ($skin-name != 'Material3') {
      height: $pv-password-dialog-height-mobile;
    }
  }
  
  .e-pv-mobile-view .e-pv-password-popup.e-dialog {
    @if ($skin-name == 'FluentUI') {
      height: $pv-height-270;
    }
  }

  .e-pv-mobile-view .e-pv-notification-popup.e-dialog {
    @if $skin-name != 'Material3' {
      height: $pv-notification-dialog-height-mobile;
    }
  }

  .e-pv-mobile-view .e-pv-notification-popup.e-pv-notification-large-content.e-dialog {
    @if $skin-name != 'Material3' {
      height: $pv-notification-dialog-height-large-mobile;
    }
  }

  .e-pv-mobile-view .e-pv-notification-popup.e-pv-notification-large-content.e-dialog {
    @if ($skin-name == 'FluentUI') {
      height: $pv-height-280;
    }
  }

  .e-pv-redaction-properties-dialog .e-dlg-header-content,
  .e-pv-form-field-properties-dialog .e-dlg-header-content {
    padding-bottom: $pv-spacing-10 !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-redaction-properties-dialog .e-dlg-content,
  .e-pv-form-field-properties-dialog .e-dlg-content {
    @if ($skin-name == 'fluent2' or $skin-name == 'Material3' or $skin-name == 'FluentUI') {
      padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
    @if $skin-name == 'tailwind3' {
      padding-top: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-redaction-properties-dialog .e-dlg-content .e-tab-header,
  .e-pv-redaction-properties-dialog .e-dlg-content .e-content,
  .e-pv-form-field-properties-dialog .e-dlg-content .e-tab-header,
  .e-pv-form-field-properties-dialog .e-dlg-content .e-content {
    @if ($skin-name == 'fluent2' or $skin-name == 'Material3' or $skin-name == 'FluentUI') {
      padding: $pv-spacing-0 $pv-spacing-24 !important;/* stylelint-disable-line declaration-no-important */
    }
  }
  
  .e-pv-redaction-font-family input.e-control.e-dropdownlist.e-lib.e-input,
  .e-pv-redaction-font-size input.e-control.e-combobox.e-lib.e-input,
  .e-pv-redaction-overlat-input input.e-control.e-textbox.e-lib.e-input {
    @if $skin-name == 'Material3' {
      padding-left: $pv-spacing-8;
    }
  }
  .e-pv-mobile-view .e-pv-redaction-content-container{
    .e-pv-font-family-prop-mobile input.e-control.e-dropdownlist.e-lib.e-input,
    .e-pv-font-size-prop-mobile input.e-control.e-combobox.e-lib.e-input,
    .e-pv-overlay-text-prop-mobile input.e-control.e-textbox.e-lib.e-input {
      @if $skin-name =='Material3' {
        padding-left: $pv-spacing-8;
      }
    }
  }
  .e-pv-mobile-view .e-pv-redaction-panel-title-container .e-pv-comment-panel-title {
    @if $skin-name == 'Material3' {
      top: $pv-spacing-4;
      background: none;
    }
  }

  .e-pv-mobile-view .e-pv-corrupted-popup.e-dialog {
    @if $skin-name != 'Material3' {
      height: $pv-corrupted-dialog-height-mobile;
    }
  }

  .e-pv-mobile-view .e-pv-password-popup.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
  .e-pv-mobile-view .e-pv-corrupted-popup.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    padding-top: $pv-dialog-pop-close-icon-padding-top-mobile;
  }

  .e-pv-organize-window .e-dlg-header-content .e-btn.e-dlg-closeicon-btn{
    @if $skin-name == 'fluent2' {
      color: var(--color-sf-secondary-text-color);
    }
  }

  .e-pv-zoom-drop-down-container .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
  .e-pv-zoom-drop-down-container .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    @if $skin-name == 'bootstrap4' {
      color: $pv-title-close-color;
    }
  }

  .e-pv-zoom-drop-down.e-popup .e-list-item {
    @if ($skin-name == 'tailwind3') {
      line-height: $pv-line-height-32;
    }
  }

  .e-pv-fontfamily-container .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
  .e-pv-fontfamily-container .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    @if $skin-name == 'bootstrap4' {
      color: $pv-title-close-color;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      color: $white;
    }
  }

  .e-pv-fontfamily-container .e-input-group .e-input-group-icon,
  .e-input-group.e-control-wrapper .e-input-group-icon {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      color: inherit;
    }
  }

  .e-pv-fontsize-container .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
  .e-pv-fontsize-container .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    @if $skin-name == 'bootstrap4' {
      color: $pv-title-close-color;
    }
  }

  .e-pv-sidebar-content-container.e-left {
    left: $pv-sidebar-content-container-left;
  }

  .e-pv-sidebar-content-container.e-right {
    right: $pv-sidebar-content-container-left;
  }

  .e-pv-sidebar-toolbar-splitter.e-left {
    left: $pv-sidebar-toolbar-splitter-left;
  }

  .e-pv-sidebar-toolbar-splitter.e-right {
    right: $pv-sidebar-toolbar-splitter-left;
  }

  .e-pv-sidebar-resizer.e-left {
    @if $skin-name == 'bootstrap4' {
      border-right: $pv-border-1 solid $pv-sidebar-resizer-border-color;
    }
    left: $pv-sidebar-resizer-left;
  }

  .e-pv-sidebar-resizer.e-right {
    @if $skin-name == 'bootstrap4' {
      border-left: $pv-border-1 solid $pv-sidebar-resizer-border-color;
    }
    right: $pv-sidebar-resizer-left;
  }

  .e-pdfviewer .e-checkbox-wrapper.e-pv-organize-select-all .e-frame + .e-label {
    font-size: $pv-text-sm;
  }

  .e-pv-organize-window.e-popup.e-popup-open {
    height: $pv-height-p100 !important;/* stylelint-disable-line declaration-no-important */
    max-height: $pv-height-p100;
  }

  .e-pv-blazor-organize-window .e-footer-content .e-btn {
    border-radius: $pv-radius-4;
  }

  .e-pv-insert-left-button.e-btn .e-btn-icon,
  .e-pv-insert-right-button.e-btn .e-btn-icon {
    margin-top: $pv-spacing-0;
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'material' or $skin-name == 'material-dark') {
      font-size: $pv-text-base;
    }
  }

  .e-pv-blazor-organize-window .e-pv-organize-buttondiv .e-pv-icon {
    margin-top: $pv-spacing-0;
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'material' or $skin-name == 'material-dark') {
      font-size: $pv-text-base;
    }
  }

  .e-pv-blazor-organize-window .e-toolbar .e-toolbar-item.e-separator {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      margin: $pv-spacing-4;
    }
  }

  .e-pv-organize-toolbar .e-pv-page-zoom-icon {
    @if $skin-name != 'material' and $skin-name != 'material-dark' and $skin-name != 'bootstrap4' {
      margin-right: $pv-radius-8 !important;/* stylelint-disable-line declaration-no-important */
    }
  }
  
  .e-pv-blazor-organize-window {
    .e-pv-organize-content-apperance {
      width: $pv-height-p100;
      height: $pv-height-p100;

      .e-pv-import-input-element {
        position: fixed;
        left: -100em;
      }

      .e-pv-more-selected .e-pv-delete-button,
      .e-pv-more-selected .e-pv-copy-button,
      .e-pv-more-selected .e-pv-rotate-right-button,
      .e-pv-more-selected .e-pv-rotate-left-button {
        display: none !important;/* stylelint-disable-line declaration-no-important */
      }
    }

    .e-pv-organize-toolbar {
      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
        height: $pv-height-38 !important;/* stylelint-disable-line declaration-no-important */
      }
      @if $skin-name == 'material' or $skin-name == 'material-dark' or $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
        height: $pv-height-40 !important;/* stylelint-disable-line declaration-no-important */
      }
      @if $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
        height: $pv-height-42 !important;/* stylelint-disable-line declaration-no-important */
      }
      @if $skin-name == 'tailwind3' or $skin-name == 'Material3' {
        height: $pv-height-48 !important;/* stylelint-disable-line declaration-no-important */
      }

      .e-toolbar-item .e-tbar-btn {
        @if $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' or $skin-name == 'bootstrap4' or $skin-name == 'Material3' {
          min-height: $pv-height-32 !important;/* stylelint-disable-line declaration-no-important */
        }
        @if $skin-name == 'fluent2' {
          min-height: $pv-height-34 !important;/* stylelint-disable-line declaration-no-important */
        }
        @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
          min-height: $pv-height-30 !important;/* stylelint-disable-line declaration-no-important */
        }
        @if $skin-name == 'highcontrast' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
          min-height: $pv-height-40 !important;/* stylelint-disable-line declaration-no-important */
        }
        @if $skin-name == 'material' or $skin-name == 'material-dark' {
          height: $pv-height-24 !important;/* stylelint-disable-line declaration-no-important */
        }
      }
    }

    .e-pv-blazor-organize-window.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
      @if $skin-name == 'FluentUI' {
        left: $pv-spacing-0;
      }
    }

    .e-pv-blazor-organize-window.e-dialog .e-dlg-header {
      @if $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
        font-weight: $pv-font-weight-medium;
      }
    }

    .e-pv-blazor-organize-window .e-footer-content .e-btn.e-pv-organize-total-page-button {
      @if $skin-name == 'FluentUI' {
        border-color: transparent;
      }
    }

    .e-pv-organize-tile-view-wrapper {
      width: $pv-height-p100;
      height: calc($pv-height-p100 - $pv-height-48);
      position: relative;
    }
    
    .e-pv-organize-tile-view.e-pv-thumbnail-row {
      height: $pv-height-p100;

      .e-pv-organize-import-image-wrapper::after,
      .e-pv-organize-import-image-wrapper::before {
        z-index: 0;
      }

      .e-pv-organize-import-download-icon {
        z-index: 1;
      }
    }
  }

  .e-pdfviewer .e-checkbox-wrapper .e-frame + .e-label,
  .e-pdfviewer .e-css.e-checkbox-wrapper .e-frame + .e-label {
    margin-right: $pv-textsearch-textbox-margin-right;
  }

  .e-toolbar-right .e-pv-import-pages .e-tbar-btn{
    font-size: $pv-text-sm;
  }

  .e-pv-blazor-organize-window .e-pv-import-pages {
    margin-right: $pv-spacing-8 !important;/* stylelint-disable-line declaration-no-important */
  }

  div > .e-pv-bookmark-icon.e-pv-icon.e-right {
    float: $pv-bookmark-icon-float;
    font-size: $pv-bookmark-icon-font-size;
    padding-left: $pv-bookmark-icon-rtl-padding;
    padding-right: $pv-bookmark-icon-rtl-padding;
    position: $pv-bookmark-icon-rtl-position;
    @if $skin-name == 'Material3' {
      font-size: $pv-text-base;
      padding-left: $pv-spacing-12;
      padding-right: $pv-spacing-12;
    }
  }

  .e-pdfviewer .e-treeview .e-list-item {
    word-break: break-word;
    @if $skin-name == 'fluent2' {
      white-space: normal !important;/* stylelint-disable-line declaration-no-important */
    }
    @else{
      white-space: pre-wrap;
    }
  }

  .e-pdfviewer .e-treeview .e-list-text {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      line-height: $pv-line-height-20;
    }
    width: $pv-width-p100;
  }

  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-icon-collapsible,
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-icon-expandable,
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-input,
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-list-url {
    margin-top: $pv-bookmark-expandable-icon-margin-top;
    position: absolute;
  }

  .e-pdfviewer .e-treeview .e-list-item.e-hover:not(.e-active) > .e-fullrow {
    @if $skin-name == 'bootstrap4' {
      background-color: $pv-treeview-item-hover-bg-color;
      border-color: $pv-treeview-item-hover-bg-color;
    }
  }

  .e-pdfviewer .e-editable-inline {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      padding: $pv-spacing-7 $pv-spacing-8 $pv-spacing-48;
    }
    @else {
      padding: $pv-spacing-7 $pv-spacing-8 $pv-spacing-42;
    }
  }

  .e-pv-comment-textbox {
    min-height: $pv-height-22;
  }

  .e-pdfviewer .e-editable-value-wrapper {
    color: $pv-comment-font-color;
    line-height: $pv-line-height-normal;
    min-height: $pv-height-22;
    padding: $pv-spacing-2 $pv-spacing-8 $pv-spacing-3;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      color: $content-text-color-alt2;
    }
    font-size: $pv-text-sm;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      font-size: $pv-text-xs;
    }
    @if $skin-name == 'Material3' {
      font-size: $pv-text-xs;
      line-height: $pv-line-height-20;
    }
  }

  .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
    color: $pv-comment-font-color;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      color: $content-text-color-alt2;
    }
    font-size: $pv-text-sm;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      font-size: $pv-text-xs;
    }
    @if $skin-name == 'Material3' {
      font-size: $pv-text-xs;
    }
    line-height: $pv-line-height-normal;
    min-height: $pv-height-24;
    padding: $pv-spacing-2 $pv-spacing-8 $pv-spacing-3 $pv-spacing-32;
  }

  .e-pv-comment-textbox.e-inplaceeditor .e-component-group,
  .e-pv-new-comments-div.e-inplaceeditor .e-component-group {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      margin-bottom: $pv-spacing-0;
    }
  }

  .e-pv-reply-div.e-pv-comments-leave.e-focused,
  .e-pv-comments-div.e-focused {
    border: $pv-comments-div-focus-border;
    background: $pv-comments-div-focus-background;
  }

  .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons,
  .e-pdfviewer .e-pv-reply-div .e-inplaceeditor .e-editable-action-buttons {
    float: right;
    @if $skin-name != 'fluent2' {
      padding-bottom: $pv-spacing-7;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      margin-top: $pv-spacing-0;
      padding-top: $pv-spacing-10;
    }
    @else if $skin-name != 'fluent2' {
      padding-top: $pv-spacing-5;
    }
    position: relative;
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      right: 0;
    }
    @else {
      right: 8px;
    }
  }

  .e-pv-comment-title-container,
  .e-pv-reply-title-container {
    height: $pv-height-36;
  }

  .e-pv-more-options-button.e-btn {
    @if ($skin-name == 'bootstrap5.3') {
      color: $pv-icon-color;
    }
    background: $pv-thumbnail-view-button-background;
    border: $pv-thumbnail-view-button-border;
    border-radius: $pv-thumbnail-border-radius;
    box-shadow: $pv-thumbnail-view-button-box-shadow;
    float: right;
    padding: $pv-more-option-button-padding;
  }

  .e-pv-rtl .e-pv-more-options-button.e-btn {
    float: left;
    padding-left: $pv-spacing-7;
  }

  .e-pdfviewer .e-editable-inline .e-btn.e-outline.e-primary,
  .e-pdfviewer .e-editable-inline .e-btn.e-outline {
    @if ($skin-name != 'bootstrap5' and $skin-name != 'Material3' and $skin-name != 'bootstrap5.3' and $skin-name != 'fluent2') {
      border-color: transparent;
    }
  }

  .e-pdfviewer .e-editable-inline .e-btn.e-outline.e-primary {
    @if ($skin-name == 'fluent2') {
      border: $pv-border-1 solid $primary-border-color;
      background-color: $primary-bg-color;
      color: $primary-text;
    }
  }

  .e-pdfviewer .e-editable-inline .e-btn.e-outline {
    @if ($skin-name == 'fluent2') {
      border: $pv-border-1 solid $secondary-border-color;
      background-color: $secondary-bg-color;
      color: $secondary-text-color;
    }
  }

  .e-pdfviewer .e-editable-inline .e-editable-form {
    margin-bottom: $pv-spacing-1;
  }

  .e-pdfviewer .e-editable-inline .e-clear-icon {
    @if $skin-name == 'tailwind3' {
      padding-right: $pv-spacing-8;
    }
    @else {
      padding-right: $pv-spacing-2;
    }
  }

  .e-pdfviewer .e-btn-cancel {
    font-size: $pv-text-sm;
    padding-left: $pv-spacing-5;
    padding-right: $pv-spacing-5;
    @if $skin-name == 'Material3' {
      font-size: $pv-text-xs;
    }
  }

  .e-pdfviewer .e-btn-save {
    font-size: $pv-text-sm;
    margin-right: $pv-spacing-12;
    padding-left: $pv-spacing-7;
    padding-right: $pv-spacing-7;
    @if $skin-name == 'Material3' {
      font-size: $pv-text-xs;
      padding-left: $pv-spacing-12;
      padding-right: $pv-spacing-12;
    }
  }

  .e-pdfviewer .e-btn-save.e-outline.e-primary:disabled {
    @if ($skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' and $skin-name != 'Material3' and $skin-name != 'tailwind3') {
      background-color: $pv-save-button-bg-color;
      border-radius: $pv-radius-2;
      color: $pv-save-button-color;
    }
    @if $skin-name == 'fluent2' {
      border-radius: $pv-radius-4;
    }
  }

  .e-pdfviewer .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    @if $skin-name == 'tailwind3' {
      box-shadow: $pv-accordian-item-panel-content-box-shadow;
    }
    @else{
      box-shadow: 0 0 0 8px $pv-comment-panel-bg inset;
    }
    padding: $pv-spacing-8;
  }

  .e-pdfviewer .e-accordion .e-acrdn-item .e-acrdn-header {
    line-height: $pv-line-height-32;
    min-height: $pv-height-32;
    @if $skin-name == 'Material3' {
      box-shadow: none;
      border: $pv-border-1 solid rgba($border-light);
      border-width: $pv-border-1 $pv-border-0;
    }
    @if $skin-name == 'bootstrap5.3' {
      box-shadow: none;
      margin: $pv-spacing-4;
      background: transparent !important;/* stylelint-disable-line declaration-no-important */
      border-color: transparent !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pdfviewer .e-accordion .e-acrdn-item .e-acrdn-header:has(.e-expand-icon) {
    @if $skin-name == 'bootstrap5.3' {
      background-color: var(--color-sf-primary-lighter) !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-contextmenu-wrapper .e-pv-context-menu .e-menu-item {
    height: $pv-height-38;
  }

  .e-pv-comment-panel,
  .e-pv-form-designer-property-panel,
  .e-pv-blazor-redaction-property-panel-mobile,
  .e-pv-redaction-property-panel-mobile,
  .e-pv-redaction-page-mark-panel {
    @if $skin-name == 'Material3' {
      background: $content-bg-color-alt2;
    }
    background-color: $pv-comment-panel-bg;
    border: $pv-sidebar-toolbar-border;
    border-width: $pv-border-1 $pv-border-1 $pv-border-0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 57px;
    width: $pv-width-300;
    z-index: $pv-sidebar-toolbar-z-index;
  }
  
  .e-pv-comment-panel-title-container,
  .e-pv-form-designer-panel-title-container,
  .e-pv-redaction-panel-title-container,
  .e-pv-redaction-panel-title-container {
    @if $skin-name == 'Material3' {
      background: $content-bg-color-alt2;
      border-style: solid;
      border-width: $pv-border-0 $pv-border-0 $pv-border-1 $pv-border-1;
    }
    @else {
      background-color: $pv-comment-panel-bg;
      border-style: double;
      border-width: $pv-border-0 $pv-border-1 $pv-border-1 $pv-border-0;
    }
    height: $pv-height-45;
    position: relative;
    border-color: $pv-comment-panel-border-color;
  }
  .e-pv-blazor-redaction-toolbar {
    border-width: $pv-border-0;
  }
  
  .e-pv-comment-panel-title,
  .e-pv-form-designer-title {
    color: $pv-comment-font-color;
    font-size: $pv-text-sm;
    @if $skin-name == 'Material3' {
      background: $content-bg-color-alt2;
      border: $border-light;
      border-width: $pv-border-0 $pv-border-0 $pv-border-1 $pv-border-1;
      font-size: $pv-text-base;
      font-weight: $pv-comment-tile-font-weight;
      line-height: $pv-line-height-24;
      padding: $pv-spacing-8 $pv-spacing-0 $pv-spacing-8 $pv-spacing-12;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      font-size: $pv-text-base;
      font-weight: $pv-font-weight-medium;
    }
    @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
      font-weight: $pv-comment-tile-font-weight;
    }
    @if $skin-name != 'Material3' {
      left: 15px;
      top: 14px;
    }
    position: absolute;
    text-align: left;
  }

  .e-pv-rtl .e-pv-comment-panel-title {
    @if $skin-name != 'Material3' {
      right: 15px;
      justify-content: flex-end;
      left: 0;
    }
  }

  .e-pv-form-designer-title {
    @if $skin-name == 'Material3' {
      padding: $pv-spacing-0;
    }
  }

  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
    @if $skin-name == 'Material3' {
      background: $content-bg-color-alt2;
      border: $border-light;
      border-width: $pv-border-0 $pv-border-0 $pv-border-1 $pv-border-1;
      font-size: $pv-text-base;
      font-weight: $pv-comment-tile-font-weight;
      line-height: $pv-line-height-16;
      padding: $pv-spacing-0;
      left: 15px;
      top: 14px;
      position: absolute;
      text-align: left;
    }
  }

  .e-pv-comment-panel-title-close-div.e-btn {
    background: $pv-title-close-background;
    border: $pv-title-close-border;
    box-shadow: $pv-title-close-box-shadow;
    @if $skin-name == 'bootstrap5.3' {
      color: $pv-icon-color;
    }
    @if $skin-name == 'bootstrap4' {
      color: $pv-title-close-color;
    }
    @if $skin-name == 'fluent2' {
      color: var(--color-sf-secondary-text-color);
    }
    height: $pv-title-close-height;
    position: $pv-title-close-position;
    right: 11px;
    top: 5px;
    width: $pv-title-close-width;
    @if $skin-name == 'FluentUI' {
      padding: $pv-spacing-4;
    }
  }

  .e-pv-rtl .e-pv-comment-panel-title-close-div.e-btn  {
    left: 11px;
  }

  @if $skin-name == 'Material3' {
    .e-pv-comment-panel-title-container .e-pv-more-icon .e-pv-icon {
      font-size: $pv-text-base;
    }
  }

  .e-pv-title-close-icon {
    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' and $skin-name != 'tailwind3' {
      color: $pv-comment-text-color;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
      color: $icon-color;
    }
    @if ($skin-name == 'tailwind3') {
      color: $close-icon-color;
    }
  }

  .e-pv-comments-panel-text {
    font-size: $pv-font-size-15;
    padding-left: $pv-spacing-85;
    color: var(--color-sf-content-text-color-alt1);
  }

  .e-pv-comments-content-container,
  .e-pv-form-designer-content-container,
  .e-pv-redaction-content-container {
    background-color: $pv-comments-content-container-bg;
    border-color: $pv-comment-panel-border-color;
    border-style: double;
    border-width: $pv-border-0 $pv-border-1 $pv-border-1 $pv-border-0;
    height: calc($pv-height-p100 - $pv-height-45);
    overflow: auto;
    @if $skin-name == 'Material3' {
      background: $content-bg-color-alt2;
    }
  }

  .e-pv-comments-container {
    background-color: $pv-comment-panel-bg;
    border-radius: $pv-radius-2;
    left: 7px;
    right: 7px;
    @if $skin-name == 'fluent2' {
      padding: $pv-spacing-2;
    }
  }

  .e-pv-comments-border {
    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' and $skin-name != 'FluentUI' {
      border: $pv-border-2;
      border-color: $pv-comment-panel-bottom-color;
      border-radius: $pv-radius-4;
      border-style: groove;
    }
    @if $skin-name == 'tailwind' {
      border: $pv-border-1 solid $border-light;
      border-radius: $pv-radius-2;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      border: $pv-border-1 solid $border-light;
      border-radius: $pv-radius-2;
    }
    @if $skin-name == 'Material3' {
      border: $pv-border-1 solid rgba($border-light);
      border-radius: $pv-radius-4;
    }
  }

  .e-pv-comment-title {
    color: $pv-comment-text-color;
    padding-left: $pv-spacing-32;
    padding-top: $pv-comment-title-padding-top;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
      color: $pv-comment-tile-text-color;
    }
    font-size: $pv-text-sm;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind') {
      font-size: $pv-text-xs;
      font-weight: $pv-comment-tile-font-weight;
    }
    @if $skin-name == 'fabric' {
      color: $pv-comments-div-focus-border;
    }
    @if $skin-name == 'bootstrap4' {
      font-size: $pv-input-active-color;
    }
    @if $skin-name == 'bootstrap' {
      color: $pv-sidebar-title-color;
    }
    @if $skin-name == 'FluentUI' {
      font-weight: $pv-comment-tile-font-weight;
    }
    @if $skin-name == 'fluent2' {
      font-weight: normal;
      padding-left: $pv-spacing-36;
    }
    @if $skin-name == 'Material3' {
      font-size: $pv-text-xs;
      padding-left: $pv-spacing-40;
      padding-top: $pv-comment-title-padding-top;
      padding-bottom: $pv-spacing-30;
      height: $pv-height-18;
    }
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .e-pv-rtl .e-pv-comment-title {
    float: right;
    position: unset;
    padding-right: $pv-spacing-4;
  }

  .e-pv-reply-title {
    color: $pv-comment-text-color;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
      color: $pv-comment-tile-text-color;
    }
    font-size: $pv-text-sm;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind') {
      font-size: $pv-text-xs;
      font-weight: $pv-comment-tile-font-weight;
    }
    @if $skin-name == 'fabric' {
      color: $pv-comments-div-focus-border;
    }
    @if $skin-name == 'bootstrap4' {
      font-size: $pv-input-active-color;
    }
    @if $skin-name == 'bootstrap' {
      color: $pv-sidebar-title-color;
    }
    @if $skin-name == 'FluentUI' {
      font-weight: $pv-comment-tile-font-weight;
    }
    @if $skin-name == 'Material3' {
      font-size: $pv-text-xs;
    }
    @if $skin-name == 'fluent2' {
      font-weight: normal;
    }
    padding-left: $pv-spacing-8;
    padding-top: $pv-comment-title-padding-top;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .e-pv-rtl .e-pv-reply-title {
    padding-right: $pv-spacing-8;
    padding-left: $pv-spacing-unset;
  }

  .e-pv-comments-hover {
    @if ($theme-name != 'fluent2-highcontrast') {
      background-color: $pv-comments-hover-bg;
    }
  }

  .e-pv-comments-select {
    @if $skin-name == 'FluentUI' {
      background-color: $content-bg-color-selected;
    }
    @else {
      background-color: $pv-comment-panel-bg;
    }
  }

  .e-pv-comments-select .e-pv-comment-textbox .e-editable-value-wrapper {
    color: $pv-comment-color;
  }

  .e-pv-comments-leave {
    background-color: $pv-comment-panel-bg;
  }

  .e-pdfviewer .e-accordion {
    @if $skin-name == 'Material3' {
      background: $pv-comments-content-container-bg;
      border-radius: $pv-radius-0;
      border-width: $pv-border-0;
    }
    @else {
      background-color: $pv-comments-content-container-bg;
      border: transparent;
    }
  }

  .e-menu-wrapper.e-custom-scroll.e-lib.e-keyboard.e-pv-stamp {
    border: $pv-border-0;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'fluent2') {
      background-color: $transparent;
    }
    @if $skin-name != 'Material3' {
      display: block;
    }
  }

  .e-menu-container.e-pv-custom-annotation-stamp-container {
    @if $skin-name == 'highcontrast' {
      border: $pv-border-0;
      display: block;
    }
  }

  .e-dropdown-popup.e-lib.e-popup.e-control.e-pv-handwritten-popup.e-popup-open ul {
    @if ($skin-name == 'FluentUI' or $skin-name == 'Material3') {
      padding-bottom: $pv-spacing-6;
      padding-top: $pv-spacing-6;
    }
    @else {
      padding-bottom: $pv-spacing-6;
      padding-top: $pv-spacing-17;
    }
    @if $skin-name == 'tailwind3' {
      padding-top: $pv-spacing-6;
    }
  }

  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
    @if ($skin-name == 'fluent2') {
      line-height: $pv-line-height-36;
    }
  }

  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
  .e-pv-stamp-template-container .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
    @if ($skin-name == 'fluent2') {
      line-height: $pv-line-height-36;
    }
  }

  .e-bigger .e-pv-blazor-main-container .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
  .e-bigger .e-pv-blazor-main-container .e-pv-stamp-template-container .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
    @if ($skin-name == 'fluent2') {
      line-height: $pv-line-height-55;
    }
  }

  .e-pv-custom-annotation-stamp-container.e-contextmenu-container.e-menu-container ul .e-menu-item .e-caret {
    @if ($skin-name == 'fluent2') {
      margin-top: $pv-spacing-0;
    }
  }

  .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
  .e-pv-annotation-calibrate-container.e-btn.e-icon-btn {
    @if ($skin-name == 'fluent2') {
      padding-top: $pv-spacing-8;
    }
  }

  .e-pv-formdesigner-toolbar .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
    @if ($skin-name == 'fluent2') {
      padding-top: $pv-spacing-4;
    }
  }

  .e-pv-annotation-handwritten-container.e-dropdown-popup ul {
    @if ($skin-name == 'FluentUI' or $skin-name == 'highcontrast' or $skin-name == 'tailwind') {
      padding: $pv-spacing-8 $pv-spacing-0;
    }
  }

  .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
    margin-top: $pv-stamp-icon-margin-top;
    @if $skin-name != 'fluent2' and $skin-name != 'tailwind3' {
      padding-left: $pv-spacing-7;
    }
    @if $skin-name == 'fabric' {
      padding-left: $pv-spacing-10;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      padding-left: $pv-spacing-4;
    }
  }

  .e-pv-annotation-stamp-container .e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      margin-left: $pv-spacing-1;
    }
  }

  .e-pdfviewer .e-inplaceeditor,
  .e-pv-radio-btn + span,
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
    display: block;
  }

  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
    border-bottom: $pv-border-0;
    word-break: break-word;
  }

  .e-pdfviewer .e-inplaceeditor .e-editable-value-container .e-editable-value {
    @if $skin-name == 'Material3' {
      font-size: $pv-text-xs;
    }
  }

  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper:hover {
    background: transparent;
  }

  .e-pdfviewer .e-inplaceeditor .e-editable-value-container {
    background: transparent;
    width: $pv-width-p100;
    max-width: $pv-width-p100;
  }

  .e-pdfviewer .e-pv-comments-div .e-inplaceeditor .e-editable-value-container .e-editable-value {
    margin-left: $pv-spacing-32;
  }

  .e-pdfviewer .e-pv-rtl .e-pv-comments-div .e-inplaceeditor .e-editable-value-container .e-editable-value {
    margin-right: $pv-spacing-28;
  }

  .e-pv-status-div {
    height: $pv-height-20;
    left: 8px;
    position: relative;
    width: $pv-width-20;
  }

  .e-pv-rtl .e-pv-status-div {
    left: -8px;
  }

  .e-pv-status-container {
    padding-bottom: $pv-spacing-5;
    padding-top: $pv-spacing-2;
  }

  .e-pdfviewer .e-input-group.e-control-wrapper.e-editable-elements.e-input-focus {
    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' and $skin-name != 'tailwind3' {
      caret-color: $pv-comment-text-cursor-color;
    }
  }

  .e-pv-reply-div {
    margin-top: $pv-spacing-3;
  }

  .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header,
  .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    background: $pv-comment-panel-bg;
    @if ($skin-name != 'FluentUI' and $skin-name != 'fluent2') {
      border: $pv-border-1 solid $pv-comment-panel-border-color;
    }
    @if $skin-name == 'Material3' {
      border-width: $pv-border-1 $pv-border-0;
    }
  }

  .e-pdfviewer .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus,
  .e-pdfviewer .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header {
    background: $pv-comment-panel-bg;
    box-shadow: none;
  }

  .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
  .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
  .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
  .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
    @if $skin-name == 'tailwind3' {
      color: $primary;
    }
    @else {
      color: $pv-comment-text-color;
    }
    font-size: $pv-text-sm;
    @if $skin-name == 'FluentUI' {
      font-weight: $pv-comment-tile-font-weight;
    }
    @if $skin-name == 'fluent2' {
      font-weight: normal;
    }
    @if $skin-name == 'Material3' {
      font-weight: $font-weight-normal;
      letter-spacing: $pv-letter-spacing-0-24;
      line-height: $pv-line-height-20;
      padding: $pv-spacing-0 $pv-spacing-0 $pv-spacing-9 $pv-spacing-0;
    }
  }

  .e-pdfviewer .e-accordion .e-acrdn-item.e-select.e-pv-accordion-container.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
  .e-pdfviewer .e-accordion .e-acrdn-item.e-select.e-pv-accordion-container.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
  .e-pdfviewer .e-pv-accordion-container.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon {
    @if $skin-name == 'highcontrast' {
      color: $pv-comment-text-color;
    }
  }
  .e-pdfviewer .e-accordion .e-acrdn-item.e-select.e-pv-accordion-container.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
    @if $skin-name == 'highcontrast' {
      color: $pv-signature-font-color;
    }
  }
  .e-pdfviewer .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
  .e-pdfviewer .e-accordion .e-acrdn-item .e-toggle-icon {
    @if $skin-name == 'bootstrap5.3' {
      color: var(--color-sf-content-text-color) !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pdfviewer .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    @if $skin-name == 'fluent2' {
      line-height: $pv-line-height-32;
    }
  }

  .e-pdfviewer .e-accordion .e-acrdn-item .e-toggle-icon {
    @if $skin-name == 'fluent2' {
      padding-top: $pv-spacing-10;
    }
  }

  .e-content-placeholder.e-pdfviewer.e-placeholder-pdfviewer {
    background-size: 100%;
  }

  .e-pdfviewer .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    line-height: $pv-line-height-normal;
  }

  .e-pdfviewer .e-pv-signature-apperance .e-checkbox-wrapper {
    padding-bottom: $pv-signature-appearance-checkbox;
    @if $skin-name == 'Material3' {
      margin-top: $pv-spacing-12;
    }
    @else if $skin-name == 'fluent2' {
      margin-top: $pv-spacing-20;
    }
    @else{
      margin-top: $pv-spacing-10;
    }
  }

  .e-pdfviewer .e-pv-signature-dialog-blazor-height .e-pv-signature-apperance .e-checkbox-wrapper {
    @if $skin-name == 'fluent2' {
      margin-top: $pv-spacing-10;
    }
  }

  .foreign-object .e-pdfviewer-signatureformfields-signature + .e-pdfViewer-signIcon {
    display: none;
  }

  .foreign-object .e-pdfviewer-signatureformfields + .e-pdfViewer-signIcon {
    display: block;
  }

  .e-pdfviewer .e-pv-signature-window .e-footer-content {
    float: left;
  }
  .e-pv-signature-dialog-height .e-pv-clearbtn
  {
    float: left;
    @if $skin-name != 'Material3' {
      height: $pv-height-30;
      min-height: $pv-height-30;
    }
    @if $skin-name == 'fluent2' {
      height: $pv-height-32;
      min-height: $pv-height-32;
    }
  }

  .e-pv-signature-dialog-height .e-pv-clearbtn:disabled,
  .e-pv-signature-dialog-height .e-pv-createbtn:disabled {
    @if ($skin-name == 'fluent2') {
      border-color: var(--color-sf-primary-border-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
    }
    @if ($skin-name == 'Material3') {
      color: $secondary-text-color-disabled !important;/* stylelint-disable-line declaration-no-important */
    }
    @if ($skin-name == 'material') {
      color: rgba($grey-black, .26) !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-signature-dialog-height .e-pv-cancelbtn{
    @if $skin-name != 'Material3' {
      height: $pv-height-32;
      min-height: $pv-height-32;
    }
  }

  .e-pv-extractbtn.e-primary {
    @if ($skin-name == 'fluent2') {
      border-color: var(--color-sf-primary-border-color-disabled) !important;/* stylelint-disable-line declaration-no-important */
    }
    @if ($skin-name == 'Material3') {
      color: $secondary-text-color-disabled;
    }
    @if ($skin-name == 'material') {
      color: rgba($grey-black, .26);
    }
  }

  .e-pv-signature-dialog-height .e-pv-createbtn{
    @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
      height: $pv-height-32;
      min-height: $pv-height-32;
    }
    @else if $skin-name != 'Material3' {
      height: $pv-height-30;
      min-height: $pv-height-30;
    }
  }
  
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-underlinetext.e-pv-tbar-btn.e-tooltip.textprop-option-active,
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-left-align.e-pv-tbar-btn.e-tooltip.textprop-option-active,
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-right-align.e-pv-tbar-btn.e-tooltip.textprop-option-active,
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-center-align.e-pv-tbar-btn.e-tooltip.textprop-option-active,
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-justfiy-align.e-pv-tbar-btn.e-tooltip.textprop-option-active {
    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' and $skin-name != 'fluent2' {
      background: $pv-signature-footer-color;
      border-color: $pv-signature-footer-color;
    }
    @else if ($skin-name == 'fluent2'){
      background: $pv-item-selection-background-color;
      border-color: $pv-annotation-dropdown-border-color-hover;
    }
    @else {
      background: $secondary-bg-color-pressed;
      border-color: $secondary-bg-color-pressed;
      color: $secondary-text-color-pressed;
    }
  }

  .e-pv-annotation-textprop-container .e-pv-bold-container .textprop-option-active,
  .e-pv-annotation-textprop-container .e-pv-italic-container .textprop-option-active,
  .e-pv-annotation-textprop-container .e-pv-strikeout-container .textprop-option-active,
  .e-pv-annotation-textprop-container .e-pv-underlinetext-container .textprop-option-active,
  .e-pv-annotation-textalign-container .e-pv-left-align-container .textprop-option-active,
  .e-pv-annotation-textalign-container .e-pv-right-align-container .textprop-option-active,
  .e-pv-annotation-textalign-container .e-pv-center-align-container .textprop-option-active,
  .e-pv-annotation-textalign-container .e-pv-justfiy-align-container .textprop-option-active {
    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' and $skin-name != 'fluent2' {
      background: $pv-item-selection-background-color;
      border-color: $pv-signature-footer-color;
    }
    @else if ($skin-name == 'fluent2'){
      background: $pv-item-selection-background-color;
      border-color: $pv-annotation-dropdown-border-color-hover;
    }
    @else {
      background: $secondary-bg-color-pressed;
      border-color: $secondary-bg-color-pressed;
      color: $secondary-text-color-pressed;
    }
  }

  .e-pv-annotation-textprop-container .e-pv-bold-container .textprop-option-active .e-pv-bold-icon,
  .e-pv-annotation-textprop-container .e-pv-italic-container .textprop-option-active .e-pv-italic-icon,
  .e-pv-annotation-textprop-container .e-pv-strikeout-container .textprop-option-active .e-pv-strikeout-icon,
  .e-pv-annotation-textprop-container .e-pv-underlinetext-container .textprop-option-active .e-pv-underlinetext-icon,
  .e-pv-annotation-textalign-container .e-pv-left-align-container .textprop-option-active .e-pv-left-align-icon,
  .e-pv-annotation-textalign-container .e-pv-right-align-container .textprop-option-active .e-pv-right-align-icon,
  .e-pv-annotation-textalign-container .e-pv-center-align-container .textprop-option-active .e-pv-center-align-icon,
  .e-pv-annotation-textalign-container .e-pv-justfiy-align-container .textprop-option-active .e-pv-justfiy-align-icon {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      color: $secondary-text-color-pressed;
    }
  }

  .e-pv-comment-panel-resizer.e-left {
    @if $skin-name == 'bootstrap4' {
      border-left: $pv-border-1 solid $pv-sidebar-resizer-border-color;
    }
    left: 300px;
  }

  .e-pv-comment-panel-resizer.e-right {
    @if $skin-name == 'bootstrap4' {
      border-right: $pv-border-1 solid $pv-sidebar-resizer-border-color;
    }
    right: 300px;
  }

  .e-pv-align {
    cursor: pointer;
    float: right;
    font-size: $pv-text-xl;
    margin-right: $pv-spacing-16;
    margin-top: $pv-signature-delete-icon-margin-top;
  }

  .e-pv-align-border {
    border: $pv-signature-border-color;
    border-radius: $pv-border-5;
    cursor: pointer;
    display: inline-block;
    width: $pv-width-170;
  }

  .e-pv-align-border-div {
    @if $skin-name == 'highcontrast' {
      background-color: $pv-high-contrast-signature-bg;
      color: $pv-high-contrast-signature-text;
    }
  }

  .e-pv-font-sign {
    border: $pv-border-1 solid $pv-sidebar-bookmark-title-color;
    border-radius: $pv-border-5;
    display: inline-block;
    font-size: $pv-font-size-13;
    padding-top: $pv-spacing-40;
    text-align: center;
    word-wrap: break-word;
    @if $skin-name == 'FluentUI' {
      max-width: $pv-width-300;
      padding-top: $pv-spacing-36;
    }
    @if $skin-name=='fluent2' {
      border: $pv-sidebar-toolbar-border;
      margin-left: $pv-spacing-20;
      margin-top: $pv-spacing-18;
    }
    @else{
      height: $pv-height-88;
      width: $pv-width-311;
      margin: $pv-spacing-15;
    }
    @if $skin-name == 'Material3' {
      border: $pv-border-1 dashed rgba($primary);
      border-radius: $pv-radius-4;
      background: $content-bg-color;
      color: $content-text-color;
      font-weight: $font-weight-normal;
    }
  }

  .e-pv-font-appearance-style .e-pv-font-sign {
    @if $skin-name=='fluent2' {
      height: $pv-height-98;/* stylelint-disable-line declaration-no-important */
      width: $pv-width-p45;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-selected-fontdiv{
    @if $skin-name=='fluent2' {
      border-color: $primary !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-focused {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      color: $white;
      height: $pv-height-32;
      line-height: $pv-line-height-32;
    }
    @if $skin-name == 'bootstrap5.3' {
      color: var(--color-sf-secondary-text-color-hover) !important;/* stylelint-disable-line declaration-no-important */
      height: $pv-height-32;
      line-height: $pv-line-height-32;
    }
    @else {
      color: $pv-icon-color;
    }
  }

  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      height: $pv-height-32;
      line-height: $pv-line-height-32;
      padding-left: $pv-spacing-8;
    }
  }

  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-menu-icon {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      font-size: $pv-text-base;
    }
  }

  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      font-size: $pv-text-sm;
    }
  }

  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon {
    @if ($skin-name == 'FluentUI' or $skin-name == 'tailwind') {
      width: $pv-width-1-5em;
    }
  }

  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
    @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      border-radius: $pv-radius-4;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'fluent2') {
      color: $pv-icon-color;
      height: $pv-height-32;
      @if ($skin-name != 'fluent2') {
        line-height: $pv-line-height-32;
      }
    }
    @else {
      color: $pv-icon-color;
    }
  }

  .e-pv-mobile-annotation-toolbar .e-toolbar-items .e-hscroll-bar {
    @if ($skin-name == 'FluentUI') {
      overflow-y: hidden;
    }
  }

  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-focused:hover,
  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-selected {
    @if $skin-name == 'bootstrap5' {
      background: $secondary-bg-color-pressed;
    }
    @if $skin-name == 'bootstrap5.3' {
      background: $secondary-bg-color-pressed;
      color: var(--color-sf-secondary-text-color-hover) !important;/* stylelint-disable-line declaration-no-important */
    }
    @if $skin-name == 'bootstrap4' {
      background: $pv-annotation-dropdown-background-color-hover;
    }
  }

  .e-pv-custom-annotation-stamp-container.e-menu-wrapper ul,
  .e-pv-custom-annotation-stamp-container.e-menu-container ul {
    @if $skin-name == 'bootstrap4' {
      background-color: $pv-annotation-dropdown-background-color;
    }
  }

  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused:hover .e-menu-icon,
  .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused:hover .e-caret,
  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-focused:hover .e-menu-icon,
  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-focused:hover .e-caret,
  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
    @if $skin-name == 'bootstrap4' {
      color: $pv-icon-color-hover;
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      color: $white;
    }
    @if $skin-name == 'fluent2-highcontrast' {
      color: var(--color-sf-toolbar-icon-color);
    }
  }

  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item:hover .e-menu-icon,
  .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item:hover .e-caret
  {
    @if $skin-name == 'fluent2' {
      color: var(--color-sf-toolbar-icon-color);
    }
  }

  .e-pv-stamp-template-container .e-menu-container .e-menu {
    background-color: $pv-annotation-dropdown-background-color;
    border-color: $pv-annotation-dropdown-border-color;
  }

  .e-pv-custom-annotation-stamp-container.e-menu-container .e-ul .e-menu-item.e-selected,
  .e-pv-custom-annotation-stamp-container.e-menu-container.e-menu-container .e-ul .e-menu-item.e-focused {
    @if $skin-name == 'bootstrap4' {
      background-color: $pv-comment-text-cursor-color;
      color: $pv-icon-color-hover;
      outline: 0 solid $pv-comment-text-cursor-color;
      outline-offset: 0;
    }
  }

  .e-pv-custom-annotation-thickness-container,
  .e-pv-custom-annotation-opacity-container {
    @if $skin-name == 'Material3'{
      background: $pv-annotation-dropdown-background-color;
      border: $pv-annotation-dropdown-border-color;
    }
    @else {
      background-color: $pv-annotation-dropdown-background-color;
      border-color: $pv-annotation-dropdown-border-color;
    }
  }

  .e-dropdown-popup.e-pv-custom-annotation-thickness-container,
  .e-dropdown-popup.e-pv-custom-annotation-opacity-container {
    @if $skin-name == 'Material3'{
      background: $pv-sidebar-content-background;
    }
  }

  .e-pdfviewer-signatureformfields.e-pv-signature-focus,
  .e-pdfviewer-signatureformfields-signature.e-pv-signature-focus {
    outline: $pv-print-popup-container-background-color dotted 2px;
  }

  .e-pv-checkbox-container,
  .e-pv-radiobtn-container {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    display: block;
    margin-bottom: $pv-spacing-0;
    position: relative;
    user-select: none;
  }

  .e-pv-text-selection-none {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .e-pv-checkbox-container input {
    cursor: pointer;
    height: $pv-height-0;
    opacity: 0;
    position: absolute;
    width: $pv-width-0;
  }

  .e-pv-checkbox-div {
    border: $pv-form-field-checkbox-container;
    display: inline;
    height: $pv-height-p100;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: $pv-width-p100;
  }

  .e-pv-cb-checked {
    border: $pv-form-field-checkbox-checked;
    border-left-color: transparent;
    border-top-color: transparent;
    border-width: $pv-form-field-checkbox-border-width;
    position: absolute;
    transform: rotate(45deg);
  }

  .e-pv-cb-unchecked {
    border: $pv-border-1;
    border-width: $pv-border-1;
  }

  .e-pv-radiobtn-container input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
  }

  .e-pv-radiobtn-div {
    border: $pv-border-1 solid $pv-form-checkbox-border-color;
    border-radius: $pv-border-radius-50p;
    height: $pv-height-p100;
    left: $pv-form-field-size;
    position: absolute;
    top: $pv-form-field-size;
    width: $pv-width-p100;
  }

  .e-pv-radio-btn {
    border: $pv-border-0;
    clip: rect(0 0 0 0);
    height: $pv-height-1;
    overflow: hidden;
    padding: $pv-spacing-0;
    position: absolute;
    width: $pv-width-1;
  }

  .e-pv-radio-btn + .e-pv-radiobtn-span::before {
    content: '';
    display: block;
    height: $pv-height-inherit;
    width: $pv-width-inherit;
  }

  .e-pv-radio-btn:checked + .e-pv-radiobtn-span::before {
    background: $pv-form-checkbox-border-color;
    border-radius: $pv-border-radius-50p;
  }

  .e-pv-properties-text-edit-prop,
  .e-pv-properties-visibility-style-prop,
  .e-pv-properties-font-items-container {
    display: flex;
    justify-content: space-evenly;
  }

  .e-pv-default-tab .e-pv-properties-font-items-container {
    @if ($skin-name == 'fluent2') {
      justify-content: space-evenly;
    }
    @else {
      justify-content: space-between;
    }
  }

  .e-pv-properties-form-field-name-main-div,
  .e-pv-properties-form-field-value-main-div {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'FluentUI') {
      padding-right: $pv-spacing-12;
    }
    @else {
      padding-right: $pv-spacing-15;
    }
  }

  .e-pv-properties-form-field-name-main-div,
  .e-pv-properties-form-field-tooltip-main-div,
  .e-pv-properties-form-field-value-main-div,
  .e-pv-properties-form-field-visibility-main-div {
    @if $skin-name == 'FluentUI' {
      width: $pv-width-232;
    }
    @else {
      width: $pv-width-285;
    }
  }

  .e-pv-properties-form-field-name-main-div .e-float-text,
  .e-pv-properties-form-field-tooltip-main-div .e-float-text,
  .e-pv-properties-form-field-value-main-div .e-float-text,
  .e-pv-properties-form-field-visibility-main-div .e-float-text {
    @if $skin-name == 'fluent2' {
      padding-left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-properties-text-edit-prop {
    @if $skin-name == 'FluentUI' {
      padding-top: $pv-spacing-36;
    }
    @else {
      padding-top: $pv-spacing-20;
    }
  }

  .e-pv-default-tab .e-pv-properties-text-edit-prop {
    padding-top: $pv-spacing-20;
  }

  .e-pv-properties-visibility-style-prop {
    @if $skin-name == 'FluentUI' {
      padding-bottom: $pv-spacing-12;
      padding-top: $pv-spacing-12;
    }
    @if $skin-name == 'Material3' {
      padding-top: $pv-spacing-16;
    }
    @else {
      padding-bottom: $pv-spacing-10;
      padding-top: $pv-spacing-20;
    }
  }

  .e-pv-properties-checkbox-main-div-prop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: $pv-spacing-20;
  }

  .e-pv-default-tab .e-pv-properties-checkbox-main-div-prop {
    padding-top: $pv-spacing-12;
  }

  .e-pv-bold-icon-div,
  .e-pv-italic-icon-div,
  .e-pv-strikeout-icon-div,
  .e-pv-underlinetext-icon-div,
  .e-pv-left-align-icon-div,
  .e-pv-center-align-icon-div,
  .e-pv-right-align-icon-div {
    padding: $pv-formfield-properties-icon-align-padding;
    @if ($skin-name == 'fluent2') {
      width: $pv-width-32;
    }
  }
  
  .e-pv-default-tab .e-pv-bold-icon-div,
  .e-pv-default-tab .e-pv-italic-icon-div,
  .e-pv-default-tab .e-pv-strikeout-icon-div,
  .e-pv-default-tab .e-pv-underlinetext-icon-div,
  .e-pv-default-tab .e-pv-left-align-icon-div,
  .e-pv-default-tab .e-pv-center-align-icon-div,
  .e-pv-default-tab .e-pv-right-align-icon-div {
    @if ($skin-name == 'highcontrast' or $skin-name == 'tailwind') {
      padding: $pv-spacing-5 $pv-spacing-8;
    }
  }
  
  .e-pv-blazor-redaction-text-align,
  .e-pv-redaction-text-align {
    @if ($skin-name == 'fluent2') {
      border-radius: $pv-radius-4 !important;/* stylelint-disable-line declaration-no-important */
    }
    .e-pv-left-align-icon-div,
    .e-pv-center-align-icon-div,
    .e-pv-right-align-icon-div {
      height: $pv-height-p100;
      width: $pv-width-p100;
      @if ( $skin-name == 'FluentUI' or $skin-name == 'tailwind3' or $skin-name == 'highcontrast') {
        padding: $pv-spacing-5 $pv-spacing-8;
      }
      @else if($skin-name == 'Material3') {
        padding: $pv-spacing-7 $pv-spacing-9 $pv-spacing-2 $pv-spacing-7;
      }
      @else if($skin-name == 'fluent2') {
        padding: $pv-spacing-4 $pv-spacing-6;
      }
    }
  }

  .e-pv-redaction-toolbar .e-pv-icon {
    font-size: $pv-text-base !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-default-tab .e-pv-bold-icon-div,
  .e-pv-default-tab .e-pv-left-align-icon-div,
  .e-pv-default-tab .e-pv-center-align-icon-div {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      border-right: $pv-border-1 solid $border-light;
    }
    @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2' or $skin-name == 'tailwind3') {
      border-right: $pv-border-1 solid $border;
    }
    @else if($skin-name == 'highcontrast') {
      border-right: $pv-border-1 solid;
    }
  }

  .e-pv-bold-icon-div:hover,
  .e-pv-italic-icon-div:hover,
  .e-pv-strikeout-icon-div:hover,
  .e-pv-underlinetext-icon-div:hover,
  .e-pv-left-align-icon-div:hover,
  .e-pv-center-align-icon-div:hover,
  .e-pv-right-align-icon-div:hover {
    @if ($skin-name != 'Material3' and $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' ) {
      @if ($skin-name != 'fluent2') {
        background-color: $pv-annotation-dropdown-background-color-hover;
      }
      @if $skin-name != 'FluentUI' {
        border-color: $pv-annotation-dropdown-border-color-hover;
      }
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      background-color: $secondary-bg-color-pressed;
      border-color: $secondary-bg-color-pressed;
      color: $white;
    }
    @if ($skin-name == 'Material3') {
      background: $pv-annotation-dropdown-background-color-hover;
      border: $pv-annotation-dropdown-border-color-hover;
    }
  }

  .e-pv-bold-icon-div:active,
  .e-pv-italic-icon-div:active,
  .e-pv-strikeout-icon-div:active,
  .e-pv-underlinetext-icon-div:active,
  .e-pv-left-align-icon-div:active,
  .e-pv-center-align-icon-div:active,
  .e-pv-right-align-icon-div:active {
    @if ($skin-name != 'Material3' and $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' ) {
      background-color: $pv-signature-footer-color;
      border-color: $pv-signature-footer-color;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      background-color: $secondary-bg-color-pressed;
      border-color: $secondary-bg-color-pressed;
      color: $white;
    }
    @if ($skin-name == 'Material3') {
      background: $pv-signature-footer-color;
      border: $pv-signature-footer-color;
    }
  }

  .e-pv-default-tab .e-pv-formfield-li-element:hover:not(.e-pv-li-select),
  .e-pv-default-tab .e-pv-bold-icon-div:hover,
  .e-pv-default-tab .e-pv-italic-icon-div:hover,
  .e-pv-default-tab .e-pv-left-align-icon-div:hover,
  .e-pv-default-tab .e-pv-center-align-icon-div:hover,
  .e-pv-default-tab .e-pv-right-align-icon-div:hover {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'fluent2') {
      background-color: $secondary-bg-color-hover;
      color: $secondary-text-color-hover;
    }
    @else if ($skin-name == 'Material3') {
      background-color: $content-bg-color-hover;
      color: $content-text-color-hover;
    }
    @else if ($skin-name == 'highcontrast') {
      background-color: $hover-bg;
      color: $hover-font;
    }
  }

  .e-pv-default-tab .e-pv-formfield-li-element.e-pv-li-select,
  .e-pv-default-tab .e-pv-bold-icon-div.e-pv-li-select,
  .e-pv-default-tab .e-pv-italic-icon-div.e-pv-li-select,
  .e-pv-default-tab .e-pv-left-align-icon-div.e-pv-li-select,
  .e-pv-default-tab .e-pv-center-align-icon-div.e-pv-li-select,
  .e-pv-default-tab .e-pv-right-align-icon-div.e-pv-li-select {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
      background-color: $pv-item-selection-background-color;
      color: $pv-item-selection-color;
    }
    @else if ($skin-name == 'Material3') {
      background: $pv-item-selection-background-color;
      color: $pv-item-selection-color;
    }
    @else if($skin-name == 'fluent2') {
      background-color: $secondary-bg-color-pressed;
      color: $secondary-text-pressed;
    }
    @else if ($skin-name == 'highcontrast') {
      background-color: $selection-bg;
      color: $selection-font;
    }
  }

  .e-pv-properties-fill-color-style-prop,
  .e-pv-properties-stroke-color-style-prop,
  .e-pv-properties-stroke-thickness-style-prop {
    @if $skin-name == 'Material3' {
      padding: $pv-spacing-0 $pv-spacing-20 $pv-spacing-12 $pv-spacing-1;
    }
    @else {
      padding: $pv-spacing-12 $pv-spacing-20 $pv-spacing-12 $pv-spacing-1;
    }
  }

  .e-pv-default-tab .e-pv-properties-fill-color-style-prop,
  .e-pv-default-tab .e-pv-properties-stroke-color-style-prop,
  .e-pv-default-tab .e-pv-properties-stroke-thickness-style-prop {
    @if $skin-name == 'Material3' {
      padding: $pv-spacing-0 $pv-spacing-20 $pv-spacing-12 $pv-spacing-0;
    }
    @else {
      padding: $pv-spacing-0 $pv-spacing-20 $pv-spacing-12 $pv-spacing-0;
    }
  }

  .e-pv-properties-fill-color-icon,
  .e-pv-properties-stroke-color-icon {
    @if $skin-name == 'fluent2' {
      width: $pv-width-1em !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-properties-fill-color-icon.e-pv-icon.e-btn-icon.e-icon-left,
  .e-pv-properties-stroke-color-icon.e-pv-icon.e-btn-icon.e-icon-left {
    @if $skin-name == 'tailwind3' {
      margin-left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
    @else if ($skin-name == 'Material3' or  $skin-name == 'tailwind') {
      line-height: $pv-line-height-normal;
    }
  }

  .e-pv-formfield-fontcolor-icon,
  .e-pv-formfield-strokecolor-icon,
  .e-pv-formfield-strokethickness-icon {
    @if ($skin-name == 'bootstrap4') {
      color: $pv-form-field-property-header-color;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      color: inherit;
    }
    @if ($skin-name == 'material') {
      color: $pv-prop-line-styles-color;
    }
    background: $pv-form-field-property-font-style-color;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      border: $pv-border-1 solid $border-light;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      border-radius: $pv-radius-4;
    }
    @else {
      border-radius: $pv-radius-2;
    }
    height: $pv-formfield-properties-icon-height;
    margin-top: $pv-spacing-8;
    @if $skin-name != 'FluentUI' {
      width: $pv-width-54;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      align-content: center;
      align-items: center;
      box-shadow: none;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding: $pv-spacing-0 $pv-spacing-11;
      width: $pv-width-inherit;
    }
    @if ($skin-name=='fluent2') {
      width: $pv-width-59;
      border-radius: $pv-radius-4;
    }
    @if ($skin-name == 'tailwind3') {
      width: $pv-width-61;
      border-radius: $pv-radius-6;
    }
    @if ($skin-name == 'Material3') {
      align-content: center;
      align-items: center;
      box-shadow: none;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: $pv-width-75;
      height: $pv-height-32;
      box-sizing: border-box;
      padding-right: $pv-spacing-16;
      margin-top: $pv-spacing-0;
    }
  }

  .e-pv-default-tab .e-pv-formfield-fontcolor-icon,
  .e-pv-default-tab .e-pv-formfield-strokecolor-icon,
  .e-pv-default-tab .e-pv-formfield-strokethickness-icon {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      width: $pv-width-60;
    }
    margin-top: $pv-spacing-5;
    @if ($skin-name == 'highcontrast') {
      height: $pv-height-32;
    }
    @else if ($skin-name == 'tailwind3') {
      height: $pv-height-36;
    }
  }

  .e-pv-form-field-list-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .e-pv-formfield-textarea-group-mobile .e-custom .e-list-wrap ul {
    @if ($skin-name == 'Material3') {
      background: $pv-comments-content-container-bg;
    }
    @else {
      background-color: $pv-comments-content-container-bg;
    }
  }

  .e-pv-formfield-textarea-group-mobile .e-custom .e-list-wrap ul:has(.e-list-nrt:only-child) {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .e-pv-properties-format-text-style-prop {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      padding: $pv-spacing-15 $pv-spacing-15 $pv-spacing-4 $pv-spacing-1;
    }
    @if ($skin-name == 'Material3') {
      padding: $pv-spacing-20 $pv-spacing-15 $pv-spacing-6 $pv-spacing-0;
    }
    @if ($skin-name == 'fluent2') {
      padding: $pv-spacing-15;
    }
    @else {
      padding: $pv-spacing-15 $pv-spacing-15 $pv-spacing-15 $pv-spacing-1;
    }
  }

  .e-pv-default-tab .e-pv-properties-format-text-style-prop {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      padding: $pv-spacing-15 $pv-spacing-15 $pv-spacing-4 $pv-spacing-1;
    }
    @if ($skin-name == 'Material3') {
      padding: $pv-spacing-20 $pv-spacing-15 $pv-spacing-6 $pv-spacing-0;
    }
    @if ($skin-name == 'fluent2') {
      padding: $pv-spacing-15 $pv-spacing-10;
    }
    @else {
      padding: $pv-spacing-15 $pv-spacing-15 $pv-spacing-15 $pv-spacing-1;
    }
  }

  .e-pv-default-tab .e-pv-properties-format-text-style-prop {
    padding-bottom: $pv-spacing-5;
  }

  .e-pv-formfield-strokethickness-icon {
    @if ($skin-name=='fluent2') {
      padding-top: $pv-spacing-3 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-properties-font-family-container {
    @if $skin-name != 'fluent2' {
      margin-right: $pv-spacing-15;
    }
    @if $skin-name == 'FluentUI' {
      width: $pv-width-122;
    }
    @if $skin-name == 'Material3' {
      width: $pv-width-214;
      height: $pv-height-32;
      margin-right: $pv-spacing-12;
    }
    @else {
      width: $pv-width-165;
    }
  }

  .e-pv-default-tab .e-pv-properties-font-family-container {
    @if ($skin-name =='fluent2') {
      width: $pv-width-175;
    }
    @else if($skin-name == 'FluentUI') {
      width: $pv-width-215;
    }
    @else {
      width: $pv-width-186;
    }
  }

  .e-pv-properties-font-size-container {
    @if $skin-name == 'Material3' {
      border-right-color: $transparent;
      height: $pv-height-32;
      border-bottom: $pv-border-1 solid $transparent;
      box-sizing: border-box;
    }
    @else if $skin-name == 'fluent2' {
      border-right-color: $transparent;
      height: $pv-height-32;
      border-bottom: $pv-border-1 solid $transparent;
      box-sizing: border-box;
      padding: $pv-spacing-0;
    }
    @else {
      border-right-color: $pv-comment-panel-bottom-color;
      border-right-style: solid;
      border-right-width: $pv-border-1;
      margin-right: $pv-spacing-15;
      padding-right: $pv-spacing-15;
    }
    @if $skin-name == 'FluentUI' {
      width: $pv-width-105;
    }
    @else {
      width: $pv-font-size-field-width;
    }
  }

  .e-pv-formfield-maxlength {
    padding-left: $pv-spacing-20;
  }

  .e-pv-left-align-icon-div:not(.e-pv-default-tab *),
  .e-pv-center-align-icon-div:not(.e-pv-default-tab *),
  .e-pv-right-align-icon-div:not(.e-pv-default-tab *) {
    @if ($skin-name != 'bootstrap5' and and $skin-name != 'bootstrap5.3' ) {
      padding-left: $pv-spacing-6;
    }
  }

  .e-pv-properties-font-color-container,
  .e-pv-properties-color-container-style-prop {
    display: flex;
    padding-top: $pv-spacing-20;
    @if ($skin-name == 'fluent2') {
      margin-left: $pv-spacing-12;
    }
  }

  .e-pv-default-tab .e-pv-properties-font-color-container,
  .e-pv-default-tab .e-pv-properties-color-container-style-prop {
    display: flex;
    padding-top: $pv-spacing-20;
    @if ($skin-name == 'fluent2') {
      margin-left: $pv-spacing-10;
    }
  }

  .e-pv-formfield-textcolor {
    margin-right: $pv-spacing-10;
  }

  .e-pv-formfield-maxlength-icon {
    align-items: center;
    display: flex;
    padding-right: $pv-spacing-14;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      padding-right: $pv-spacing-10;
    }
    @if ($skin-name == 'FluentUI' or $skin-name == 'tailwind3') {
      padding-right: $pv-spacing-8;
    }
  }

  .e-pv-formfield-textcolor-icon.e-btn.e-icon-btn,
  .e-pv-formfield-strokecolor-icon.e-btn.e-icon-btn,
  .e-pv-formfield-fontcolor-icon.e-btn.e-icon-btn,
  .e-pv-formfield-strokethickness-icon.e-btn.e-icon-btn {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      padding: $pv-spacing-0 $pv-spacing-11;
    }
  }

  .e-pv-font-color-prop-mobile .e-pv-formfield-textcolor-icon.e-btn.e-icon-btn {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      padding: $pv-spacing-4 $pv-spacing-11;
    }
  }

  .e-pv-formfield-textcolor-icon {
    background: $pv-form-field-property-font-style-color;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      border: $pv-border-1 solid $border-light;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      border-radius: $pv-radius-4;
    }
    @else {
      border-radius: $pv-radius-2;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind3') {
      border-radius: $pv-radius-6;
    }
    width: $pv-form-field-property-font-style-width;
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      height: $pv-height-36;
    }
    @if ($skin-name == 'bootstrap4') {
      color: $pv-form-field-property-header-color;
    }
    @if ($skin-name == 'material') {
      color: $pv-prop-line-styles-color;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      align-items: baseline;
      box-shadow: none;
      color: inherit;
      display: flex;
      height: $pv-height-32;
    }
    @if ($skin-name == 'Material3') {
      display: flex;
      width: $pv-width-76;
      border-bottom: $pv-border-1 solid rgba($border);
      box-shadow: none;
    }
    @if ($skin-name == 'FluentUI') {
      height: $pv-height-auto;
    }
    @if ($skin-name == 'fluent2') {
      border-radius: $pv-radius-4;
      width: $pv-width-65;
    }
  }
  
  .e-pv-properties-form-field-window .e-pv-formfield-textcolor-icon {
    @if ($skin-name == 'fluent2') {
      padding: $pv-spacing-1 $pv-spacing-11 !important;/* stylelint-disable-line declaration-no-important */
    }
  }
  
  .e-pv-default-tab .e-pv-formfield-textcolor-icon {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      width: $pv-width-60;
      height: $pv-height-38;
    }
    @if ($skin-name == 'highcontrast') {
      width: $pv-width-54;
      height: $pv-height-32;
    }
    @if ($skin-name == 'tailwind3') {
      padding: $pv-spacing-0 $pv-spacing-14;
    }
    @if ($skin-name == 'fluent2') {
      width: $pv-width-58;
      height: $pv-height-32;
    }
  }

  .e-pv-default-tab .e-pv-formfield-textcolor-icon .e-pv-annotation-textcolor-icon {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      height: $pv-height-20;
    }
  }

  .e-pv-properties-formfield-maxlength-text-label,
  .e-pv-formfield-maxlength {
    padding-left: $pv-spacing-1;
    width: $pv-formfield-maxlength-width;
    @if ($skin-name == 'Material3') {
      height: $pv-height-32;
    }
    @if ($skin-name == 'tailwind3') {
      width: $pv-width-82;
    }
  }

  .e-pv-default-tab .e-pv-formfield-maxlength {
    @if ($skin-name == 'Material3') {
      width: $pv-width-110;
    }
    @if ($skin-name == 'fluent2'){
      width: $pv-width-84;
    }
  }

  .e-pv-formfield-maxlength-group {
    display: flex;
    @if ($skin-name == 'tailwind3') {
      padding-left: $pv-spacing-13;
    }
    @else {
      padding-left: $pv-formfield-maxlength-group-padding-left;
    }
  }

  .e-pv-default-tab .e-pv-formfield-maxlength-group {
    @if ($skin-name != 'Material3') {
      align-items: center;
    }
  }

  .e-pv-properties-form-field-list-add-div {
    display: flex;
    @if $skin-name == 'FluentUI' {
      padding-bottom: $pv-spacing-12;
      padding-top: $pv-spacing-16;
    }
    @else {
      padding-bottom: $pv-spacing-14;
      padding-top: $pv-spacing-20;
    }
  }

  .e-pv-properties-list-item-edit-prop {
    margin-right: $pv-spacing-15;
    width: $pv-width-295;
    @if $skin-name == 'FluentUI' {
      margin-right: $pv-spacing-12;
      width: $pv-width-318;
    }
  }

  .e-pv-properties-form-field-window {
    max-width: $pv-properties-form-field-win-max-width;
  }

  .e-pv-properties-form-field-window .e-dlg-content .e-tab-header {
    @if ($skin-name == 'fluent2') {
      width: $pv-properties-form-field-win-max-width !important;/* stylelint-disable-line declaration-no-important */
      border-bottom: $pv-border-1 solid var(--color-sf-border-light);
    }
  }

  .e-pv-default-tab .e-tab-header {
    @if ($skin-name == 'fluent2') {
      border-bottom: $pv-border-1 solid var(--color-sf-border-light);
    }
    @else if ($skin-name == 'FluentUI') {
      border-bottom: $pv-border-1 solid $border-light;
    }
    @else if ($skin-name == 'Material3') {
      border-bottom: $pv-border-1 solid rgba($border-light);
    }
  }

  .e-pv-properties-formfield-textarea {
    @if $skin-name == 'FluentUI' {
      min-width: $pv-width-318;
    }
  }

  .e-pv-default-tab .e-pv-properties-formfield-textarea {
    width: $pv-width-300;
    height: $pv-height-123;
    border: $pv-border-1 solid #e0e0e0;
    margin-right: $pv-spacing-15;
    overflow: auto;
  }

  .e-pv-properties-export-value-edit-prop {
    width: $pv-width-295;
    @if $skin-name == 'FluentUI' {
      width: $pv-width-318;
    }
  }

  .e-pv-properties-form-field-list-btn-div {
    align-items: center;
    display: flex;
    height: $pv-height-36;
    margin-top: $pv-spacing-10;
    text-align: center;
    @if $skin-name == 'FluentUI' {
      height: $pv-height-32;
      margin-top: $pv-spacing-24;
    }
    .e-pv-default-tab & {
      height: $pv-height-unset;
    }
  }

  .e-pv-form-field-properties-dialog .e-pv-properties-form-field-list-btn-div {
    @if $skin-name == 'tailwind3' or $skin-name == 'FluentUI' {
      margin-top: $pv-spacing-24;
    }
    @else {
      margin-top: $pv-spacing-20;
    }
  }

  .e-pv-properties-form-field-export-value-main-div {
    @if $skin-name == 'FluentUI' {
      padding-bottom: $pv-spacing-12;
      padding-top: $pv-spacing-0;
    }
    @else {
      padding-bottom: $pv-spacing-15;
      padding-top: $pv-spacing-10;
    }
    width: $pv-width-335;
  }

  .e-pv-properties-form-field-group-btn-div {
    display: grid;
    align-content: space-between;
  }

  .e-pv-properties-form-field-option-dropdown-list-div {
    @if $skin-name == 'FluentUI' {
      padding-top: $pv-spacing-0;
    }
    @else {
      padding-top: $pv-spacing-10;
    }
  }

  .e-pv-properties-form-field-btn-textarea-container {
    display: flex;
    width: $pv-width-385;
    @if $skin-name == 'FluentUI' {
      padding-top: $pv-spacing-0;
    }
    @else {
      padding-top: $pv-spacing-15;
    }
  }

  .e-pv-default-tab .e-pv-properties-form-field-btn-textarea-container {
    padding-top: $pv-spacing-0;
  }

  .e-pv-formfield-textarea-group-mobile .e-pv-properties-form-field-btn-textarea-container {
    width: $pv-width-340;
  }

  .e-pv-properties-dropdown-btn {
    align-items: center;
    display: flex;
    height: $pv-height-36;
    text-align: center;
    width: $pv-width-75;
    .e-pv-default-tab & {
      height: $pv-height-unset;
    }
  }

  .e-pv-default-tab .e-pv-properties-dropdown-btn {
    @if ($skin-name == 'fluent2') {
      width: $pv-width-96;
    }
  }

  .e-pv-default-tab .e-pv-properties-list-item-edit-prop,
  .e-pv-default-tab .e-pv-properties-export-value-edit-prop {
    @if ($skin-name == 'fluent2') {
      width: $pv-width-275;
    }
  }

  .e-pv-appearance-tab-content-mobile .e-pv-properties-dropdown-btn {
    height: $pv-height-32;
    width: $pv-width-60;
  }

  .e-pv-show-designer-name {
    align-items: center;
    color: $pv-show-designer-name-color;
    display: grid;
    height: $pv-height-p100;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: $pv-width-p100;
  }

  .e-pv-formfield-li-element {
    list-style: none;
    padding-left: $pv-spacing-10;
  }

  .e-pv-li-select {
    background-color: $pv-form-field-li-background-color;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      background-color: $pv-item-selection-background-color;
      color: $white;
    }
    @if ($skin-name == 'tailwind') {
      background-color: $pv-item-selection-background-color;
    }
    @if ($skin-name == 'fluent2') {
      color: $pv-save-button-color;
    }
  }

  .e-pv-formfield-li-element.e-pv-li-select {
    background-color: $pv-form-field-li-background-color;
    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind') {
      color: $white;
    }
    @if ($skin-name == 'tailwind3' or $skin-name == 'bootstrap5.3') {
      color: rgba($white);
    }
    @if ($skin-name == 'highcontrast') {
      color: $selection-font;
    }
  }

  .e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
    @if ($skin-name != 'Material3') {
      background-color: $pv-form-field-li-background-color;
    }
    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind') {
      color: $white;
    }
    @if ($skin-name == 'tailwind3' or $skin-name == 'bootstrap5.3') {
      color: rgba($white);
    }
    @if ($skin-name == 'Material3') {
      background-color: $content-bg-color-hover;
    }
    @if ($skin-name == 'fluent2') {
      color: $pv-save-button-color;
    }
    @if ($skin-name == 'highcontrast') {
      color: $selection-font;
    }
  }

  .e-pv-formfield-li-element:focus {
    @if ($skin-name == 'Material3') {
      background-color: $content-bg-color-focus;
    }
  }

  .e-pv-formfield-li-element:disabled {
    @if ($skin-name == 'Material3') {
      background-color: $transparent;
      font-size: $pv-text-sm;
      color: rgba(28, 31, 30, .38);
    }
  }

  .e-pv-form-designer-ul-list-items {
    padding-left: $pv-spacing-1;
  }

  .e-pv-form-field-property-header.e-dialog .e-dlg-header .e-dlg-header-content {
    font-size: $pv-form-field-property-header-font-size;
    font-weight: $pv-form-field-property-header-font-weight;
  }

  .e-pv-form-field-property-header {
    -ms-user-select: none;
    -webkit-user-select: none;
    color: $pv-form-field-property-header-color;
    display: block;
    @if $skin-name == 'FluentUI' {
      font-family: 'Segoe UI';
      height: $pv-height-24;
    }
    @else {
      font-family: 'Roboto';
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      font-family: inherit;
    }
    font-size: $pv-form-field-property-header-font-size;
    font-style: normal;
    font-weight: $pv-form-field-property-header-font-weight;
    line-height: $pv-form-field-property-header-line-height;
    margin-top: $pv-form-field-property-header-margin-top;
    mix-blend-mode: normal;
    opacity: $pv-form-field-property-header-opacity;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    vertical-align: top;
    white-space: nowrap;
    width: $pv-form-field-property-header-width;
    @if $skin-name=='Material3' {
      height: $pv-height-20;
      font-family: $font-family;
    }
    @if $skin-name=='fluent2' {
      height: $pv-height-28;
      font-family: $font-family;
    }
  }

  .e-pv-default-tab.e-pv-properties-tab-style-prop .e-pv-properties-checkbox-main-div-prop .e-icons.e-frame{
    @if $skin-name=='fluent2' {
      margin-left: $pv-spacing-0;
    }
  }

  .e-pv-form-field-property-header-general {
    @if $skin-name=='FluentUI' {
      font-family: 'Segoe UI';
      height: $pv-height-24;
    }

    @if ($skin-name=='Material3'or $skin-name == 'fluent2') {
      font-family: $font-family;
    }
    @else {
      font-family: 'Roboto';
    }
    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
      font-family: inherit;
    }
    font-size: $pv-form-field-property-general-header-font-size;
    font-style: normal;
    @if $skin-name != 'FluentUI' {
      font-weight: $pv-form-field-property-header-font-weight;
    }
    line-height: $pv-form-field-property-general-header-line-height;
  }

  .e-pv-redaction-properties-dialog .e-pv-default-tab.e-lib.e-tab.e-control,
  .e-pv-properties-tab-style-prop.e-lib.e-tab.e-control {
    @if ($skin-name == 'highcontrast' or $skin-name == 'highcontrast-dark') {
      border: $pv-border-0;
    }
  }

  .e-pv-properties-formfield-formatting {
    color: $pv-form-field-property-label-color;
    font-family: 'Roboto';
    font-size: $pv-form-field-property-general-header-font-size;
    font-style: normal;
    font-weight: normal;
    height: $pv-form-field-property-general-header-line-height;
    line-height: $pv-form-field-property-general-header-line-height;
    width: $pv-width-64;
  }

  .e-dialog:has(.e-pv-default-tab.e-pv-properties-tab-style-prop) {
    @if ($skin-name =='FluentUI') {
      width: $pv-width-450 !important;/* stylelint-disable-line declaration-no-important */
    }
    @else if ($skin-name == 'Material3') {
      width: $pv-width-420 !important;/* stylelint-disable-line declaration-no-important */
    }
    @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'highcontrast' or $skin-name == 'fluent2') {
      width: $pv-width-430 !important;/* stylelint-disable-line declaration-no-important */
    }
    max-height: $pv-height-530;
  }
  .e-pv-properties-form-field-font-style {
    background: $pv-form-field-property-font-style-color;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'fluent2') {
      border-radius: $pv-radius-4;
    }
    @else {
      border-radius: $pv-radius-2;
    }
    display: flex;
    @if ($skin-name == 'fluent2') {
      height: $pv-height-32;
      border: $pv-current-page-border;
      width: $pv-width-128;
    }
    @else {
      height: $pv-height-36;
      width: $pv-width-154;
    }
    @if ($skin-name == 'tailwind3') {
      border: $pv-current-page-border;
      border-radius: $pv-radius-6;
    }
    @if ($skin-name != 'fluent2') {
      justify-content: space-evenly;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      align-items: center;
      border: $pv-border-1 solid $border-light;
      height: $pv-height-32;
      width: $pv-width-163;
    }
    @if ($skin-name == 'FluentUI') {
      align-items: center;
      border: $pv-border-1 solid $border;
      height: $pv-height-32;
      width: $pv-width-163;
    }
    @if ($skin-name == 'Material3') {
      align-items: center;
      border-bottom: $pv-border-1 solid $transparent;
      height: $pv-height-32;
      width: $pv-width-128;
      padding-left: $pv-spacing-8;
      padding-top: $pv-spacing-10;
    }
  }
  
  .e-pv-font-style-prop-mobile,
  .e-pv-default-tab .e-pv-properties-form-field-font-style {
    width: $pv-width-auto;
  }

  .e-pv-default-tab .e-pv-properties-form-field-font-style {
    justify-content: unset;
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3') {
      border-radius: $pv-radius-4;
      height: $pv-height-36;
      border: $pv-border-1 solid $border-light;
    }
    @else if($skin-name == 'highcontrast') {
      border: $pv-border-1 solid;
    }
  }

  .e-pv-properties-form-field-font-style .e-control:not(.e-pv-strikeout-icon-div),
  .e-pv-properties-form-field-font-align .e-control:not(.e-pv-right-align-icon-div) {
    @if ($skin-name=='fluent2' or $skin-name == 'tailwind3') {
      border-right: $pv-current-page-border;
    }
  }

  .e-pv-properties-form-field-font-align {
    background: $pv-form-field-property-font-style-color;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' or $skin-name == 'fluent2') {
      border-radius: $pv-radius-4;
    }
    @else {
      border-radius: $pv-radius-2;
    }
    display: flex;
    @if ($skin-name == 'fluent2') {
      border: $pv-current-page-border;
      height: $pv-height-32;
      width: $pv-width-96;
    }
    @else {
      height: $pv-height-36;
      width: $pv-width-120;
    }
    @if ($skin-name == 'tailwind3') {
      border: $pv-current-page-border;
      border-radius: $pv-radius-6;
    }
    @if ($skin-name != 'fluent2') {
      justify-content: space-evenly;
    }
    margin-right: $pv-spacing-15;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI') {
      align-items: center;
      border: $pv-border-1 solid $border-light;
      height: $pv-height-32;
    }
    @if ($skin-name == 'FluentUI') {
      border: $pv-border-1 solid $border;
    }
    @if ($skin-name == 'Material3') {
      align-items: center;
      height: $pv-height-32;
      width: $pv-width-96;
      padding-top: $pv-spacing-8;
      border: $pv-border-1 solid $transparent;
    }
  }

  .e-pv-default-tab .e-pv-properties-form-field-font-align {
    @if ($skin-name == 'FluentUI') {
      height: $pv-height-34;
    }
  }

  .e-pv-redaction-properties-dialog .e-pv-properties-form-field-font-align {
    @if ($skin-name == 'Material3') {
      padding-top: $pv-spacing-0;
    }
  }

  .e-pv-default-tab .e-pv-properties-form-field-font-align {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      border: $pv-border-1 solid $border-light;
    }
    @else if($skin-name == 'highcontrast') {
      border: $pv-border-1 solid;
    }
    width: $pv-width-auto;
  }

  .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-right-align-icon-div.e-pv-li-select {
    @if ($skin-name =='bootstrap5.3') {
      border-top-right-radius: $pv-radius-4;
      border-bottom-right-radius: $pv-radius-4;
    }
  }

  .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-right-align-icon-div:hover,
  .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-right-align-icon-div:focus,
  .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-right-align-icon-div:active {
    @if ($skin-name =='bootstrap5.3') {
      border-top-right-radius: $pv-radius-4;
      border-bottom-right-radius: $pv-radius-4;
    }
  }

  .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-left-align-icon-div.e-pv-li-select {
    @if ($skin-name =='bootstrap5.3') {
      border-top-left-radius: $pv-radius-4;
      border-bottom-left-radius: $pv-radius-4;
    }
  }

  .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-left-align-icon-div:hover,
  .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-left-align-icon-div:focus,
  .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-left-align-icon-div:active {
    @if ($skin-name =='bootstrap5.3') {
      border-top-left-radius: $pv-radius-4;
      border-bottom-left-radius: $pv-radius-4;
    }
  }

  .e-pv-font-align-prop-mobile .e-pv-properties-form-field-font-align {
    margin-right: $pv-spacing-0;
  }

  .e-pv-general-tab-content-mobile,
  .e-pv-appearance-tab-content-mobile,
  .e-pv-options-tab-content-mobile {
    display: flex;
    flex-direction: column;
    padding: $pv-spacing-10;
    gap: 16px;
  }

  .e-pv-font-family-prop-group-mobile,
  .e-pv-font-size-prop-group-mobile,
  .e-pv-font-style-prop-group-mobile,
  .e-pv-font-align-prop-group-mobile,
  .e-pv-font-color-prop-group-mobile,
  .e-pv-font-length-prop-group-mobile,
  .e-pv-fill-prop-group-mobile,
  .e-pv-border-prop-group-mobile,
  .e-pv-thickness-prop-group-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .e-pv-formfield-btn-group-mobile {
    display: flex;
    gap: 10px;
  }

  .e-pv-properties-formfield-label {
    color: $pv-form-field-property-label-color;
    @if ($skin-name == 'tailwind3') {
      font-family: 'Inter';
    }
    @else {
      font-family: 'Roboto';
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      font-family: inherit;
    }
    font-size: $pv-form-field-property-general-header-font-size;
    font-style: normal;
    font-weight: normal;
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      font-weight: $pv-font-weight-medium;
    }
    @if ($skin-name == 'FluentUI') {
      font-family: 'Segoe UI';
      font-weight: $pv-font-weight-semibold;
      margin-bottom: $pv-spacing-4;
    }
    height: $pv-form-field-property-general-header-line-height;
    line-height: $pv-form-field-property-general-header-line-height;
    @if ($skin-name == 'Material3') {
      font-size: $pv-text-xxs;
      font-weight: $font-weight-normal;
      line-height: $pv-line-height-14;
      height: $pv-height-12;
      font-family: $font-family;
    }
    @if $skin-name == 'fluent2'{
      font-family: $font-family;
    }
    @if ($skin-name == 'tailwind3') {
      line-height: $pv-line-height-20;
      height: $pv-height-20;
    }
  }

  .e-pv-default-tab .e-pv-properties-formfield-label {
    margin-bottom: $pv-spacing-0;
  }
  
  .e-pv-default-tab .e-pv-properties-form-field-list-add-div .e-pv-properties-formfield-label,
  .e-pv-default-tab .e-pv-properties-form-field-export-value-div .e-pv-properties-formfield-label,
  .e-pv-default-tab .e-pv-properties-form-field-option-dropdown-list-div .e-pv-properties-formfield-label {
    margin-bottom: $pv-spacing-5;
  }

  .e-pv-formfield-maxlength .e-input-group.e-control-wrapper .e-input-group-icon {
    min-width: $pv-formfield-maxlength-arrow-width;
    @if ($skin-name == 'tailwind3') {
      min-width: $pv-width-25;
      padding-top: $pv-spacing-1;
    }
  }

  .e-pv-default-tab .e-pv-formfield-maxlength .e-input-group.e-control-wrapper .e-input-group-icon {
    @if $skin-name == 'fluent2'{
      min-width: $pv-width-8;
    }
  }

  .e-pv-properties-form-field-window {
    height: $pv-formfield-designer-dialog-height;
  }

  .e-pv-properties-header-spliter {
    border-bottom-color: $pv-properties-header-spliter-border-bottom-color;
    border-bottom-style: $pv-properties-header-spliter-border-bottom-style;
    border-bottom-width: $pv-properties-header-spliter-border-bottom-width;
    left: $pv-properties-header-spliter-left;
    padding-top: $pv-properties-header-spliter-padding-top;
    position: $pv-properties-header-spliter-position;
    width: $pv-properties-header-spliter-width;
  }

  .e-pv-properties-bottom-spliter {
    border-bottom-color: $pv-properties-header-spliter-border-bottom-color;
    border-bottom-style: $pv-properties-header-spliter-border-bottom-style;
    border-bottom-width: $pv-properties-header-spliter-border-bottom-width;
    left: $pv-properties-header-spliter-left;
    margin-bottom: $pv-properties-header-spliter-margin-bottom;
    padding-top: $pv-properties-header-spliter-margin-bottom;
    width: $pv-properties-header-spliter-width;
    @if ($skin-name == 'Material3'){
      margin-bottom: $pv-spacing-0;
      padding-top: $pv-spacing-0;
      border-width: $pv-border-0;
    }
  }

  .e-pv-formfield-textcolor-icon .e-btn-icon.e-icons,
  .e-pv-formfield-fontcolor-icon .e-btn-icon.e-icons,
  .e-pv-formfield-strokecolor-icon .e-btn-icon.e-icons,
  .e-pv-formfield-strokethickness-icon .e-btn-icon.e-icons {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      width: $pv-width-1em;
    }
  }

  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
    background-color: $pv-comment-panel-bg;
    padding: $pv-spacing-0 $pv-icon-padding-top;
  }

  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
    justify-content: center;
    padding: $pv-spacing-0 $pv-icon-padding-top;
  }

  .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
    @if ($skin-name == 'bootstrap4') {
      margin-left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
      width: $pv-width-1em !important;/* stylelint-disable-line declaration-no-important */
      line-height: $pv-line-height-24 !important;/* stylelint-disable-line declaration-no-important */
      padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
    @else {
      margin-left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
      width: $pv-width-1em !important;/* stylelint-disable-line declaration-no-important */
      line-height: $pv-line-height-24 !important;/* stylelint-disable-line declaration-no-important */
    }
    margin-top: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-signature-apperance .e-float-input.e-control-wrapper.e-input-group:not(.e-pv-canvas-signature-blazor) {
    @if ($skin-name =='fluent2') {
      margin-left: $pv-spacing-3-425p;
      width: $pv-width-95-55p !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-signature-apperance .e-checkbox-wrapper{
    @if ($skin-name == 'fluent2') {
      margin-left: $pv-toolbar-btn-height;
    }
  }

  .e-pv-signature-window .e-dlg-content {
    @if ($skin-name=='highcontrast') {
      padding: $pv-spacing-16;
    }

    @if ($skin-name=='fluent2') {
      width: $pv-width-p100 !important;/* stylelint-disable-line declaration-no-important */
      padding-left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
  }
  .e-pv-signature-window .e-dlg-content .e-tab-header{
    @if ($skin-name == 'fluent2') {
      width: $pv-width-103p !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-signature-window .e-dlg-content .e-tab-header .e-toolbar-items{
    @if ($skin-name == 'fluent2') {
      margin-left: $pv-spacing-28;
    }
  }

  .e-pv-signatureimage {
    @if ($skin-name == 'highcontrast') {
      background-color: $pv-signature-image-panel-bg;
    }
  }

  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover:focus,
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover:focus .e-caret {
    @if ($skin-name == 'bootstrap4') {
      color: $pv-prop-win-drop-down-color-hover;
    }
    @if ($skin-name == 'bootstrap5.3') {
      background-color: $pv-annotation-dropdown-background-color-hover;
      border-color: $pv-annotation-dropdown-border-color-hover;
      outline: none;
    }
  }

  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:not(:hover) {
    @if ($skin-name == 'bootstrap4') {
      color: $pv-stamp-icon-color;
    }
  }

  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
    @if ($skin-name == 'bootstrap4') {
      color: $pv-prop-win-drop-down-color-hover;
    }
    @if ($skin-name == 'bootstrap5') {
      color: $white;
    }
  }

  .e-dialog.e-pv-signature-dialog-height {
    height: $pv-signature-dialog-height;
    @if ($skin-name == 'FluentUI' or $skin-name == 'Material3') {
      min-height: $pv-signature-dialog-height;
    }
  }
  .e-dialog.e-pv-signature-dialog-blazor-height {
    @if ($skin-name != 'tailwind3') {
      height: $pv-signature-dialog-blazor-height;
    }
    @if ($skin-name == 'FluentUI') {
      min-height: $pv-signature-dialog-height;
    }
    @if ($skin-name == 'Material3') {
      min-height: $pv-signature-dialog-blazor-height;
    }
    @if ($skin-name == 'fluent2') {
      min-height: $pv-signature-dialog-height;
    }
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      max-height: $pv-signature-dialog-height !important;/* stylelint-disable-line declaration-no-important */
    }
    @if ($skin-name == 'tailwind3') {
      max-height: $pv-signature-dialog-blazor-height !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-signature-dialog-blazor-height.e-dlg-modal .e-dlg-content .e-tab {
    @if ($skin-name == 'highcontrast') {
      border: none;
    }
  }

  .e-pv-signature-dialog-height .e-pv-signature-dialog-height .e-dlg-content .e-tab {
    @if ($skin-name == 'highcontrast') {
      border: none;
    }
  }

  .e-dialog.e-pv-signature-dialog-blazor-height .e-checkbox-wrapper.e-wrapper {
    @if $skin-name =='fluent2' {
      margin-left: $pv-spacing-0 !important/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-toolbar-scroll .e-toolbar-pop.e-popup-open {
    overflow: auto;
  }

  .e-pv-canvas-signature {
    width: $pv-canvas-sign-width;

    @if $skin-name=='FluentUI'{
      max-width: $pv-canvas-sign-width;
    }

    @if $skin-name =='fluent2' {
      width: $pv-width-95-5p;
      max-width: $pv-width-95-5p;
      margin-left: $pv-spacing-3-657p;
      border: $pv-border-2 dotted var(--color-sf-border-dark) !important;/* stylelint-disable-line declaration-no-important */
    }

    @if $skin-name=='Material3' {
      width: $pv-width-p100;
      max-width: $pv-canvas-sign-width;
    }
    @if $skin-name=='tailwind3' {
      width: $pv-width-p100;
    }
  }

  .e-pv-blazor-mobile-redaction-toolbar,
  .e-pv-mobile-redaction-toolbar {
    bottom: 0;
    position: absolute;
    width: $pv-width-p100;
    float: left;
    z-index: 100;
  }

  .e-pv-redaction-page-mark-panel {
    inset: 0;
    height: $pv-height-p100;
    width: $pv-width-p100;
    position: absolute;
    z-index: 110;
  }

  .e-pv-redaction-page-mark-content-mobile {
    margin-left: $pv-spacing-15;
    margin-top: $pv-spacing-20;
  }

  .e-pv-blazor-redaction-title-mobile {
    left: 37px;
    top: 10px;
  }

  .e-pv-redaction-title-mobile {
    left: 37px;
    top: 10px;
  }

  .e-pv-redaction-content-container {
    left: 37px;
    top: 10px;
  }
  .e-pv-blazor-redaction-opacity-container .e-slider-container,
  .e-pv-redaction-opacity-container .e-slider-container {
    @if $skin-name =='fluent2' {
      padding-right: $pv-spacing-10;
    }
    @else {
      padding-left: $pv-spacing-10;
      @if $skin-name == 'FluentUI' {
        height: $pv-height-28 !important;/* stylelint-disable-line declaration-no-important */
      }
    }
  }

  .e-pv-blazor-redaction-opacity-container {
    @if $skin-name == 'FluentUI' {
      padding-top: $pv-spacing-10;
    }
  }

  .e-pv-redaction-opacity-container {
    @if $skin-name == 'FluentUI' {
      padding-top: $pv-spacing-10;
    }
  }
   
  .e-pv-redaction-opactity-value {
    float: right;
    margin-top: $pv-spacing-6;
  }

  .e-pv-blazor-redaction-font-color-text,
  .e-pv-blazor-redaction-fill-text,
  .e-pv-redaction-font-color-text,
  .e-pv-redaction-fill-text {
    float: left;
    margin-top: $pv-spacing-2;
    margin-right: $pv-spacing-12;
  }

  .e-pv-blazor-redaction-fill-text {
    margin-left: $pv-spacing-10;
  }

  .e-pv-redaction-fill-text {
    margin-left: $pv-spacing-10;
  }

  .e-pv-blazor-redaction-table,
  .e-pv-blazor-redaction-font-table {
    margin-top: $pv-spacing-10;
  }

  .e-pv-redaction-table,
  .e-pv-redaction-font-table {
    margin-top: $pv-spacing-10;
  }

  .e-pv-blazor-redaction-font-table {
    margin-left: $pv-spacing-10;
  }

  .e-pv-redaction-font-table {
    margin-left: $pv-spacing-10;
  }

  .e-pv-redaction-font-family {
    float: left;
    width: $pv-width-177;
  }

  .e-pv-blazor-redaction-font-size {
    float: left;
    width: $pv-width-92;
    margin-left: $pv-spacing-15;
  }

  .e-pv-redaction-font-size {
    float: left;
    width: $pv-width-92;
    margin-left: $pv-spacing-15;
  }

  .e-pv-use-overlay-text-prop-mobile,
  .e-pv-repeat-text-prop-mobile {
    height: $pv-height-32;
  }

  .e-pv-blazor-redaction-fill-color,
  .e-pv-blazor-redaction-font-color,
  .e-pv-blazor-redaction-text-align {
    float: left;
  }

  .e-pv-redaction-fill-color,
  .e-pv-redaction-font-color,
  .e-pv-redaction-text-align {
    float: left;
  }

  .e-pv-redaction-mobile-page-range-input {
    -ms-flex: 1;
    flex: 1;
  }

  .e-pv-blazor-redaction-text-align {
    margin-left: $pv-spacing-15;
  }

  .e-pv-redaction-text-align {
    margin-left: $pv-spacing-15;
  }

  .e-pv-blazor-redaction-overlay-input {
    float: left;
    margin-left: $pv-spacing-20;
  }

  .e-pv-redaction-overlay-input {
    float: left;
    margin-left: $pv-spacing-20;
  }

  .e-pv-blazor-redaction-color-picker {
    float: left;
    width: $pv-width-auto;
    margin-left: $pv-spacing-10;
  }

  .e-pv-redaction-color-picker {
    float: left;
    width: $pv-width-auto;
    margin-left: $pv-spacing-10;
  }

  .e-pv-blazor-redaction-property-panel-mobile {
    position: absolute;
    inset: 0;
    height: $pv-height-p100;
    width: $pv-width-p100;
  }

  .e-pv-redaction-property-panel-mobile {
    position: absolute;
    inset: 0;
    height: $pv-height-p100;
    width: $pv-width-p100;
  }

  .e-pv-overlay-text-prop-lable-mobile {
    float: left;
  }

  .e-pv-overlay-text-prop-mobile {
    float: right;
  }

  .e-pv-properties-form-field-font-align {
    width: $pv-width-100;
  }

  .e-pv-blazor-redaction-title-mobile {
    top: 10px;
    left: 37px;
  }

  .e-pv-redaction-title-mobile {
    top: 10px;
    left: 37px;
  }

  .e-pv-blazor-redaction-outline-text,
  .e-pv-blazor-redaction-opacity-text {
    @if $skin-name !='fluent2' {
      margin-left: $pv-spacing-10;
    }
  }

  .e-pv-redaction-outline-text,
  .e-pv-redaction-opacity-text {
    @if $skin-name !='fluent2' {
      margin-left: $pv-spacing-10;
    }
  }

  .e-pv-blazor-redaction-overlay-text {
    float: left;
  }

  .e-pv-redaction-overlay-text {
    float: left;
  }

  .e-pv-blazor-redaction-overlat-input {
    float: left;
    margin-left: $pv-spacing-20;
  }

  .e-pv-redaction-overlat-input {
    float: left;
    margin-left: $pv-spacing-20;
  }

  .e-pv-balzor-redaction-mark-fill-text {
    float: left;
    margin: $pv-spacing-2 $pv-spacing-0 $pv-spacing-0 $pv-spacing-20;
    @if ($skin-name == 'bootstrap5.3') {
      margin-left: $pv-spacing-30;
    }
  }

  .e-pv-redaction-mark-fill-text {
    float: left;
    margin: $pv-spacing-2 $pv-spacing-0 $pv-spacing-0 $pv-spacing-20;
    @if ($skin-name == 'bootstrap5.3') {
      margin-left: $pv-spacing-30;
    }
  }

  .e-pv-blazor-redaction-outline-text {
    margin-top: $pv-spacing-2;
    float: left;
  }

  .e-pv-redaction-outline-text {
    margin-top: $pv-spacing-2;
    float: left;
  }

  .e-pv-overlaytext {
    float: left;
    margin-left: $pv-spacing-20;
  }

  .e-pv-blazor-redaction-table-tr {
    display: flex;
    align-items: center;
    margin-top: $pv-spacing-8;
  }

  .e-pv-redaction-table-tr {
    display: flex;
    align-items: center;
    margin-top: $pv-spacing-8;
  }

  .e-pv-redaction-page-mark-dialog .e-footer-content button,
  .e-pv-redaction-properties-dialog .e-footer-content button {
    @if $skin-name == 'tailwind3' {
      height: $pv-height-30;
    }
    @else {
      height: $pv-height-32;
    }
    padding-top: $pv-spacing-0;
    @if $skin-name =='fluent2' {
      width: $pv-width-96;
    }
    @else if $skin-name == 'bootstrap5.3' {
      padding-bottom: $pv-spacing-0;
    }
    @if $skin-name == 'Material3' {
      border-radius: $pv-radius-20;
      padding-top: $pv-spacing-2;
    }
  }

  .e-pv-redact-close,
  .e-pv-redact-page-close {
    color: $pv-icon-color;
  }

  .e-pv-redaction-radio-option {
    margin-bottom: $pv-spacing-12;
  }

  .e-pv-redaction-page-mark-content {
    margin-left: $pv-spacing-12;
    @if $skin-name=='Material3' {
      margin-top: $pv-spacing-5;
    }
  }

  .e-pv-page-range-row {
    display: flex;
    margin-top: $pv-spacing-10;
    margin-bottom: $pv-spacing-10;
    height: $pv-height-32;
  }

  .e-pv-page-range-label {
    margin-right: $pv-spacing-10;
    margin-top: $pv-spacing-5;
    flex: 1;
  }

  .e-pv-page-range-input {
    flex: 2;
  }

  .e-pv-tr {
    height: $pv-height-50;
  }

  .e-pv-redaction-property-panel {
    z-index: 110;
  }

  .e-pv-blazor-page-mark-title {
    left: 37px;
    top: 10px;
  }

  .e-pv-redaction-property-panel-text,
  .e-pv-redaction-page-mark-dialog {
    font-family: system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-size: $pv-text-sm;
    line-height: $pv-line-height-28;
    @if $skin-name == 'Material3' {
      font-size: $pv-text-xs;
    }
  }

  .e-pv-redaction-can-overlay table.e-pv-redaction-font-table tr:first-of-type td:first-of-type,
  span.e-pv-redaction-property-panel-text,
  span.e-pv-redaction-opactity-value {
    color: $pv-redaction-panel-text-color;
  }
  .e-pv-mobile-view .e-pv-redaction-page-mark-content .e-pv-page-range-label,
  .e-pv-mobile-view .e-pv-redaction-page-mark-panel .e-pv-redaction-panel-title-container span.e-pv-annotation-tools-close-icon,
  .e-pv-mobile-view .e-pv-redaction-property-panel .e-pv-redaction-panel-title-container span.e-pv-annotation-tools-close-icon {
    color: $pv-redaction-panel-text-color;
  }

  .e-pv-sign-upload{
    @if $skin-name =='fluent2' {
      left: 44.5% !important;/* stylelint-disable-line declaration-no-important */
      top: 42% !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-notification-popup .e-dlg-content {
    @if $skin-name == 'fluent2' {
      overflow: hidden;
      overflow-x: hidden;
    }
  }

  .e-pv-canvas-signature-blazor {
    width: $pv-canvas-sign-width-blazor;
  }

  .e-pv-signature-uploadcanvas.e-pv-canvas-signature-blazor {
    @if $skin-name == 'tailwind3' {
      background-color: $content-bg-color !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-font-appearance-style {
    padding: $pv-font-div-padding;
    @if $skin-name == 'Material3' {
      max-width: $pv-canvas-sign-width;
    }
  }

  .e-pv-font-appearance-style-blazor {
    padding: $pv-font-div-padding-blazor;
  }

  .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-pv-left-align-icon.e-pv-icon.e-btn-icon.e-icon-left {
    @if ($skin-name == 'bootstrap4' or $skin-name == 'material') {
      padding: $pv-spacing-0 $pv-spacing-6;
      width: $pv-width-28;
    }
  }
  .e-pv-toolbar-tooltip {
    pointer-events: none;
  }

  .e-pdfviewer .e-dropdown-btn,
  .e-pdfviewer .e-dropdown-btn.e-btn {
    @if ($skin-name == 'Material3') {
      box-shadow: none;
    }
  }

  .e-pv-notification {
    background-color: $pv-organize-page-virtualEle-notification-color;
  }

  .e-pv-zoom-dropdown .e-dropdownbase .e-list-item {
    @if ($skin-name == 'highcontrast' or $skin-name == 'fluent2') {
      padding: $pv-spacing-0;
    }
  }

  .e-pv-blazor-bookmark-icon {
    white-space: pre-wrap;
  }

  .e-pv-blazor-bookmark-title {
    padding-right: $pv-spacing-24;
  }

  .e-pv-blazor-sidebar-title-container {
    z-index: 10;
  }

  .e-pv-blazor-comment-panel-resizer {
    display: none;
  }

  .e-pv-blazor-comments-title {
    opacity: .6;
    padding: $pv-spacing-8;
    float: left;
  }

  .e-pv-rtl .e-pv-blazor-comments-title {
    float: right;
  }

  .e-pv-blazor-sidebar-title {
    padding-left: $pv-spacing-5;
  }

  .e-pv-blazor-title-close-icon {
    border: none;
    background: none;
    float: right;
  }

  .e-pv-blazor-annotation-tools-close-icon {
    border-color: transparent;
    padding-top: $pv-spacing-8;
    background-color: transparent;
  }

  .e-pv-blazor-comment-panel-title {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .e-pv-blazor-comments-container {
    z-index: 1000;
  }

  .e-pv-blazor-accordion-content-container {
    display: block;
  }

  .e-pv-blazor-comments-div {
    min-height: $pv-height-60;
  }

  .e-pv-blazor-comment-class {
    border: $pv-border-1 #000;
    z-index: 1002;
    padding-left: $pv-spacing-30;
  }

  .e-pv-rtl .e-pv-blazor-comment-class {
    padding-right: $pv-spacing-30;
    padding-left: $pv-spacing-0;
  }

  .e-pv-blazor-annotation-thickness-popup-container-mobile {
    padding-top: $pv-spacing-8;
    padding-bottom: $pv-spacing-8;
    padding-left: $pv-spacing-16;
    padding-right: $pv-spacing-16;
    border-radius: $pv-radius-6;
    box-shadow: $pv-blazor-annotation-thickness-popup-container-mobile-box-shadow;
  }

  .e-pv-blazor-annotation-custom-fontsize {
    font-size: $pv-text-base;
  }

  .e-pv-blazor-annotation-opacity-popup-container-mobile {
    padding-top: $pv-spacing-8;
    padding-bottom: $pv-spacing-36;
    padding-left: $pv-spacing-16;
    padding-right: $pv-spacing-16;
    border-radius: $pv-radius-6;
    box-shadow: $pv-blazor-annotation-thickness-popup-container-mobile-box-shadow;
  }

  .e-pv-blazor-password {
    width: $pv-width-p100;
  }

  .e-pv-blazor-fileupload-element {
    position: fixed;
    left: -100em;
  }

  .e-pv-blazor-properties-container-custom-width {
    width: $pv-width-185;
  }

  .e-pv-blazor-properties-container-custom-margin {
    margin-left: $pv-spacing-32;
    width: $pv-width-185;
  }

  .e-pv-blazor-properties-line-stroke-color-container {
    margin-left: $pv-blazor-line-stroke-color-margin-left !important; /* stylelint-disable-line declaration-no-important */
  }

  .e-dialog:has(.e-pv-properties-line-style-prop .e-pv-blazor-properties-container-custom-width) {
    @if $skin-name =='FluentUI' {
      height: $pv-height-465 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-blazor-zoom-dropdown .e-input{
    min-width: $pv-width-58 !important; /* stylelint-disable-line declaration-no-important */
  }

  .e-pv-blazor-tbar-btn {
    width: $pv-width-auto;
  }

  .e-pv-blazor-handwritten-signature-canvas {
    height: $pv-height-340;
    background-color: $pv-white-color;
    border: $pv-border-1 dotted #bdbdbd;
  }

  .e-dialog.e-dlg-modal.e-pv-blazor-signature-dialog-blazor-height {
    display: block;
  }

  .e-pv-blazor-input {
    width: $pv-width-1;
    height: $pv-height-1;
    opacity: 0;
    position: absolute;
  }

  .e-pv-blazor-signature-apperance {
    @if $skin-name == 'tailwind3' {
      margin-top: $pv-spacing-12;
    }
    @else if $skin-name == 'fluent2' {
      margin-top: $pv-spacing-16;
    }
    @else if ($skin-name =='Material3' or $skin-name =='Material3-dark' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI') {
      margin-top: $pv-spacing-24;
    }
    @else {
      margin-top: $pv-spacing-30;
    }
  }

  .e-pv-blazor-type-div.e-pv-signature-apperance .e-input-group.e-control-container.e-control-wrapper.e-float-input {
    @if $skin-name == 'tailwind3' {
      margin-top: $pv-spacing-6;
    }
    @else if $skin-name == 'fluent2' {
      margin-top: $pv-spacing-10;
    }
    @else if ($skin-name =='Material3' or $skin-name =='Material3-dark' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI') {
      margin-top: $pv-spacing-18;
    }
  }

  .e-pv-signature-dialog-blazor-height .e-btn.e-dlg-closeicon-btn {
    @if ($skin-name == 'FluentUI') {
      left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-pv-blazor-signature-canvas {
    height: $pv-height-305;
    background-color: $pv-white-color;
    border: $pv-border-1 dotted #bdbdbd;
  }

  .e-pv-blazor-sign-upload {
    position: absolute;
    left: 308px;
    top: 139px;
  }

  .e-pv-blazor-sign-div {
    background-color: $pv-white-color;
    @if $skin-name == 'tailwind3' {
      margin-top: $pv-spacing-12;
    }
    @else if $skin-name == 'fluent2' {
      margin-top: $pv-spacing-16;
    }
    @else if ($skin-name =='Material3' or $skin-name =='Material3-dark' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI') {
      margin-top: $pv-spacing-24;
    }
    @else {
      margin-top: $pv-spacing-30;
    }
  }

  .e-pv-blazor-signature-uploadcanvas {
    height: $pv-height-305;
    background-color: $pv-white-color;
    border: $pv-border-1 dotted #bdbdbd;
    z-index: 0;
  }

  .e-pv-blazor-canvas-signature {
    height: $pv-height-270;
    border: $pv-border-1 dotted #bdbdbd;
    background-color: $pv-white-color;
    margin-top: $pv-spacing-8;
  }

  .e-pv-blazor-type-div {
    margin-top: $pv-spacing-6;
  }

  .e-pv-sign-table {
    width: $pv-width-p100;
  }

  .e-pv-blazor-properties-visibility-style-prop {
    justify-content: flex-start;
    width: $pv-width-p50;
  }

  .e-pv-blazor-properties-form-field-visibility-main-div {
    width: $pv-width-94p;
  }

  .e-pv-blazor-required-div {
    width: $pv-width-p50;
  }

  .e-pv-blazor-formfield-maxlength-group {
    padding-left: $pv-spacing-12;
  }

  .e-pv-blazor-save-button {
    position: absolute;
    right: 15px;
    top: 7px;
  }

  .e-pv-blazor-font-family-prop-mobile {
    width: $pv-width-163;
  }

  .e-pv-blazor-font-size-prop-mobile {
    width: $pv-width-120;
  }

  .e-pv-blazor-font-length-prop-mobile {
    width: $pv-width-100;
  }

  .e-pv-blazor-comment-sftextbox .e-textbox.e-lib.e-input{
    max-height: $pv-height-112;
  }

  .e-pv-blazor-properties-formfield-textarea-list {
    cursor: default;
  }

  .e-blazor-pdfviewer .e-pv-signature-window .e-footer-content .e-pv-clearbtn {
    float: left;
  }

  .e-blazor-pdfviewer .e-dialog .e-footer-content .e-pv-clearbtn {
    float: left;
  }

  .e-blazor-pdfviewer .e-tab .e-content {
    overflow: inherit !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-blazor-pdfviewer .e-pv-properties-fill-color-icon,
  .e-pv-properties-stroke-color-icon {
    border-bottom: $pv-border-2 solid;
  }

  .e-blazor-pdfviewer .e-dialog.e-pv-notification-dialog {
    max-height: $pv-height-620;
    max-width: $pv-width-380;
  }

  .e-blazor-pdfviewer .e-input.e-pv-gotopage-dialog {
    max-width: $pv-width-p80;
  }

  .e-blazor-pdfviewer .e-pv-number-ofpages {
    padding-left: $pv-spacing-10;
  }

  .e-blazor-pdfviewer .e-toast-message {
    text-align: center;
  }

  .e-blazor-pdfviewer .e-pv-container-tooltip {
    width: $pv-width-auto !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-blazor-pdfviewer .e-pv-notification-icon {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjM1cHgiIGhlaWdodD0iMzFweCIgdmlld0JveD0iMCAwIDM1IDMxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMiAoNTc1MTkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5Hcm91cCAzPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJDb3JydXB0ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MTQuMDAwMDAwLCAtMzUzLjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OTQuMDAwMDAwLCAyODUuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgNjguMTg0NDc0KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS4yMjM0NzA4LDEwLjM1NzYwMjYgTDEyLjY1MzYzNywyMy40MDU1MTA2IEwxNC4xMzIwOTA1LDI2Ljk5MTI0OTUgTDE5LjM2MTc3ODksMjYuOTkxMjQ5NSBDMjAuNDQwMjUwNywxNy44NjA2NDE1IDIwLjY5MzgwOTcsMTIuMzE2MDkyNSAyMC4xMjI0NTU4LDEwLjM1NzYwMjYgQzE5LjU1MTEwMTksOC4zOTkxMTI3NCAxNy45MTgxMDY5LDguMzk5MTEyNzQgMTUuMjIzNDcwOCwxMC4zNTc2MDI2IFoiIGlkPSJQYXRoLTExIiBmaWxsPSIjMEUwRTBFIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMS42MjM4MDkxLDMwLjM4NzQxMDEgQzMzLjgyOTUxMDUsMzAuMzg3NDEwMSAzNC43MjA5MTk0LDI4LjgzODYyNDQgMzMuNjExOTMzMiwyNi45MjMxMDI4IEwxOS4yODk5MDMsMi4xODUwNTA2OCBDMTguMTgyMjEyMiwwLjI3MTc2NjU5NSAxNi4zODc1ODYsMC4yNjk1MjkwNjkgMTUuMjc4NTk5OCwyLjE4NTA1MDY4IEwwLjk1NjU2OTY4NSwyNi45MjMxMDI4IEMtMC4xNTExMjExMDMsMjguODM2Mzg2OCAwLjc0NDI0ODg4MiwzMC4zODc0MTAxIDIuOTQ0NjkzNzksMzAuMzg3NDEwMSBMMzEuNjIzODA5MSwzMC4zODc0MTAxIFogTTE1LjYxNzU4NDgsMjYuMzg3NDEwMSBMMTUuNjE3NTg0OCwyMy4wNTQwNzY3IEwxOC45NTA5MTgxLDIzLjA1NDA3NjcgTDE4Ljk1MDkxODEsMjYuMzg3NDEwMSBMMTUuNjE3NTg0OCwyNi4zODc0MTAxIFogTTE1LjYxNzU4NDgsMjAuNzIwNzQzNCBMMTUuNjE3NTg0OCwxMC4wNTQwNzY3IEwxOC45NTA5MTgxLDEwLjA1NDA3NjcgTDE4Ljk1MDkxODEsMjAuNzIwNzQzNCBMMTUuNjE3NTg0OCwyMC43MjA3NDM0IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0VGQzAwMiI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 38px 33px;
    height: $pv-height-33;
  }

  .e-blazor-pdfviewer .e-pv-more-options-button {
    visibility: hidden;
  }

  .e-blazor-pdfviewer .e-inplaceeditor .e-editable-overlay-icon::before,
  .e-inplaceeditor-tip .e-editable-overlay-icon::before {
    content: '';
  }

  .e-blazor-pdfviewer.e-pdfviewer .e-inplaceeditor .e-editable-value-container .e-editable-value {
    border-bottom: $pv-border-0;
  }

  .e-blazor-pdfviewer .e-inplaceeditor .e-editable-value-container:hover .e-editable-overlay-icon {
    display: none;
    visibility: hidden;
  }

  .e-blazor-pdfviewer .e-pv-comments-container .e-pv-new-comments-div.e-control.e-inplaceeditor.e-lib.e-pv-comments-leave {
    display: none !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-blazor-pdfviewer .e-pv-comments-container.e-pv-comments-border .e-pv-new-comments-div.e-control.e-inplaceeditor.e-lib.e-pv-comments-leave {
    display: block !important;/* stylelint-disable-line declaration-no-important */
    padding-left: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-blazor-pdfviewer.e-pdfviewer .e-treeview .e-list-item {
    white-space: nowrap;
  }

  .e-blazor-pdfviewer .e-pv-bookmark-view .e-headertemplate-text.header {
    width: $pv-width-p100;
  }

  .e-blazor-pdfviewer .e-pv-bookmark-view .e-listview .e-list-header {
    padding: $pv-spacing-0;
  }

  .e-blazor-pdfviewer .e-multiline-textbox .e-inplaceeditor .e-editable-value-container .e-editable-value {
    white-space: pre-line;
  }
  .e-blazor-pdfviewer .e-pv-rtl .e-inplaceeditor .e-editable-value-container .e-editable-value {
    margin: $pv-spacing-0 $pv-spacing-0 $pv-spacing-0 $pv-spacing-28;
  }

  .e-pv-block {
    display: block !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-none {
    display: none !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-flex {
    display: flex !important;/* stylelint-disable-line declaration-no-important */
  }
  
  .e-pv-blazor-form-designer-property-panel {
    inset: 0;
    height: $pv-height-p100;
    width: $pv-width-p100;
    position: absolute;
  }

  .e-pv-blazor-annotation-toolbar-main {
    bottom: 0;
    position: absolute;
    width: $pv-width-p100;
    float: left;
  }

  .e-pv-blazor-formdesigner-toolbar-main {
    bottom: 0;
    position: absolute;
    width: $pv-width-p100;
    float: left;
  }

  .e-blazor-pdfviewer .e-overlay .e-pv-organize-view-icon {
    color: $pv-thumbnail-icon-disable-color;
  }

  .e-blazor-pdfviewer .e-mobile-more-option {
    @if $skin-name == 'bootstrap4' {
      transform: rotate(90deg);
    }
    .e-pv-more-icon.e-pv-icon {
      @if $skin-name == 'bootstrap4' {
        margin-top: $pv-spacing-5;
      }
    }
  }

  .e-pv-blazor-main-container {
    min-height: $pv-height-500;
  }

  .e-pv-bg-green {
    background-color: $pv-green-color;
  }

  .e-pv-bg-blue {
    background-color: $pv-blue-color;
  }

  .e-pv-bg-orange {
    background-color: $pv-orange-color;
  }

  .e-pv-bg-red {
    background-color: $pv-red-color;
  }

  .e-pv-blazor-comments-panel-text {
    padding-top: $pv-spacing-55p !important;/* stylelint-disable-line declaration-no-important */
    text-align: center;
    padding-left: $pv-spacing-0;
  }

  .e-pv-blazor-signature-text {
    margin: $pv-spacing-15;
    width: $pv-width-311;
    height: $pv-height-88;
    color: $pv-signature-font-color;
  }

  .e-pv-selected-signature-font {
    border-color: $pv-selected-signature-color;
  }

  .e-pv-font-helvetica {
    font-family: 'Helvetica';
  }

  .e-pv-font-times {
    font-family: 'Times New Roman';
  }

  .e-pv-font-courier {
    font-family: 'Courier';
  }

  .e-pv-font-symbol {
    font-family: 'Symbol';
  }

  .e-pv-signature-text {
    overflow: hidden;
    padding: $pv-spacing-5;
    place-content: center;
    position: relative;
  }

  .e-pv-signature-text::after {
    content: '';
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: $pv-width-p100;
    height: $pv-height-1-5em;
    background: linear-gradient(to right, transparent, $pv-white-color 90%);
  }
  
  .e-pv-modern-navigation-toolbar {
    right: 0;
    flex-direction: column;
    align-items: center;
    padding-top: $pv-modern-sidebar-padding-top;
    gap: $pv-modern-sidebar-btn-gap;
    border-width: $pv-modern-panel-border-width;
    width: $pv-modern-sidebar-width;

    .e-pv-ai-button:not(.e-active) {
      @if $skin-name == 'fabric-dark' {
        color: $pv-modern-sidebar-btn-color;
      }
    }

    .e-control.e-tooltip {
      display: none;
    }

    .e-btn {
      width: $pv-modern-sidebar-btn-width;
      height: $pv-modern-sidebar-btn-height;
      margin: $pv-spacing-unset;
      @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
        border-radius: $pv-radius-4;
      }
      @else if $skin-name == 'material' or $skin-name == 'material-dark' {
        padding: $pv-spacing-0;
        line-height: $pv-line-height-24;
      }
      @else if $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
        padding: $pv-spacing-0;
      }
      @else if $skin-name == 'fluent2' {
        padding-top: $pv-spacing-3;
      }
      @else if $skin-name == 'highcontrast' {
        padding: $pv-spacing-7;
      }
      @else if $skin-name == 'Material3' or $skin-name == 'tailwind3'{
        border: $pv-border-0 !important;/* stylelint-disable-line declaration-no-important */
      }

      .e-btn-icon {
        margin: $pv-spacing-unset;
        @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
          margin-top: $pv-spacing-4;
        }
        font-size: $pv-modern-sidebar-btn-font-size;
        @if $skin-name == 'fluent2' {
          vertical-align: unset;
        }
      }
    }

    .e-btn.e-outline.e-active {
      @if $skin-name == 'fluent2' {
        background: $pv-modern-sidebar-btn-selected-background !important;/* stylelint-disable-line declaration-no-important */
        border: $pv-modern-sidebar-btn-selected-border !important;/* stylelint-disable-line declaration-no-important */
        color: $pv-modern-sidebar-btn-selected-color !important;/* stylelint-disable-line declaration-no-important */
        outline: none !important;/* stylelint-disable-line declaration-no-important */
      }
    }
    .e-btn.e-outline:hover:not(:disabled) {
      @if $skin-name == 'fluent2' {
        background-color: $pv-item-selection-background-color;
        color: var(--color-sf-toolbar-icon-color);
      }
    }

    .e-btn.e-pv-ai-button.e-outline.e-active {
      @if $skin-name == 'fluent2' or $skin-name == 'Material3' {
        background: $pv-modern-sidebar-ai-btn-selected-background !important;/* stylelint-disable-line declaration-no-important */
        color: $pv-modern-sidebar-ai-btn-selected-color !important;/* stylelint-disable-line declaration-no-important */
      }
    }

    .e-btn.e-outline:disabled {
      background: none !important;/* stylelint-disable-line declaration-no-important */
      @if $skin-name == 'bootstrap5' {
        color: $icon-color-disabled;/* stylelint-disable-line declaration-no-important */
      }
    }
  
    .e-pv-side-panel-separator {
      width: $pv-modern-sidebar-separator-width;
      border: $pv-modern-sidebar-separator-border;
      margin: $pv-modern-sidebar-separator-margin;
    }
  }

  .e-pv-modern-side-panel {
    width: $pv-width-p25;
    position: absolute;
    height: $pv-height-p100;
    background: $pv-modern-panel-background;
    border: $pv-modern-panel-border;
    z-index: 101;
    right: $pv-modern-panel-right;

    .e-pv-modern-side-panel-resizer {
      top: 0;
    }
  }

  .e-pv-modern-mobile-template-container {
    width: $pv-width-p100;
    height: $pv-height-p100;
    position: absolute;
    top: 0;
    z-index: 1001;
    background: $pv-modern-panel-background;
    border: $pv-modern-panel-border;

    .e-pv-modern-side-panel-content-container .e-pv-bookmark-container {
      position: absolute;
      top: 0;
      width: $pv-width-p100;
      
      .e-pv-bookmark-view {
        border: none;
      }
    }
  }
  
  .e-pv-modern-mobile-template-container .e-pv-modern-side-panel-container,
  .e-pv-modern-side-panel .e-pv-modern-side-panel-container {
    height: $pv-height-p100;
    width: $pv-width-p100;

    .e-pv-modern-side-panel-header {
      height: $pv-modern-panel-header-height;
      border-bottom: $pv-modern-panel-header-border;
      display: flex;
      align-items: center;
      @if $skin-name == 'FluentUI' {
        padding-right: $pv-spacing-3;
      }

      .e-pv-modern-side-panel-header-close {
        position: unset;
      }

      .e-pv-icon {
        font-size: $pv-modern-sidebar-btn-font-size;
      }

      .e-pv-modern-side-panel-header-title {
        font-size: $pv-text-sm;
        font-weight: $pv-font-weight-semibold;
        padding: $pv-spacing-12;
        flex: 1;
        color: $pv-modern-panel-font-color;
      }

      .e-pv-side-panel-close-button.e-btn,
      .e-pv-side-panel-reset-button.e-btn {
        background: $pv-thumbnail-view-button-background;
        border: none;
        box-shadow: none;
        height: $pv-height-40;
        vertical-align: middle;
        width: $pv-width-32;
        padding: $pv-spacing-6 $pv-spacing-0 $pv-spacing-1;
        color: $pv-icon-color;
      }

      .e-pv-comment-panel-title-close-div {
        position: unset !important;/* stylelint-disable-line declaration-no-important */
        padding: $pv-spacing-unset;

        .e-pv-more-icon {
          display: unset;
        }
      }
    }

    .e-pv-modern-side-panel-content-container {
      height: $pv-modern-panel-template-height;
      width: $pv-width-p100;

      .e-pv-modern-side-panel-template-content,
      .e-pv-modern-side-panel-template-container {
        width: $pv-width-p100;
        height: $pv-height-p100;
      }
      .e-pv-comment-panel {
        width: $pv-width-p100;
        height: $pv-modern-panel-template-height !important;/* stylelint-disable-line declaration-no-important */
        top: unset !important;/* stylelint-disable-line declaration-no-important */
        bottom: unset !important;/* stylelint-disable-line declaration-no-important */
        border-width: $pv-border-0;

        .e-pv-comments-content-container {
          height: $pv-height-p100;
          border: none;

          .e-pv-blazor-comments-panel-text {
            display: flex;
            padding: $pv-spacing-unset;
            align-items: center;
            height: $pv-height-p100;
            justify-content: center;
            color: $pv-modern-panel-font-color;
          }
          
          .e-pv-blazor-comments-panel-text.e-pv-none {
            display: none;
          }
        }
      }

      .e-pv-sidebar-content {
        width: $pv-width-p100;

        .e-pv-thumbnail-view {
          justify-content: center;
          width: $pv-width-p100;
        }
      }
    }
  }

  .e-pv-mobile-view .extract_delete_center_div {
    @if $skin-name =='material' or $skin-name =='material-dark' or $skin-name =='material3' or $skin-name =='material3-dark' or $skin-name =='tailwind' or $skin-name =='tailwind-dark' {
      margin-left: 10px !important;/* stylelint-disable-line declaration-no-important */
    }

    @else {
      margin-left: 12px !important;/* stylelint-disable-line declaration-no-important */
    }
  }
  .extract_delete_center_div {
    @if $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' {
      margin-left: 8px;
    }
    @else {
      margin-left: 12px;
    }
  }

  .e-pv-mobile-view .e-pv-extract-toolbar .e-scroll-nav {
    -webkit-transform: skewX(-1deg) translateX(6px) !important;/* stylelint-disable-line declaration-no-important */
    transform: skewX(-1deg) translateX(6px) !important;/* stylelint-disable-line declaration-no-important */
    width: 56px;
  }

  .e-pv-mobile-view .e-pv-extract-toolbar .e-scroll-nav .e-nav-arrow {
    font-size: 14px;
    -webkit-transform: skewX(4deg);
    transform: skewX(4deg);
  }

  .e-pv-extract-toolbar {
    height: 48px !important;/* stylelint-disable-line declaration-no-important */
    display: flex !important;/* stylelint-disable-line declaration-no-important */
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 0;
    border-width: 0 0 1px;
  }

  .e-pv-center-group-style {
    width: 100%;
    margin-left: 0 !important;/* stylelint-disable-line declaration-no-important */
  }

  .e-pv-center-items-style {
    justify-content: center;
    width: 100%;
    margin: 0 auto;
  }

  .e-pv-modern-navigation-toolbar.e-pv-rtl {
    left: 0;
  }

  .e-pv-modern-side-panel.e-pv-rtl {
    left: $pv-modern-panel-right;
  }
  
  .e-pv-mobile-splitter-container {
    position: absolute !important;/* stylelint-disable-line declaration-no-important */
    bottom: 0;
    border: none !important;/* stylelint-disable-line declaration-no-important */
    .e-resizable-split-bar {
      z-index: 1001;
      background: none !important;/* stylelint-disable-line declaration-no-important */
      
      .e-resize-handler {
        margin-top: $pv-modern-resize-handler-margin;
      }

      .e-resize-handler::before {
        content: $pv-modern-resize-handler-icon-content !important;/* stylelint-disable-line declaration-no-important */
        font-size: $pv-text-lg !important;/* stylelint-disable-line declaration-no-important */
        transform: rotate(0deg) !important;/* stylelint-disable-line declaration-no-important */
      }
    }

    .e-pv-navigation-splitter-pane {
      z-index: 101;
      background: $pv-modern-splitter-background;
      border-radius: $pv-modern-splitter-border-radius;
      border: $pv-modern-splitter-border;

      .e-pv-mobile-navigation-menu,
      .e-pv-mobile-navigation-menu ul {
        width: $pv-width-p100;
      }
    
      .e-pv-mobile-navigation-menu ul {
        padding: $pv-modern-splitter-menu-padding !important;/* stylelint-disable-line declaration-no-important */
      }

      .e-pv-mobile-navigation-menu {
        padding-top: $pv-spacing-10;

        ul.e-menu {
          .e-separator.e-menu-item {
            @if $skin-name == 'FluentUI' $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'Material3' {
              margin: $pv-spacing-2 $pv-spacing-0;
            }
          }
          .e-menu-item:not(.e-separator)  {
            height: $pv-modern-splitter-menu-item-height !important;/* stylelint-disable-line declaration-no-important */
            line-height: $pv-modern-splitter-menu-item-height !important;/* stylelint-disable-line declaration-no-important */
            padding: $pv-modern-splitter-menu-item-padding !important;/* stylelint-disable-line declaration-no-important */
            font-size: $pv-modern-splitter-menu-item-font-size !important;/* stylelint-disable-line declaration-no-important */
            margin: $pv-spacing-2 $pv-spacing-0;
            @if $skin-name != 'FluentUI' {
              border-radius: $pv-radius-4;
            }
            
            .e-menu-icon {
              line-height: $pv-modern-splitter-menu-item-height !important;/* stylelint-disable-line declaration-no-important */
              font-size: $pv-modern-splitter-menu-item-icon-size !important;/* stylelint-disable-line declaration-no-important */
            }
          }
        }
      }
    }
  }

  .e-pv-modern-side-panel ~ .e-pv-sidebar-toolbar-splitter {
    background: none;
  }

  .e-pv-splitter-open {
    animation: SplitterOpen 400ms ease-out forwards;
  }

  .e-pv-splitter-close {
    animation: SplitterClose 400ms ease-in forwards;
  }

  @keyframes SplitterOpen {
    from {
      height: $pv-height-0;
    }

    to {
      height: calc($pv-height-p100 - $pv-height-40);
    }
  }

  @keyframes SplitterClose {
    from {
      height: calc($pv-height-p100 - $pv-height-40);
    }

    to {
      height: $pv-height-0;
    }
  }
}