html { font-size: 14px; }

@media (min-width: 768px) {
	html { font-size: 16px; }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; }

html { position: relative; min-height: 100%; }

body { margin-bottom: 60px; }

#siteLogo { height: 2.5rem; margin-right: 2rem; }

.isArchived { color: red; }

canvas, .signiture { width: 100%; aspect-ratio: 3/1; }


#SignSaved { display: none; }
.show-saved { display: block !important; margin: .5em; padding: .5em; text-align: center; font-weight: 800; }

.logo-for-print { width: 40%; display: none; margin-bottom: 2em; }
	.logo-for-print img { width: 100%; aspect-ratio: 4/1; }

	.variation { background-color: darkred; font-size: 150%; margin: 0em; width:100%; padding: 0.5em; color: white; text-align: center; margin-bottom:2em; border:2px solid black; border-radius:2em;}


  @media print {
    @page {
      size: A4;
    }
    html, body {
      width: 100%;
      margin: 0mm;
      padding: 0mm;
    }
    .container, body, html, main, table, .card {
      width: 100%;
    }
    	
    .logo-for-print { display: block; }
    .d-grid { gap: .3em !important; }
	.grid-6 { width:100%;}	header, footer, .btn { display: none; }

  }