@import url("VTMBbase34.css");

 

/*.clsDataRow > div.clsText
{
	margin-top: 20px;
}*/


/* hide controls */
#CPHBody_PrincipalDetails_trMaritalStatus {
	display:none;
}
#CPHBody_PrincipalDetails_trDOB2 {
	
}
#CPHBody_PrincipalDetails_trPoliticallyExposed {
	display:none;
}
#CPHBody_PrincipalDetails_trGender {
	display:none;
}
#CPHBody_PrincipalDetails_trRelationships {
display:none;
}
#CPHBody_PrincipalDetails_trNoDependantsDDL {
	display:none;
}
#CPHBody_PrincipalDetails_trAgeDependants {
	display:none;
}
#CPHBody_PrincipalDetails_trAgeDependants {
	display:none;
}

#CPHBody_ToggleAddApplicant_ucDisplayControl0_trGender {
	display:none;
}

#CPHBody_ToggleAddApplicant_ucDisplayControl0_trGender {
	display:none;
}

#CPHBody_ToggleAddApplicant_ucDisplayControl0_trDOB {
	display:none;
}

#CPHBody_ToggleAddApplicant_ucDisplayControl0_trMaritalStatus {
	display:none;
}

#CPHBody_ToggleAddApplicant_ucDisplayControl0_trRelationships {
	display:none;
}

#CPHBody_ToggleAddApplicant_ucDisplayControl0_trPoliticallyExposed {
	display:none;
}

@media only screen and (min-width: 1500px) {
	
	/* Increase width of loan term * */
	input#CPHBody_ProductDetails_ucControl0_tbLoanTerm {
   	 width: 29em !important;
   	 /* max-width: 1000px; */
	}
	
}



div.divFilterContent
{
	border-color: #ffffff;
	background-color: #ffffff;
}
div.divFilterContent td
{
	color: #5b6770;
	font-size: 15px;
	line-height:22px;
}


/* LC - Styles to hide product features section */
div.clsProductSearchDetails > div:nth-child(11)
{
    display: none;
}

/* Button colours */
div.imgBtn,
input.BtnStyleGray,
.tblContribution a /* fix for Borrower Contribution Table */,
.datagrid + a,
.clsDocPrefBranch span[id$='divBranchHelp'] > a /* fix for Delivery Branch*/,
div#CPHBody_divDirectors a[id*='lnkDeleteDirector'] /*fix for Delete Director */
{
	color: #1b1d36 !important;
	border-color: #FB914A;
	background: #FB914A;
	background-color: #FB914A;
	text-align: center;
	padding: 16px 40px 16px 40px;
}

/* LC - Vehicle Valuation Display.xslt styles */
div.clsVehicleValDisplayContainer
{
    margin-top: 20px;
}

div.clsVehicleValDisplayValuation
{
    margin-top: 10px;
}

div.clsVehicleValDisplayVehicle
{
    display: inline-block;
    width: 60%;
}

#CPHBody_OValuation_trValuationAmount .clsText{
	width:200px !important;
}

div.clsVehicleValDisplayValue
{
    display: inline-block;
    padding-left: 20px;
    font-weight: bold;
    color: rgb(0, 79, 113);
}



div.imgBtn:hover,
div.imgBtn:focus,
.tblContribution a:hover /* fix for Borrower Contribution Table */,
.tblContribution a:focus /* fix for Borrower Contribution Table */,
.tblContribution + a:hover /* fix for Borrower Contribution Table */,
.tblContribution + a:focus /* fix for Borrower Contribution Table */,
.clsDocPrefBranch span[id$='divBranchHelp'] > a:focus /* fix for Delivery Branch*/,
.clsDocPrefBranch span[id$='divBranchHelp'] > a:hover /* fix for Delivery Branch*/,
div#CPHBody_divDirectors a[id*='lnkDeleteDirector']:hover /*fix for Delete Director */,
div#CPHBody_divDirectors a[id*='lnkDeleteDirector']:focus /*fix for Delete Director */
{
	;
}

/* COLOURS */
form[action*='frmDashboard'] table.datagrid > tbody > tr > th
{
	background-color: #1B1D36;
}

div[id*='trNameSearch'].clsDataRow table.datagrid > tbody > tr > td:first-child > a
{
	color: #1B1D36;
}

form[action*='frmDynamic'] table.datagrid > tbody > tr > th,
form[action*='frmCompany.'] table.datagrid > tbody > tr > th,
form[action*='frmResult.'] table.datagrid > tbody > tr > th
{
	background-color: #1B1D36;
}

form[action*='frmDynamic'] table.datagrid > tbody > tr > td,
form[action*='frmCompany.'] table.datagrid > tbody > tr > td,
form[action*='frmResult.'] table.datagrid > tbody > tr > td
{
	color: #666 !important;
}

form[action*='frmDynamic'] table.datagrid > tbody > tr > td:first-child:not(:only-child),
form[action*='frmCompany.'] table.datagrid > tbody > tr > td:first-child:not(:only-child),
form[action*='frmResult.'] table.datagrid > tbody > tr > td:first-child:not(:only-child)
{
	border-right-color: #1B1D36;
}

form[action*='frmDynamic'] table.datagrid > tbody > tr > td > a,
form[action*='frmCompany.'] table.datagrid > tbody > tr > td > a,
form[action*='frmResult.'] table.datagrid > tbody > tr > td > a
{
	color: #1B1D36;
}

div[id$='divBureauPerformedTable'] a
{
	color: #1B1D36;
}

form[action*='frmDesigner.'] table.datagrid > tbody > tr > th,
form[action*='frmApplicationTrail'] table.datagrid > tbody > tr > th,
form[action*='frmApplicationNotes'] table.datagrid > tbody > tr > th,
form[action*='frmDesignerMaintenance'] table.datagrid > tbody > tr > th,
form[action*='frmBranding'] table.datagrid > tbody > tr > th,
form[action*='frmDesignerBatch'] table.datagrid > tbody > tr > th,
form[action*='frmSuspectMaintenance'] table.datagrid > tbody > tr > th,
form[action*='frmAdminCreditProducts'] table.datagrid > tbody > tr > th,
form[action*='frmArchiveAdmin'] table.datagrid > tbody > tr > th
{
	background-color: #1B1D36;
}

div#divTopOptions > table#tblOptions a
{
	color: #1B1D36;
}

form[action*='frmDesigner.'] table.datagrid > tbody > tr > td:nth-child(1):not(:only-child),
form[action*='frmApplicationTrail'] table.datagrid > tbody > tr > td:nth-child(3):not(:only-child),
form[action*='frmApplicationNotes'] table.datagrid > tbody > tr > td:nth-child(1):not(:only-child),
form[action*='frmDesignerMaintenance'] table.datagrid > tbody > tr > td:nth-child(1):not(:only-child),
form[action*='frmDesignerBatch'] table.datagrid > tbody > tr > td:nth-child(1):not(:only-child),
form[action*='frmBranding'] table.datagrid > tbody > tr > td:nth-child(1):not(:only-child),
form[action*='frmSuspectMaintenance'] table.datagrid > tbody > tr > td:nth-child(1):not(:only-child),
form[action*='frmAdminCreditProducts'] table[id$='dgProducts'].datagrid > tbody > tr > td:nth-child(1):not(:only-child),
form[action*='frmArchiveAdmin'] table.datagrid > tbody > tr > td:nth-child(2):not(:only-child)
{
	border-right-color: #1B1D36;
}

