/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@pdf-tools/four-heights-pdf-web-viewer/css/pdf-web-viewer.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/***********************
 * colors
 ***********************/ /***********************
 * viewer
 ***********************/
/***********************
 * dialog
 ***********************/
/***********************
* popup
***********************/
/***********************
 * toolbar
 ***********************/
/***********************
 * dropdown
 ***********************/
/***********************
 * scrollbar
 ***********************/
/***********************
 * acroForms
 ***********************/
/***********************
 * mixins
 ***********************/
.pwv-disabled {
  opacity: 0.4;
}

.pwv-WebViewer--sm .pwv-SmHidden {
  display: none !important;
}

.pwv-WebViewer--md .pwv-MdHidden {
  display: none !important;
}

.pwv-WebViewer--lg .pwv-LgHidden {
  display: none !important;
}

.pwv-Toolbar {
  display: flex;
  position: relative;
  min-height: 50px;
  background-color: #ebebeb;
  color: #292929;
}
.pwv-Toolbar--wrap {
  flex-wrap: wrap;
}
.pwv-Toolbar--paddingRight {
  padding-right: 55px;
}
.pwv-ToolbarItemGroup {
  display: flex;
}
.pwv-ToolbarItemGroup--pushLeft {
  margin-left: auto;
}
.pwv-ToolbarItemGroup--pushRight {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.pwv-ToolbarItem {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: solid 1px transparent;
  height: 50px;
  min-width: 50px;
  background-color: #ebebeb;
  color: #525252;
  cursor: default;
}
.pwv-ToolbarButton {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: solid 1px transparent;
  height: 50px;
  min-width: 50px;
  background-color: #ebebeb;
  color: #525252;
  cursor: default;
}
.pwv-ToolbarButton:focus {
  outline: none;
}
.pwv-ToolbarButton:not(:disabled):hover {
  color: #008bd2;
  background-color: #ebebeb;
  border: solid 1px transparent;
}
.pwv-ToolbarButton:not(:disabled):focus {
  color: #525252;
  background-color: #ebebeb;
  border: solid 1px transparent;
}
.pwv-ToolbarButton:not(:disabled):active {
  color: #008bd2;
  background-color: #ebebeb;
  border: solid 1px transparent;
}
.pwv-ToolbarButton:not(:disabled):active svg,
.pwv-ToolbarButton:not(:disabled):active img {
  transform: scale(0.94);
}
.pwv-ToolbarButton--selected {
  color: #008bd2 !important;
  background-color: #ebebeb !important;
  border: solid 1px transparent !important;
}
.pwv-ToolbarButton--disabled {
  color: rgba(82, 82, 82, 0.4) !important;
  background-color: #ebebeb;
  border: solid 1px transparent;
  cursor: default;
}
.pwv-ToolbarButton .pwv-icon {
  display: block;
  height: 1.12rem;
}
.pwv-ToolbarButton .pwv-icon svg {
  height: 1.12rem;
}
.pwv-ToolbarButton__Text {
  display: inline-block;
  padding: 0 0.5rem;
}
.pwv-Toolbar .pwv-CustomButtons {
  display: flex;
}
.pwv-Toolbar .pwv-DropdownPanel {
  z-index: 5;
  top: 48px;
}
.pwv-Toolbar input {
  border: none;
  font-size: 1em;
  height: 33.3333333333px;
  box-sizing: border-box;
  padding: 3px 6px;
}
.pwv-Toolbar .pwv-ToolbarSeparator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
}
.pwv-WebViewer--sm .pwv-Toolbar .pwv-ToolbarSeparator, .pwv-WebViewer--md .pwv-Toolbar .pwv-ToolbarSeparator {
  width: 12.5px;
}
.pwv-WebViewer--sm .pwv-Toolbar .pwv-ToolbarSeparator {
  display: none;
}
.pwv-Toolbar .pwv-ToolbarSeparator span {
  display: block;
  background-color: #525252;
  opacity: 0.2;
  width: 1px;
  height: 50%;
  box-sizing: border-box;
}

@keyframes tooltipFadeInDelay {
  0%, 95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[data-pwv-tooltip]:hover::after {
  content: attr(data-pwv-tooltip);
  position: absolute;
  background-color: #008bd2;
  color: #fff;
  padding: 5px 8px;
  z-index: 10000;
  white-space: nowrap;
  font-size: 0.8rem;
  animation: tooltipFadeInDelay 1s ease-in;
  transform: translateX(-50%);
  left: 50%;
}
[data-pwv-tooltip].pwv-tooltip-top::after {
  top: -20px;
}
[data-pwv-tooltip].pwv-tooltip-bottom::after {
  top: 46px;
}
[data-pwv-tooltip].pwv-tooltip-left::after {
  transform: translateX(-100%);
  left: 50%;
}
[data-pwv-tooltip].pwv-tooltip-right::after {
  transform: translateX(0);
  left: 50%;
}

.pwv-contextbar {
  cursor: default;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  z-index: 10;
  padding: 0 10px;
  background-color: #ebebeb;
}
.pwv-contextbar .pwv-Toolbar {
  position: relative;
  z-index: 2;
  min-height: 45px;
}
.pwv-contextbar .pwv-ToolbarButton,
.pwv-contextbar .pwv-ToolbarItem {
  min-height: 45px;
}
.pwv-contextbar .pwv-ToolbarButton > button,
.pwv-contextbar .pwv-ToolbarItem > button {
  min-height: 45px;
}
.pwv-contextbar:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-8px) rotate(45deg);
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  background-color: #ebebeb;
  z-index: 1;
  display: none;
}
.pwv-contextbar-bottom .pwv-contextbar:after {
  top: -8px;
  display: block;
}
.pwv-contextbar-top .pwv-contextbar:after {
  bottom: -8px;
  display: block;
}

.pwv-icon svg {
  fill: currentColor;
}
.pwv-icon img {
  height: 1.13rem;
  max-width: 100%;
}

.pwv-Dropdown {
  cursor: default;
  position: relative;
}
.pwv-Dropdown > button {
  margin: 0;
  display: flex;
  align-items: center;
  border: none;
  background-color: transparent;
  font-size: 1em;
  height: 100%;
  width: 100%;
  color: inherit;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: solid 1px transparent;
  height: 50px;
  min-width: 50px;
  background-color: #ebebeb;
  color: #525252;
  cursor: default;
}
.pwv-Dropdown > button:focus {
  outline: none;
}
.pwv-Dropdown > button:enabled:hover {
  color: #008bd2;
  background-color: #ebebeb;
  border: solid 1px transparent;
}
.pwv-Dropdown > button:enabled:active {
  color: #008bd2;
  background-color: #ebebeb;
  border: solid 1px transparent;
}
.pwv-Dropdown > button:enabled:active svg,
.pwv-Dropdown > button:enabled:active img {
  transform: scale(0.94);
}
.pwv-Dropdown > button:enabled:focus {
  color: #525252;
  background-color: #ebebeb;
  border: solid 1px transparent;
}
.pwv-Dropdown > button .pwv-Dropdown-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px 0 14px;
}
.pwv-Dropdown > button .pwv-Dropdown-text .pwv-icon {
  width: 18px;
}
.pwv-Dropdown > button .pwv-Dropdown-text .pwv-icon svg {
  height: 18px;
}
.pwv-Dropdown > button .pwv-Dropdown-caret {
  padding-left: 8px;
  display: inline-block;
}
.pwv-Dropdown > button .pwv-Dropdown-caret .pwv-icon {
  width: 1.2rem;
  text-align: right;
}
.pwv-Dropdown > button .pwv-Dropdown-caret .pwv-icon svg {
  height: 12px;
}
.pwv-Dropdown > button:focus {
  outline: none;
}
.pwv-Dropdown--open .pwv-DropdownPanel {
  display: block;
}
.pwv-DropdownItem {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 42px;
  border: none;
  padding: 0 10.5px;
  white-space: nowrap;
  color: #525252;
  background-color: transparent;
}
.pwv-DropdownItem:hover {
  background-color: whitesmoke;
  color: #008bd2;
}
.pwv-DropdownItem .pwv-icon {
  display: inline-block;
  margin-right: 0.25rem;
  width: 1.68rem;
}
.pwv-DropdownItem .pwv-icon svg {
  height: 1.12rem;
  fill: currentColor;
}

.pwv-DropdownPanel {
  display: none;
  position: absolute;
  overflow-y: auto;
  top: 34px;
  min-width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  z-index: 100;
  background-color: #ebebeb;
}
.pwv-DropdownPanel.pwv-DropdownPanel--scroll {
  min-width: calc(100% + 20px);
}
.pwv-DropdownPanel ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pwv-DropdownPanel ul li {
  margin: 0;
  white-space: nowrap;
  cursor: pointer;
}
.pwv-DropdownPanel .pwv-Dropdown-item-text {
  white-space: nowrap;
}

.pwv-DropdownSeparator {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 21px;
  width: 100% !important;
  padding: 0 10.5px;
}
.pwv-DropdownSeparator span {
  display: block;
  background-color: #525252;
  opacity: 0.2;
  width: 100%;
  flex-grow: 1;
  height: 1px;
  box-sizing: border-box;
}

