/* errors */
.error {
  color: darkred;
  font-weight: 500;
}
div.error {
  /*margin-bottom: 2.0rem;*/
  margin-top: 0.2rem;
}
div.error i.fal {
  font-weight: 500;
}

.hidden {
  display: none;
}

.bold {
  font-weight: bold;
}

.mandatory {
  color: darkred;
  font-weight: bold;
}

/* forrms */
.form-cell {
	width: 100%; 
	/*min-width: 760px;*/
	/*max-width: 760px;*/
	/*float: left;*/
	vertical-align: top;
}

.DialogContent .form-cell {
	min-width: 0px;
	width: 720%;
}

h3.form-box-label {
  color:#555;
  font-size: 2.0rem;
  font-weight: bold;
}

h4.form-box-label, div.form-box-label {
/*  color:#555;*/
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 2.8rem;
  margin-bottom: 1rem;
  /*border-bottom: 1px solid rgba(6, 77, 157, 0.15);*/
}

.datepickerXXX {
	/* copied from bootstrap since can't 'inherit' */
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control {
	font-size: 1.4rem;
	background-color: AliceBlue;
	list-style-type: none;
	opacity: 1;
	padding: 4px 8px;
	min-height: 28px;
	height: auto !important;
	margin: 0;
}

.form-control-group {
/*    font-size: 1.4rem;*/
	list-style-type: none;
	opacity: 1;
	padding: 4px 8px;
	min-height: 28px;
/*    height: auto !important;*/
	margin: 0;
	border: none;
	padding-left: revert;
	padding-right: revert;
}

.explain-top, .explain-bottom {
	/* font-size: 1.2rem; */
}

.field-explain-top, .field-explain-bottom {
  /*  font-size: 1rem; */
}

.form-control-group[readonly], .form-control-disabled {
	color: #000;
	background-color: #eaeaea;
	border-style: none;
	font-size: 1.4rem;
	opacity: 1;
	padding: 4px 8px;
	min-height: 28px;
	/* height: auto !important; */
	/* padding:0.4rem; can be removed? */
}
.form-control:disabled, .form-control[readonly] .form-control-disabled, .datepicker:disabled {
	color: #000;
	background-color: #eaeaea;
	border-style: none;
	font-size: 1.4rem;
	opacity: 1;
	padding: 4px 8px;
	min-height: 28px;
	height: auto !important;
	/* padding:0.4rem; can be removed? */
}

#form-box-menu {
	background: #141446;
}

.form-box-item {
	font-size: 15px;
	color:  #eee;
}
#form-box-menu .form-box-item:hover {
	background: #343434;
}
.form-box-icon {
	font-size: 80%;
	cursor: pointer;
}
.form-label, .group-label {
   /* font-size: 1.3rem;  */
	font-weight: bold;
}

label {
	/* font-size: 1.3rem; */
	/* font-weight: bold; */
	margin-bottom: 0;
}


h4.first {
  margin-top: 0.4rem;
}

.form-row {
	display: flex;
	margin: 0 0 1rem 0;
}

select.form-control {
	min-height: 32px;
}

textarea.form-control {
	min-height: 128px;
}

div.form-cell > label.checkboxLabel {
	display: inline-block;
	margin-left: 24px;
	margin-top: -24px;
}

div.form-check > label.checkboxLabel,
div.form-check > label.form-check-label {
	font-size: 1rem;
}

.modal-title {
	color: #141446;
	font-size: 2.4rem;
}

.form-box-icon, .pdf-box-icon {
	padding-right: 0.6rem;
	float:  right;
}

.form-box-hdg {
	cursor: context-menu;
}

#form-box-menu {
	position: fixed;
	z-index: 10000;
	width: 150px;
	border-radius: 5px;
	transform:  scale(0);
	transform-origin: top left;
}
#form-box-menu.visible {
	transform:  scale(1);
	transition: transform 200ms ease-in-out;
}
.contactsection {
	margin-top: 4rem;
}
.contactdetailsRow {
  display: flex;
  flex-wrap:wrap;
}
.contactdetails {
	margin-top: 2rem;
	width:100%;
}
.contactfooter {
	margin-top: 2rem;
}
.contactemail {
	margin-left: 2rem;
}

embed.embedPDF {
	width: 100%;
	height: 50rem;
}

.text-right {
	text-align: right;
}

/* When the display is WIDER than 768px */
@media (min-width:768px) {
	.contactdetailsRow > * {
		width:50%;
	}
}