form[action*='frmDesigner.'] table.datagrid > tbody > tr > td > a,
form[action*='frmApplicationTrail'] table.datagrid > tbody > tr > td > a,
form[action*='frmApplicationNotes'] table.datagrid > tbody > tr > td > a,
form[action*='frmDesignerMaintenance'] table.datagrid > tbody > tr > td > a,
form[action*='frmDesignerBatch'] table.datagrid > tbody > tr > td > a,
form[action*='frmBranding'] table.datagrid > tbody > tr > td > a,
form[action*='frmSuspectMaintenance'] table.datagrid > tbody > tr > td > a,
form[action*='frmAdminCreditProducts'] table.datagrid > tbody > tr > td > a,
form[action*='frmArchiveAdmin'] table.datagrid > tbody > tr > td > a
{
	color: #1B1D36;
}

hr
{
	color: #dbe6eb; /*for IE */
	border-color: #dbe6eb; /* Chrome and Safari */
	margin: 20px 0 !important;
	background-color: #dbe6eb; /* Firefox and Opera */
	/* background-image: linear-gradient(to right, #ffffff, #005dab, #ffffff); */
}

div#divTopOptions > table#tblOptions a
{
	color: #1B1D36;
}
#CPHBody_ContactAdrHome_trNotInList > .clsText > input 
{
    margin-left: 2px;
}
div#divTopOptions > table#tblOptions tr:hover
{
	background-color: #1B1D36;
}

input[type='text']:focus,
input[type='password']:focus,
.clsField textarea:focus,
.clsField select:focus,
.clsField select.errorControl:focus
{
    outline: none;
    border: 1px solid #1b1d36;
    color: #1b1d36;
    background: #ffffff;
}

div[id*='trNameSearch'].clsDataRow table.datagrid > tbody > tr > th
{
	background-color: #1B1D36;
}

div[id*='trNameSearch'].clsDataRow table.datagrid > tbody > tr > td:first-child
{
	border-right-color: #1B1D36;
}


@media only screen and (min-width: 1500px) {

	#tblLeft {
    background: transparent url("../../customimages/ACQUISITION/dnb bottom left.png") right bottom/calc((100% - 1000px) / 2) border-box border-box no-repeat fixed;
	}
}

@media only screen and (max-width: 1500px) and (min-width: 1200px) {

	#tblLeft {
    background: transparent url("../../customimages/ACQUISITION/ampersand bottom left.png") right bottom/calc(100% - 1000px) border-box border-box no-repeat fixed;
	}
}

@media only screen and (min-width: 700px) {
	#MainTable #ContentCell 
	{
		background: transparent url("../../customimages/ACQUISITION/dnb bottom left.png") right bottom/525px border-box border-box no-repeat fixed;
	}
	
	#CPHBody_ToggleCitizen_cvToggleDisplay,
	#CPHBody_ToggleCountryCitizen_cvToggleDisplay,
	#CPHBody_ToggleCountryTax_cvToggleDisplay,
	#CPHBody_TogglePromotionCode_cvToggleDisplay,
	#CPHBody_ToggleEligibilityGurantor_cvToggleDisplay,
	#CPHBody_ToggleEligibilityBorrower_cvToggleDisplay,
	#CPHBody_VisaDebit_cvCheckBox {
		margin-left: 200px;
	}
}

@media only screen and (min-width: 1024px) {
	#CPHBody_ToggleCitizen_cvToggleDisplay,
	#CPHBody_ToggleCountryCitizen_cvToggleDisplay,
	#CPHBody_ToggleCountryTax_cvToggleDisplay,
	#CPHBody_TogglePromotionCode_cvToggleDisplay,
	#CPHBody_ToggleEligibilityGurantor_cvToggleDisplay,
	#CPHBody_ToggleEligibilityBorrower_cvToggleDisplay,
	#CPHBody_VisaDebit_cvCheckBox {
		margin-left: 230px;
	}
}
	
form[action*='frmDashboard'] table.tblSearch td {
	background-color: transparent;
}

form[action*='frmDashboard'] table.tblSearch {
	border: none;
}

div.navbarHeading0, div.navbarMenu0	
{	
    background-color: #1B1D36;	
    color: #ffffff;	
	border: solid;
    border-color: #1B1D36;	
	padding: 0 1em;
	height: 3em;
}	
	
/*div.navbarHeading1, div.navbarMenu1, div.navbarHeading0:hover, div.navbarMenu0:hover	
{	
    color: #ffffff;	
    background-color: #1B1D36;	
	border: none;
}
*/	
	
* div.navbarMenu0, * div.navbarMenu1, * div.navbarMenu0:hover	
{	
	height: 1.5em;
}	
	
div.navbarMenu0 a	
{	
    color: #ffffff;	
	text-decoration: none;
}	
	
div.navbarMenu0:hover a	
{	
    color: #ffffff;	
	background-color: transparent;
	border: solid;
	border-color: transparent;
}	
	
div.navbarMenu1 a	
{	
    color: #ffffff;	
	font-style: italic;
	text-decoration: none;
}	

.divFilterContent,
.divFilterContent td,
div.divFilterBG > div,
div.clsDivHeading > span,
div.clsText,
div.dynamicFormSectionHeadingContainer span.dynamicFormSectionHeading
{
    color: #000;
}



#lblLeftNavHeader > table > tbody > tr:first-child,
#lblLeftNavHeader > table > tbody > tr:last-child > td:first-child,
#lblLeftNavHeader > table > tbody > tr:last-child > td:last-child
{
	display: none;
}

#lblLeftNavHeader > table,
#loginBottom > table
{
	margin-left: auto;
	margin-right: auto;
}

#loginBottom
{
	background-image: none !important;
}

/* #tblLeft
{
    background: transparent url("../../customimages/LENDING/dunbradstreet.png") right bottom/auto border-box border-box no-repeat fixed;
}

@media only screen and (min-width: 500px) {
	#MainTable #ContentCell 
{
    background: transparent url("../../customimages/LENDING/dunbradstreet.png") right bottom/auto border-box border-box no-repeat fixed;
}
} */

table[id*='-Checklist_cbl'] td
{
	padding: 5px;
}

td[id*='Result-Go-To-'] {
    padding-top: 5px;
}

td[id*='Result-Go-To-'][id*='_tdLeft'] {
    display: none;
}

div[id*='Result-Go-To-'][id*='imgBtnLink'] {
    min-width: 200px;
}

/* .divFilterContent select, .divFilterContent input[type=text]
{
	box-shadow: -7px 0 0 0 #1B1D36;

}

.divFilterContent select:focus, .divFilterContent input[type=text]:focus
{
    -webkit-box-shadow: 0 0 1em #1B1D36;
    -moz-box-shadow: 0 0 1em #1B1D36;
    box-shadow: 0 0 1em #1B1D36;
	border-color: #1B1D36;
} */

table.tblLiability input, table.tblAssets input {
    width: 8em !important;
    min-width: 0;
}

td[id*='WebResult-Link-'][id*='tdLeft'] {
    display: none;
}

td[id*='WebResult-Link-'][id*='tdLink'] {
    padding-top: 0.25em;
	padding-bottom: 1em;
}

form[action*='frmDashboard.aspx'] #tblHeadingTop
{
	background-color: #1B1D36;
	color: #ffffff;
}

form[action*='frmDashboard.aspx'] #tdHeadingRight a:link,
form[action*='frmDashboard.aspx'] #tdHeadingRight a:visited
{
	color: #1B1D36;
}