.pwv-Dropdown--alignLeft {
  text-align: left;
}
.pwv-Dropdown--alignLeft > button {
  justify-content: space-between;
}
.pwv-Dropdown--alignLeft .pwv-DropdownPanel {
  left: 0;
}

.pwv-Dropdown--alignRight {
  text-align: right;
}
.pwv-Dropdown--alignRight > button {
  justify-content: flex-end;
}
.pwv-Dropdown--alignRight .pwv-DropdownPanel {
  right: 0;
  text-align: right;
}
.pwv-Dropdown--alignRight .pwv-DropdownItem {
  justify-content: flex-end;
}

.pwv-Dropdown--alignCenter {
  text-align: center;
}
.pwv-Dropdown--alignCenter > button {
  justify-content: center;
  padding: 0;
}
.pwv-Dropdown--alignCenter .pwv-DropdownPanel {
  right: 0;
}

.pwv-Loader {
  margin: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
}
.pwv-Loader > div {
  width: 3rem;
  height: 3rem;
  position: relative;
}

.pwv-li-c {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.pwv-li-c:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #99d1ed;
  border-radius: 100%;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.pwv-li-c2 {
  transform: rotate(30deg);
}
.pwv-li-c2:before {
  animation-delay: -1.1s;
}

.pwv-li-c3 {
  transform: rotate(60deg);
}
.pwv-li-c3:before {
  animation-delay: -1s;
}

.pwv-li-c4 {
  transform: rotate(90deg);
}
.pwv-li-c4:before {
  animation-delay: -0.9s;
}

.pwv-li-c5 {
  transform: rotate(120deg);
}
.pwv-li-c5:before {
  animation-delay: -0.8s;
}

.pwv-li-c6 {
  transform: rotate(150deg);
}
.pwv-li-c6:before {
  animation-delay: -0.7s;
}

.pwv-li-c7 {
  transform: rotate(180deg);
}
.pwv-li-c7:before {
  animation-delay: -0.6s;
}

.pwv-li-c8 {
  transform: rotate(210deg);
}
.pwv-li-c8:before {
  animation-delay: -0.5s;
}

.pwv-li-c9 {
  transform: rotate(240deg);
}
.pwv-li-c9:before {
  animation-delay: -0.4s;
}

.pwv-li-c10 {
  transform: rotate(270deg);
}
.pwv-li-c10:before {
  animation-delay: -0.3s;
}

.pwv-li-c11 {
  transform: rotate(300deg);
}
.pwv-li-c11:before {
  animation-delay: -0.2s;
}

.pwv-li-c12 {
  transform: rotate(330deg);
}
.pwv-li-c12:before {
  animation-delay: -0.1s;
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.pwv-ColorPicker > button {
  padding: 0;
  flex-direction: column;
  justify-content: center;
}
.pwv-ColorPicker > button .pwv-icon {
  display: block;
  height: 18px;
}
.pwv-ColorPicker > button .pwv-icon svg {
  height: 15px;
}
.pwv-ColorPicker > button .pwv-ColorPicker__selectedColor {
  height: 5px;
  width: 20px;
}
.pwv-ColorPicker .pwv-DropdownPanel {
  left: 0;
  right: auto;
  width: 120px;
}
.pwv-ColorPicker .pwv-DropdownPanel.pwv-DropdownPanel-wide {
  width: 160px;
}

.pwv-ColorPicker--buttons {
  padding-left: 8px;
  padding-right: 8px;
}
.pwv-ColorPicker--buttons .pwv-ColorPicker__Button {
  margin: 3px;
  width: 28px;
  height: 28px;
}

.pwv-ColorPicker__Button {
  position: relative;
  margin: 6px;
  border: solid 2px rgba(0, 0, 0, 0);
  padding: 0;
  width: 28px;
  height: 28px;
  box-sizing: border-box;
  overflow: hidden;
}
.pwv-ColorPicker__Button::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 40px;
  border: 1px solid rgba(41, 41, 41, 0.6);
  transform: rotate(45deg);
  transform-origin: top left;
  z-index: 1;
}
.pwv-ColorPicker__Button::after {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: 40px;
  border: 1px solid rgba(41, 41, 41, 0.6);
  transform: rotate(-45deg);
  transform-origin: top right;
  z-index: 1;
}
.pwv-ColorPicker__Button:hover {
  border-color: rgba(0, 0, 0, 0.4);
}
.pwv-ColorPicker__Button:active {
  border-color: rgba(0, 0, 0, 0.7);
}
.pwv-ColorPicker__Button.pwv-selected {
  border-color: rgba(0, 0, 0, 0.9);
}
.pwv-ColorPicker__Button div {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.pwv-vertical-scrollbar,
.pwv-horizontal-scrollbar {
  cursor: default !important;
  z-index: 7;
  position: absolute;
  background-color: rgba(206, 206, 206, 0.25);
}
.pwv-vertical-scrollbar > div,
.pwv-horizontal-scrollbar > div {
  position: absolute;
}

.pwv-scrollbar-handle {
  background-color: rgba(124, 124, 124, 0.3);
  transition: background-color 0.5s;
}

.pwv-horizontal-scrollbar {
  bottom: 0;
  right: 0;
  left: 0;
  height: 4px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  transition: height 0.5s;
}
.pwv-horizontal-scrollbar .pwv-scrollbar-handle {
  height: 100%;
}

.pwv-vertical-scrollbar {
  width: 4px;
  top: 0;
  bottom: 0;
  right: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  transition: width 0.5s;
}
.pwv-vertical-scrollbar .pwv-scrollbar-handle {
  width: 100%;
}

.pwv-scrollbar-hover.pwv-vertical-scrollbar,
.pwv-scrollbar-dragging.pwv-vertical-scrollbar {
  width: 15px;
  transition: width 0.5s;
}
.pwv-scrollbar-hover.pwv-horizontal-scrollbar,
.pwv-scrollbar-dragging.pwv-horizontal-scrollbar {
  height: 15px;
  transition: height 0.5s;
}
.pwv-scrollbar-hover .pwv-scrollbar-handle,
.pwv-scrollbar-dragging .pwv-scrollbar-handle {
  background-color: #008bd2 !important;
  transition: background-color 0.5s;
}

.pwv-scrollbar-scrolling .pwv-scrollbar-handle {
  background-color: #008bd2;
  transition: background-color 0.5s;
}

.pwv-rangeslider.pwv-Dropdown .pwv-Dropdown-text {
  padding: 0 4px 0 4px;
  width: 50px;
  text-align: right;
}
.pwv-rangeslider .pwv-Dropdown-label {
  margin-right: auto;
}
.pwv-rangeslider .pwv-Dropdown-label .pwv-icon {
  width: 15px;
  display: inline-block;
  padding-top: 4px;
}
.pwv-rangeslider .pwv-Dropdown-label .pwv-icon svg {
  height: 15px;
}
.pwv-rangeslider button {
  justify-content: flex-end;
}

.pwv-stroke-width-picker {
  width: 115px;
}
.pwv-stroke-width-picker button {
  padding-left: 8px;
}
.pwv-stroke-width-picker button .pwv-stroke-width {
  width: auto;
  flex: 1;
  margin-left: 12px;
}

.pwv-stroke-width-picker-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}

.pwv-stroke-width {
  display: block;
  width: 40px;
  margin-top: 2px;
  background-color: currentColor;
}

.pwv-stroke-style-picker {
  width: 50px;
}

.pwv-stroke-style-picker-button > span {
  display: block;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border-color: currentColor;
  border-width: 1px;
  border-style: solid;
}
.pwv-stroke-style-picker-button.pwv-stroke-style-dashed > span {
  border-style: dashed;
}

.pwv-stroke-style-picker-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 21px;
}
.pwv-stroke-style-picker-item:hover > span {
  border-top-color: #008bd2;
}
.pwv-stroke-style-picker-item > span {
  display: block;
  width: 40px;
  height: 2px;
  box-sizing: border-box;
  border-top-color: currentColor;
  border-top-width: 2px;
  border-top-style: solid;
}
.pwv-stroke-style-picker-item.pwv-stroke-style-dashed > span {
  border-top-style: dashed;
}

.pwv-opacityslider .pwv-Dropdown-text {
  width: 55px;
}

.pwv-Dropdown-line-width {
  width: 50px;
}
.pwv-Dropdown-line-width .pwv-DropdownPanel {
  width: 75px;
  min-width: 75px;
}
.pwv-Dropdown-line-width ul li {
  padding: 0 10px;
}
.pwv-Dropdown-line-width .pwv-line-width {
  display: flex;
  align-items: center;
  width: 100%;
  height: 25px;
  padding: 0;
}
.pwv-Dropdown-line-width .pwv-line-width > div {
  width: 100%;
  background-color: #525252;
}
.pwv-Dropdown-line-width .pwv-line-width:hover > div {
  background-color: #008bd2;
}
.pwv-Dropdown-line-width button .pwv-line-width {
  width: 18px;
}
.pwv-Dropdown-line-width button .pwv-line-width > div {
  width: 18px;
}

.pwv-highlightannotation-toolbar {
  position: absolute;
  z-index: 10;
  top: 10px;
  left: 10px;
}
.pwv-highlightannotation-toolbar .pwv-contextbar::after {
  display: none;
}

