/* override styles when printing */
@media print {
	* {
		print-color-adjust: economy;
	}
	html, body {
		width: 210mm;
		height: 297mm;
	}
	body {
		margin: 0;
		color: #000;
		background-color: #fff;
		padding: 0;
		font-family: 'Times New Roman', Times, san-serif;
		font-size: 12px;
		line-height: 1;
	}
	h2 {
		font-size: 1rem;
	}
	hr {
		margin: 7px;
	}
	a {
		color:black;
	}
	/* Simple highlight class */
	.highlighted {
		background-color: yellow;
		border-radius: 6px;
	}

	.completed {
		background-color: #aeff92;
		border-radius: 6px;
	}
	.print-app-btn {
		visibility: hidden;
		display: none;
	}
	.application {
		padding: 0;
		margin: 0;
	}
	.application .app-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.application .app-header .contact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.application section.app-entry .app-area .input-group {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
	}

	.application input[type=text] {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		border: none;
		border-bottom: .7px solid #000;
	}
	.application .input-label {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		padding: 10px;
	}
	.input-label input[type="text"] {
    margin-right: 10px;
  }
	.application .group {
		padding: 10px;
	}
	ul.inline-list-style {
      padding-left: 10px;
  }

 #de {
      display: none;
      visibility: hidden;
  }
	svg{
		display: none;
	}
	.application section.app-entry .app-area {
		margin: 0;	
		padding: 0;
	}
	.app-key {
		border: none;
		position: static;
		margin: 0;
    padding: 0;
	}
	.application section.app-entry .app-area p {
		padding: 0;
		margin: 0;
	}
	.application section.app-entry .app-area .group {
		padding: 0;
		line-height: 1;
	}
	.application input[type="text"] {
		font-family: 'Times New Roman', Times, san-serif;
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px;
		max-width: 130px;
		display: inline-block;
		text-transform: uppercase;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 20ch;
	}
	.application .input-label  {
		padding: 0px;
	}

	section.application section.app-entry .requirement {
		display: block;
		border:1px solid;
		margin-top: 15px;
		padding:10px;
		max-width: 996px;
		padding: 5px;
		text-align:center;
	}

	.inputs{
		padding-top:8px;
		padding-bottom: 8px;
	}
	.app-area p{
		padding: 10px !important;;
	}
	.app-info {
		margin-bottom: 12px;
	}
	.app-area {
		page-break-inside: avoid; /* Keeps the whole section together */
	}
	/* .inputs li {
		display: flex; or inline-flex
    align-items: center;
	} */
	.squarechk input[type="checkbox"] {
			display: flex; 
    	align-items: center;
			margin-right: 8px; /* space between checkbox and label */
	}
}
@media print and (color) {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}