/****** NEW CLASSES Thomas & JB ***/
div#div_CPHBody_ProductDetails_imgBtnAddControls{
	background: #ffffff;
	border-color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnAddControls:hover{
	background: rgba(0, 93, 171, 0.08);
	transition: 0.2s all ease;
	border-color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnAddControls:before{
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 150px;
	position: relative;
	top: 0.08em;
	transform: rotate(45deg);
	vertical-align: top;
	width: 0.45em;
	color: #1B1D36;
}


div#div_CPHBody_ProductDetails_imgBtnAddControls span {
    font-size: 15px;
    color : #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl1{
	background: #ffffff;
	border-color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl1:hover{
	background: rgba(0, 93, 171, 0.08);
	transition: 0.2s all ease;
	border-color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl1:before{
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 192px;
	position: relative;
	top: 0.08em;
	transform: rotate(45deg);
	vertical-align: top;
	width: 0.45em;
	color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl1 span {
    font-size: 15px;
    color : #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl2{
	background: #ffffff;
	border-color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl2:hover{
	background: rgba(0, 93, 171, 0.08);
	transition: 0.2s all ease;
	border-color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl2:before{
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 192px;
	position: relative;
	top: 0.08em;
	transform: rotate(45deg);
	vertical-align: top;
	width: 0.45em;
	color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl2 span {
    font-size: 15px;
    color : #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl3{
	background: #ffffff;
	border-color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl3:hover{
	background: rgba(0, 93, 171, 0.08);
	transition: 0.2s all ease;
	border-color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl3:before{
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 192px;
	position: relative;
	top: 0.08em;
	transform: rotate(45deg);
	vertical-align: top;
	width: 0.45em;
	color: #1B1D36;
}

div#div_CPHBody_ProductDetails_imgBtnDeleteControl3 span {
    font-size: 15px;
    color : #1B1D36;
}

div#CPHBody_ImportantInfo_divContent {
    color: #606173;
    line-height: 20px;
    letter-spacing: 0.1px;
    font-size: 12px;
}

div#CPHBody_ImportantInfo_divContent a, 
div#CPHBody_CCFactSheet_divContent a,
.IncomeExpenseCoreSummaryTable a,
.AssetCoreSummaryTable a,
.LiabilityCoreSummaryTable a,
.IncomeExpenseCoreSummaryTable a
{
   color: #1b1d36;
   font-weight: 700;
   letter-spacing: 0.1px;
   font-size: 12px;
}

div#CPHBody_ImportantInfo_divContent a:hover {
   color: #1b1d36;
}

#CPHBody_containerMainS0, #CPHBody_containerMainS12, #CPHBody_containerMainS14{
	margin-bottom:20px;
}

div#CPHBody_containerMainS2,
div#CPHBody_CreditCardBT_divToggleQuestion {
    /*border-top: 1px solid #dbe6eb;
    margin-top: 20px;*/
}

div#CPHBody_containerMainS2 .clsDivHeading{
	margin-top: 30px;
	/*margin-bottom: 0px !important;*/
	padding-top: 0px !important;
}

div#CPHBody_containerMainS2 .clsDivHeading > span {
	/*padding: 0 20px;*/
	font-size: 22px !important;
	color: #1b1d36 !important;
}

div#CPHBody_containerMainS4 .clsDivHeading{
	margin-top: 20px;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
}



div#CPHBody_containerMainS5 .clsDivHeading{
	margin-top: 20px;
	margin-bottom: 24px !important;
	padding-top: 0px !important;
  
}

div#div_CPHBody_imgBtnNext:hover{
	background: #FDD3B7;
	transition: 0.2s all ease;
	border-color: #FDD3B7;
}

div#div_CPHBody_imgBtnNext:before{
	/*content: "\27F6";
	display: inline-block;
	left: 47px;
	position: relative;
	top: -1px;
	vertical-align: top;
	width: 0.65em;
	font-size: 17px;*/
}

div#CPHBody_divStandardButtons .imgBtn {
	padding: 12px 35px 12px 35px;
}

div#div_CPHBody_imgBtnNext span {
	font-size: 16px;
}

/****** End Buttons ***/

/****** Text Styling  ***/

div#CPHBody_QuickText_divContent {
    font-size: 15px;
    line-height: 22px;
    color: #333f48;
    letter-spacing: 0.1px;
}

div#CPHBody_QuickText_divContent a {
   color: #1B1D36;
   font-weight: 700;
   letter-spacing: 0.1px;
}

div#CPHBody_QuickText_divContent a:hover {
   color: #1B1D36;
}

div#CPHBody_QuickText_divContent li{
	list-style: outside none;
	color: #333f48;
		position: relative;
		margin-left: 20px;
}

div#CPHBody_QuickText_divContent li:before{
  	content: '\25CF';
  	top: 0;
  	color: #333f48;
  	padding-left: 10px;
  	margin-right: 10px;
    position: absolute;
    left: -30px;
  }

.clsDivHeading {
	margin-bottom: 17.5px !important;
}

.clsDivHeading > span{
	font-size: 22px !important;
	line-height:28px;
	/*padding: 0 20px;*/

}

div#CPHBody_FlavourText_divContent {
    padding: 10px 0px;
    color: #333f48;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.2px;
}

.lblRequired{
	padding-left: 15px !important;
	color: #CF0200 !important;
	font-size: 15px;
}

div#CPHBody_PrincipalDetails_pnlCustomerSearch {
    /*margin-top: 32px;*/
}

input[type="radio"] {
    padding: 10px;
    border: 2px solid #D2D2D2;
    border-radius: 20px;
    -webkit-appearance: inherit;
    background: #ffffff;
    outline: none;
    vertical-align: middle;
}

input[type="radio"]:checked {
    box-shadow: inset 0 0 0 3px #1b1d36;
    background: #1B1D36!important;
    outline: none;
    border: 2px solid #1b1d36;
}

span#CPHBody_PrincipalDetails_lblCustomerExistsReq{
	margin-left: -25px;
}

input[type='radio'] + label
{
	margin-left: 9px;
	margin-right: 19px;
	font-size: 15px;
	color: #333f48;
	letter-spacing: 0.2px;
}

div#div_CPHBody_imgBtnBack:hover {
    background: #FDD3B7;
    transition: 0.2s all ease;
    border-color: #FDD3B7;
}

div#div_CPHBody_imgBtnBack:before {
    /*content: "\2190";
    left: 0px;
    position: relative;
    top: -1px;
    vertical-align: top;
    width: 0.65em;
    font-size: 17px;*/
}
div#div_CPHBody_imgBtnBack span {
    font-size: 15px;
    /*position: relative;
    left: 7px;*/
}

table[id$='tblToggleDisplay']
{
    /*margin-left:20px;*/
}

div#CPHBody_MandatoryContactSettings_divMandatoryContacts{
    margin-top:24px;
    /*margin-left:20px;*/
	color:#333f48;
	font-size:15px;
}

div#CPHBody_SurveyInfoText_divContent {
	font-size: 15px;
    color: #333f48;
	margin-top:10px;
}

div#CPHBody_containerMainS7 .clsDivHeading{
	margin-top: 20px;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
}


div#CPHBody_containerMainS11 td{
     
}

div#CPHBody_TogglePromotionCode_divControls
{
   
}
div#CPHBody_JobDetailsPrev_tblData 
{
   
}

div#CPHBody_ToggleAddApplicant_ucDisplayControl0_trTitle 
{
    padding-left: 0;
}
div#CPHBody_ToggleAddApplicant_ucDisplayControl0_trMiddleName 
{
    padding-left: 0;
}
div#CPHBody_ToggleAddApplicant_ucDisplayControl0_trFirstName 
{
    padding-left: 0;
}
div#CPHBody_ToggleAddApplicant_ucDisplayControl0_trSurname 
{
    padding-left: 0;
}

div#CPHBody_containerMainS7 > .clsDivHeading > span,
div#CPHBody_containerMainS9 > .clsDivHeading > span {
    padding-left: 0;
}

div#CPHBody_containerMainS6 .clsDivHeading > span {
    font-size: 22px !important;
    font-weight: bold;
    padding-left: 0;
}

div#CPHBody_ElectronicConsentInfo_divContent li{
	list-style: outside none;

		position: relative;
		margin-left: 20px;

}

