/*
Theme Name:  Salient Child
Template:    salient
Version:     18.0.1
Description: An Ultra Responsive Multi-Purpose Theme.
*/

/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder.
/*-------------------------------------------------------------------------*/

.spacer{
	font-size:0;
	line-height:0;
	clear:both;
}

.page-title{
    font-size: 32px;
    line-height: 44px;
    color: #000000;
    text-align: left;
    font-weight: 400;
    font-style: normal;
}

/*calculator*/
.calculatorWrap{
	/* width:1200px;
	margin:0 auto;
	padding: 45px 0px 45px 0px; */
	height:100%;
	overflow:hidden;
	margin-bottom:30px;
}
.calculatorPan{
    background-color: #f1f1f1;
    border:solid 1px #E6E6E6;
    padding: 15px 20px;
    border-radius: 5px;
}
/* .contentTxt{
	float:left;
	width:30%;
} */
.charcolWhiteLabel{
	/*padding:20px;*/
}
.mortgageCalculators{
	/* width:65%;
	float:right; */
}
.equalpan{
	float:left;
	width:47%;
}

.equalpanTwo{
	float:right;
	width:47%;
}

.equalpan label, .equalpanTwo label{
	display:block;
}
.animatedResults legend{
	font-size:25px;
	line-height:28px;
	font-weight:600;
	padding-bottom:30px;
	color:#000;
}
.calculatorwrap{

}
.first-calculator legend, .second-calculator legend{
	font-size:16px;
	line-height:20px;
}
.first-calculator{
	/*width:48%;
	float:left;*/
}
.second-calculator{
	/*width:48%;
	float:right;*/
}
.calculatorPan input[type=text], 
.calculatorPan select, 
.calculatorPan input[type=text]:focus, 
.calculatorPan select:focus{
	border: 1px solid #E6E6E6 !important;
    font-size: 14px;
    padding: 12px 10px;
    width: 100%;
    color: #2d323e;
    background: #ffffff !important;
	margin-bottom:0;
    border-radius: 0;
}
.calculatorPan input[type=text], 
.calculatorPan input[type=text]:focus{
    padding-left: 25px;
}
.calculatorPan span.label{
	display:block;
}

.calculatorPan select{
	width:100%;
	height: 47px;
}
.csc-header h4{
	font-size:18px;
	padding-bottom:20px;
	font-weight: 600;
}
button.calculateButton{
	border: solid 2px #14af98 !important;
    background-color: transparent !important;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 6px !important;
    line-height: 14px !important;
    padding: 0 !important;
    color: #14af98 !important;

}
button.calculateButton:hover, 
button.calculateButton:focus{
	background-color:#14af98 !important;
    background: #14af98 !important;
	color:#fff !important;
}
.resultsBox{
	background-color:#14af98;
	color:#fff;
	padding: 20px;
    margin-top: 25px;
}
.resultsBox h3{
	font-size: 19px;
    color: #ffffff;
    text-align: left;
}

#txtBorrowMaxAmount{
	font-size: 30px;
    color: #ffffff;
    text-align: left;
}
#txtMonthlyPayment{
	font-size: 30px;
    color: #ffffff;
    text-align: left;
}
.field{
	position:relative;
}
.field a{
    color: #000;
    display: inline-block;
    margin-bottom: 15px;
}
.extra{
	position: absolute;
    left: 8px;
    top: 0px;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle;
}
.extra_percentage{
	position: absolute;
    right: 8px;
    top: 0px;
    font-size: 14px;
    vertical-align: middle;
}

.mortage-repaymentdiv{
	height:100%;
	overflow:hidden;
}
.nofloat{
	float:none;
	width:auto;
}
.jumbo{
	font-size:22px;
    padding-bottom: 0 !important;
}
/* .mortgage-calculator legend{
	font-size: 25px;
	line-height: 28px;
	font-weight: 600;
	padding-bottom: 30px;
	color: #000;
} */

.yearsextra{
	 right: 28px;
    top: 6px;
    position: absolute;
}
.newbuttton{
	margin-top:30px;
}

.wrapper .one{
	width:45%;
	float:left;
	padding-right:20px;
}
.wrapper .one label{
	display:block;
	padding-bottom:10px;
}

.wrapper .two{
	width:45%;
	float:right;
	
}
.wrapper .two label{
	display:block;
	padding-bottom:10px;
}
.row label{
	padding-bottom:10px;
	display:block;
}
.row h4{
	padding-bottom:0px;
	font-weight: 600;
}
/* .mortgageSaving input[type=text], .mortgageSaving select{
	border-top: 1px solid #caced4;
	border-left: none;
	border-right:none;
	border-bottom:none;
    font-size: 14px;
    padding: 12px 22px;
    width: 88%;
    color: #2d323e;
    background: #ffffff;
	margin-bottom:15px;
} */

/* .mortgageSaving select{
	width: 100%;
	height: 47px;
	padding:0 0 0 12px;
	} */

.newint{
	width:45%;
	margin-bottom:20px;
}
.adddiv{
	font-size:16px;
	font-weight:500px;
}
.padeichone{
	padding-bottom:20px;
}
.sedapplication{
	padding-bottom:15px;
	display:block;
}
.rateinput input[type=text]{
	width:95%;
}

.butt_Section{
    display: flex;
    gap: 10px;
    margin-top: 20px !important;
}
.butt_Section a{
	/*width:97px;*/
	border: solid 2px #fff;
    background-color: #14af98;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 6px;
    line-height: 45px;
    padding: 0 30px;
    color: #fff;
	display:inline-block;
	text-align:center;
	height:45px;
    font-weight: bold;
    margin-bottom: 0;
}
.butt_Section a:hover{
	border: solid 2px #fff;
    background-color: #fff;
	color:#14af98;
}
.newfield{
	position:relative;
}
.extra_pers{
	position:absolute;
	right:0;
	top:0;
}
.moneyfield{
	position:relative;
}

.years{
	position: absolute;
	left: 35px;
	top: 45px;
}
.ratechangediv{
	width:78%;
}
table.resulttable{
	width:100%;
    margin-bottom: 0;
    border: 0;
} 
table.resulttable th, 
table.resulttable td {
    border-bottom: 1px solid #eaeaea;
	border-left:none;
	border-right:none;
	border-top:none;
    font-size: 14px;
    line-height: normal;
    padding: 10px;
}
table.resulttable tr:last-child th, 
table.resulttable tr:last-child td{
    border-bottom: 0;
}
/*calculator*/