.pwv-stampannotation-dropdown .pwv-DropdownPanel {
  width: 224px;
}
.pwv-stampannotation-dropdown .pwv-DropdownPanel.pwv-DropdownPanel--scroll {
  width: 244px;
}
.pwv-stampannotation-dropdown button img {
  max-height: 28px;
}
.pwv-stampannotation-dropdown ul img {
  max-height: 50px;
  max-width: 200px;
}

.pwv-eraserInfoBar {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 139, 210, 0.9);
  color: #fff;
}
.pwv-eraserInfoBar > span {
  margin-left: auto;
  font-weight: bold;
}
.pwv-eraserInfoBar .pwv-ToolbarButton {
  background-color: transparent;
  border: none;
  max-height: 37.5px;
  margin-left: auto;
  color: #fff;
}
.pwv-eraserInfoBar .pwv-ToolbarButton:hover, .pwv-eraserInfoBar .pwv-ToolbarButton:active {
  background-color: transparent;
  color: #fff;
}

.pwv-formField {
  position: absolute;
  z-index: 4;
  border: dotted 2px #006395;
}
.pwv-formField__Element {
  position: absolute;
  display: flex;
  transform-origin: top left;
  border: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  width: 100%;
}
.pwv-formField__ComboBox {
  background-color: #fff;
}
.pwv-formField__ComboBox button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: none;
}
.pwv-formField__ComboBox button:active {
  background-color: lime;
}
.pwv-formField__ComboBox .pwv-icon {
  display: block;
  height: 18px;
}
.pwv-formField__ComboBox .pwv-icon svg {
  height: 15px;
}
.pwv-formField__SelectList {
  background-color: #fff;
}
.pwv-formField__ListBox {
  background-color: #fff;
}
.pwv-formField__TextBox {
  background-color: #fff;
}

.pwv-ViewerCanvas {
  display: flex;
  flex-grow: 1;
  align-items: stretch;
}

.pwv-canvas-toolbar {
  flex-grow: 0;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.pwv-canvas-toolbar .pwv-DropdownPanel {
  top: 38px !important;
}

.pwv-canvas-container {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}
.pwv-canvas-container > * {
  -webkit-user-select: none;
  user-select: none;
}

.pwv-canvas-layers {
  flex-grow: 1;
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
  touch-action: none;
  background-color: #e2e2e2;
}
.pwv-canvas-layers > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.pwv-BusyLoader {
  position: absolute;
  bottom: 16px;
  left: 20px;
  right: 20px;
  z-index: 100;
}
.pwv-BusyLoader > div {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 42px;
  height: 21px;
  transition: all 300ms ease-in-out 0s;
  z-index: 1;
  margin: auto;
}
.pwv-BusyLoader > div .rect-1,
.pwv-BusyLoader > div .rect-2,
.pwv-BusyLoader > div .rect-3,
.pwv-BusyLoader > div .rect-4,
.pwv-BusyLoader > div .rect-5 {
  width: 15%;
  height: 100%;
  background-color: #008bd2;
  animation: rectangle-bounce 1s infinite ease-in-out;
}
.pwv-BusyLoader > div .rect-2 {
  animation-delay: -0.9s;
}
.pwv-BusyLoader > div .rect-3 {
  animation-delay: -0.8s;
}
.pwv-BusyLoader > div .rect-4 {
  animation-delay: -0.7s;
}
.pwv-BusyLoader > div .rect-5 {
  animation-delay: -0.6s;
}

@keyframes rectangle-bounce {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
.pwv-annotation-selection {
  box-sizing: border-box;
  z-index: 5;
}
.pwv-annotation-selection .pwv-contextbar {
  position: absolute;
  left: 0;
  transition: opacity 0.3s;
}
.pwv-annotation-selection.pwv-contextbar-top .pwv-contextbar {
  top: -70px;
}
.pwv-annotation-selection.pwv-contextbar-bottom .pwv-contextbar {
  bottom: -70px;
}

.pwv-annotation-moving .pwv-annotation-border,
.pwv-annotation-resizing .pwv-annotation-border {
  border-style: dotted;
  background-color: rgba(0, 99, 149, 0.33);
}
.pwv-annotation-moving .pwv-contextbar,
.pwv-annotation-resizing .pwv-contextbar {
  opacity: 0;
  transition: opacity 0.1s;
}

.pwv-annotation-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid rgba(0, 99, 149, 0.75);
  box-sizing: border-box;
}

.pwv-annotation-border-draghandle {
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
  border: none;
  cursor: move;
  z-index: 12;
}

.pwv-annotation-border-resizehandle-nw,
.pwv-annotation-border-resizehandle-ne,
.pwv-annotation-border-resizehandle-sw,
.pwv-annotation-border-resizehandle-se {
  position: absolute;
  border: 2px solid rgba(0, 99, 149, 0.75);
  background-color: rgba(0, 99, 149, 0.75);
  box-sizing: border-box;
  width: 16px;
  height: 16px;
}
.pwv-annotation-moving .pwv-annotation-border-resizehandle-nw,
.pwv-annotation-moving .pwv-annotation-border-resizehandle-ne,
.pwv-annotation-moving .pwv-annotation-border-resizehandle-sw,
.pwv-annotation-moving .pwv-annotation-border-resizehandle-se {
  display: none !important;
}
.pwv-annotation-resizing .pwv-annotation-border-resizehandle-nw,
.pwv-annotation-resizing .pwv-annotation-border-resizehandle-ne,
.pwv-annotation-resizing .pwv-annotation-border-resizehandle-sw,
.pwv-annotation-resizing .pwv-annotation-border-resizehandle-se {
  display: none !important;
}

.pwv-annotation-border-resizehandle-nw {
  top: -14px;
  left: -14px;
  cursor: nw-resize;
}

.pwv-annotation-border-resizehandle-ne {
  top: -14px;
  right: -14px;
  cursor: ne-resize;
}

.pwv-annotation-border-resizehandle-sw {
  bottom: -14px;
  left: -14px;
  cursor: sw-resize;
}

.pwv-annotation-border-resizehandle-se {
  bottom: -14px;
  right: -14px;
  cursor: se-resize;
}

.pwv-textselection-contextbar {
  position: absolute;
  top: 0;
  left: 0;
}
.pwv-textselection-contextbar .pwv-ColorPicker .pwv-icon {
  height: 18px;
}
.pwv-textselection-contextbar .pwv-ColorPicker .pwv-icon svg {
  height: 18px;
}
.pwv-textselection-contextbar .pwv-ColorPicker__selectedColor {
  display: none;
}

.pwv-popup {
  position: absolute;
  background-color: #ebebeb;
  box-shadow: 0 3px 8px rgba(41, 41, 41, 0.1);
  box-sizing: border-box;
  border: solid 0 transparent;
  z-index: 10;
  opacity: 0.75;
}
.pwv-popup:hover {
  opacity: 0.85;
}
.pwv-popup.pwv-popup-selected {
  opacity: 1;
  z-index: 12;
}
.pwv-mobile-popup .pwv-popup {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1 !important;
}

.pwv-popup-header .pwv-Toolbar {
  margin: 5px;
}

.pwv-popup-header-info {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  bottom: 0;
  height: 25px;
  padding: 4px 25px 0 0.3rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  font-weight: 400;
}

.pwv-popup-header-modified {
  margin-right: 5px;
}

.pwv-popup-toolbar {
  background: #ebebeb;
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  z-index: 2;
}
.pwv-popup-toolbar .pwv-commandbar-item {
  width: 50px;
  height: 40px !important;
}

.pwv-popup-subject {
  position: absolute;
  top: 58px;
  left: 5px;
  right: 5px;
  height: 35px;
  z-index: 1;
}
.pwv-popup-subject input {
  color: #292929;
  background: #fff;
  border: none;
  padding: 0.3rem;
  box-sizing: border-box;
  font-size: 0.9rem !important;
  width: 100%;
  height: 100%;
}
.pwv-popup-subject div {
  display: flex;
  align-items: center;
  color: #292929;
  background-color: #fff;
  -webkit-user-select: text;
          user-select: text;
  border: none;
  font-size: 0.9rem !important;
  padding: 0.3rem;
  box-sizing: border-box;
  height: 100%;
  user-select: text;
  overflow: auto;
}

.pwv-popup-content {
  position: absolute;
  top: 96px;
  left: 5px;
  right: 5px;
  bottom: 25px;
  z-index: 1;
}
.pwv-popup-content textarea {
  color: #292929;
  background: #fff;
  border: none;
  padding: 0.3rem;
  box-sizing: border-box;
  resize: none;
  font-size: 0.9rem !important;
  width: 100%;
  height: 100%;
}
.pwv-popup-content div {
  color: #292929;
  background-color: #fff;
  -webkit-user-select: text;
          user-select: text;
  border: none;
  padding: 0.3rem;
  box-sizing: border-box;
  font-size: 0.9rem !important;
  height: 100%;
  user-select: text;
  overflow: auto;
  white-space: pre-wrap;
}

.pwv-popup-content-no-subject {
  top: 55px;
}

.pwv-popup-draghandle {
  position: absolute;
  top: 5px;
  right: 55px;
  left: 150px;
  height: 40px;
  z-index: 5;
  cursor: move;
}

.pwv-popup-resizer {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 22px;
  height: 22px;
  cursor: se-resize;
  z-index: 5;
}
.pwv-popup-resizer::before, .pwv-popup-resizer::after {
  position: absolute;
  border-top: solid 2px rgba(255, 255, 255, 0.9);
  content: "";
  box-sizing: border-box;
  transform: rotate(-45deg);
}
.pwv-popup-resizer::before {
  top: 8px;
  left: 8px;
  width: 12px;
  height: 12px;
}
.pwv-popup-resizer::after {
  top: 12px;
  left: 12px;
  width: 6px;
  height: 6px;
}

.pwv-popup-view-only .pwv-Toolbar {
  background: transparent;
}
.pwv-popup-view-only .pwv-Toolbar .pwv-ToolbarButton {
  width: 40px !important;
  height: 34px !important;
  margin-top: -4px;
  margin-right: -4px;
  color: inherit;
  background: transparent;
}
.pwv-popup-view-only .pwv-popup-draghandle {
  left: 2px;
  top: 2px;
  height: 34px;
}
.pwv-popup-view-only .pwv-popup-view-only-content {
  position: absolute;
  top: 34px;
  bottom: 24px;
  left: 0;
  right: 0;
  padding: 4px 10px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  -webkit-user-select: text;
          user-select: text;
  background-color: rgba(255, 255, 255, 0.15);
}
.pwv-popup-view-only .pwv-popup-view-only-content h4 {
  margin: 0 0 4px 0;
}
.pwv-popup-view-only .pwv-popup-view-only-content div {
  font-weight: 400;
}
.pwv-popup-view-only .pwv-popup-header-info {
  padding-left: 10px;
}

.pwv-freetexteditor {
  /* border: solid 1px #999999; */
}

.pwv-freetexteditor-toolbar {
  position: absolute;
  top: -105px;
  left: 0;
}

.pwv-freetext-subject {
  display: flex;
  align-items: center;
}
.pwv-freetext-subject input {
  width: 220px;
  height: 30px;
  border: none;
  padding: 0.3rem;
  box-sizing: border-box;
  resize: none;
  font-size: 0.9rem !important;
}

.pwv-print-dialog {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  width: 300px;
  height: 200px;
  margin-left: -150px;
  margin-top: -100px;
  top: 50%;
  left: 50%;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.pwv-print-dialog input[type=radio] {
  display: none;
}
.pwv-print-dialog .pwv-print-radio {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 1px #008bd2 solid;
}
.pwv-print-dialog input[type=radio]:checked + .pwv-print-radio {
  background: #008bd2;
}
.pwv-print-dialog label > span {
  margin-right: 10px;
}

.pwv-print-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 28px;
}

.pwv-print-invalid-range-text {
  position: absolute;
  left: 110px;
  color: #ff0000;
  font-size: 8pt;
  display: none;
}

.pwv-print-title {
  font-size: large;
  font-weight: bold;
  display: flex;
  margin-bottom: 10px;
}
.pwv-print-title span {
  padding-right: 10px;
}

.pwv-print-body {
  position: absolute;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding: 15px;
}

.pwv-print-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
}
.pwv-print-bottom-center {
  justify-content: center;
}