div#CPHBody_ElectronicConsentInfo_divContent li:before {
  	content: '\25CF';
  	top: 0;
  	color: #333f48;
  	padding-left: 10px;
  	margin-right: 6px;
    position: absolute;
    left: -30px;
}
div#CPHBody_ElectronicConsentInfo_divContent{
    padding-top:10px;
}
input[type="checkbox"] {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
	transform: scale(1.3);
	margin-right: 3px;
}

#CPHBody_ConsentIdentityInfo_divContent{
	line-height: 1.5;
}

#CPHBody_ProductDetails_divControls > span > br{
    display:none;
}

table#CPHBody_IDMEDICARE_tblData{
   
}
div#CPHBody_RequiredInformation_divTransformation {
 
    padding-top: 20px;
	color:#333f48;
	font-size:15px;
	line-height: 18px;
}
div#CPHBody_RequiredInformation_divTransformation div:first-of-type {
	color:#1B1D36;
	line-height: 25px;
}
div#CPHBody_RequiredInformation_divTransformation ul{
	margin-left:17px;
	margin-top: 13px;
}

table#CPHBody_CodeWord_tblData {
    margin-top:20px;
}

table#CPHBody_CreditCardBT_rblAnswers tbody tr td:first-child{
	width:79px;
}

div#CPHBody_containerMainS1  tr#CPHBody_QuickConfirm_trTermsCheck td{
    font-size: 15px;
}

div.clsField {
    float: none;
    margin-left: 4px;
    overflow: hidden;
    margin-top: 5px;
    line-height: 22px;
}

div#CPHBody_containerMainS10 table{
   /* margin-left:20px;*/
}

table#tblCompanyData table[id$='tblData'] tr#CPHBody_PrincipalEmail_trEmail td:first-child
{
  
    color: #333f48;
    font-size: 15px;
}

table#CPHBody_IDDRIVELIC_tblData,
table#CPHBody_JobDetailsCurr_tblData,
table#CPHBody_JobContactCurr_tblData{
   /* margin-left:16px;*/
}

table#CPHBody_VisaDebit_tblToggleThorn{
    /* margin-left:20px;*/
}

table#CPHBody_JobContactCurr_tblData td#CPHBody_JobContactCurr_tdPhoneArea{
    padding-left:0px;
}
/*input[type='text'][id$='tbPhoneNumber'] {
    margin-top:24px
}

input#CPHBody_ContactPhMobile_tbPhoneNumber{
    margin-top:4px;
}*/

/*input#CPHBody_ContactEmail_tbEmail{
    margin-left:20px;
}*/

table[id$='tblData'] tr#CPHBody_RepayFrequency_trRepayFrequency td:first-child,
table[id$='tblData'] tr#CPHBody_OverDraftAttach_trOverDraftAttach td:first-child
{
    /*color: black;
    font-size: 15px;*/
    padding-right: 0px;
    margin-top: .5em;
    color: #333f48;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.1px;
}

table#CPHBody_VisaDebit_rbToggleList{
    width:20em;
    position:absolute;
}


table#CPHBody_VisaDebit_tblToggleThorn tr#CPHBody_VisaDebit_trToggleList span{
    position: relative;
    margin-left: 17em;
}
table#CPHBody_IndividualDetails_dgAges_ctl00 {
    width: 400px !important;
}
@media (min-width: 701px) and (max-width: 800px) {
	table#CPHBody_IndividualDetails_dgAges_ctl00 {
		width: 173px !important;
	}
}
@media (min-width: 200px) and (max-width: 700px) {
	table#CPHBody_IndividualDetails_dgAges_ctl00 {
		width: 100% !important;
		/*max-width: 85% !important;*/
	}
}

table#CPHBody_IndividualDetails_dgAges_ctl00.datagrid > tbody > tr > td{
	border:none;
}

table#CPHBody_IndividualDetails_dgAges_ctl00  input[type='text']{
	width: 100% !important;
	max-width: 100% !important;
}
table#CPHBody_IndividualDetails_dgAges_ctl00 th.clsDataGridColumn_Age{
	 border-radius: 8px 8px 0 0;
	 background-color: #36434c;
 }

table#CPHBody_IndividualDetails_dgAges_ctl00 th.clsDataGridColumn_Age .lblRequired {
	color: #fff!important;
}
	

div#CPHBody_CCFactSheet_divContent,
div#CPHBody_CreditCardBT_divToggleQuestion
{
   
}
#CPHBody_CreditCardBT_lblQuestion{
	color:#333f48;
	font-size:15px;
	line-height:22px;
}

select#CPHBody_IndividualDetails_ddlRelationship_CoBorrower1,
select#CPHBody_IndividualDetails_ddlRelationship_Principal {
    max-width: 110px !important;
    min-width: 50px !important;
}
div#CPHBody_IndividualDetails_trRelationships {
    max-width: 630px !important;
}
table#CPHBody_IDPASSPORT_tblData,
table#CPHBody_OverDraftAttach_tblData{
    
}
div#CPHBody_CapitalAsset_tdIsFinanced {
    height: 30px;
}

div#CPHBody_CapitalAsset_tdIsFinanced span {
        height: 20px;
}
div#CPHBody_CapitalLiability_tdPayDebt {
    height: 30px;
}
div#CPHBody_UploadText_divContent {
    padding-top: 10px;
	color:#333f48;
	font-size:15px;
	padding-bottom:10px;
}
#CPHBody_Upload_tblMain tr td{
	padding: 10px 0;
}
div.clsUploadControls{
	margin:12px 0;
}
h3.clsUploadHeader{
	margin-bottom:5px;
}
/*
.clsUploadContainer .clsControlText{
	display:none;
}
*/

.clsUploadContainer .tblFLHeader{
	margin-top: 20px;	
}

form:not([action*='frmBureauReport']) .clsFinish{
	padding:5px;
	background-color:#1B1D36;
	border-color:#1B1D36;
}
form:not([action*='frmBureauReport']) .clsSize{
	margin-left:5px;
}

.imgBtnCstmLEAVEAPPLICATION{
	position: relative;
	top: -65px;
}

@media (min-width: 200px) and (max-width: 700px) {
	div.clsFileUploadContainer, .tblfiles, .clsUploadContainer, .clsLabelType{
		width:100%;
	}
	
	.clsFileUploadContainer div.clsFLRows select{
		width:100% !important;
	}
	form .clsDivFNameContainer, form .clsLabelType{
		border:none;
		padding-left:0;
	}
	.clsUploadContainer .clsFilename a, .clsLabelType {
		font-size:15px;
	}
	
	form:not([action*='frmBureauReport']) .unlink,
	form:not([action*='frmBureauReport']) .link,
	form:not([action*='frmBureauReport']) .copy{
		font-size:0px !important;
		padding:5px 0;
		margin-top: 2px;
	}
	div.clsFLRows select {
		min-width: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	form:not([action*='frmBureauReport']) .clsRow{
		padding-bottom:20px;
		margin-bottom:10px;
		border-bottom-color:#dbe6eb;
	}
	

}

@media only screen and (max-width: 800px) and (min-width: 600px)
{
	.imgBtnCstmLEAVEAPPLICATION{
        top: -89px;
        float: right !important;
        margin-right: 40px !important;
	}
}
@media only screen and (max-width: 600px) and (min-width: 200px)
{
	div.imgBtnNext.imgBtnCstmLEAVEAPPLICATION{
		float: left !important;
		margin-left: 27px;
		top:0;
	}
}

div#CPHBody_CapitalLiability_tdPayDebt span {
        height: 20px;
}
td#CPHBody_IDPASSPORT_tdPassportText{
    width: 16em;
}
#CPHBody_IDPASSPORT_trUnablePassport,#CPHBody_IDMEDICARE_trUnableMedicare .clsText{
	font-size:15px;
	color:#333f48;
	border-collapse:collapse;
	padding:2px;
}
#CPHBody_IDPASSPORT_trUnablePassport{
	margin-top: 9.5px;
}
#CPHBody_IDMEDICARE_trUnableMedicare .clsText{
	min-width:300px;
}

