@use 'ej2-base/styles/common/mixin' as *;
@include export-module('pdfviewer-bigger') {
  .e-bigger .e-pv-icon-search {
    font-size: $pv-icon-font-size;
  }

  .e-bigger .e-pv-icon {
    @if $skin-name =='FluentUI' {
      font-size: $pv-text-base;
    }
  }

  .e-bigger .e-pv-redaction-property-panel-text,
  .e-bigger .e-pv-redaction-page-mark-dialog {
    font-size: $pv-text-base;
    @if $skin-name == 'Material3' {
      font-size: $pv-text-sm;
    }
  }

  .e-bigger .e-pv-overlaytext {
    margin-left: $pv-spacing-20;
  }
  .e-bigger .e-dialog.e-pv-redaction-properties-dialog {
    width: $pv-width-430 !important;/* stylelint-disable-line declaration-no-important */
  }
  .e-bigger .e-pv-redaction-font-family {
    width: $pv-width-200;
  }

  .e-bigger .e-pv-blazor-redaction-font-size {
    width: $pv-width-92;
  }
  .e-bigger .e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-shapes-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-calibrate-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-handwritten-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
  .e-bigger .e-pv-icon-search,
  .e-bigger .e-pv-icon {
    @if $skin-name =='bootstrap4' {
      font-size: $pv-icon-font-size-big;
    }
  }

  .e-bigger .e-pv-mobile-annotation-toolbar .e-pv-tbar-btn {
    @if $skin-name =='fluent2' {
      margin-left: $pv-spacing-8 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-pv-mobile-toolbar.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer),
  .e-toolbar.e-bigger .e-toolbar-item:not(.e-separator):not(.e-spacer) {
    @if $skin-name =='tailwind3' {
      min-width: $pv-width-36 !important;/* stylelint-disable-line declaration-no-important */
      padding: $pv-spacing-8 $pv-spacing-6;
    }
  }

  .e-bigger .e-pv-mobile-view .e-pv-organize-toolbar.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
    @if $skin-name =='tailwind3' {
      min-width: $pv-width-40 !important;/* stylelint-disable-line declaration-no-important */
      width: $pv-width-40 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-pv-mobile-annotation-toolbar .e-toolbar-item {
    @if $skin-name =='fluent2' {
      padding: $pv-spacing-4 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-pv-properties-line-opacity-container .e-slider-container {
    height: $pv-height-40 !important; /* stylelint-disable-line declaration-no-important */
  }

  .e-bigger .e-pv-toolbar,
  .e-bigger .e-pv-annotation-toolbar {
    height: $pv-toolbar-height-big;
  }

  .e-bigger .e-pv-page-range-row {
    height: $pv-height-48;
  }
  .e-bigger .e-pv-toolbar.e-toolbar:not(.e-pv-mobile-toolbar) .e-toolbar-items .e-toolbar-item:not(.e-separator) {
    @if $skin-name =='bootstrap4' {
      padding-bottom: $pv-toolbar-items-padding-bottom-big;
      padding-top: $pv-toolbar-items-padding-top-big;
    }
  }

  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
  .e-bigger .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') {
      padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
    }

    @else {
      padding-bottom: $pv-spacing-0;
    }
  }

  .e-bigger .e-pv-redaction-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
    padding: $pv-spacing-0;
  }

  .e-bigger .e-pv-sidebar-title-container {
    @if $skin-name =='bootstrap4' {
      height: $pv-sidebar-title-container-height-big;
    }
  }

  .e-bigger .e-pv-sidebar-title-container {
    @if $skin-name =='bootstrap4' {
      height: $pv-sidebar-title-container-height-big;
    }
  }

  .e-bigger .e-pv-blazor-main-container .e-btn .e-btn-icon.e-icon-left,
  .e-bigger .e-pv-blazor-main-container .e-css.e-btn .e-btn-icon.e-icon-left {
    @if ($skin-name == 'material' or $skin-name == 'material-dark') {
      margin-left: $pv-spacing-0;
      width: $pv-width-2em;
    }
  }

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

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

  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
  .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
  .e-bigger .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
  .e-bigger .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
      min-width: $pv-width-38;
    }
    @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
      min-width: $pv-width-40;
    }
    @if ($skin-name == 'FluentUI') {
      min-width: $pv-width-48;
    }
  }

  .e-bigger .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control {
    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'fluent2') {
      padding-bottom: $pv-spacing-6;
    }
  }

  .e-bigger .e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-shapes-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-calibrate-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
  .e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret) {
    @if ($skin-name == 'FluentUI') {
      font-size: $pv-text-base;
    }
  }

  .e-bigger .e-pv-sidebar-title {
    @if $skin-name =='bootstrap4' {
      top: $pv-sidebar-title-top-big;
    }
  }

  .e-bigger .e-pv-sidebar-title,
  .e-bigger .e-pv-total-page {
    @if $skin-name =='bootstrap4' {
      font-size: $pv-label-font-size-big;
    }
  }

  .e-bigger .e-pv-sidebar-toolbar {
    @if $skin-name =='bootstrap4' or $skin-name =='FluentUI' or $skin-name =='tailwind3' {
      width: $pv-sidebar-toolbar-width-big;
    }
  }

  .e-bigger .e-pv-sidebar-content {
    @if $skin-name =='bootstrap4' {
      top: $pv-sidebar-content-top-big;
    }
  }

  .e-bigger .e-pv-thumbnail-view-button.e-btn,
  .e-bigger .e-pv-organize-view-button.e-btn {
    @if $skin-name =='bootstrap4' {
      height: $pv-thumbnail-view-button-height-big;
      margin: $pv-thumbnail-view-button-margin-big;
      padding: $pv-thumbnail-view-button-padding-big;
      width: $pv-thumbnail-view-button-width-big;
    }

    @if $skin-name =='tailwind3' {
      height: $pv-thumbnail-view-button-height-big;
      width: $pv-thumbnail-view-button-width-big;
    }

    @if $skin-name =='FluentUI' {
      margin: $pv-spacing-12 $pv-spacing-6;
    }
  }

  .e-bigger .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
  .e-bigger .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn {
    @if $skin-name =='bootstrap4' {
      padding: $pv-thumbnail-view-button-selection-padding-big;
    }
  }

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

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

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

    @if $skin-name =='FluentUI' {
      margin: $pv-spacing-12 $pv-spacing-6;
    }
  }

  .e-bigger .e-pv-bookmark-button.e-btn {
    @if $skin-name =='bootstrap4' {
      height: $pv-bookmark-button-height-big;
      margin: $pv-bookmark-button-margin-big;
      padding: $pv-bookmark-button-padding-big;
      width: $pv-bookmark-button-width-big;
    }
    @if $skin-name =='tailwind3' {
      height: $pv-thumbnail-view-button-height-big;
      width: $pv-thumbnail-view-button-width-big;
    }
  }

  .e-bigger .e-pv-title-close-div.e-btn {
    @if $skin-name =='bootstrap4' {
      top: $pv-title-close-top-big;
    }
  }

  .e-bigger .e-pv-sidebar-content-splitter {
    @if $skin-name =='bootstrap4' {
      top: $pv-sidebar-content-splitter-top-big;
    }
  }

  .e-bigger div > .e-pv-bookmark-icon.e-pv-icon {
    @if $skin-name =='bootstrap4' {
      font-size: $pv-icon-font-size-big;
    }

    @if $skin-name =='Material3' {
      font-size: $pv-text-base;
      padding-left: $pv-spacing-12;
      padding-right: $pv-spacing-12;
    }
  }

  .e-bigger .e-pv-search-bar {
    @if $skin-name =='bootstrap4' {
      height: $pv-search-box-height-big;
      padding: $pv-search-box-padding-big;
      width: $pv-search-box-width-big;
    }

    @if $skin-name =='FluentUI' {
      height: $pv-height-109;
      padding: $pv-spacing-16;
      width: $pv-width-368;
    }

    @if $skin-name =='fluent2' {
      width: $pv-width-368;
    }
  }

  .e-bigger .e-input-group.e-pv-search-input-mobile .e-input,
  .e-bigger .e-input-group.e-pv-search-input .e-input {
    @if $skin-name =='fluent2' {
      height: $pv-height-28;
    }
  }

  .e-bigger .e-pv-search-input {
    @if $skin-name =='bootstrap4' or $skin-name =='FluentUI' {
      height: $pv-search-input-height-big;
    }
  }

  .e-bigger .e-pv-search-input,
  .e-bigger .e-pv-search-input-mobile,
  .e-bigger .e-pv-text-search-input,
  .e-bigger .e-pv-text-search-input-mobile {
    @if $skin-name =='tailwind3' {
      height: $pv-search-input-height-big;
    }
  }

  .e-bigger .e-pv-textsearch-match-case-container {
    @if $skin-name =='tailwind3' {
      width: $pv-width-290;
    }
  }

  .e-bigger .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-bigger .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-bigger .e-pv-match-case-container {
    @if $skin-name =='bootstrap4' {
      margin-top: $pv-match-case-margin-top-big;
    }
  }

  .e-bigger .e-pv-search-btn.e-btn {
    @if $skin-name =='bootstrap4' or $skin-name =='FluentUI' {
      height: $pv-search-btn-height-big;
      padding: $pv-spacing-2;
      width: $pv-search-btn-width-big;
    }
    @if $skin-name =='tailwind3' {
      height: $pv-toolbar-btn-width-mobile;
    }
  }

  .e-bigger .e-pv-annotation-color-container.e-icon-btn,
  .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
  .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
  .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
  .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
  .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
  .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
  .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
  .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
    white-space: nowrap;
    @if $skin-name =='tailwind3' {
      height: $pv-toolbar-height;
    }
  }

  .e-bigger .e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn,
  .e-bigger .e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn {
    @if $skin-name =='FluentUI' {
      height: $pv-height-40;
    }
  }

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

  .e-bigger .e-pv-properties-checkbox-main-div-prop {
    @if $skin-name =='tailwind3' {
      align-items: center;
      gap: .5em;
    }
  }

  .e-bigger .e-pv-mobile-view .e-pv-properties-line-start-container,
  .e-bigger .e-pv-mobile-view .e-pv-properties-line-end-container,
  .e-bigger .e-pv-mobile-view .e-pv-properties-line-style-container,
  .e-bigger .e-pv-mobile-view .e-pv-properties-line-thickness-container,
  .e-bigger .e-pv-mobile-view .e-pv-properties-line-leader-length-container {
    width: $pv-width-43p !important;/* stylelint-disable-line declaration-no-important */
  }

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

  .e-bigger .e-pv-scale-ratio-src-unit .e-caret,
  .e-bigger .e-pv-scale-ratio-dest-unit .e-caret,
  .e-bigger .e-pv-depth-unit .e-caret {
    @if $skin-name =='FluentUI' {
      margin-left: $pv-spacing-160;
    }
    @if $skin-name =='tailwind3' {
      margin-top: $pv-prop-line-styles-margin-top;
      margin-bottom: $pv-prop-line-styles-margin-top;
    }
  }

  .e-bigger .e-pv-properties-line-stroke-color-container {
    @if $skin-name =='FluentUI' {
      margin-left: $pv-spacing-195;
    }
  }

  .e-bigger .e-pv-properties-line-start,
  .e-bigger .e-pv-properties-line-end,
  .e-bigger .e-pv-properties-line-style,
  .e-bigger .e-pv-properties-line-thickness,
  .e-bigger .e-pv-properties-line-opacity,
  .e-bigger .e-pv-properties-line-leader-length {
    @if $skin-name =='FluentUI' {
      max-width: $pv-width-248;
    }
  }

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

    @if $skin-name =='fluent2' {
      max-width: $pv-width-200;
    }
  }

  .e-bigger .e-pv-properties-line-start,
  .e-bigger .e-pv-properties-line-end,
  .e-bigger .e-pv-properties-line-style {
    @if $skin-name =='FluentUI' {
      width: $pv-width-248;
    }
  }

  .e-bigger .e-pv-scale-ratio-src-unit,
  .e-bigger .e-pv-scale-ratio-dest-unit,
  .e-bigger .e-pv-depth-unit {
    @if $skin-name =='FluentUI' {
      height: $pv-height-40;
      width: $pv-width-248;
    }

    @if $skin-name =='fluent2' {
      height: $pv-height-inherit;
    }
  }

  .e-bigger .e-pv-properties-line-start.e-btn,
  .e-bigger .e-pv-properties-line-end.e-btn,
  .e-bigger .e-pv-properties-line-style.e-btn {
    @if $skin-name =='FluentUI' {
      height: $pv-height-40;
    }
  }

  .e-bigger .e-pv-properties-line-start.e-btn .e-caret,
  .e-bigger .e-pv-properties-line-end.e-btn .e-caret {
    @if $skin-name =='FluentUI' {
      margin-left: $pv-spacing-145;
    }
  }

  .e-bigger .e-pv-line-styles-content-container {
    @if $skin-name =='FluentUI' {
      margin-top: $pv-spacing-6;
      width: $pv-width-180;
    }
  }

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

  .e-bigger .e-pv-blazor-redaction-text-align {
    .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;
    }
  }

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

  .e-bigger .e-pv-redaction-page-mark-dialog .e-footer-content button,
  .e-bigger .e-pv-redaction-properties-dialog .e-footer-content button {
    @if ($skin-name == 'tailwind3') {
      height: $pv-height-38;
    }
    @else {
      height: $pv-height-40;
    }
    @if ($skin-name != 'bootstrap5.3' and $skin-name != 'bootstrap5' and $skin-name != 'highcontrast') {
      padding-top: $pv-spacing-6;
    }
  }

  .e-bigger .e-pv-redaction-page-mark-dialog .e-dlg-header-content button,
  .e-bigger .e-pv-redaction-properties-dialog .e-dlg-header-content button {
    @if ($skin-name == 'highcontrast') {
      padding: $pv-spacing-0;
    }
  }

  .e-bigger .e-toolbar.e-pv-redaction-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
    @if $skin-name == 'FluentUI' {
      min-width: $pv-width-40;
      min-height: $pv-height-40;
    }
  }

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

  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
  .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
    height: $pv-toolbar-btn-height-big;
    line-height: $pv-toolbar-btn-line-height;
    margin: $pv-toolbar-btn-margin;

    @if $skin-name !='Material3' {
      &:not(.e-pv-submit .e-tbar-btn.e-btn):not(.e-spv-btn.e-tbar-btn.e-btn) {
        padding: $pv-toolbar-btn-padding;
      }
    }
    width: $pv-toolbar-btn-width-big;
  }

  .e-bigger .e-toolbar.e-pv-redaction-toolbar .e-toolbar-item .e-tbar-btn {
    @if ($skin-name == 'highcontrast') {
      min-height: $pv-height-48;
      min-width: $pv-width-48;
    }
  }

  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-pv-submit .e-tbar-btn.e-btn {
    width: $pv-width-auto;
  }

  .e-bigger .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
    padding-top: $pv-mobile-page-box-padding-top;
    @if ($skin-name =='FluentUI') {
      padding-bottom: $pv-spacing-4;
    }
  }

  .e-bigger .e-pv-current-page-box.e-input-group.e-control-wrapper {
    @if $skin-name == 'tailwind3' {
      height: $pv-zoom-dropdown-height;
    }
  }

  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-pv-zoom-drop-down-container {
    width: $pv-zoom-dropdown-width-mobile;
  }

  .e-bigger .e-toolbar.e-pv-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
  .e-bigger .e-toolbar.e-pv-annotation-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
    @if $skin-name =='bootstrap4' {
      padding-left: $pv-toolbar-items-padding-left-big;
      padding-right: $pv-toolbar-items-padding-right-big;
    }
  }

  .e-bigger .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input:focus {
    padding-left: $pv-mobile-page-box-padding-left-focus;
  }

  .e-bigger .e-pv-password-popup.e-dialog {
    @if ($skin-name !='Material3') {
      height: $pv-password-dialog-height-mobile;
    }
  }

  .e-bigger .e-pv-password-popup.e-dialog {
    @if ($skin-name =='FluentUI') {
      height: $pv-height-270;
    }
  }

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

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

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

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

  .e-bigger .e-pv-password-popup.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
  .e-bigger .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-bigger .e-toolbar.e-pv-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left,
  .e-bigger .e-toolbar.e-pv-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right {
    top: 0;
  }

  .e-bigger .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-right-rtl;
    padding-left: $pv-current-page-padding-left;
  }

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

  .e-bigger .e-pdfviewer .e-pv-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:first-child,
  .e-bigger .e-pdfviewer .e-pv-annotation-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:first-child,
  .e-bigger .e-pdfviewer .e-pv-formdesigner-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:first-child {
    @if $skin-name =='bootstrap4' {
      margin-left: $pv-toolbar-items-first-child-margin-left-big;
    }
  }

  .e-bigger .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons,
  .e-pdfviewer .e-pv-reply-div .e-inplaceeditor .e-editable-action-buttons {
    @if $skin-name =='tailwind3' {
      padding-top: $pv-spacing-0;
    }
  }

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

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

  .e-bigger .e-pdfviewer .e-pv-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:first-child,
  .e-bigger .e-pdfviewer .e-pv-annotation-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:first-child,
  .e-bigger .e-pdfviewer .e-pv-formdesigner-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:first-child {
    @if $skin-name =='bootstrap4' {
      margin-right: $pv-toolbar-items-first-child-margin-left-big;
    }
  }

  .e-bigger .e-pdfviewer .e-pv-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:last-child,
  .e-bigger .e-pdfviewer .e-pv-annotation-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:last-child,
  .e-bigger .e-pdfviewer .e-pv-formdesigner-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:last-child {
    @if $skin-name =='bootstrap4' {
      margin-right: $pv-toolbar-items-last-child-margin-right-big;
    }
  }

  .e-bigger .e-pv-search-bar {
    @if $skin-name =='bootstrap4' {
      top: $pv-search-box-top-big;
    }
  }

  .e-bigger .e-pv-sidebar-content-container.e-left {
    @if $skin-name =='bootstrap4' or $skin-name =='tailwind3' {
      left: $pv-sidebar-content-container-left-big;
    }
  }

  .e-bigger .e-pv-sidebar-content-container.e-right {
    @if $skin-name =='bootstrap4' {
      right: $pv-sidebar-content-container-left-big;
    }
  }

  .e-bigger .e-pv-sidebar-toolbar-splitter.e-left {
    @if $skin-name =='bootstrap4' {
      left: $pv-sidebar-toolbar-splitter-left-big;
    }
  }

  .e-bigger .e-pv-sidebar-toolbar-splitter.e-right {
    @if $skin-name =='bootstrap4' {
      right: $pv-sidebar-toolbar-splitter-left-big;
    }
  }

  .e-bigger div > .e-pv-bookmark-icon.e-pv-icon.e-right {
    @if $skin-name =='bootstrap4' {
      font-size: $pv-icon-font-size-big;
    }

    @if $skin-name =='Material3' {
      font-size: $pv-text-base;
      padding-left: $pv-spacing-12;
      padding-right: $pv-spacing-12;
    }
  }

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

    @if $skin-name =='FluentUI' {
      min-height: $pv-height-498;
    }
  }

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

  .e-bigger .e-pv-formfield-fontcolor-icon,
  .e-bigger .e-pv-formfield-strokecolor-icon,
  .e-bigger .e-pv-formfield-strokethickness-icon {
    @if $skin-name=='tailwind3' {
      padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
      padding-top: $pv-spacing-2 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
    @if $skin-name=='fluent2' {
      margin-right: $pv-spacing-16 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-pv-annotation-stamp-container .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
    @if $skin-name=='fluent2' {
      margin-right: $pv-spacing-10 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
    @if $skin-name=='fluent2' {
      position: static;
    }
  }

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

  .e-bigger .e-dropdown-popup.e-lib.e-popup.e-control.e-pv-handwritten-popup .e-btn.e-outline.e-primary {
    @if $skin-name =='FluentUI' {
      min-height: $pv-height-49;
      min-width: $pv-width-152;
    }
  }

  .e-bigger .e-pv-mobile-annotation-toolbar .e-pv-custom-annotation-stamp-container.e-menu-container {
    @if ($skin-name =='fluent2') {
      padding-left: $pv-spacing-10;
    }
  }

  .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
  .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
    @if ($skin-name =='fluent2') {
      margin-top: $pv-stamp-icon-margin-top;
      padding-left: $pv-spacing-6;
    }
    @else if ($skin-name =='FluentUI') {
      line-height: $pv-annotation-drop-down-height;
    }
  }

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

  .e-bigger .e-pv-stamp.e-menu-wrapper ul .e-menu-item {
    @if $skin-name =='fluent2' {
      padding: $pv-spacing-0 $pv-spacing-8;
    }
  }

  .e-bigger .e-pv-annotation-thickness-container {
    @if $skin-name =='fluent2' {
      padding-top: $pv-spacing-7 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-pv-accordion-container.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
  .e-bigger .e-pv-accordion-content-container .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    @if $skin-name =='fluent2' {
      font-size: $pv-text-sm;
    }
  }

  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
    @if $skin-name !='Material3' {
      float: left;
      height: $pv-height-49;
      min-height: $pv-height-49;
    }
  }

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

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

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

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

  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
    @if ($skin-name =='FluentUI') {
      height: $pv-height-32;
    }
  }

  .e-bigger .e-menu-wrapper.e-custom-scroll.e-lib.e-keyboard.e-pv-stamp ul {
    @if $skin-name == 'tailwind3' {
      height: $pv-height-unset !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-pv-bold-icon-div,
  .e-bigger .e-pv-italic-icon-div,
  .e-bigger .e-pv-strikeout-icon-div,
  .e-bigger .e-pv-underlinetext-icon-div {
    @if ($skin-name =='fluent2') {
      padding: $pv-spacing-4 $pv-spacing-10;
      width: $pv-width-40;
    }
  }

  .e-bigger .e-pv-left-align-icon-div,
  .e-bigger .e-pv-center-align-icon-div,
  .e-bigger .e-pv-right-align-icon-div {
    @if ($skin-name =='fluent2') {
      padding: $pv-spacing-4 $pv-spacing-10;
      width: $pv-width-38-5;
    }
  }

  .e-bigger .e-pv-default-tab .e-pv-bold-icon-div,
  .e-bigger .e-pv-default-tab .e-pv-italic-icon-div,
  .e-bigger .e-pv-default-tab .e-pv-left-align-icon-div,
  .e-bigger .e-pv-default-tab .e-pv-center-align-icon-div,
  .e-bigger .e-pv-default-tab .e-pv-right-align-icon-div {
    @if ($skin-name =='fluent2' or $skin-name=='tailwind3' or $skin-name =='Material3') {
      padding-top: $pv-spacing-7;
    }
  }

  .e-bigger .e-pv-blazor-redaction-text-align {
    .e-pv-left-align-icon-div,
    .e-pv-center-align-icon-div,
    .e-pv-right-align-icon-div {
      @if $skin-name == 'tailwind3' {
        padding: $pv-spacing-8 $pv-spacing-10;
      }
      @else if $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5'{
        padding: $pv-spacing-8 $pv-spacing-9;
      }
      @else if ( $skin-name == 'FluentUI') {
        padding: $pv-spacing-7 $pv-spacing-8;
      }
      @else if $skin-name == 'highcontrast' {
        padding: $pv-spacing-6 $pv-spacing-11;
      }
      @else if $skin-name =='Material3' {
        padding: $pv-spacing-9 $pv-spacing-10 $pv-spacing-7 $pv-spacing-9 !important;/* stylelint-disable-line declaration-no-important */
      }
    }
  }

  .e-bigger .e-pv-properties-fill-color-style-prop,
  .e-bigger .e-pv-properties-stroke-color-style-prop,
  .e-bigger .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-bigger .e-pv-default-tab .e-pv-properties-fill-color-style-prop,
  .e-bigger .e-pv-default-tab .e-pv-properties-stroke-color-style-prop,
  .e-bigger .e-pv-default-tab .e-pv-properties-stroke-thickness-style-prop {
    padding-top: $pv-spacing-0;
  }

  .e-bigger .e-pv-formfield-fontcolor-icon,
  .e-bigger .e-pv-formfield-strokecolor-icon,
  .e-bigger .e-pv-formfield-strokethickness-icon {
    @if ($skin-name=='fluent2') {
      height: $pv-height-40;
      padding: $pv-spacing-7 !important;/* stylelint-disable-line declaration-no-important */
      width: $pv-width-68;
    }
  }

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

  .e-bigger .e-pv-formfield-textcolor-icon {
    @if ($skin-name=='tailwind3') {
      height: $pv-height-36;
    }
  }

  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon {
    @if ($skin-name=='tailwind3') {
      padding: $pv-spacing-0;
    }
  }

  .e-bigger .e-pv-properties-form-field-window {
    @if $skin-name =='Material3' {
      max-width: $pv-width-490;
    }

    @if ($skin-name =='fluent2') {
      min-height: $pv-height-555 !important;/* stylelint-disable-line declaration-no-important */
      max-width: $pv-width-525 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-dialog:has(.e-pv-default-tab.e-pv-properties-tab-style-prop) {
    height: $pv-height-570 !important;/* stylelint-disable-line declaration-no-important */
    max-height: $pv-height-600 !important;/* stylelint-disable-line declaration-no-important */
    @if ($skin-name !='tailwind3') {
      width: $pv-width-470 !important;/* stylelint-disable-line declaration-no-important */
    }
    @else {
      width: $pv-width-435 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-dialog:has(.e-pv-properties-line-style-prop .e-pv-blazor-properties-container-custom-width) {
    @if $skin-name =='FluentUI' {
      height: $pv-height-505 !important;/* stylelint-disable-line declaration-no-important */
    }
    @else {
      height: $pv-height-490 !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-pv-blazor-properties-line-stroke-color-container {
    margin-left: $pv-blazor-line-stroke-color-margin-left-bigger !important;/* stylelint-disable-line declaration-no-important */
    @if ($skin-name != 'fluent2' and $skin-name != 'tailwind3') {
      margin-right: $pv-spacing-87;
    }
  }

  .e-bigger .e-pv-default-tab .e-pv-properties-formfield-textarea {
    height: $pv-height-138;
  }

  .e-bigger .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-color-icon.e-pv-icon,
  .e-bigger .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 !='fluent2' and $skin-name !='FluentUI') {
        height: $pv-height-30;
        @if ($skin-name =='bootstrap5.3' or $skin-name =='tailwind' or $skin-name == 'tailwind3') {
          height: $pv-height-25;
        }
        @else if ($skin-name == 'Material3') {
          height: $pv-height-20;
        }
      }
    }
  }
  .e-bigger .e-pv-font-style-prop-mobile {
    @if ($skin-name =='fluent2') {
      width: $pv-width-75;
    }
    @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name == 'tailwind3') {
      width: $pv-width-68;
    }
  }
  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon {
    @if ($skin-name == 'tailwind3') {
      padding: $pv-spacing-0;
    }
  }
 
  .e-bigger .e-pv-properties-form-field-font-style {
    background: $pv-form-field-property-font-style-color;

    @if ($skin-name =='bootstrap5') {
      border-radius: $pv-radius-4;
    }

    @else {
      border-radius: $pv-radius-2;
    }
    @if ($skin-name =='tailwind3') {
      border-radius: $pv-radius-6;
    }
    display: flex;
    height: $pv-height-36;

    @if ($skin-name !='fluent2') {
      justify-content: space-evenly;
    }
    width: $pv-width-154;

    @if ($skin-name =='bootstrap5') {
      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-20;
    }
  }

  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-style {
    height: $pv-height-38;
    justify-content: unset;
    width: $pv-width-auto;
    @if ($skin-name =='Material3') {
      padding-top: $pv-spacing-12;
    }
  }
  
  .e-bigger .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
    padding-top: $pv-spacing-0;
  }

  .e-bigger .e-pv-default-tab.e-pv-properties-tab-style-prop .e-float-input.e-input-group input,
  .e-bigger .e-pv-default-tab.e-pv-properties-tab-style-prop .e-input-group:not(.e-float-input) .e-input {
    @if ($skin-name =='fluent2') {
      padding-left: $pv-spacing-12;
    }
  }

  .e-bigger .e-pv-font-style-prop-mobile {
    @if ($skin-name == 'highcontrast') {
      width: $pv-width-68;
    }
  }
  .e-bigger .e-pv-default-tab .e-pv-properties-font-size-container {
    width: $pv-width-118;
  }

  .e-bigger .e-pv-properties-form-field-font-align {
    background: $pv-form-field-property-font-style-color;

    @if ($skin-name =='bootstrap5' or $skin-name =='Material3') {
      border-radius: $pv-radius-4;
    }
    @else {
      border-radius: $pv-radius-2;
    }
    @if ($skin-name =='tailwind3') {
      border-radius: $pv-radius-6;
    }
    display: flex;
    height: $pv-height-36;

    @if ($skin-name !='fluent2') {
      justify-content: space-evenly;
    }
    margin-right: $pv-spacing-15;
    width: $pv-width-120;

    @if ($skin-name =='bootstrap5' 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;
      border: $pv-border-1 solid $transparent;
      padding-top: $pv-spacing-20;
    }
  }

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

  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align {
    height: $pv-height-38;
    width: $pv-width-auto;
    @if ($skin-name =='bootstrap5.3') {
      border-radius: $pv-radius-6;
    }
  }

  .e-bigger .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-6;
      border-bottom-right-radius: $pv-radius-6;
    }
  }
  
  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-right-align-icon-div:hover,
  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-right-align-icon-div:focus,
  .e-bigger .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-6;
      border-bottom-right-radius: $pv-radius-6;
    }
  }
  
  .e-bigger .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-6;
      border-bottom-left-radius: $pv-radius-6;
    }
  }
  
  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-left-align-icon-div:hover,
  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-left-align-icon-div:focus,
  .e-bigger .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-6;
      border-bottom-left-radius: $pv-radius-6;
    }
  }

  .e-bigger .e-pv-blazor-redaction-text-align.e-pv-properties-form-field-font-align {
    @if ($skin-name =='tailwind3' or $skin-name == 'highcontrast') {
      height: $pv-height-40;
    }
  }

  .e-bigger .e-pv-form-designer-property-panel .e-pv-form-designer-panel-title-container .e-pv-save-button,
  .e-bigger .e-pv-redaction-property-panel .e-pv-redaction-panel-title-container .e-pv-save-button {
    @if ($skin-name =='Material3') {
      padding-top: $pv-spacing-5;
    }
    @else {
      @if ($skin-name == 'highcontrast') {
        padding-bottom: $pv-spacing-0;
        top: 5px !important;/* stylelint-disable-line declaration-no-important */
      }
      padding-top: $pv-spacing-0;
    }
  }
  .e-bigger .e-pv-font-align-prop-mobile .e-pv-properties-form-field-font-align {
    margin-right: $pv-spacing-0;
  }
  
  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-list-add-div {
    align-items: center;
  }

  .e-bigger .e-pv-font-color-prop-mobile,
  .e-bigger .e-pv-fill-prop-mobile,
  .e-bigger .e-pv-border-prop-mobile,
  .e-bigger .e-pv-thickness-prop-mobile,
  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon.e-btn.e-icon-btn,
  .e-bigger .e-pv-default-tab .e-pv-formfield-strokecolor-icon.e-btn.e-icon-btn,
  .e-bigger .e-pv-default-tab .e-pv-formfield-fontcolor-icon.e-btn.e-icon-btn,
  .e-bigger .e-pv-default-tab .e-pv-formfield-strokethickness-icon.e-btn.e-icon-btn,
  .e-bigger .e-pv-default-tab .e-pv-font-color-prop-mobile .e-pv-formfield-textcolor-icon.e-btn.e-icon-btn  {
    @if ($skin-name =='bootstrap5.3') {
      width: $pv-width-72;
    }
    @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      width: $pv-width-76;
      height: $pv-height-40;
    }
    @else if ($skin-name =='FluentUI') {
      width: $pv-width-82;
    }
    @else if ($skin-name =='fluent2') {
      width: $pv-width-70;
    }
    @else if ($skin-name == 'Material3') {
      width: $pv-width-90;
      height: $pv-height-40;
    }
    @else {
      width: $pv-width-68;
    }
    @if ($skin-name != 'highcontrast' and $skin-name != 'Material3') {
      height: $pv-height-38;
    }
    @if ($skin-name == 'highcontrast') {
      padding: $pv-spacing-0;
    }
  }

  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon,
  .e-bigger .e-pv-default-tab .e-pv-formfield-strokecolor-icon,
  .e-bigger .e-pv-default-tab .e-pv-formfield-fontcolor-icon,
  .e-bigger .e-pv-default-tab .e-pv-formfield-strokethickness-icon {
    @if ($skin-name == 'highcontrast') {
      height: $pv-height-40;
    }
  }

  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon.e-btn.e-icon-btn {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      padding-top: $pv-spacing-0;
    }
    @if ($skin-name == 'fluent2') {
      padding: $pv-spacing-8 $pv-spacing-12;
    }
  }

  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon.e-btn.e-icon-btn,
  .e-bigger .e-pv-default-tab .e-pv-formfield-strokecolor-icon.e-btn.e-icon-btn,
  .e-bigger .e-pv-default-tab .e-pv-formfield-fontcolor-icon.e-btn.e-icon-btn,
  .e-bigger .e-pv-default-tab .e-pv-formfield-strokethickness-icon.e-btn.e-icon-btn {
    @if ($skin-name == 'material' or $skin-name == 'material-dark') {
      padding: $pv-spacing-2 $pv-spacing-12;
    }
    @if ($skin-name == 'FluentUI') {
      padding: $pv-spacing-7 $pv-spacing-12;
    }
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      padding: $pv-spacing-6 $pv-spacing-12;
    }
  }

  .e-bigger .e-pv-font-color-prop-mobile .e-pv-annotation-textcolor-icon,
  .e-bigger .e-pv-fill-prop-mobile .e-pv-annotation-color-icon,
  .e-bigger .e-pv-border-prop-mobile .e-pv-annotation-stroke-icon {
    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
      height: $pv-height-12;
    }
  }

  .e-bigger .e-pv-default-tab .e-pv-properties-font-family-container {
    @if ($skin-name =='FluentUI') {
      width: $pv-width-195;
    }
  }

  .e-bigger .e-pv-organize-buttondiv .e-btn .e-btn-icon {
    font-size: $pv-text-base;
  }

  .e-bigger .e-pv-blazor-organize-window .e-pv-insert-left-button.e-btn,
  .e-bigger .e-pv-blazor-organize-window .e-pv-insert-right-button.e-btn {
    @if ($skin-name == 'highcontrast') {
      padding: $pv-spacing-0;
    }
  }

  .e-bigger .e-pv-blazor-organize-window .e-pv-organize-buttondiv .e-pv-delete-button.e-btn,
  .e-bigger .e-pv-blazor-organize-window .e-pv-organize-buttondiv .e-pv-copy-button.e-btn,
  .e-bigger .e-pv-blazor-organize-window .e-pv-organize-buttondiv .e-pv-rotate-left-button.e-btn,
  .e-bigger .e-pv-blazor-organize-window .e-pv-organize-buttondiv .e-pv-rotate-right-button.e-btn {
    @if ($skin-name == 'highcontrast') {
      padding: $pv-spacing-0 $pv-spacing-4;
    }
  }

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

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

  .e-bigger .e-pv-default-tab .e-pv-font-length-prop-mobile .e-input-group.e-control-wrapper .e-input-group-icon,
  .e-bigger .e-pv-default-tab .e-pv-formfield-maxlength .e-input-group.e-control-wrapper .e-input-group-icon {
    @if ($skin-name =='fluent2' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' ) {
      min-width: $pv-width-8;
    }
    @else {
      min-width: $pv-width-21;
    }
  }

  .e-bigger .e-pv-default-tab .e-pv-formfield-maxlength {
    @if ($skin-name =='FluentUI') {
      width: $pv-width-105;
    }
  }

  .e-bigger .e-pv-properties-form-field-window {
    @if $skin-name =='Material3' {
      height: $pv-height-565;
    }

    @if ($skin-name =='FluentUI') {
      height: $pv-height-585;
    }
  }

  .e-bigger .e-pv-properties-header-spliter {
    @if $skin-name =='Material3' {
      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-spacing-48;
      position: $pv-properties-header-spliter-position;
      width: $pv-properties-header-spliter-width;
    }
  }

  .e-bigger .e-dialog.e-pv-signature-dialog-height {
    @if ($skin-name =='FluentUI' or $skin-name =='Material3') {
      height: $pv-height-627;
      min-height: $pv-height-591;
    }

    @if ($skin-name =='bootstrap5.3') {
      height: $pv-height-584;
      min-height: $pv-height-584;
    }
  }

  .e-bigger .e-pv-signature-dialog-height {
    @if ($skin-name =='FluentUI') {
      min-height: $pv-height-592;
    }
  }

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

  .e-bigger .e-pv-signature-dialog-blazor-height .e-dlg-header-content {
    @if ($skin-name == 'highcontrast') {
      padding: $pv-spacing-25 $pv-spacing-24 $pv-spacing-24;
    }
  }

  .e-bigger .e-pv-canvas-signature-blazor {
    @if $skin-name =='fluent2' {
      max-height: $pv-height-350;
    }
  }

  .e-bigger .e-pv-sign-upload {
    @if $skin-name =='fluent2' {
      margin-left: $pv-spacing--2p !important;/* stylelint-disable-line declaration-no-important */
      margin-top: $pv-spacing--4p !important;/* stylelint-disable-line declaration-no-important */
    }
  }

  .e-bigger .e-pv-modern-navigation-toolbar {
    padding-top: $pv-modern-sidebar-padding-top-big;
    width: $pv-modern-sidebar-width-big;
    gap: $pv-modern-sidebar-btn-gap-big;

    .e-btn {
      width: $pv-modern-sidebar-btn-width-big;
      height: $pv-modern-sidebar-btn-height-big;
      margin: $pv-spacing-unset;

      .e-btn-icon {
        font-size: $pv-modern-sidebar-btn-font-size-big;
      }
    }

    .e-pv-side-panel-separator {
      width: $pv-modern-sidebar-separator-width-big;
      margin: $pv-modern-sidebar-separator-margin-big;
    }
  }

  .e-bigger .e-pv-modern-side-panel {
    right: $pv-modern-panel-right-big;
  }

  .e-bigger .e-pv-modern-side-panel.e-pv-rtl {
    left: $pv-modern-panel-right-big;
  }

  .e-bigger .e-pv-modern-mobile-template-container .e-pv-modern-side-panel-container,
  .e-bigger .e-pv-modern-side-panel .e-pv-modern-side-panel-container {
    
    .e-pv-modern-side-panel-header {
      height: $pv-modern-panel-header-height-big;

      .e-pv-modern-side-panel-header-title {
        font-size: $pv-text-base;
      }

      .e-pv-icon {
        font-size: $pv-modern-sidebar-btn-font-size-big;
      }
    }

    .e-pv-modern-side-panel-content-container {
      height: $pv-modern-panel-template-height-big;

      .e-pv-sidebar-content {
        top: $pv-modern-panel-header-height-big;
      }
    }
  }
}