@media print {
	html {
		font-size: 1rem;
		line-height: 1rem;
	}
	.noprint {
		display:none;
	}

}

@media screen {
	html {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}

	body {
		background-color: #eaeaea;
	}
}

.header {
    margin: 20px auto 20px auto;
    width: 90vw;
}

img[alt=Logo] {
	max-width: 70vw;
}

.menubar {
	margin: 20px auto 0 auto;
	z-index: 10000;
}

#middle_inner_wrapper {
	margin: auto;
	width: 90vw;
}


h1 {
	font-size:1.8em;
}

h2 {
	font-size:1.4em;
	font-weight:bold;
}

h3 {
	font-weight:500;
	font-size:1em;
}


.content_wrapper {
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.4em;
}


input.success,
select.success,
textarea.success {
	border-color: #468847;
}

input.success:focus,
select.success:focus,
textarea.success:focus {
	border-color: #356635;
}

input.error,
select.error,
textarea.error {
	border-color: #d70201;
}

input.error:focus,
select.error:focus,
textarea.error:focus {
	border-color: #d70201;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
								  not supported by any browser */
}

.help-block {
	position: absolute;
	background-color: transparent;
	/* padding: 1em; */
	margin: -1.2em 0 0 0;
	line-height: .7em;
	font-size: .6em;
	vertical-align: text-bottom;
	/*color: #ccc;*/
	width: 100%;
	text-align: center;
	height: 0 !important;
    z-index: 2;	
}

.help-block ul, .help-block ul li {
	padding: 0;
	margin: 0;
}

.form-control-feedback {
	top: 17px;
}

.has-feedback-password .form-control-feedback {
	top: .75em;
    right: 3.4em;
}

.tagify__tag__removeBtn {
    border-radius: 64px !important;
    font-size: 64px !important;
    width: 48px !important;
    height: 48px !important;
}

.toast {
    font-size: inherit;
    width: auto;
}

.toast-container {
    z-index: 20000;
}

:root {
/*	--page1-color: #fafafa;
	--page2-color: #dcf5d6;
	--page3-color: #bddeb3;
	--page4-color: #80c783;
	--page5-color: #42ab49;
*/
	--page1-color: #fafafa;
	--page2-color: #e9ac7b;
	--page3-color: #f2cd85;
	--page4-color: #b4eeb6;
	--page5-color: #42ab49;


  }