@media only screen and (max-width: 800px) {
	#CPHBody_IDMEDICARE_trExpiryDateDropDown  select[id].clsTinyTimeDropDown {
		width: 100% !important;
	}
}
#CPHBody_VisaDebit_trTickBoxQuestion{
	font-size:15px;
	color:#333f48;
	line-height:22px;
}
#CPHBody_VisaDebit_trToggleList span{
	font-size:15px;
	color:#333f48;
	line-height:22px;
	padding-bottom:12.5px;
}
#CPHBody_VisaDebit_rbToggleList{
	margin-right: 19px;
}
#CPHBody_VisaDebit_lblToggleThornQuestion{
	display:block;
	width: 200px;
    float: left;
	padding-right:10px;
    box-sizing: border-box;
}

@media only screen and (max-width: 700px) {
	#CPHBody_VisaDebit_lblToggleThornQuestion{
		width:100%;
	}	
	#CPHBody_VisaDebit_rbToggleList{
		margin-left: 0;
	}
	

}

@media only screen and (min-width: 1024px) {
	#CPHBody_VisaDebit_rbToggleList{
		margin-left: 30px;
	}
	#CPHBody_VisaDebit_lblToggleThornQuestion{
		padding-right:0;
	}
}
#CPHBody_VisaDebit_rbToggleList br{
	display:none;
}

#CPHBody_VisaDebit_trToggleList span#CPHBody_VisaDebit_cvCheckBox{
	color:#FF6666;
}

table#CPHBody_IDMEDICARE_tblData td:nth-child(2n),
form table#CPHBody_IDPASSPORT_tblData td:nth-child(2n){
    padding-left:44px;
}

div#CPHBody_PrincipalDetails_trCustomerExists,
div#CPHBody_ProductDetails_ucControl0_trRefinance,
div#CPHBody_IndividualDetails_trPoliticallyExposed,
div#CPHBody_IndividualDetails_trCustomerExists,
div#CPHBody_ProductDetails_ucControl0_trNewExistingProduct,
div#CPHBody_ProductDetails_ucControl0_trInConjunction {
    margin-top:5px;
}

#CPHBody_IndividualDetails_trPoliticallyExposed .clsField ,
#CPHBody_IndividualDetails_trCustomerExists .clsField,
#CPHBody_PrincipalDetails_trCustomerExists .clsField{
	padding-top:10px;
}

/* Multi-line labels for input fields  */
div#CPHBody_PrincipalDetails_trCustomerExists .clsText,
div#CPHBody_ProductDetails_ucControl0_trRefinance .clsText,
div#CPHBody_IndividualDetails_trCustomerExists .clsText,
div#CPHBody_ProductDetails_ucControl0_trNewExistingProduct .clsText,
div#CPHBody_ProductDetails_ucControl0_trInConjunction .clsText,
div#CPHBody_IndividualDetails_trNoDependantsDDL .clsText,
div#CPHBody_ToggleAddApplicant_trQuestion .clsText,
div#CPHBody_ToggleCitizen_tblToggleDisplay .clsText,
div#CPHBody_ToggleCountryCitizen_tblToggleDisplay .clsText,
div#CPHBody_ToggleCountryTax_tblToggleDisplay .clsText,
div#CPHBody_TogglePromotionCode_tblToggleDisplay .clsText,
div#CPHBody_ToggleEligibilityGurantor_tblToggleDisplay .clsText,
div#CPHBody_ToggleEligibilityBorrower_tblToggleDisplay .clsText,
div#CPHBody_ProductDetails_ucControl0_trLoanPurpose .clsText,
div#CPHBody_JobContactCurr_trFirstName .clsText,
div#ProductDetails_LivingHomeTxt .clsText,
div#CPHBody_VTMBProductDetails_trAddCard .clsText,
div#CPHBody_SurveyInfo_trMembershipEligibility .clsText,
div#CPHBody_BankDiscovery_trBankDiscovery .clsText,
div#CPHBody_AdditionalInfo_trAddInfomation .clsText,
div#CPHBody_SurveyInfo_trEligible_2 .clsText
{
	padding-top:0;
}

div#CPHBody_IndividualDetails_trPoliticallyExposed .clsText,
div#CPHBody_IDDRIVELIC_tblData .clsText,
div#CPHBody_VTMBProductDetails_trPurchaseValue .clsText,
div#CPHBody_ProductDetails_ucControl0_trLoanPurpose .clsText{
	padding-top:5px;
}

div#CPHBody_containerMainS6 > table,
div#CPHBody_containerMainS7 > table,
div#CPHBody_containerMainS9 > table,
div#CPHBody_containerMainS10 > table,
div#CPHBody_containerMainS11 > table,
div#CPHBody_ConsentIdentityInfo_divContent,
div#CPHBody_QuickText_divContent
{
	margin-top:24px;
}
div#CPHBody_VisaDebit_trTickBoxQuestion {
	margin-top:14px;
}

div#CPHBody_ContactPhHome_trPhone table,
div#CPHBody_ToggleCitizen_trQuestion .clsText,
div#CPHBody_ToggleCitizen_trQuestion  .clsField{
	margin-top:0;
}

div#CPHBody_ProductDetails_divControls span hr,
div#CPHBody_ProductDetails_ucControl0_divProdVCustomFeatures,
div#CPHBody_ProductDetails_divDescription,
div#CPHBody_ProductDetails_divAddSection{
	display:none;
}

#CPHBody_ProductDetails_ucControl0_trRefinance input[type="radio"],
#CPHBody_ProductDetails_ucControl0_trInConjunction input[type="radio"]
{
	float: left;
	clear: left;	
}
#CPHBody_ProductDetails_ucControl0_trInConjunction input[type='radio'] + label,
#CPHBody_ProductDetails_ucControl0_trRefinance input[type='radio'] + label
{
	display: inline-block;
    width: 75%;
	margin-bottom: 10px;
	float: left;
	margin-right:10px;
}

input.clsProdDetLoanTermText
{
	margin-right: 2px;
}



textarea[id].clsProdDetPurDescText{
    margin:4px 0px;
}

div.imgBtn{
    border-radius: 50px;
}

div.imgBtn:focus {
	outline: none;
}

div.imgBtn span {
	border-radius: 5px;
	font-weight: bold;
}
/*select#CPHBody_IndividualDetails_ddlRelationship_Principal  {
    max-width: 240px !important;
    margin-left: 5px;
    min-width: 50px !important;
}*/

input[id$="cbNotInList"]{
    margin-left: 2px;
}

.clsField > .clsMedText > input{
    margin-top :  5px;
}

div#CPHBody_AdditionalInfoText_divContent {
    /*margin-left: 20px;*/
    margin-top: 10px;
	font-size:15px;
	color:#333f48;
}

tr#CPHBody_AdditionalInfo_trAddInfomation td{
    width:0px;
    padding-left:0px;
    margin-left:0px;
}

/* IE10+ only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#CPHBody_ProductDetails_ucControl0_trInConjunction input[type='radio'],
	#CPHBody_ProductDetails_ucControl0_trRefinance input[type='radio']{
		margin-top:4px;
	}
 }
 /* IE Edge 12 only */
 @supports (-ms-accelerator:auto){
	#CPHBody_ProductDetails_ucControl0_trInConjunction input[type='radio'],
	#CPHBody_ProductDetails_ucControl0_trRefinance input[type='radio']{
		margin-top:4px;
	}
 }
 
 /* Securities */
 .clsSecurityHubLiteGroup{
	color: #333f48;
	font-size: 15px;
    line-height: 22px;
 }
 .clsSecurityHubLiteGroup a{
	color: #1B1D36;
    font-weight: 700;
 }
 
