@font-face {
		font-family: UniversLTStd-Cn;
		src: url("https://tuev-sued.webapps.sendnode.com/fonts/universLTStd/universLTStd-CN.woff2") format("woff2"), url("https://tuev-sued.webapps.sendnode.com/fonts/universLTStd/universLTStd-CN.woff") format("woff");
		font-style: normal;
		font-weight: 400;
		font-display: swap;
	}

	* { box-sizing: border-box; }

	a,
	a:visited {
		color: #666666;
		text-decoration: underline;
	}

	body {
		color: #666666;
		font-family: Arial;
		font-size: 16px;
		line-height:   22px;
		list-style-type: disc;
		list-style-position: outside;
		margin: 0;
		padding: 0;
		vertical-align: top
	}

	.nl-form-body h1, .nl-form-body h2, .nl-form-body h3 {
		font-family: UniversLTStd-Cn, Helvetica, sans-serif;
		color: #666666;
		font-weight: 400;
		height: auto;
		padding: 0;
		margin-bottom: 20px;
	}

	.nl-form-body h1{
		font-size: 28px;
	}

	.nl-form-body h2{
		font-size: 22px;
	}

	.nl-form-body ul {
		padding: 8px 24px
	}

	.nl-form-body {
		background-color: #eef2f4;
		border: 0 solid #999;
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		max-width: 800px;
		
	}

	.nl-form-body-padding {
		padding: 25px 5%;
	}

	.nl-form-body .element {
		display: inline-block;
		margin: 0;
		padding: 8px 0px;
		width: 100%
	}

	.nl-form-body .element * {
		vertical-align: baseline
	}

	.nl-form-body .element .validation {
		font-size: 12px;
		line-height: 14px;
		color: red;
		display: none;
		font-weight: 700
	}

	.nl-form-body .element.invalid .validation {
		display: block !important
	}


	.nl-form-body .element .second {
		padding-left: 0
	}

	textarea {
		font-family: inherit !important;
		font-size: inherit !important;
		line-height: inherit !important;
}

	.nl-form-body .first label {
		color: #666666;
		display: block;
		margin: 0 0 .1em;
		padding: 0 20px 5px 0;
		font-weight: bold;
	}

	.nl-form-body .element.mandatory .first label::after {
		content: "*"
	}

	.nl-form-body p.descr {
		color: #929292;
		font-size: 12px;
		line-height: 14px;
		margin: 0 0 .1em;
		padding: 0 0 2px
	}

	.nl-form-body .element sub {
		vertical-align: sub
	}

	.nl-form-body .element sup {
		vertical-align: super
	}

	.nl-form-body .first p.descr {
		display: none !important
	}

	.nl-form-body button,
	.nl-form-body input[type=text],
	.nl-form-body select,
	.nl-form-body textarea {
		background-color: #fff;
		border: 1px solid #19588b;
		border-radius: 2px;
		border-radius: 2px;
		box-sizing: border-box;
		display: inline-block;
		margin: 0 0 .2em;
		padding: 10px;
		width: 100%;
		max-width: 100%;
	}

	.nl-form-body .element.invalid input[type=text],
	.nl-form-body .element.invalid select,
	.nl-form-body .element.invalid textarea {
		border: 1px solid red
	}

	.nl-form-body input[type=checkbox],
	.nl-form-body input[type=radio] {
		border: 1px solid #ccc;
		box-sizing: border-box;
		display: inline-block;
		margin: 4px 0px .2em
	}

	.nl-form-body button, input[type=button], input[type=submit] {
		display: inline-block;
		width: auto;
		cursor: pointer;
		font-size: inherit;
		font-weight: bold;
		color: #fff;
		padding: 10px 25px;
		background-color: #0045ac;
		border: 1px solid #36c;
		text-align: center;
		transition: all 0.1s ease-in;
		border-radius: 3px;
	}
	.nl-form-body button:hover, input[type=button]:hover, input[type=submit]:hover {
		background-color: #003789;
		border: 1px solid #003789;
	}



	.nl-form-body button:hover {}

	input.date,
	input.datetime,
	input.time {
		background-image: url(/loader/loader/getPNG/index/icon_datetime?sid=1fn9t2d0suplpk079cqrecuam7);
		background-position: right center;
		background-repeat: no-repeat;
		cursor: pointer
	}

	fieldset {
		border: 1px solid grey
	}

	#progress p,
	#progressBar {
		border-radius: 2px;
		font-weight: 700
	}

	.error {
		color: red
	}

	#upload-msg {
		margin: 10px 0;
		display: inline-block;
		font-weight: 700
	}

	#progress p {
		background-color: grey;
		display: block;
		color: #fff;
		padding: 10px;
		margin: 2px 0
	}

	#progress p.success {
		background: no-repeat #0c0
	}

	#progress p.failed {
		background: no-repeat #c00
	}

	#progress a {
		color: grey;
		float: right;
		background: #fff;
		border-radius: 2px;
		text-decoration: none;
		padding: 0 10px;
		font-size: 12px
	}

	#uploadTrigger,
	button {
		display: inline-block;
		width: auto;
		font-size: inherit;
		color: #fff;
		text-align: center
	}

	#progressBar {
		background-color: grey;
		width: 0;
		color: #fff;
		text-align: center
	}

	button {
		padding: 5px 10px;
		background-color: #0045ac;
		border: 1px solid #36c
	}

	button:hover {
		cursor: pointer
	}

	#uploadTrigger {
		margin-right: 10px;
		cursor: pointer;
		font-weight: 700;
		padding: 5px 35px;
		background-color: #565656;
		border-radius: 4px
	}

	#uploadTrigger:hover {
		cursor: pointer;
		background-color: #787878
	}

	.multi-col {
		display: flex;
		justify-content: space-between;
	}

	/* distribute space evenly */
	.multi-col > div {
		align-items: center;
		flex: 1 1 0%;
	}

	.multi-col > div:first-child {
		margin-right: 10px;
	}

	.multi-col > div:last-child {
		margin-left: 10px;
	}

	.multi-col > div:not(:first-child):not(:last-child) {
		margin-left: 10px;
		margin-right: 10px;
	}

	.d-none {display: none !important;}
	.d-block {display: block !important;}
	.d-flex {display: flex;}

	.justify-content-end { justify-content: flex-end;}
	.justify-content-between {justify-content: space-between;}
	.justify-content-around {justify-content: space-around;}

	.radio-check { position: relative; }
	.radio-check + .radio-check { margin-top: 10px; }
	.radio-check input { position:absolute; left: 0; }
	.radio-check label { display: block; padding-left: 20px; }

	


	.separator {border-top: solid 2px rgba(0,0,0,0.2); padding-top: 20px !important; margin-top: 20px !important;}

.progress {padding-top: 20px;}
.progress > div {font-family: UniversLTStd-Cn, Helvetica, sans-serif; text-align: center; font-size: .8rem; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 20px; margin-left: 0px !important; margin-right: 0px !important;}
.progress > div:not(.active) { color: rgba(0,0,0,0.2); border-bottom: solid 2px rgba(0,0,0,0.2); }
.progress > div.active { border-bottom: solid 2px #0045ac; }

@media only screen and (max-width:576px) {
	
	.nl-form-body {
		width: 100%;
	}
	
	.multi-col > div {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	
	.col, .multi-col { flex-direction: column; }
	.progress > div+div {margin-top: 5px;}
	.progress > div { padding-bottom: 5px; margin-bottom: 0px; }
}

	/* dropzone */
	.dropzone {
		display: flex;
		align-items: center;
		justify-content: center;
		border: dashed 1px rgba(0, 0, 0, .3);
		border-radius: 5px;
		background-color: rgba(255, 255, 255, .5);
		transition: all 150ms ease-in-out;
		padding: 10px;
	}

	.dropzone:hover {
		background-color: rgba(255, 255, 255, 1.0);
	}

	.dz-file-preview + .dz-file-preview {
		margin-left: 5px;
	}