.pwv-print-button-print {
  width: 100px;
  height: 30px;
  background-color: #008bd2;
  color: white;
  border: none;
  margin-left: 15px;
}

.pwv-print-button-cancel {
  width: 100px;
  height: 30px;
  border: solid 1px #008bd2;
  background-color: #ffffff;
}

.pwv-print-icon {
  display: block;
  height: 18px;
}
.pwv-print-icon svg {
  height: 18px;
}

.pwv-print-page-range {
  max-width: 140px;
  border: 1px #008bd2 solid;
}
.pwv-print-page-range.pwv-print-invalid-input {
  background: rgba(255, 108, 120, 0.4588235294);
}

.pwv-print-page-range::placeholder {
  font-style: italic;
  color: #999999;
}

body[data-pdfwebviewerprinting] #outerContainer {
  display: none;
}

body[data-pdfwebviewerprinting] #printContainer {
  display: block;
}

.pwv-WebViewer {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  font-size: inherit;
  font-family: inherit;
  background-color: #e2e2e2;
}
.pwv-WebViewer > * {
  -webkit-user-select: none;
  user-select: none;
}
.pwv-WebViewer input,
.pwv-WebViewer select,
.pwv-WebViewer textarea,
.pwv-WebViewer button {
  font-family: inherit;
  font-size: inherit;
  touch-action: manipulation;
}
.pwv-WebViewer input:focus,
.pwv-WebViewer select:focus,
.pwv-WebViewer textarea:focus,
.pwv-WebViewer button:focus {
  outline: none;
}

.pwv-Viewer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.pwv-ViewerContent {
  display: flex;
  height: 100%;
  z-index: 1;
  position: relative;
  flex-grow: 1;
}
.pwv-WebViewer--sm .pwv-ViewerContent {
  flex-direction: column;
}

.pwv-document-view {
  position: relative;
  display: flex;
  flex-grow: 1;
}
.pwv-document-view.pwv-annotationbar-top {
  flex-direction: column-reverse;
}
.pwv-document-view.pwv-annotationbar-bottom {
  flex-direction: column;
}

@keyframes fadeIn {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: transparent;
  }
  100% {
    background-color: rgba(226, 226, 226, 0.5);
  }
}
.pwv-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: #008bd2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pwv-modal--loadFile, .pwv-modal--saveFile {
  background-color: rgba(226, 226, 226, 0);
}
.pwv-modal--loadFile .pwv-modal-dialog, .pwv-modal--saveFile .pwv-modal-dialog {
  background-color: transparent;
  border: none;
}
.pwv-modal--loadFile .pwv-modal-dialog h2, .pwv-modal--saveFile .pwv-modal-dialog h2 {
  display: none;
}

.pwv-Viewer--loadFile button,
.pwv-Viewer--loadFile input,
.pwv-Viewer--loadFile .pwv-ToolbarButton,
.pwv-Viewer--loadFile .pwv-ToolbarItem,
.pwv-Viewer--loadFile .pwv-NavigationPanel__Content > div,
.pwv-Viewer--saveFile button,
.pwv-Viewer--saveFile input,
.pwv-Viewer--saveFile .pwv-ToolbarButton,
.pwv-Viewer--saveFile .pwv-ToolbarItem,
.pwv-Viewer--saveFile .pwv-NavigationPanel__Content > div {
  opacity: 0.5;
}

.pwv-modal-dialog {
  display: flex;
  flex-direction: column;
  text-align: left;
  color: #fff;
  border: dashed 2px #33a2db;
  background-color: #008bd2;
}
.pwv-dropzone-dragover .pwv-openfile .pwv-modal-dialog {
  transition: border-color 0.3s;
  border: dashed 2px #99d1ed;
}
.pwv-WebViewer--sm .pwv-modal-dialog {
  width: 100%;
  margin: 20px;
}
.pwv-WebViewer--md .pwv-modal-dialog {
  width: 600px;
}
.pwv-WebViewer--lg .pwv-modal-dialog {
  width: 760px;
}

