/* Repeatable blocks headings */
/*.question.redHeading > .title {
	background: none repeat scroll 0 0 #a00000;
	color:#FFFFFF;
	font-weight:700;
	line-height:12px;
	margin-bottom: 3px;
	padding-bottom: 7px;
	padding-left: 10px;
	display: block;
}*/
/*.question.greenHeading > .title { background: none repeat scroll 0 0 teal; color:#FFFFFF;  font-weight:700; line-height:12px; margin-bottom: 3px; padding-bottom: 7px; padding-left: 10px; display: block;}
.question.blueHeading > .title { background: #0C2C71; font-weight: bold; color:#FFFFFF;  font-weight:700; line-height:12px; margin-bottom: 3px; padding-bottom: 7px; padding-left: 10px;display: block; }*/

/* Question table styles */
.question .table { margin-bottom: 10px; }
.question .table th { padding: 5px; }
.question .table td { padding: 5px; }

.question .table-box { border: 1px solid #ccc }
.question .table-box td { border: 0 }
.question .table-box th { border: 0 }

.question .table-stripes { width: 100% }
.question .table-stripes th { border: 0; background: #B9C9FE; color: #003399 }
.question .table-stripes td { border: 0; background: #E8EDFF; border-top: 1px solid #fff; color: #666699 }
.question .table-stripes tr:hover td { background: #D0DAFD; }

.question .question { border: 0 }
.question .hiddenForm { border:  solid 1px #D0D0D0; margin: 5px 5px 5px 20px; height: 100%; padding-left: 5px; padding-right: 5px;  }
.question .hiddenForm > .hiddenForm { border: 0 }
.question .outside { margin: 10px }
.question .inside { padding: 10px }
.question .title {
	display: inline-block;
	font-weight: bold;
	margin: 0 0px 10px;
	padding-top: 10px;
}
.question .title.plain { font-weight: normal; color: #333333; margin: 0 10px 5px 10px; padding-top: 10px; }
.question .field { overflow: hidden; clear: both }
.form-control.formOfBenefit {width: 215px;}
/*.question .field .label { float: left; width: 145px; line-height: 22px; clear: both; padding: 0 1em }*/
.question .field .input, .question .shifted { float: left;padding-bottom: 2px;padding-top: 2px; } /* we use padding-left so that long text does not break layout */
.question .field .input .after { display: inline-block; text-indent: 10px; float: left; } /* display: inline-block required for text-indent */
.question .field .input .before { display: inline-block; text-align: right; } /* display: inline-block required for text-indent */
.question label.error, .question span.error {
	background: url(../../images/new/icons/lists/error.png) no-repeat scroll 0 0.1em transparent;
	padding: 0; display: inline-block;
	text-indent: 20px;
	margin-top: 10px;
	margin-left: 10px;
	font-weight: normal;
}
.field.checkbox .input {/*checkboxes are on left of label */
	padding-left: 10px;
	float: left;
}
.field.checkbox .label {
	clear: none;
	float: none;
	width: auto;
}

/* Highlight focused inputs */
/*.question input:focus, .question select:focus, .question textarea:focus { background: #FFFF96 }*/

/* Used to fix white space issues */
.section .last { margin-bottom: 0 }
.section .bottom { padding-bottom: 0}
.list-checkbox .checkbox{	padding: 0 0 0 170px; }
.list-checkbox .checkbox .input{ padding: 0 0 0 0; }

.question.highlight, .question .highlight { background: #FFB2B2 }

.question .help { vertical-align: middle; width: 25px; height: 25px; padding-left: 5px; }
.question .person-picker { width: 200px }
.question .select-proxy { min-width: 200px }

/* Styles for dualList.tag */
.question .dual-list-available label, .question .dual-list-selected label { display: block; font-weight: bold; font-style: italic;}
.question .dual-list-available, .question .dual-list-selected {float: left }
.question .dual-list-available select, .question .dual-list-selected select { width: 220px } /* setting a height in ie7 will add extra white space */
.question .dual-list-actions {float: left; padding-top: 25px;}

/* No label related padding for "fields" displayed within a "how many" table */
.howManyTable .field .input, .question .shifted { padding: 0; margin: 0 }

/* docs plus */
.lineItemIcon { display: block; float: left; clear: none; width: 195px; }
.lineItemQuestion { display: block; clear: none; padding-left: 5px; width: 78%; float: right; }
/* company minutes styles */
#alert-min_directors, #alert-min_directors .title, #alert-director_removal-min_directors {
  display: none;
}
#copy-popup{
    background-color: #fff;
}
#copy-opts{
    height: 90px;
    padding: 5px;
    width: 265px;
    margin-top: 5px;
	border:2px solid #D64000;
	font-size: 16px;
}
/*Fixed Radio button text wrapping issue*/
ul.options{
    list-style: inside none;
    margin: 2px 0px;
    padding: 0;
}
ul.options li{
    display: inline;
}
ul.options li label{
    display: block;
    margin-left: 25px;
    margin-top: -18px;
}
.question .nmlMsg{
  font-weight: normal;
  padding: 0;
  margin: 0;
}
/* Common question styles */
.hidden { display: none } /* hidden BUT form field data will still be sent through, unlike .invisible */
.invisible { display: none; }

ul.options li label.invisible{ display:none;}
.question .title.invisible{display: none;}

ul.ageMesg{
  line-height: 20px;
  margin-top: 10px;
}
ul.ageMesg span{
  text-decoration: underline;
}
td>div.question>div.title{
  display: none;
}
/*Confirmation and trust validation section in SMSF corporate trstee*/
#trustValidation p{
  margin-left: 20px;
}
#macquarueSection{
  float: left;
}
/*BNR styles*/
.dispMsg {
	font-weight: bold;
	width: 100px;
	float: left;
}
div.notice:empty {
	display: none;
}
div#typeOptions div.field .input {
	padding-left: 10px;
}
div#typeOptions{
	padding-bottom: 0;
}
div#typeOptions div.field ul.options label{
	line-height: 20px;
	margin-left: 45px;
	margin-top: -20px;
}
div#declareOptions .question .field .label {
	line-height: 18px;
}
input[id='map[Q.business_name].text']{
	text-transform: uppercase;
}
.bnrSection{
	padding-left: 15px;
}
.bnrSection .question{
	border: none;
}
.bnrSection .question .title{
	margin: 0 0 0.5em;
}
/** overlay styles */
#overlay {
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 1;/* z-index required due to "next error link" z-index use */
}
#overlay-middle {
	position: fixed;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -60px; /* - half of height */
	text-align: center;
	z-index: 1;/* z-index required due to "next error link" z-index use */
}
#overlay-center {
	width: 106px;
	height: 120px;
	margin: 0px auto;
	text-align: center;
	color: #000;
	font-weight: bold;
} /* total height is 120px = 80px + 20px x 2 */
* html #overlay, * html #overlay-middle {
	position: absolute;
} /* star hack for ie 6 which interprets fixed as static */
#overlay-image {
	background: url("/images/overlay/loading.gif");
	height: 100px;
	padding: 10px;
	width: 100px;
	background-size: cover;
}
/*Bootstrap styles overriden*/
/*.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"]{
	margin-left: -20px;
	position: absolute;
}*/
.field .radio {
	width: 100%;
	float:left;
}

.field .radio label{
	display:flex;
	float:left;
	vertical-align: middle;
}

.block{
	float: left;
	width: 100%;
}
.input input, .input select{
	float: left;
}
.radio input{
	margin-right: 5px;
}
.checkLbl{
	float: left;
	display: inline;
    width: 95%;
}
.checkLbl label{
	font-weight: normal;
}
.hiddenForm.acnClass{
	border: 0;
	margin-left: 0;
}
/*Responsive table*/
@media screen and (max-width: 600px) {
	.tableScrollHorizontal tbody{
		max-width: 400px;
		overflow: hidden;
		display: block;
		overflow-x: auto;
	}
	.minWidthHundred{min-width: 100px;}
}
@media screen and (max-width: 460px) {
	.tableScrollHorizontal tbody{
		max-width: 300px;
	}
}
@media screen and (max-width: 360px) {
	.tableScrollHorizontal tbody{
		max-width: 230px;
	}
}

.form-inline label {
	display: inline-block;
	display: -ms-flexbox;
	-ms-flex-align: center;
	align-items: baseline;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 0;
	font-weight: normal;
}
.file-input{
	margin-top:15px;
	display: inherit;
}