@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Mr+De+Haviland&family=Oooh+Baby&display=swap');
* {
  box-sizing: border-box;
}
body {
  background-color: var(--bs-body-bg);
}

.callout {
  --bs-link-color-rgb: var(--bd-callout-link);
  --bs-code-color: var(--bd-callout-code-color);
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: var(--bd-callout-color, inherit);
  background-color: var(--bd-callout-bg, var(--bs-gray-100));
  border-left: 0.45rem solid var(--bd-callout-border, var(--bs-gray-700))!important;
}

.callout h4 {
  margin-bottom: .25rem
}

.callout>:last-child {
  margin-bottom: 0
}

.callout+.callout {
  margin-top: -.25rem
}

.callout .highlight {
  background-color: rgba(0,0,0,0.05)
}

.callout-success {
  --bd-callout-color: var(--bs-success-text-emphasis);
  --bd-callout-bg: var(--bs-success-bg-subtle);
  --bd-callout-border: var(--bs-success-border-subtle)
}

.callout-info {
  --bd-callout-color: var(--bs-info-text-emphasis);
  --bd-callout-bg: var(--bs-info-bg-subtle);
  --bd-callout-border: var(--bs-info-border-subtle)
}

.callout-warning {
  --bd-callout-color: var(--bs-warning-text-emphasis);
  --bd-callout-bg: var(--bs-warning-bg-subtle);
  --bd-callout-border: var(--bs-warning-border-subtle)
}

.callout-danger {
  --bd-callout-color: var(--bs-danger-text-emphasis);
  --bd-callout-bg: var(--bs-danger-bg-subtle);
  --bd-callout-border: var(--bs-danger-border-subtle)
}

/* Signature pad */
.signature-pad--container {
  position:relative;
 
}
.signature-pad--body {
padding:4px;
position:relative;
min-height:130px;
} 
.signature-pad--body .canvas-container {
  position:absolute;
  left:4px;
  right:4px;
}
.signature-pad--body canvas, .signature-pad--body input {
  min-height:130px;
  cursor: url('../img/pencil.svg') 0 15, crosshair;
}
.signature-pad--body input {
  position:absolute;
  width:calc(100% - 8px);
  font-size:72px;
  font-family: 'Oooh Baby';
  padding-left:10px;
  background:none;
  border: none;
  cursor:unset;
}
.signature-pad--body input:focus {
  outline:none;
}
.signature-pad--body .signature-line {
  width:calc(100% - 12px);
  margin:0 2px 0 2px;
  position:absolute;
  bottom:2px;
  font: .8rem Courier;
}
.signature-pad--footer {
  padding: 4px;
} 

.accordion-body iframe {
  width: 100%;
  height: 60vh;
  
}
#imgSignature {
  width: 100%;
}

.sigImageContainer hr {
  margin-top: -7%;
  margin-bottom: 0;
}

.add-signature {
  margin-top: -3rem;
}