.box{
	font-family: Arial, sans-serif;
	color:#48324b;
}
.required > *:first-of-type:after{
	content: ' *';
	color:red;
}
/*
.formItem .Inputs{
	display:grid;
	grid-template-columns: minmax(10em,38em) min-content;
	--grid-column-gap:1.5em;
}
*/
.gridLine{
	display:grid;
	grid-template-columns: minmax(10em,38em) auto;
	grid-auto-flow:row;
	grid-template-rows:auto auto;
	
}
.formComment{
	color:#48324b80;
}
.formItem .Inputs > *{
	padding-top: 0.5em;
	padding-bottom:0.5em;
}
.formItem .Label{
	padding-right:1.5em;
}
.QuestionnaireHeading{
	font-weight:bold;
	font-size:1.2em;
}
.formItem .Inputs > *:nth-child(odd){
	//background-color:#78BEDF;
	//background-color:#FEBF33;
	background-color:#837E8C50
}
.formItem .Inputs .tabbed{
	margin-left:2em;
}
.formItemSubmit, .formItemPreview, .formItemUnpreview{
	background-color:#D51180;
	color:white;
	width:fit-content;
	margin:0 auto;
	margin-top:1em;
	margin-bottom:1em;
	padding:1em 0.5em 1em 0.5em;
	cursor:pointer;
	border-radius:0.4em;

}

.formItemSubmit:active, .formItemPreview:active, .formItemUnpreview:active, .langC:active{
	transform: scale(0.9);
	background-color:#D51180;
}
.previewItems{
	display:none;
}
.main.Preview{
	display:none;
}
.Preview + .previewItems {
    display: flex;
    flex-direction: column;
    flex: 1 1 1em;
}
.SubmitLine{
	flex: 0 1 auto;
	display:flex;
}
.PDFiframe{
	    flex: 1 1 auto;
}

input{font-size: 1em;}

.langFlex{
	display:flex;
	justify-content:flex-end;
	margin-bottom:0.2em;
	flex: 0 1 auto;
}
.langC{
	background-color:#D51180;
	color:white;
	margin-left:0.2em;
	margin-right: 0.2em;
	padding:0.3em 0.3em 0.3em 0.3em;
	cursor:pointer;
	border-radius:0.4em;
	width:fit-content;
	height:fit-content;
	height:-moz-fit-content;
}

.drawingDisplay, .drawingSensing, .drawingImage{
	width: 100%;
	height: 100%;
}
.drawingDisplay{
	position: absolute;
	top:0;
	left:0;
    z-index:1;
}
.drawingSensing{
	position: absolute;
	top:0;
	left:0;	
	z-index:2;
}
.drawingImage{
	position: absolute;
	top:0;
	left:0;	
	z-index:0;
}
.inputDrawingTyper{
	display:none;
	position:absolute;
	z-index:3;
	border:none;
	--background-color: transparent;
	font-family:helvetica;
	color:green;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.inputDrawingTyper:focus{
	margin:0;
	padding:0
	border:none;
}
.inputDrawingPen, .inputDrawingText, .inputDrawingIncreaseText, .inputDrawingDecreaseText,
.inputDrawingUndo, .inputDrawingRedo, .inputDrawingClear{
	display:inline-block;
	border-radius:0.4em;
	background-color:#D51180;
	padding:0.2em;
	color:white;
	cursor:pointer;
	/* width: 4em; */
}
#status{
	background-color:#D51180;
	cursor:pointer;
	width: 100%;
	min-height:1em;
	float:left;
}
.FirstRow{
	display:flex;
	justify-content:space-between;
	max-width:58em;
}
.RequiredMissing{
	background-color:red;
}
.formItem .Inputs .QuestionnaireCombo{
	position:relative;
	display:block;
}
.QuestionnaireCombo{
	width:10 em;
}
.QuestionnaireCombo .comboDropdownDiv{
	width:15em;
}
.Inputs .Comment, .QuestionnaireBox .Box, .QuestionnaireBox input{
	min-width:20em;
}

.Inputs .Label > *[textll=Comment], .Inputs .Label > *[textll=ForDentist]{
	color:darkgrey;
	font-size:0.9em;
}

.QuestionnaireSignature, .formItem .Inputs > .QuestionnaireSignature{
	margin-top:0.5em;
	margin-bottom:0.5em;
	grid-column: span 2;
	background-color:transparent;
}
.QuestionnaireSignature.RequiredMissing,  .formItem .Inputs > .QuestionnaireSignature.RequiredMissing{
	background-color:red;
}
.QuestionnaireSignature > div:first-of-type{
	border:solid pink 0.2em;
	margin-bottom:0.1em;
}
.Inputs .Year{
	width:5em
}
.Inputs .Day{
		width:3em;
}
.formCOVID  .Inputs{
	max-width:70em;
}
.formCOVIDv2  .Inputs{
	max-width:70em;
}

.formItem{
	margin-top:3em;
	margin-bottom:1em;
}

.heightInputRadioLabel{
	display:inline-block;
}

.heightInputRadioInput, .weightInputRadioInput, .hideInput{
	display:none;
}

.heightInputCheckmark, .weightInputCheckmark, .checkboxLabel{
	display:inline-block;
	border-radius:0.4em;
	border: solid #D51180 0.2em;
	padding:0.15em;
	margin:0.3em;
	cursor:pointer;
}

.heightInputRadioInput:checked + .heightInputCheckmark, .weightInputRadioInput:checked + .weightInputCheckmark
, .hideInput:checked + .checkboxLabel
{
	background-color:#D51180;
	color:white;
}
.heightInputCMFields, .heightInputFootFields{
	display:none;
}
.heightInputRadioInput.Foot:checked ~ .heightInputFootFields{
	display:block;
}
.heightInputRadioInput.CM:checked ~ .heightInputCMFields{
	display:block;
}
.QuestionnaireBox .heightInputFootField, .QuestionnaireBox .heightInputInField{
	width: 2em;
	min-width:2em;
}
.QuestionnaireBox .heightInputCMField{
	width:4em;
	min-width:4em;
}
.weightInputKgPostfix, .weightInputLbsPostfix{
	display:none;
}
.weightInputRadioInput.Kg:checked ~ * > .weightInputKgPostfix{
	display:inline-block;
}
.weightInputRadioInput.Lbs:checked ~  * > .weightInputLbsPostfix{
	display:inline-block;
}
.QuestionnaireBox .weightInputField{
	width:4em;
	min-width:4em;
}

.QuestionnaireDate .FirstRow{
	justify-content: flex-start;
}
.QuestionnaireDate .FirstRow > *{
	margin-right:0.2em;
}