.clsSecurityHubLiteSecurity, .clsSecurityHubLiteSecurity:last-child{
	border:none;
	margin-bottom: 20px;
}
 
/*div.imgBtn > span:first-child{
    margin-left: 1.5rem;
    display: inline-block;
}*/

/*table.navbar
{
    border-spacing: 0px;
    border-style: none;
    color: White;
}
div.navbar
{
    border-spacing: 0px;
    background-color:  transparent;
    border-style: none;
    color: White;
}
div.navbarMenu0, div.navbarMenu1
{
    min-width: 80px;
    white-space: nowrap;	
}
div.navbarMenu1
{
    background-color: #1774C4;
}
div.navbarMenu0 a, div.navbarMenu1 a
{
    color: White;	
}
div.navbarDropdown
{
	z-index:9999;
    background-color: #1774C4;
}

td.navbarPrefix0
{
    background-repeat: no-repeat;
    min-width: 6px;
    width: 6px;
    table-layout: fixed;
}
td.navbarPrefix1
{
    background-repeat: no-repeat;
    min-width: 6px;
    width: 6px;
    table-layout: fixed;
}

td.navbarGroup0
{
    background-repeat: repeat-x;
    min-width: 80px;
    width: 80px;
    height: 31px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    color: White;
    border-style: none;
    white-space: nowrap;
}
td.navbarGroup1
{
    background-repeat: repeat-x;
    min-width: 80px;
    width: 80px;
    height: 31px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    color: White;
    border-style: none;
    white-space: nowrap;
}
div.navbarHeading0, div.navbarHeading1
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    color: White;
    border-style: none;
    white-space: nowrap;
}

td.navbarSuffix0
{
    background-repeat: no-repeat;
    min-width: 6px;
    width: 6px;
    table-layout: fixed;
}
td.navbarSuffix1
{
    background-repeat: no-repeat;
    min-width: 6px;
    width: 6px;
    table-layout: fixed;
}

td.navbarInfix0
{
    background-repeat: no-repeat;
    min-width: 16px;
    width: 16px;
    table-layout: fixed;
}
td.navbarInfix1
{
    background-repeat: no-repeat;
    min-width: 16px;
    width: 16px;
    table-layout: fixed;
}
td.navbarInfix2
{
    background-repeat: no-repeat;
    min-width: 16px;
    width: 16px;
    table-layout: fixed;
}*/
/**** END ***/



/* =============================================
   NEW STYLES - JAN. 2018
   Note - !important is often required to override the inline styles 
   ========================================== */


#CPHBody_pnlData {
	max-width: 1000px;
}


#CPHBody_divMain>div>div>div {
	padding-right: 22px;
}

/* =============================================
   TYPOGRAPHY
   ========================================== */

body,
form:not([action*='frmBureauReport']) * {
	font-family: "Helevtica Neue Lt Std", Helvetica, Arial!important;
	Colors
Color format
Hex
Background colors

Neutral/White

Border colors

#F2F2F2;
	Colors
Color format
Hex
Background colors

Neutral/White

Border colors

#F2F2F2;
}


/* Heading large */

div.divFilterBG {
	border: none;
	padding: 20px 0 0 0;
}

div.divFilterBG > div  {
	color: #1b1d36 !important;
	text-align: center;
}

/* Heading medium */

div.clsDivHeading>span {
	color: #1b1d36 !important;
	text-align: left!important;
	font-size: 25px!important;
	border-top: 1px solid #E9E9E9;
	padding-top: 25px;
	display: block;
}

div.divFilterContent {
	color: #1b1d36;
}

label[for*='cbTerm'] {
	color: #1b1d36;
}

div#CPHBody_ElectronicConsentInfo_divContent li {
	font-size: 13px;
	line-height: 1.5;
}



/* =============================================
   FORMS 
   ========================================== */

input[type='text'],
input[type='password'],
textarea[id],
select[id] {
	border-width: 2px!important;
	border-color: #D2D2D2;
	background-color: #ffffff;
}

input[type='text'].errorControl,
input[type='password'].errorControl {
	border: 2px solid #d2d2d2;
	background-color: #ffffff;
}

input[type='text'].errorControl:focus,
input[type='password'].errorControl:focus {
	border: 2px solid #1B1D36;
}

form:not([action*="frmBranding"]) input["radio"]:checked {
    background: #1B1D36!important;  /* added for iOS */
}

.clsField select.errorControl {
	border: 2px solid #B8402E;
	background-color:#fef5f5;
	color: #B8402E;
}

.imgBtn:hover {
	background: #FDD3B7;
	transition: 0.2s all ease;
	border-color: #FDD3B7;
}


@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
	/*  IE10+ specific styles go here  */
	input[type="radio"] {
		padding: 0!important;
		border: none!important;
	}
}

#divError {
	display: none;  /* Hiding top validation. Seems uncessary, as we have the highlighed red borders on the <input>s  */
}



/* ====================
   FORMS - specific
   ================= */

#divError img {
	display: inline-block;
	padding-bottom: 5px;
}

div.error>table>tbody>tr>td {
	vertical-align: top;
}

/* Fixes a label alignment issue */
#CPHBody_CapitalLiability_tdPayDebtText {
	transform: translateY(-13px);
}

div.imgBtnCstmCLOSE {
	margin-right: 13px;
}

.clstrIdentificationNum .clsField input,
.clstrIdentificationNum .clsField span {
	vertical-align: middle;
}

div.IncomeExpenseCoreDetail {
	border: 1px solid #D2D2D2;
	padding: 20px;
	border-radius: 8px;
}

.divFilterContent input[type="text"]:focus,
.divFilterContent select:focus {
	border-radius: 50px;
}

#CPHBody_CapitalLiability_cbPayDebt {
	width: 20px!important;
	position: static!important;
}

#CPHBody_CreditCardBT_lblQuestion {
	display: inline-block;
	padding-bottom: 10px;
}



/* =============================================
   TABLES
   ========================================== */


table.IncomeExpenseCoreSummaryTable,
table.AssetCoreSummaryTable,
table.LiabilityCoreSummaryTable {
	border-left: none;
	border-right: none;
	border-top: none;
}

table.IncomeExpenseCoreSummaryTable th, 
table.AssetCoreSummaryTable th, 
table.LiabilityCoreSummaryTable th {
	background-color: #E9E9E9;
	padding: 1.2em 1.2em;
	color: #1b1d36;
	font-size: 14px;
	text-align: left!important;
	border: none;
}

div.divFilterContent  table.IncomeExpenseCoreSummaryTable td, 
div.divFilterContent  table.AssetCoreSummaryTable td, 
div.divFilterContent  table.LiabilityCoreSummaryTable td {
	padding: 1em 1em;
	color: #1b1d36;
	font-size: 15px;
	text-align: left!important;
	border: none;
}

table.IncomeExpenseCoreSummaryTable td a,
table.AssetCoreSummaryTable td a,
table.LiabilityCoreSummaryTable td a {
	font-size: 15px;
}


table.IncomeExpenseCoreSummaryTable tr:last-child:not(:only-child), 
table.AssetCoreSummaryTable tr:last-child:not(:only-child), 
table.LiabilityCoreSummaryTable tr:last-child:not(:only-child) {
	border-top: 1px solid #dadada;
}


/* Main Logo area */

#tblHeading {
	background-color: transparent;
	margin: 10px auto 0 auto;
	max-width: 1000px;
}

	#tdHeading {
		background-image: url('../../customimages/VTMB/bankfirst-logo.png');
		background-position: 70px 0;
		background-size: 225px;
		border: none;
	}


/* =============================================
   HEADER MENU
   ========================================== */