.pwv-modal-header {
  padding: 0.25rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.pwv-modal-header h2 {
  display: none;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 2.2rem;
  font-weight: 200;
  opacity: 0.8;
}
.pwv-modal-header .pwv-icon {
  padding-top: 2rem;
}
.pwv-modal-header .pwv-icon svg {
  height: 70px;
  fill: rgba(255, 255, 255, 0.5);
}

.pwv-modal-body {
  text-align: center;
  padding: 2rem;
}
.pwv-WebViewer--sm .pwv-modal-body {
  padding: 1rem;
}
.pwv-modal-body .pwv-modal-message {
  font-size: 1.25em;
  margin: 0 0 2rem 0;
}
.pwv-modal-body .pwv-modal-message p {
  margin: 0 0 0.25em 0;
  padding: 0;
}
.pwv-modal-body .pwv-modal-message h2 {
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 200;
  opacity: 0.5;
  margin: 0;
  padding: 0;
}
.pwv-modal-body .pwv-form-row {
  padding: 0 0 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pwv-modal-body .pwv-form-field {
  background-color: #fff;
  position: relative;
  width: 60%;
}
.pwv-WebViewer--sm .pwv-modal-body .pwv-form-field {
  width: calc(100% - 1rem);
}
.pwv-modal-body .pwv-form-field .pwv-input {
  position: relative;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  width: 100%;
  height: 2.2rem;
  line-height: 2rem;
  padding: 0 0.5rem;
  text-align: center;
  z-index: 2;
  color: #292929;
}
.pwv-modal-body .pwv-form-field .pwv-form-error {
  display: flex;
  background-color: #ebebeb;
  height: 2.2rem;
  justify-content: center;
  align-items: center;
  color: red;
}
.pwv-modal-body .pwv-form-field .pwv-form-error .pwv-icon {
  margin-right: 0.5rem;
}
.pwv-modal-body .pwv-form-field .pwv-form-error .pwv-icon svg {
  height: 1rem;
}
.pwv-modal-body .pwv-form-field.pwv-form-has-error .pwv-form-error {
  display: flex;
}
.pwv-modal-body .pwv-btn-row {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.pwv-WebViewer--sm .pwv-modal-body .pwv-btn-row {
  flex-direction: column;
}
.pwv-modal-body .pwv-btn {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  padding: 6px 30px;
  margin: 0.5rem 0.75rem;
}
.pwv-WebViewer--sm .pwv-modal-body .pwv-btn {
  margin: 0.5rem;
}
.pwv-modal-body .pwv-btn:focus {
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.pwv-modal-body .pwv-btn:active {
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.pwv-modal-body-noborder {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pwv-AppBar .pwv-Toolbar {
  margin-bottom: 2px;
}

.pwv-DocumentBar {
  margin-right: auto;
}

.pwv-WebViewer--sm .pwv-NavigationBar .pwv-ToolbarButton {
  min-width: 25px;
}

.pwv-WebViewer--sm .pwv-ZoomBar {
  display: none;
}

.pwv-WebViewer--sm .pwv-ViewBar {
  display: none;
}

.pwv-AddonsBar {
  margin-left: auto;
}

.pwv-SearchBar {
  justify-content: flex-end;
}
.pwv-WebViewer--md .pwv-SearchBar, .pwv-WebViewer--sm .pwv-SearchBar {
  margin-top: -52px;
}

.pwv-AnnotationMenu .pwv-DropdownPanel {
  right: 0;
}

.pwv-search-toolbar-result-index {
  padding: 0 10px;
  min-width: 100px;
  text-align: center;
}

.pwv-navigation-toolbar-pageinput {
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  justify-content: space-between;
}
.pwv-navigation-toolbar-pageinput input {
  width: 2.2rem;
  text-align: right;
  background-color: transparent;
  color: #008bd2;
  padding-left: 0;
  padding-right: 0.2rem;
}
.pwv-navigation-toolbar-pageinput input:hover, .pwv-navigation-toolbar-pageinput input:focus {
  background-color: #ffffff;
}
.pwv-navigation-toolbar-pageinput > span {
  display: block;
  padding: 3px;
}
.pwv-navigation-toolbar-pageinput > label {
  display: block;
  min-width: 2.2rem;
  padding-left: 0.2rem;
}

.pwv-Dropdown-zoom {
  width: 84px;
}
.pwv-Dropdown-zoom > button {
  justify-content: flex-end;
}
.pwv-Dropdown-zoom.pwv-Dropdown .pwv-Dropdown-text {
  padding: 0 4px 0 4px;
}

.pwv-page-layout-mode .pwv-DropdownPanel {
  left: auto;
  right: 0;
}

.pwv-page-layout-mode-item {
  display: flex;
  align-items: center;
}

.pwv-page-layout-mode-icon {
  display: block;
  height: 1.12rem;
}
.pwv-page-layout-mode-icon svg {
  height: 1.12rem;
}

.pwv-WebViewer.pwv-WebViewer--sm .pwv-canvas-toolbar .pwv-Toolbar {
  margin-top: -52px;
}

.pwv-searchbar-input {
  padding: 0 10px;
}
.pwv-searchbar-input input {
  padding: 0 5px;
  border: none;
  min-width: 250px;
  height: 32px;
  line-height: 32px;
}
.pwv-WebViewer--sm .pwv-searchbar-input input {
  min-width: 150px;
  width: 150px;
}

.pwv-searchoptions .pwv-checkbox-btn {
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  flex-wrap: nowrap;
  width: 100%;
  height: 42px;
  font-size: 1em;
  padding: 4px;
  white-space: nowrap;
}
.pwv-searchoptions .pwv-checkbox-btn .pwv-icon {
  display: block;
  height: 18px;
  margin-right: 6px;
}
.pwv-searchoptions .pwv-checkbox-btn .pwv-icon svg {
  height: 18px;
  fill: #008bd2;
}
.pwv-searchoptions .pwv-DropdownPanel {
  min-width: 150px;
  padding: 8px;
  z-index: 5;
}
.pwv-searchoptions .pwv-DropdownPanel li {
  padding: 4px;
}

.pwv-NavigationPanel {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  transition: width 0.5s;
}
.pwv-WebViewer--md .pwv-NavigationPanel {
  width: 0;
  padding-left: 2px;
}
.pwv-WebViewer--lg .pwv-NavigationPanel {
  width: 0;
  padding-left: 2px;
}
.pwv-WebViewer--sm .pwv-NavigationPanel {
  display: none;
  border-top: solid 1px rgba(41, 41, 41, 0.15);
}
.pwv-NavigationPanel--open {
  transition: width 0.5s;
}
.pwv-WebViewer--md .pwv-NavigationPanel--open {
  width: 260px;
}
.pwv-WebViewer--lg .pwv-NavigationPanel--open {
  width: 320px;
}
.pwv-WebViewer--sm .pwv-NavigationPanel--open {
  display: flex;
  height: 280px;
  min-height: 50%;
  max-height: 50vh;
}
.pwv-WebViewer--sm .pwv-NavigationPanel--open .pwv-Toolbar {
  min-height: auto;
}
.pwv-NavigationPanel__Box {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pwv-WebViewer--md .pwv-NavigationPanel__Box {
  width: 260px;
}
.pwv-WebViewer--lg .pwv-NavigationPanel__Box {
  width: 320px;
}
.pwv-NavigationPanel__Content {
  margin-top: 2px;
  background-color: #ebebeb;
  display: flex;
  position: relative;
  flex: 1;
  overflow: auto;
}
.pwv-WebViewer--md .pwv-NavigationPanel__Content {
  width: 260px;
}
.pwv-WebViewer--lg .pwv-NavigationPanel__Content {
  width: 320px;
}
.pwv-NavigationPanel__Content > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pwv-WebViewer--sm .pwv-NavigationPanel__Content {
  margin-top: 0;
}
.pwv-NavigationPanel__NoItems {
  text-align: center;
  margin-top: 2rem;
  font-size: 1rem;
  color: rgba(41, 41, 41, 0.6);
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.pwv-ItemLoader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
}
.pwv-ItemLoader:before {
  content: " ";
  width: 18px;
  height: 18px;
  border: 2px solid rgba(41, 41, 41, 0.1);
  border-top-color: #008bd2;
  border-radius: 50%;
  animation: rotate 0.9s infinite linear;
}

.pwv-thumbnail-navigation ul {
  list-style: none;
  margin: 18px 0 30px 0;
  padding: 0;
}
.pwv-thumbnail-navigation li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 225px;
}
.pwv-thumbnail-navigation li .pwv-page-nr {
  color: rgba(41, 41, 41, 0.6);
  font-weight: 400;
}
.pwv-thumbnail-navigation li .pwv-page-placeholder {
  height: 200px;
  width: 145px;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwv-thumbnail-navigation li .pwv-page-placeholder,
.pwv-thumbnail-navigation li img {
  border: 2px solid rgba(41, 41, 41, 0.15);
  transition: border-color 0.4s;
  max-width: 200px;
  max-height: 200px;
  cursor: pointer;
}
.pwv-WebViewer--sm .pwv-thumbnail-navigation li .pwv-page-placeholder, .pwv-WebViewer--md .pwv-thumbnail-navigation li .pwv-page-placeholder,
.pwv-WebViewer--sm .pwv-thumbnail-navigation li img,
.pwv-WebViewer--md .pwv-thumbnail-navigation li img {
  max-width: 180px;
  max-height: 180px;
}
.pwv-thumbnail-navigation li .pwv-page-placeholder:hover,
.pwv-thumbnail-navigation li img:hover {
  transition: 0.3s;
  box-shadow: 0 0 0.5rem rgba(41, 41, 41, 0.15);
}
.pwv-thumbnail-navigation li.pwv-selected .pwv-page-placeholder,
.pwv-thumbnail-navigation li.pwv-selected img {
  border-color: #008bd2;
  transition: border-color 0.4s;
}

.pwv-outline-navigation {
  font-size: 1rem;
  font-weight: 400;
  padding: 1rem;
}
.pwv-WebViewer--sm .pwv-outline-navigation, .pwv-WebViewer--md .pwv-outline-navigation {
  font-size: 0.9rem;
}
.pwv-outline-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pwv-outline-navigation ul ul {
  padding-left: 14px;
}
.pwv-outline-navigation li {
  margin: 0;
  padding: 0;
}
.pwv-outline-navigation li > div {
  display: flex;
  padding: 8px 2px;
}

.pwv-outline-tree-indent,
.pwv-outline-tree-btn-expand,
.pwv-outline-tree-btn-collapse {
  display: block;
  flex-shrink: 0;
  text-align: center;
  height: 16px;
  width: 18px;
  box-sizing: border-box;
  padding: 0;
  margin: 0 2px 0 0;
  border: none;
}

.pwv-outline-tree-btn-expand,
.pwv-outline-tree-btn-collapse {
  cursor: pointer;
}
.pwv-outline-tree-btn-expand .pwv-icon,
.pwv-outline-tree-btn-collapse .pwv-icon {
  height: 12px;
}
.pwv-outline-tree-btn-expand .pwv-icon svg,
.pwv-outline-tree-btn-collapse .pwv-icon svg {
  height: 12px;
}

.pwv-outline-tree-btn-collapse .pwv-icon svg {
  fill: #008bd2;
}

.pwv-outline-tree-lnk {
  display: block;
  cursor: pointer;
  transition: 0.15s;
}
.pwv-outline-tree-lnk:hover {
  transition: 0.15s;
  color: #008bd2;
}

.pwv-annotation-navigation {
  padding: 1rem;
  margin: 0;
}
.pwv-annotation-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
}
.pwv-annotation-navigation h4 {
  margin: 12px 0 8px 4px;
}

.pwv-annotation-navigation-item {
  position: relative;
  margin: 10px 0;
  padding: 6px 0 6px 0;
  background-color: #ffffff;
  border: solid 2px transparent;
  transition: box-shadow 0.3s;
  cursor: pointer;
}
.pwv-annotation-navigation-item.pwv-selected {
  border: solid 2px #008bd2;
}
.pwv-annotation-navigation-item.pwv-deleted {
  opacity: 0.5;
}
.pwv-annotation-navigation-item:hover {
  transition: box-shadow 0.3s;
  box-shadow: 0 0 0.5rem rgba(41, 41, 41, 0.15);
}
.pwv-annotation-navigation-item > div {
  margin: 8px 10px;
}
.pwv-annotation-navigation-item > div:first-child {
  display: flex;
  align-items: center;
}
.pwv-annotation-navigation-item > div:first-child .pwv-icon {
  height: 18px;
  width: 24px;
  margin-right: 4px;
}
.pwv-annotation-navigation-item > div:first-child .pwv-icon svg {
  height: 18px;
}
.pwv-annotation-navigation-item time {
  font-style: italic;
  font-size: 0.9rem;
  display: inline-block;
}
.pwv-annotation-navigation-item .pwv-author {
  font-style: italic;
  font-size: 0.9rem;
  font-weight: 500;
  display: inline-block;
  margin-right: 4px;
}
.pwv-annotation-navigation-item .pwv-author:after {
  content: ",";
}
.pwv-annotation-navigation-item p,
.pwv-annotation-navigation-item h5 {
  padding: 0;
  margin: 0 0 4px 0;
  font-size: 16px;
}
.pwv-annotation-navigation-item .pwv-icon {
  height: 18px;
}
.pwv-annotation-navigation-item .pwv-icon svg {
  height: 18px;
}
.pwv-annotation-navigation-item .pwv-icon.pwv-locked-icon {
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.pwv-annotation-navigation-item .pwv-icon.pwv-locked-icon svg {
  fill: rgba(41, 41, 41, 0.4);
}
.pwv-annotation-navigation-item .pwv-ms-custom-history-list {
  border-top: solid 1px rgba(41, 41, 41, 0.2);
}
.pwv-annotation-navigation-item .pwv-ms-custom-history-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pwv-annotation-navigation-item .pwv-ms-custom-history-list li {
  margin: 12px 0;
}
.pwv-annotation-navigation-item .pwv-ms-custom-history-list li > div:first-child {
  display: flex;
  color: rgba(41, 41, 41, 0.6);
}
.pwv-annotation-navigation-item .pwv-ms-custom-history-list li .pwv-icon {
  height: 13px;
  width: 17px;
  margin-right: 6px;
}
.pwv-annotation-navigation-item .pwv-ms-custom-history-list li .pwv-icon svg {
  width: 17px;
  height: 13px;
}
.pwv-annotation-navigation-item .pwv-ms-custom-history-content {
  margin-left: 23px;
}

.pwv-overflow-ellipsis {
  padding-bottom: 5px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pwv-annotationbar {
  display: flex;
  align-content: flex-start;
  flex-grow: 0;
  background-color: #ebebeb;
  color: #292929;
}
.pwv-annotationbar-left .pwv-annotationbar {
  order: -1;
  margin-right: 2px;
  flex-direction: column;
  width: 50px;
  padding-top: 10px;
}
.pwv-annotationbar-right .pwv-annotationbar {
  margin-left: 2px;
  flex-direction: column;
  width: 50px;
  padding-top: 10px;
}
.pwv-annotationbar-top .pwv-annotationbar {
  margin-bottom: 2px;
  height: 50px;
}
.pwv-annotationbar-bottom .pwv-annotationbar {
  order: -1;
  margin-top: 2px;
  height: 50px;
}

.pwv-devicetype-mobile .pwv-annotationbar {
  flex-wrap: wrap;
  padding-right: 50px;
  height: auto !important;
}

.pwv-mobile-hide-annotationbar .pwv-annotationbar {
  display: none;
}

#outerContainer {
  width: 100%;
  height: 100%;
  position: relative;
}

#printContainer {
  display: none;
}

@media print {
  /* General rules for printing. */
  body {
    background: rgb(190, 15, 15) none;
    height: 200px;
  }
  .page {
    float: left;
    display: none;
    border: 200px;
    box-shadow: none;
    background-clip: content-box;
    background-color: rgb(255, 255, 255);
  }
  .page[data-loaded] {
    display: block;
  }
  /* Rules for browsers that support PDF.js printing */
  body[data-pdfwebviewerprinting] #outerContainer {
    display: none;
  }
  body[data-pdfwebviewerprinting] #printContainer {
    display: block;
  }
  #printContainer {
    height: auto;
  }
  /* wrapper around (scaled) print canvas elements */
  #printContainer > div {
    position: relative;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: visible;
    page-break-after: always;
    page-break-inside: avoid;
  }
  #printContainer canvas,
#printContainer img {
    direction: ltr;
    display: block;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/material-icons/iconfont/material-icons.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.59322316b3fd6063.woff2') format("woff2"), url('material-icons.4ad034d2c499d9b6.woff') format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.f86cb7b0aa53f0fe.woff2') format("woff2"), url('material-icons-outlined.78a93b2079680a08.woff') format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.b10ec9db5b7fbc74.woff2') format("woff2"), url('material-icons-round.92dc7ca2f4c591e7.woff') format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.3885863ee4746422.woff2') format("woff2"), url('material-icons-sharp.a71cb2bf66c604de.woff') format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.675bd578bd14533e.woff2') format("woff2"), url('material-icons-two-tone.588d63134de807a7.woff') format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/text-field-prebuilt.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./projects/core/src/modules/core/core.styles.scss?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Header Navigation: Hauptfarbe*, Buttonborder, Navigation active border => müsste eigentlich 'highlight-color' sein */
/* Linktext */
/* button:hover , nav current*/
/* floating-save*/
/* Buttontext hover*/
/* Grundschriftfarbe */
/* Icons, Text, Dossier-Header, Aktive Tabs */
/* Text Menü, Burger-Icon */
/* borders */
/* default background */
/* Validierung: ok */
/* Validierung: nicht ok, danger */
@keyframes contentPlaceholderPulse {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
p {
  padding: 5px 16px;
  margin: 0;
}
p.cmi-secondary {
  font-size: 13px;
  color: #888;
}

form p {
  padding: 24px 16px 29px 16px;
}

.cmi-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 18px;
}

.cmi-text-ellipsis-multi, .cmi-text-ellipsis-5, .cmi-text-ellipsis-4, .cmi-text-ellipsis-3, .cmi-text-ellipsis-2, .cmi-text-ellipsis-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  word-wrap: break-word;
  line-height: 18px;
}

