.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

.editableTableEntry {
	width: 100%;
	height:100%;
	border-width: 0px;
  background-color: transparent;
}

.notiz-save-button {
    display: none;
}
.notiz-show-button {
    display: inline-block;
}


.dropzoneUpload {
    border: 2px dashed var(--bs-gray-500);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    color: var(--bs-gray-500);
    font-size: 18px;
    z-index: 20000;
}
.dropzoneUpload.dragover {
    border-color: var(--bs-success);
    color: var(--bs-success);
    background-color: var(--bs-success-bg-subtle);
}

.segmentLoading {
  text-align: center;
  color: var(--bs-gray-500);
  z-index: 20000;
  border: 1px solid var(--bs-gray-500);
  border-radius: 10px;
  padding: 20px;
}

.offcanvas {
  z-index: 1560;
  width:500px;
}

div.backgroundContainer {
  height: 100%;
  width: 100%;
  background-color: black;
      display: block;
    z-index: 1550;
  position: fixed;
  bottom: 0;
  right: 0;
  opacity: 0.6;
}

div.overlayWhiteFull {
  height: 100%;
  width: 100%;
  background-color: white;
      display: block;
    z-index: 1550;
  position: fixed;
  bottom: 0;
  right: 0;
}

.signaturePositionBackground{
  text-align: center;
  height: 100%;
  width: 100%;
  background-color: black;
      display: none;
    z-index: 1550;
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: rgba(0 , 0 , 0 , 0.6);
}

.signature-container{
  text-align: center;
    display: inline-block;
    background-color: white;
    margin: 10px;
}
.signature-container img {
    display: inline-block;
    margin: 2%;
}

#savedSignature {
  z-index:1559;
  display:none;
  /*border:0px solid black;*/
  width:200px;
  height:40px;
  position: absolute;
}

#signature-field {
  z-index: 1580;
  border: 3px dashed var(--bs-gray-500);
  border-radius: 10px;
    position: absolute;
    width: 600px;
    height: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255);
    display: none;
    flex-direction: column; /* Stellt Elemente in einer Spalte an */
    align-items: center;    /* Zentriert die Elemente horizontal */
    justify-content: center; /* Zentriert die Elemente vertikal */
}

#signature-cursor {
  z-index: 1560;
  border: 3px dashed var(--bs-gray-500);
  border-radius: 10px;
    position: fixed;
    width: 220px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.45);
    pointer-events: none;
    display:none;
}

#signature-cursor #signature-buttons {
    pointer-events: auto;
    display:none;
}

#saveSignatureToDocumentButton{
  position: absolute;
  flex-direction: column; /* Stellt Elemente in einer Spalte an */
  align-items: center;    /* Zentriert die Elemente horizontal */
  justify-content: center; /* Zentriert die Elemente vertikal */
  display:none;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5);
}


#fullscreenLoader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3000; /* Höherer z-index als das Modal */
  background-color: #ffffff;
}

#fullscreenIframe {
  display: none; /* Standardmäßig ausgeblendet */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6100; /* Höherer z-index als das Modal */
  background-color: rgba(0, 0, 0, 0.5); /* Halbtransparenter Hintergrund */
}
#fullscreenIframe iframe {
  width: 100%;
  height: 100%;
  border: none;
}
#closeIframe {
  position: absolute;
  top: 40px;
  right: 15px;
  z-index: 1110; /* Höherer z-index als das iFrame */
}
#signatureIframe {
  position: absolute;
  top: 40px;
  left: 15px;
  z-index: 1110; /* Höherer z-index als das iFrame */
}

.pdfPicture{
  border:1px solid gray;
  margin:2%;
  width:90%;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
}

.pdfPicture:hover {
    transform: scale(1.02); /* Vergrößert das Bild um 20% */
}

.body{
  background-color: black;
}

/* width */
.notizTextfeld::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.notizTextfeld::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.notizTextfeld::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.notizTextfeld::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.nav-link-extra {
  color: white !important; /* Textfarbe auf Weiß ändern */
}
.nav-link-extra.active {
  color: black !important; /* Textfarbe auf Weiß ändern */
}


#signature-cursor .signature-arrow {
    position: absolute;
    color: rgba(0, 0, 0, 0.45);

    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

#signature-cursor .arrow-right {
    animation-name: moveArrowRight;
    left: 100%;
}

#signature-cursor .arrow-up {
    animation-name: moveArrowUp;
    bottom: 100%;
}

#signature-cursor .arrow-left {
    animation-name: moveArrowLeft;
    right: 100%;
}

#signature-cursor .arrow-down {
    animation-name: moveArrowDown;
    top: 100%;
}

div.spinningContainer {
	height: 100%;
	width: 100%;
	background-color: #09B850;
			display: block;
			opacity:0.6;
		z-index: 1550;
  position: fixed;
  bottom: 0;
  right: 0;
}

div.spinningLoader {
		width: 100%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
}