#CPHBody_NAVIGATOR_divNavigationBar {
	background-color: white;
	padding-top: 0px;
	max-width: 900px;
	margin: 0 auto;
	/* width: 90%; */
	border-radius: 50px;
}

	#CPHBody_NAVIGATOR_divNavigationBar > table td:first-child {
    	display: none;  /* hiding first empty cell to allow table to go full width */
 	}

 	.navbarSuffix1 {
		display: none;  /* hiding last <td> */
	}
	
	.navbarDropdown table td:first-child {
		display: block!important;
	}

	#CPHBody_NAVIGATOR_divNavigationBar > table td:first-child + td + td {
		display: none;
	}

	#CPHBody_NAVIGATOR_divNavigationBar td.navbarPrefix1,
	#CPHBody_NAVIGATOR_divNavigationBar td.navbarSuffix0 {
		display: none;
	}

	#CPHBody_NAVIGATOR_divNavigationBar .navbarGroup0,
	#CPHBody_NAVIGATOR_divNavigationBar .navbarGroup1 {
		width: 25%!important;
		overflow: hidden;
	}

div.clsTopBar {
	position: sticky;
	top: 0px;
	margin-top: -27px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	padding-top: 20px;
	background-color: #fff;
	z-index: 1;
	max-width: 860px;
	border-bottom: 1px solid #E9E9E9;
}

/* When there is an error element present: */
#divError + table .clsTopBar {
	top: -25px;	
}

/* When there is an error element present: */
#divError + table div[id$='divTransformation'] {
	padding-top: 3em;
}

.clsTopBar .navbarHeading0,
.clsTopBar .navbarHeading0:hover,
.clsTopBar .navbarHeading1 {
	padding: 18px 0px!important;
	font-family: Helevtica, Arial!important;
	letter-spacing: normal;
	font-size: 14px;
	background-color: #F3F3F5;
	border: none;
	color: #1b1d36;
	font-weight: bold;
	border-right: 1px solid #fff;
}

/* header arrows */
.clsTopBar .navbarHeading1:after {
    content: "";
    border-top: 26px solid #F3F3F5;
    border-bottom: 26px solid #F3F3F5;
    border-left: 15px solid #1B1D36;
    position: absolute;
    right: -2px;
    top: 0;
    z-index: 1;
    width: 2px;
}


.clsTopBar .navbarHeading1 {
	background-color: #1B1D36;
}

div.navbarHeading0:hover,
div.navbarHeading1:hover {
	border: none;
	border-right: 1px solid #fff;
}

div.navbarHeading1, 
div.navbarMenu1 {
	background-color: #005dab;
}

/* Active state */

.navbarHeading1 {
	color: #ffffff !important;
}


 /* Inserts the numbers */

.navbarGroup0,
.navbarGroup1 {
	position: relative;
}

.navbarGroup0:after,
.navbarGroup1:after {
	position: absolute;
	top: 18px;
	left: 22px;
	font-size: 22px;
	font-weight: bold;
	color: #1b1d36;
}

.navbarGroup1:after {
	color: #ffffff;
}

.navbarGroup0:nth-child(2):after,
.navbarGroup1:nth-child(2):after {
	content: "1";
}

.navbarGroup0:nth-child(4):after,
.navbarGroup1:nth-child(4):after {
	content: "2";
}

.navbarGroup0:nth-child(6):after,
.navbarGroup1:nth-child(6):after {
	content: "3";
}

.navbarGroup0:nth-child(8):after,
.navbarGroup1:nth-child(8):after {
	content: "4";
}

.navbarGroup0:nth-child(2) .navbarHeading0,
.navbarGroup1:nth-child(2) .navbarHeading1  {
	border-radius: 12px 0 0 12px;
}

.navbarGroup0:nth-child(8) .navbarHeading0  {
	border-radius: 0px 12px 12px 0px;
}

.navbarGroup1:nth-child(8) .navbarHeading1 {
	border-radius: 0 12px 12px 0;
}

.navbarGroup1:nth-child(8) .navbarHeading1:after {
	display: none;
}


/* Nav dropdown */

.navbarDropdown {
	width: 100%;
	background-color: white;
}

.navbarDropdown div.navbarMenu0
.navbarDropdown div.navbarMenu1 {
	border: none;
	color: #1B1D36;
	padding: .2em 0;
}

.navbarDropdown .navbarMenu0,
.navbarDropdown .navbarMenu1 {
	background-color: transparent;
	border: none;
	padding-left: 35px;
	margin-top: 10px;
}

	.navbarDropdown .navbarMenu0 a,
	.navbarDropdown .navbarMenu1 a {
		color: #1B1D36;
		font-size: 14px;
		font-style: normal;
        font-weight: bold;
        text-decoration: underline;
	}

	.navbarDropdown .navbarMenu0 a:hover,
	.navbarDropdown .navbarMenu1 a:hover {
		color: #1B1D36;
	}

/* hiding the applicatant number */
#CPHBody_SUMMARYBAR_divTransformation {
	visibility: hidden;
}


/* =============================================
   PERSONAL DETAILS
   ========================================== */


#CPHBody_IndividualDetails_dgAge:hover {
	background-color: transparent;
}


/* =============================================
   INCOME / ASSETS / LIABILITIES TABLES
   ========================================== */


.AssetCoreLinkDelete,
.IncomeExpenseCoreLinkDelete,
.LiabilityCoreLinkDelete {
	background-color: #1B1D36;
	border-radius: 10px;
	color: #fff!important;
	padding: 5px 10px;
	display: block;
	text-align: center;
	font-size: 11px!important;
	line-height: 19px;
	width: 18px;
	height: 18px;
}

.IncomeExpenseCoreSummaryTable tr {
	border-bottom: 1px solid #E9E9E9;
}

.IncomeExpenseCoreSummaryTable tr:nth-child(odd),
.IncomeExpenseCoreSummaryTable tr:nth-child(odd),
.LiabilityCoreSummaryTable tr:nth-child(odd) {
	background: #FAFAFA;
}

.clsImgIncomeExpenseCoreAdd,
.clsImgAssetCoreAdd,
.imgIncomeExpenseCoreSave,
.imgIncomeExpenseCoreClose {
	font-size: 13px;
}

#CPHBody_AssetText_divContent, 
#CPHBody_IncomeText_divContent, 
#CPHBody_ExpenseText_divContent, 
#CPHBody_LiabilityText_divContent {
	margin-bottom: 10px;
}

/* next /  back buttons */

#CPHBody_divStandardButtons {
	text-align: center;
}

div#CPHBody_divStandardButtons .imgBtn {
    padding: 18px 40px 18px 40px;
    font-size: 15px;
    margin-top: 13px;
    font-weight: bold;
    width: auto;
    float: none;
}

div.imgBtnCstmBACK {
	margin-right: 5px;
}

div.imgBtnCstmNEXT {
	margin-left: 5px;
}


#CPHBody_CapitalAsset_tblAssetCoreDetail input[type="checkbox"] {
	width: auto!important;
	transform: translateY(7px) scale(1.3);
}

/* =============================================
   GENERAL
   ========================================== */


/* Tooltip */
#CPHBody_IndividualDetails_divToolPoliticallyExposed,
#CPHBody_ToggleCountryTax_divToolDescription {
	background-color: #1B1D36!important;
	color: #fff;
	border-radius: 8px;
	padding: 10px 15px!important;
	margin: 4px 0 0 -4px;
	font-size: 14px;
	line-height: 20px;
}

/* restricts width of Tooltip icon */
#CPHBody_ToggleCountryTax_imgToolDescription,
#CPHBody_IndividualDetails_imgToolPoliticallyExposed {
    max-width: 18px;
}


/* overrides a rule in VTMBBase that causes a hover color */
form[action*='frmDynamic'] table.datagrid>tbody>tr:hover,
form[action*='frmResult.'] table.datagrid>tbody>tr:hover  {
	background-color: white;
}



/* =============================================
   FOOTER
   ========================================== */