.cmi-text-ellipsis-1 {
  -webkit-line-clamp: 1;
}

.cmi-text-ellipsis-2 {
  -webkit-line-clamp: 2;
}

.cmi-text-ellipsis-3 {
  -webkit-line-clamp: 3;
}

.cmi-text-ellipsis-4 {
  -webkit-line-clamp: 4;
}

.cmi-text-ellipsis-5 {
  -webkit-line-clamp: 5;
}

.cmi-list {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
@media screen and (min-width: 1657px) {
  .cmi-list {
    margin-top: 4px;
  }
}
cmi-dialog .cmi-list {
  margin-top: 0;
}
.cmi-list > .cmi-label {
  display: flex;
  align-items: center;
  min-height: 48px;
  font-size: 14px;
  color: #888;
  margin-top: -8px;
}
@media screen and (min-width: 1657px) {
  .cmi-list > .cmi-label {
    margin-top: -4px;
  }
}

.cmi-list-item {
  display: flex;
  align-items: center;
  padding: 0 0 0 16px;
}
.cmi-list-item > *:not(:first-child) {
  padding-left: 16px;
}
.cmi-list-item.cmi-no-padding {
  padding: 0;
}
.cmi-list-item.cmi-list-item-with-icon {
  padding-left: 0;
}
cmi-dialog .cmi-list-item {
  padding: 0;
}
.cmi-autocomplete .cmi-list-item {
  white-space: normal;
}
.cmi-list-item .cmi-one-line,
.cmi-list-item .cmi-one-text {
  display: flex;
  align-items: center;
  min-height: 32px;
  height: 12px;
}
.cmi-list-item .cmi-one-line.cmi-active,
.cmi-list-item .cmi-one-text.cmi-active {
  color: #00a0e6;
}
.cmi-list-item .cmi-two-lines,
.cmi-list-item .cmi-text-and-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 48px;
  height: 12px;
  width: 100%;
}
.cmi-list-item .cmi-two-lines > div:first-child,
.cmi-list-item .cmi-text-and-info > div:first-child {
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cmi-list-item .cmi-two-lines.cmi-text-max-lines-1 > div:first-child,
.cmi-list-item .cmi-text-and-info.cmi-text-max-lines-1 > div:first-child {
  max-height: 18px;
  white-space: nowrap;
}
.cmi-list-item .cmi-two-lines.cmi-text-max-lines-2,
.cmi-list-item .cmi-text-and-info.cmi-text-max-lines-2 {
  min-height: 64px;
}
.cmi-list-item .cmi-two-lines.cmi-text-max-lines-2 > div:first-child,
.cmi-list-item .cmi-text-and-info.cmi-text-max-lines-2 > div:first-child {
  max-height: 36px;
}
.cmi-list-item .cmi-two-lines > div:last-child,
.cmi-list-item .cmi-text-and-info > div:last-child {
  font-size: 12px;
  color: #888;
}
.cmi-list-item .cmi-two-lines.cmi-active > div:first-child,
.cmi-list-item .cmi-two-lines.cmi-active > div:last-child,
.cmi-list-item .cmi-text-and-info.cmi-active > div:first-child,
.cmi-list-item .cmi-text-and-info.cmi-active > div:last-child {
  color: #00a0e6;
}

.cmi-layout {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1 1 auto;
  /* label field */
}
.cmi-layout .cmi-section {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex: 1 1 auto;
}
.cmi-layout .cmi-section.cmi-layout-as-list-card {
  gap: 10px;
}
.cmi-layout .cmi-section.cmi-layout-as-list-card .cmi-column > cmi-icon {
  color: var(--highlight-color);
}
.cmi-layout .cmi-section.cmi-has-overflow {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0;
}
.cmi-layout .cmi-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.cmi-layout .cmi-has-overflow.cmi-overflow-hide > .cmi-can-hide {
  display: none;
}
.cmi-layout .cmi-label-field {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--primary-color);
  font-weight: 700;
}
.cmi-layout .cmi-label-field a {
  color: var(--highlight-color);
  font-weight: 400;
}
.cmi-layout .cmi-label-field span {
  text-decoration: none;
  font-weight: 400;
}
.cmi-layout .cmi-label-field.cmi-large {
  font-size: 1.8rem;
}
.cmi-layout .cmi-label-field.cmi-medium {
  font: 400 1.8rem Roboto, Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 719px) {
  .cmi-layout .cmi-label-field.cmi-medium {
    font: 400 1.6rem Roboto, Helvetica, Arial, sans-serif;
  }
}
.cmi-layout .cmi-label-field.cmi-small {
  font: 400 1.2rem Roboto, Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 719px) {
  .cmi-layout .cmi-label-field.cmi-small {
    font: 400 1.2rem Roboto, Helvetica, Arial, sans-serif;
  }
}
.cmi-layout .cmi-label-field > .cmi-info {
  display: inline;
  line-height: 1.5em;
}
.cmi-layout .cmi-label-field > .cmi-info:empty::before {
  content: "​";
}
.cmi-layout .cmi-label-field > :not(.cmi-info) {
  color: #888;
}
.cmi-layout .cmi-label-field > :first-child:not(.cmi-info) {
  display: block;
}
.cmi-layout .cmi-label-field.cmi-empty {
  display: none; /* backend markup fix */
}
.cmi-layout .cmi-label-field > .cmi-href-invalid {
  cursor: default;
  color: #888;
}
.cmi-layout .cmi-layout-as-list-card .cmi-label-field.cmi-medium {
  font-size: 1.5rem;
}
.cmi-layout.cmi-layout-as-card {
  gap: 10px;
}
.cmi-layout.cmi-layout-as-card:hover {
  background: var(--highlight-background-color);
}
@media screen and (max-width: 719px) {
  .cmi-layout.cmi-layout-as-card {
    overflow: hidden;
  }
}
.cmi-layout .cmi-label-field-container {
  display: flex;
  flex-wrap: wrap;
}
.cmi-layout .cmi-label-field-container .cmi-label-field {
  margin-top: auto;
  margin-bottom: auto;
}
.cmi-layout .cmi-error-field {
  font: 400 1.4rem Roboto, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #333;
  margin: 8px 0 12px;
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: var(--highlight-background-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cmi-detail .cmi-layout.cmi-not-supported {
  font: 400 1.4rem Roboto, Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-align: center;
  color: #333;
  margin: 8px 0 12px;
  padding: 24px 32px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: rgba(192, 192, 192, 0.1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cmi-detail .cmi-layout.cmi-not-supported .cmi-not-supported-detail {
  font-size: 18px;
}

cmi-card-layout.cmi-as-list > .cmi-layout {
  margin-bottom: 20px;
}
cmi-card-layout.cmi-as-list .cmi-icon:not(cmi-icons-container cmi-icon) {
  width: 20px;
  height: 20px;
}

.cmi-search-result .cmi-layout {
  flex-grow: 1;
}

/* helper styles */
body.cmi-mode-develop .cmi-section {
  border: 1px dashed transparent;
}
body.cmi-mode-develop .cmi-section[cmiOverflowBehavior=hide] {
  border-color: #eee;
}
body.cmi-mode-develop .cmi-column {
  border: 1px dotted #ccc;
}
body.cmi-mode-develop .cmi-column .cmi-column {
  border-color: #999;
}
body.cmi-mode-develop .cmi-column .cmi-column .cmi-column {
  border-color: #666;
}
body.cmi-mode-develop .cmi-section.cmi-has-overflow {
  border-color: red;
}
body.cmi-mode-develop .cmi-column.cmi-can-hide {
  background-color: #f8e8e8;
}
body.cmi-mode-develop .cmi-section.cmi-overflow-hide.cmi-has-overflow > .cmi-column.cmi-can-hide {
  display: flex;
  opacity: 0.3;
}

cmi-option.cmi-small {
  font: 400 1.2rem Roboto, Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 719px) {
  cmi-option.cmi-small {
    font: 400 1.2rem Roboto, Helvetica, Arial, sans-serif;
  }
}

.pwv-Viewer .pwv-scrollbar-hover .pwv-scrollbar-handle {
  background-color: var(--highlight-color) !important;
}
.pwv-Viewer button:not(:disabled):hover {
  color: var(--highlight-color) !important;
}
.pwv-Viewer .pwv-CustomButtons button:hover img {
  filter: invert(52%) sepia(43%) saturate(4317%) hue-rotate(167deg) brightness(94%) contrast(102%);
}
.pwv-Viewer .pwv-AddonsBar .pwv-CustomButtons .pwv-ToolbarButton:last-child {
  display: none;
}
.pwv-Viewer .pwv-Toolbar {
  background-color: var(--background-color);
}
.pwv-Viewer .pwv-Toolbar button {
  background-color: inherit;
}
.pwv-Viewer .pwv-Toolbar .pwv-ToolbarItem {
  background-color: inherit;
}
.pwv-Viewer .pwv-Toolbar .pwv-ZoomBar {
  flex-direction: row-reverse;
}
.pwv-Viewer .pwv-Toolbar button[title="Basculer volet latéral"] .pwv-icon,
.pwv-Viewer .pwv-Toolbar button[title="Navigation ein- ausblenden"] .pwv-icon {
  rotate: 90deg;
  margin-top: 3px;
}
.pwv-Viewer .pwv-Toolbar .pwv-icon {
  transform: scale(1.4);
}

.cmi-is-fullscreen .pwv-Viewer .pwv-AddonsBar .pwv-CustomButtons .pwv-ToolbarButton:last-child {
  display: inherit;
}
.cmi-is-fullscreen .pwv-Viewer .pwv-AddonsBar .pwv-CustomButtons .pwv-ToolbarButton:first-child {
  display: none;
}

.cmi-hide-annotation-button .pwv-Viewer button:has(img[src="assets/annotate.svg"]),
.cmi-hide-annotation-edit-button .pwv-Viewer button:has(img[src="assets/discard.svg"]),
.cmi-hide-annotation-edit-button .pwv-Viewer button:has(img[src="assets/save.svg"]) {
  display: none;
}

.cmi-counted-badge::after {
  content: var(--counter-value);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: var(--highlight-color);
  color: var(--white-color);
  height: 16px;
  width: 16px;
  font-size: 10px;
  padding: 4px;
  border-radius: 100%;
}
.cmi-counted-badge.bottom::after {
  bottom: 0;
}
.cmi-counted-badge.top::after {
  top: 0;
}
.cmi-counted-badge.right::after {
  right: 0;
}
.cmi-counted-badge.left::after {
  left: 0;
}
.cmi-counted-badge.medium::after {
  width: 20px;
  height: 20px;
  font-size: 11px;
}

cmi-preloader,
.cmi-preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  transition: opacity, transform 0.5s;
  z-index: 300;
  pointer-events: none;
}
cmi-preloader.cmi-visible,
.cmi-preloader.cmi-visible {
  opacity: 1;
  pointer-events: all;
}
cmi-preloader .cmi-hint,
.cmi-preloader .cmi-hint {
  text-align: center;
  margin: 10px 10px 0 10px;
}

.cmi-three-dots {
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  width: 100px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
}
.cmi-three-dots span {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #00a0e6;
  opacity: 0.2;
}
.cmi-three-dots span:nth-child(1) {
  animation: lightUp 1.5s linear infinite;
}
.cmi-three-dots span:nth-child(2) {
  animation: lightUp 1.5s linear infinite 0.5s;
}
.cmi-three-dots span:nth-child(3) {
  animation: lightUp 1.5s linear infinite 1s;
}

@keyframes lightUp {
  0% {
    opacity: 0.2;
    transform: scale3d(0.5, 0.5, 0.5);
  }
  40% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
  60% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.2;
    transform: scale3d(0.5, 0.5, 0.5);
  }
}
input[cmiInput],
textarea[cmiInput] {
  border: none;
  outline: none;
  flex: 1 1 auto;
  padding: 12px 16px;
  box-sizing: content-box;
  width: 0;
  background: transparent;
}
* + input[cmiInput],
* + textarea[cmiInput] {
  padding-left: 0;
}
input[cmiInput]::placeholder,
textarea[cmiInput]::placeholder {
  color: var(--border-color);
}
input[cmiInput]::-ms-clear,
textarea[cmiInput]::-ms-clear {
  display: none;
}
input[cmiInput].cmi-readonly,
textarea[cmiInput].cmi-readonly {
  cursor: default;
  color: var(--border-color);
}
input[cmiInput].cmi-right-alignment,
textarea[cmiInput].cmi-right-alignment {
  text-align: right;
}
input[cmiInput]:not(.cmi-empty):not(.cmi-readonly).cmi-left-alignment,
textarea[cmiInput]:not(.cmi-empty):not(.cmi-readonly).cmi-left-alignment {
  padding-right: 0;
}
input[cmiInput]:not(.cmi-empty):not(.cmi-readonly).cmi-right-alignment,
textarea[cmiInput]:not(.cmi-empty):not(.cmi-readonly).cmi-right-alignment {
  padding-left: 0;
}
[cmiHideFrame] input[cmiInput],
[cmiHideFrame] textarea[cmiInput] {
  padding: 0;
}

textarea[cmiInput] {
  resize: none;
}

.cmi-ripple {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cmi-ripple:not(.cmi-ripple-center) {
  overflow: hidden;
}
.cmi-ripple .cmi-effect {
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
}
.cmi-ripple .cmi-effect.cmi-animating {
  animation-duration: 0.8s;
  animation-name: ripple;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes ripple {
  from {
    transform: scale(0.01);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
  }
}

.cmi-layout.cmi-layout-as-card {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}
.cmi-layout.cmi-has-menu {
  position: relative;
  padding-right: 48px;
}
.cmi-layout.cmi-has-menu > cmi-menu {
  position: absolute;
  right: 3px;
  top: 3px;
  border-radius: 50%;
  background: transparent;
}

.cmi-as-list .cmi-layout.cmi-layout-as-card {
  border: none;
  box-shadow: unset !important;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
.cmi-as-list .cmi-layout.cmi-has-menu {
  padding-right: 48px;
}
.cmi-as-list .cmi-layout.cmi-has-menu > cmi-menu {
  right: 0;
  top: 0;
}
.cmi-as-list .cmi-item {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.cmi-as-list .cmi-item + .cmi-item {
  border-top: none;
}
.cmi-as-list .cmi-label-field {
  margin-bottom: 0;
  max-width: calc(100% - 40px);
  font-size: 1.5rem;
}

cmi-layout-section-card .cmi-layout-as-card {
  border: solid 1px #ccc;
  box-shadow: unset !important;
}
cmi-layout-section-card .cmi-layout-as-card .cmi-layout-as-card {
  border: none;
}

body {
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}

a {
  color: #00a0e6;
  text-decoration: none;
  cursor: pointer;
}

.cmi-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cmi-visually-hidden {
  border: none;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.cmi-focus-marker {
  background: #707173;
  opacity: 0.1;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  transform: scale3d(2, 2, 1);
}
@media (all and (-ms-high-contrast: none), (-ms-high-contrast: active)) {
  .cmi-focus-marker {
    transform: scale3d(2, 2, 1) translate(-50%, -25%);
  }
}

.cmi-disabled-label {
  color: #ccc;
}

.cmi-overflow-hidden {
  overflow: hidden;
}

.cmi-text-overflow-ellipse {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cmi-label-content-placeholder {
  background: #f5f5f5;
  animation: contentPlaceholderPulse 0.9s infinite ease-in;
  border-radius: 10px;
  width: 200px;
  height: 14px;
  margin: 2px;
}

.cmi-radio-content-placeholder {
  background: #f5f5f5;
  animation: contentPlaceholderPulse 0.9s infinite ease-in;
  border-radius: 10px;
  width: 20px;
  height: 20px;
}

.cmi-overlay {
  transition: opacity 300ms;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
  z-index: 210;
  position: absolute;
  top: 2px;
  left: 0;
}
@media screen and (min-width: 1657px) {
  .cmi-overlay {
    top: 3px;
  }
}
.cmi-overlay.cmi-visible {
  opacity: 1;
  pointer-events: auto;
}

.cmi-noscroll {
  overflow: hidden !important;
}

.cmi-icon svg {
  width: 100%;
  height: 100%;
}

.cmi-primary-action span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cmi-large-icon .cmi-icon {
  max-width: 40px;
  max-height: 40px;
}
.cmi-large-icon .material-icons {
  font-size: 40px;
}

.cmi-layout-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cmi-scrollable-grid .cdk-table {
  overflow-y: scroll;
  max-height: 300px;
}
.cmi-scrollable-grid .cdk-table .cdk-header-row {
  position: sticky;
  top: 0;
  z-index: 1;
}

cmi-wizard-tree-to-grid:has(cmi-item-breadcrumb > ol) .cmi-scrollable-grid .cdk-table .cdk-row {
  margin-left: 20px;
}

cmi-grid + .cmi-no-elements {
  padding-top: 15px;
}

@media screen and (min-width: 720px) {
  cmi-drawer.cmi-collapsed .cmi-settings-search-switch cmi-drawer-item {
    display: inherit;
  }
  cmi-drawer.cmi-collapsed .cmi-settings-search-switch cmi-input-container {
    display: none;
  }
  cmi-drawer:not(.cmi-collapsed) .cmi-settings-search-switch cmi-drawer-item {
    display: none;
  }
  cmi-drawer:not(.cmi-collapsed) .cmi-settings-search-switch cmi-input-container {
    display: inherit;
  }
}
@media screen and (max-width: 719px) {
  cmi-drawer .cmi-settings-search-switch cmi-drawer-item {
    display: none;
  }
  cmi-drawer .cmi-settings-search-switch cmi-input-container {
    display: inherit;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./projects/core/src/modules/core/styles.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --primary-color: #586475;
  --inverse-background-color: #353c46;
  --secondary-color: #8592a4;
  --highlight-color: #009fe3;
  --background-color: #f4f5f6;
  --success-color: #3f971a;
  --warning-color: #dfbe28;
  --error-color: #8c0909;
  --border-color: #bdbdbd;
  --highlight-background-color: #ebebed;
  --white-color: #ffffff;
  --tooltip-background-color: #bdbdbd;
  --backdrop-color: rgba(0, 0, 0, 0.54);
  --app-bar-height: 50px;
  --z-index-tooltip: 1000;
  --content-width: 1994px;
  --default-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  --6dp-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --card-padding: 40px;
  --drawer-width: 300px;
  --icon-size-small: 24px;
  --icon-size-large: 48px;
  --tooltip-arrow-left: 0%;
  --tooltip-arrow-top: 100%;
  --tooltip-arrow-bottom: unset;
  --tooltip-arrow-border-top: 0px;
  --tooltip-arrow-border-bottom: 0px;
  --lightbox-padding: 15px;
  --lightbox-top-padding: 35px;
}
@media screen and (max-width: 1439px) {
  :root {
    --content-width: 100vw;
  }
}
@media screen and (max-width: 719px) {
  :root {
    --card-padding: 30px 20px;
  }
}
:root :focus-visible:not(input):not(textarea) {
  outline: var(--highlight-color) auto 1px;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url('roboto-normal-400.3cdcfe42a5a5fe3d.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url('roboto-normal-500.e2c6cbca53c37854.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url('roboto-normal-700.c4e583e3b7c5213a.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
}

body {
  margin: 0;
  padding: 0;
  background: var(--background-color);
}

body,
input,
textarea {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: var(--font-weight-regular);
  color: var(--primary-color);
}

h1,
h2,
h3,
h4 {
  font-weight: normal;
}

h3 {
  margin-top: 0;
  font-size: 1.8rem;
}

@media screen and (max-width: 1439px) {
  input,
  textarea {
    font-size: 16px;
  }
}
.material-icons {
  -webkit-user-select: none;
          user-select: none;
}

a {
  color: var(--highlight-color);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./projects/client-axioma/src/styles.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Header Navigation: Hauptfarbe*, Buttonborder, Navigation active border => müsste eigentlich 'highlight-color' sein */
/* Linktext */
/* button:hover , nav current*/
/* floating-save*/
/* Buttontext hover*/
/* Grundschriftfarbe */
/* Icons, Text, Dossier-Header, Aktive Tabs */
/* Text Menü, Burger-Icon */
/* borders */
/* default background */
/* Validierung: ok */
/* Validierung: nicht ok, danger */
/* You can add global styles to this file, and also import other style files */
cmi-axioma-root.cmi-block-other-cursors * {
  cursor: inherit !important;
}

cmi-axioma-root,
ng-component {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.cmi-drop-over {
  border: 1px solid var(--highlight-color);
}