body { margin: 0; padding: 0; }
nav.navbar img { height: 50px; }
#pdf_container canvas { display: block; width: 100%; margin: 0 auto 0 auto; border-radius: .375rem; }
#signature_modal { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.9); z-index: 1045; box-shadow: 0 1px 30px -5px rgba(0, 0, 0, 0.8); visibility: hidden; }
#signature_pad { height: 160px; border-radius: 10px; }
#signature_pad canvas { border-radius: .375rem; }

#signature_name_fonts_list { width: 100%; min-width: 10em; font-size: 1em; border-radius: .375rem; padding: 0.15em; background-color: var(--bs-form-control-bg); border: var(--bs-border-width) solid var(--bs-border-color); font-size: 22px; color: var(--bs-body-color); list-style: none; }
#signature_name_fonts_list li { display: none; padding: .1rem 1rem; cursor: pointer; text-align: left; border-radius: .375rem; }
#signature_name_fonts_list li.selected, #signature_name_fonts_list:hover li { display: list-item; }
#signature_name_fonts_list li:hover { background-color: var(--bs-primary); color: #fff; }

.font_caveat { font-family: 'Caveat', cursive; }
.font_gochi_hand { font-family: 'Gochi Hand', cursive; }
.font_mynerve { font-family: 'Mynerve', cursive; }
.font_nanum_pen_script { font-family: 'Nanum Pen Script', cursive; }
.font_reenie_beanie { font-family: 'Reenie Beanie', cursive; }

.bg-primary { background-color: #EFF3D4 !important; }
.btn-primary { background-color: #184836 !important; border: none !important;  }