div#CPHBody_Footertext_divContent {
	color: #606173;
}


/* =============================================
   SUMMARY SCREEN
   ========================================== */

.clsSummaryDataValue {
	color: #1b1d36 !important;
}

div[id$='divTransformation'] table.clsSummaryTable>tbody>tr {
	border-left: none;
	border-right: none;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
}

div[id$='divTransformation'] table.clsSummaryTable>tbody>tr:nth-child(even) {
	background-color: #FAFAFA;
}

.clsSummaryTableHeaderRow {
	background-color: #E9E9E9;
}

div[id$='divTransformation'] table.clsSummaryTable>tbody>tr>th {
	padding-left: 1.2em;
}

#CPHBody_Upload_divError_0 {
	margin: 10px 0 5px 0;
}

#CPHBody_Upload_divText_0 {
	margin-top: 11px;
	display: block;
}



/* =============================================
   MOBILE
   ========================================== */
  

@media (max-width: 900px) {
	div.clsTopBar {
		max-width: calc(100% - 40px);
	}
}

@media (max-width: 845px) {
	.navbarGroup0:after,
	.navbarGroup1:after {
		display: none;  /* Hide ihe indicator numbers when theres no longer space */
	}
}

@media (max-width: 700px) {
	
	/* Sets the overall width */
	
	div[id$='pnlData'] {
		width:100%;
	}

	div.divFilterContent > div.divFilterBG+div {
		padding-right: 0!important;
	}

	/* Header/Nav */
	div#CPHBody_divNavBarControl {
		display: block;
	}

}


@media (max-width: 600px) {

	input[type='text'],
	input[type='password'],
	textarea[id],
	select[id] {
		max-width: 91%!important;
	}

	#CPHBody_divMain>div>div>div {
		padding-left: 13px;
	}

	#CPHBody_NAVIGATOR_divNavigationBar .navbarGroup0,
	#CPHBody_NAVIGATOR_divNavigationBar .navbarGroup1 {
		width: auto!important;
		min-width: 20px;
	}

	.navbarGroup0:after,
	.navbarGroup1:after {
		display: block;   /* SHOW the indicator numbers only on mobile */
		left: 15px;
	}

	/* Hide the text of 'non-active' items */ 
	.navbarHeading0 {
		text-indent: -9999px;
	}

	/* Hide the number 'active' item */
	td.navbarGroup1:after {
		display: none;
	}

	.clsTopBar .navbarHeading1 {
		padding-left: 10px!important;
		padding-right: 10px!important;
	}

	td.navbarGroup0 {
		min-width: 0;
	}

	/* Next btn */
	div#CPHBody_divStandardButtons .imgBtn {
		margin-right: 30px;
	}

	/* Back btn */
	#div_CPHBody_imgBtnBack {
		margin-left: 13px;
	}

}


@media (max-width: 500px) {

	#CPHBody_divStandardButtons {
		/* display: flex;
		box-sizing: border-box;
		padding-left: 0;
        justify-content: space-around; */
        margin-left: 25px;
	}

	div#CPHBody_divStandardButtons .imgBtn {
		margin: 0;
		padding-left: 25px;
		padding-right: 32px;
        /* width: calc(50% - 40px); */
		box-sizing: border-box;
	}

	#CPHBody_divSave {
		display: none;   /* hiding empty div */
	}

}

/* Removing the blue box shadow on focused form elements */

@media (min-width: 200px) and (max-width: 700px) {

	div.divFilterContent input[type="text"],
	div.divFilterContent select {
		border-radius: 50px!important;
	}
	
	div.divFilterContent input[type="text"]:focus,
	div.divFilterContent select:focus {
		box-shadow: none;
		border: 1px solid #1B1D36;
		/* Overriding a rule in integrateMobile.css */
	}

	div.divFilterContent select:focus {
		-webkit-appearance: menulist;
	}

}


/* ===================
   iPAD
   =================== */



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	
	#tdHeading {
		background-position: 27px 1px;    /* main logo positioning */
	}

	.clsDataRow > div.clsText {
		padding-right: 10px;
	}

	.clsField input[type='text'],
	.clsField input[type='password'],
	.clsField textarea[id],
	.clsField select[id] {
		max-width: 87%!important;
	}

	input[type=text],
	input[type=password],
	select,
	textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	select[id] {
		background: url('../../customimages/VTMB/arrow-dark.png') no-repeat right 8px center #f7fafc;
		background-size: 10px;
	}

	select[id]:focus {
		background: url('../../customimages/VTMB/arrow-dark.png') rgba(0,93,171,0.08) no-repeat right 8px center;
		background-size: 10px;
	}

	input[type="radio"]:checked {
		background: #1B1D36!important;
		background-color: #1B1D36!important;
	}

	input[type="checkbox"] {
		transform: inherit;  /* removes scale rule */
	}

	div#CPHBody_ProductDetails_ucControl0_trRefinance {
		margin-top: 20px;
	}

	div.clsDataContent {
		float: none;
	}
}



/* ===================
   DESKTOP ONLY
   =================== */


/* IE 11 was producing layout bugs due to Flexbox, so the relevant code is being 'hidden' from this browser */

@media (min-width: 701px) {

	/* Input field alignment fixes */

	#CPHBody_ContactAddress_InputBox,
	#CPHBody_JobDetailsCurr_divOccupationGroupFilter,
	#CPHBody_IDDRIVELIC_ddlQuestion {
		margin-left: 4px;
	}

	#CPHBody_JobDetailsCurr_tblData .clsField,
	#CPHBody_JobDetailsCurr_divOccupationGroupFilter,
	#CPHBody_ContactAddress_InputBox,
	#CPHBody_IDDRIVELIC_ddlQuestion {
		margin-left: 0!important;
	}

}



/* =============================================
   ADMIN AREA FIXES
 =========================================== */

 #CPHBody_ResultAlerts_dgReasonCodes tr {
	background-color: white;
}

#CPHBody_ResultAlerts_dgReasonCodes,
#CPHBody_ResultAction_ucIF_Actions_dgActionOptions {
	border: none!important;
}

#CPHBody_UcApplicationSearch1_pnlMain td {
	vertical-align: middle;
}

/*Standard Input fields */
input[type='text'],
input[type='password'],
textarea[id],
select[id]
{
    font-style: normal;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    padding: 5px;
    font-size: 15px;
    min-height: 1.4em;
    vertical-align: middle;
    width: 29em !important;
    max-width: 400px;
    min-width: 350px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 16px!important;
    box-sizing: border-box;
    background: #ffffff;
    color: #333f48;
    letter-spacing: 0.2px;
    height: 45px;
}
form:not([action*="frmBranding"]) input:read-only, form:not([action*="frmBranding"]) input:read-only, select:disabled {
    background-color: #ffffff !important;
	
	
	media="only screen and (min-width: 200px) and (max-width: 700px)" {
    .divFilterContent select, .divFilterContent input[type=text] {
        font-size: 1.1em;
        padding: 4px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 16px;
        border: 2px solid #D2D2D2;
        border-radius: 5px;
		}
	}
	
.customValidator {
    display: inline-block!important;
    color: #B8402E!important;
	font-weight: normal!important;
}

div.imgBtn,
.tblContribution a /* fix for Borrower Contribution Table */,
.datagrid + a,
div[id$='divAddMode'] > a[id$='lnkAdd'] /*fix for LMI */,
.clsDocPrefBranch span[id$='divBranchHelp'] > a /* fix for Delivery Branch*/,
div#CPHBody_divDirectors a[id*='lnkDeleteDirector'] /*fix for Delete Director */
{
    border: 1px solid;
    text-decoration: none;
    line-height: 11px;
    font-weight: 400;
    padding: 16px 40px 16px 40px!important;
    display: inline-block;
    cursor: pointer;
    font-style: normal;
    border-radius: 25px;
}
