#print-modal {
  background: #fff;
  display: none;
  height: 100vh;
  overflow: auto;
  position: absolute;
  width: 100vw;
  z-index: 1500;
}

#print-modal h2 {
  color: #000;
  font-size: large;
  grid-area: print-title;
  text-align: left;
}

#print-body {
  display: grid;
  grid-column-gap: 50px;
  grid-template-areas:
  "print-title print-title"
  "print-settings print-card";
  grid-template-columns: 180px auto;
  grid-template-rows: auto;
  padding: 50px;
}

#print-settings {
  grid-area: print-settings;
}

#print-settings>div {
  display: flex;
  flex-direction: column;
}

#print-form label {
  margin-bottom: 1.2em;
}

#print-form [name=scale] {
  margin-left: 1.6em;
  width: 160px;
}

#print-form [name=scale-select] {
  width: 160px;
}

#print-form [name=title] {
  resize: none;
  width: 100%;
}

.print-label-text {
  display: block;
  margin-bottom: .4em;
}

#print-scale-warning {
  color: red;
  display: block;
  font-size: small;
  line-height: 1.2em;
  margin-top: .4em;
}

#print-info {
  line-height: 1.2em;
  margin-bottom: 1em;
  text-align: center;
}

#print-buttons button,
#print-buttons input {
  margin: .4em 0;
  width: 100%;
}

#print-card {
  background: #ccc;
  border: 2px ridge #000;
  cursor: move;
  grid-area: print-card;
  height: 210mm;
  position: relative;
  width: 297mm;
}

#print-card canvas {
  height: 100%;
  width: 100%;
}

.print-overlay {
  background: #fff;
  height: 50px;
  position: absolute;
  width: 100%;
  z-index: 1000;
}

.print-overlay p {
  color: #000;
  font-family: 'Arial';
  font-weight: bold;
}

#print-title {
  display: none;
}

#print-title p {
  font-size: 16pt;
  padding-top: 20px;
  text-align: center;
}

#print-clause {
  bottom: 0;
}

#print-clause p {
  font-size: 8pt;
  padding-left: 20px;
  padding-top: 16px;
  text-align: left;
}

#print-scale {
  bottom: 0;
  background: #fff;
  right: 0;
  width: 50%;
}

#print-scale p {
  font-size: 8pt;
  padding: 16px 20px 0 0;
  text-align: right;
}

.print-scale-alter {
	bottom: 38px !important;
	height: 20px !important;
	left: 0 !important;
  width: 100% !important;
}

.print-scale-alter p {
	padding: 8px 0 0 20px !important;
	text-align: left !important;
}

#print-loader {
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: none;
  font-size: large;
  font-weight: bold;
  height: 100vh;
  line-height: 2em;
  padding: 50vh;
  position: absolute;
  text-align: center;
  width: 100vw;
  z-index: 1501;
}

.print-alert {
  z-index: 1502;
}