.PSPDFKit-mobile-os .PSPDFKit-Toolbars {
  bottom: 64px;
}

div[name="Courier"],
div[name="Times New Roman"],
div[name="Palatino"],
div[name="Gill Sans"],
div[name="Tahoma"] {
  display: none;
}

.PSPDFKit-Toolbar {
  display: flex;
  width: 100%;
  /* justify-content: space-around; */
  gap: 5px;
  padding: 10px 46px !important;
  height: 62px;
  /* height: auto !important; */
  min-height: 62px;
  background: var(--10, #FAFCFF);

  @media (max-width: 1550px) {
    padding: 10px !important;
    gap: 0px !important;
  }

  @media (max-width: 1330px) {
    padding: 10px 5px !important;
    min-height: fit-content !important;
  }

  @media (max-width: 760px) {
    position: fixed;
    bottom: calc(0px + env(safe-area-inset-bottom, 0));
    left: 0;
    right: 0;
    z-index: 900;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  }

  .active {
    background-color: #FAEAED !important;
    color: #D2294B !important;
  }

  .PSPDFKit-Toolbar-Button-Layout-Config {
    height: 44px !important;
    width: auto !important;
  }

  .PSPDFKit-Toolbar-Button {
    word-wrap: break-word;
    white-space: initial;

    .label {
      overflow: hidden;
      text-overflow: ellipsis;
      word-wrap: break-word;
      white-space: nowrap;
      word-break: keep-all;
    }

    span {
      overflow-wrap: break-word;
      height: auto;
    }
  }
}


.PSPDFKit-Input-Dropdown-Items .more-tools {
  display: none;
}

.header {
  @media (max-width: 760px) {
    position: fixed;
    width: 100%;
    height: 5vh;
  }
}

.hide-tool {
  visibility: hidden;
  min-width: 20px !important;

  @media (max-width: 1550px) {
    min-width: 0px !important;
    padding: 0 !important;
  }
}

.PSPDFKit-Toolbar-Button-active + .PSPDFKit-Input-Dropdown-Button  {
  background-color: transparent !important;
  border-radius: 8px !important;
  fill: #D2294B !important;
  opacity: 1;
  color: #D2294B !important;
}

.PSPDFKit-Toolbar-Button.PSPDFKit-Tool-Button:empty {
  flex-grow: 1;
}

.PSPDFKit-Toolbar-Button-active + .PSPDFKit-Input-Dropdown-Button span  {
  opacity: 1;
}

.PSPDFKit-Toolbar-Button-active {
  background: transparent !important;
}

.PSPDFKit-Input-Dropdown {
  height: 44px !important;
  border-radius: 8px !important;

  &:hover {
    background-color: #faeaed !important;
  }
}

.PSPDFKit-Input-Dropdown > div {
  height: 44px !important;
  border-radius: 8px !important;
}

.PSPDFKit-Toolbar .PSPDFKit-Toolbar-Button {
  transition: opacity .1s ease 0s !important;
  border-radius: 8px !important;
  border: none !important;
  stroke: #000 !important;
}

.PSPDFKit-Toolbar-Button:hover {
  background-color: #faeaed !important;
}

.PSPDFKit-Toolbar .PSPDFKit-Toolbar-Button.PSPDFKit-Tool-Button.active {
  background-color: #faeaed !important;
  span {
      stroke: #D2294B !important;
      fill: #D2294B !important;
      color: #D2294B !important;
  }

  .PSPDFKit-Toolbar-Button-Icon.PSPDFKit-Icon svg path {
      stroke: #D2294B !important;
      fill: #D2294B !important;
  }


}

.PSPDFKit-Text-Annotation-Toolbar-Alignment-active, .PSPDFKit-Text-Annotation-Toolbar-Alignment, .PSPDFKit-Text-Annotation-Toolbar-Vertical-Alignment-active {
  background-color: #FAEAED !important;
}


.PSPDFKit-Toolbar  .PSPDFKit-Toolbar-Button-active, .PSPDFKit-Toolbar .PSPDFKit-Toolbar-Button-active:active, .PSPDFKit-Toolbar .PSPDFKit-Toolbar-Button-active:hover, .PSPDFKit-Toolbar .PSPDFKit-Toolbar-Button-active:focus {
  color: #D2294B !important;
  color: #D2294B !important;
  stroke: #D2294B !important;
  fill: #D2294B !important;
}

.PSPDFKit-Toolbar .PSPDFKit-Input-Dropdown-Item-selected {
  stroke: #D2294B !important;
  fill: #D2294B !important;
  
  button {
    color: black !important;
    background: #FAEAED !important;
  }

}

.PSPDFKit-Input-Dropdown-Item:hover {
  /* stroke: #000 !important; */

  button {
    color: black !important;
    background: #FAEAED !important;
  }
}

.PSPDFKit-Layout-Config-Option-Active {
  span {
    background-color: #FAEAED !important;
  }
}

.PSPDFKit-Input-Dropdown.PSPDFKit-Input-Dropdown-active {
  background: #FAEAED !important;
  border-radius: 8px !important;
  fill: #D2294B !important;
}
.PSPDFKit-Tool-Button.PSPDFKit-Tool-Button-active {
  background: #FAEAED !important;
  fill: #D2294B !important;
}

.PSPDFKit-Input-Dropdown.PSPDFKit-Input-Dropdown-active:hover {
    background: #faeaed !important;
}

.PSPDFKit-Toolbar-Button-active span {
  color: #D2294B !important;
}

.PSPDFKit-Input-Dropdown-Button {
  cursor: pointer;
  height: 44px !important;

}

.PSPDFKit-Tool-Button-Icon {
  width: max-content;
}

.PSPDFKit-Input-Dropdown-Item .label {
  display: none;
}

.tool-with-border {
  border: none;
}

.PSPDFKit-Tool-Button:has(> span.PSPDFKit-Icon-ExtractPages) {
  display: none;
}

.PSPDFKit-DocumentEditor-SaveAsButton {
  display: none;
}


.PSPDFKit-Content-Editing-Toolbar button[title="Cancel"],
.PSPDFKit-Content-Editing-Toolbar button[title="Close"],
.PSPDFKit-Content-Editing-Toolbar button[title="Save & Close"] {
  display: none;
}

.PSPDFKit-Input-Dropdown.PSPDFKit-Toolbar-Dropdown.PSPDFKit-Toolbar-DropdownGroup div:has( .PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active) {
  background: #FAEAED !important;
  border-radius: 8px !important;
  fill: #D2294B !important;
  color: #D2294B !important;
}

.PSPDFKit-Content-Editing-Text-Block div {
  border: unset;
}

.PSPDFKit-Content-Editing-Text-Block div:hover {
  border-width: thin;
  border-color: var(--color-blue600);
  border-style: solid;
}

.PSPDFKit-Viewport {
  background-color: #FFFFFF !important;
}

.PSPDFKit-Toolbar {
  .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active ~ div > .PSPDFKit-Toolbar-Button, 
  div:has(~ .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active) > .PSPDFKit-Toolbar-Button,
  
  .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active ~ div.PSPDFKit-Input-Dropdown div, 
  div.PSPDFKit-Input-Dropdown:has(~ .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active) div,
  
  .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active ~ div.PSPDFKit-Input-Dropdown div button,
  div.PSPDFKit-Input-Dropdown:has(~ .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active) div button,
  
  .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active ~ div.PSPDFKit-Input-Dropdown *,
  div.PSPDFKit-Input-Dropdown:has(~ .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active) *,
  .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active ~ div .PSPDFKit-Toolbar-Button-Layout-Config {
    cursor: pointer !important;
    pointer-events: all !important;
    opacity: 1 !important;
  }

  div:has(~ .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active) > .PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-Redo,
  div:has(~ .PSPDFKit-Toolbar-Button-Content-Editor.PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-active) > .PSPDFKit-Toolbar-Button.PSPDFKit-Toolbar-Button-Undo {
    cursor: not-allowed !important;
    opacity: var(--PSPDFKit-ToolbarButton-isDisabled-opacity) !important;
    pointer-events: none !important;
  }

}