.calculatorcontainer {
	font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
	background: #fff;
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 20px;
	font-size:16px;
}

.homeloanemicalculatorcontainer {
	background: #fff
}

#homeloanemicalculatorform {
	
	margin: 0
}

.sep {
	margin-left: 32px!important
}

#extrahalfyearlystartmonthyear,
#extramonthlystartmonthyear,
#extraonetimestartmonthyear,
#extraquarterlystartmonthyear,
#extrayearlystartmonthyear,
#startmonthyear {
	background-color: #fff!important;
	cursor: default
}

.fill-width {
	float: none!important;
	display: block!important;
	width: auto!important;
	overflow: hidden!important
}

.fill-width input {
	border-radius: 4px!important
}

.addextrapayments,
.removeextrapayments {
	margin: 15px auto;
	text-align: center;
	color: #fff !important;
	font-weight: 600 !important;
}

.addextrapayments a:link{
	color: #fff !important;
}


.removeextrapayments a:link{
	color: #fff !important;
}


.removeextrapayments {
	display: none
}

#monthlyhomeloanpaymentsummarywrapper,
#totalhomeloanpaymentbreakup {
	margin-bottom: 20px;
	border-radius: 4px;
	border: 1px solid #ccc
}

#monthlyhomeloanpaymentsummary,
#totalhomeloanpaymentbreakup {
	width: 100%;
	font-size: 12px
}

#totalhomeloanpaymentsummary {
	width: 100%
}

#monthlyhomeloanpaymentsummary td,
#totalhomeloanpaymentsummary td {


	padding-top: 5px;
	padding-bottom: 5px
}

#totalhomeloanchart {
	height: 180px
}

.lastdef,
.lastterm {
	border-bottom: 0 none!important
}

#monthlypaymentsummary,
#totalpaymentsummary {
	clear: both;
	border-top: 3px double #ccc;
	padding-top: 15px
}

.aggregatelabel,
.aggregatesum {
	border-top: 3px double #ccc;
	font-size: 14px;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px
}

.aggregatesum,
.currency {
	text-align: right
}

#downpaymentfeesonetimeexpensesterm {
	background: url(/home-loan-calculator/images/bullets.png) 5px 9px no-repeat;
	padding-left: 25px
}

#totalprincipalterm {
	background: url(/home-loan-calculator/images/bullets.png) 5px -51px no-repeat;
	padding-left: 25px
}

#totalextraterm {
	background: url(/home-loan-calculator/images/bullets.png) 5px -111px no-repeat;
	padding-left: 25px
}

#totalinterestterm {
	background: url(/home-loan-calculator/images/bullets.png) 5px -171px no-repeat;
	padding-left: 25px
}

#totalinsurancemaintenanceandtaxesterm {
	background: url(/home-loan-calculator/images/bullets.png) 5px -231px no-repeat;
	padding-left: 25px
}

#acceleratedscheduleheader,
#amortizationscheduleheader {
	text-align: center;
	margin-bottom: 20px;
	border: 2px solid #fff;
	border-radius: 4px;
	padding: 5px 20px;
	font-size: 18px;
	font-weight: 700;
	background-color:#000;
	color:#fff;

}

#paymentschedulechart {
	clear: both;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 30px 0 20px;
	background: #f9f9f9
}

#paymentschedule {
	margin: 0;
	text-align: center
}

#paymentschedule table {
	width: 100%;
	background: #eee;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 4px
}

#paymentschedule table th {
	background: none repeat scroll 0 0 #dedede;
	text-align: center;
	padding: 2px;
	font-size: 8px
}

#paymentschedule table td {
	text-align: center;
	padding: 5px;
	font-size: 10px;
	white-space: nowrap
}

#paymentschedule table tr td,
#paymentschedule table tr th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

#paymentschedule table tr td:first-child,
#paymentschedule table tr th:first-child {
	border-left: 1px solid #ccc
}

#paymentschedule table tr th {
	border-top: 1px solid #ccc
}

#paymentschedule table tr:first-child th:first-child {
	border-top-left-radius: 4px
}

#paymentschedule table tr:first-child th:nth-last-child(4) {
	border-top-right-radius: 4px
}

#paymentschedule table tr:nth-last-child(2) td:first-child {
	border-bottom-left-radius: 4px
}

#paymentschedule table tr:nth-last-child(2) td:nth-last-child(4) {
	border-bottom-right-radius: 4px
}

#principalheader {
	background: none repeat scroll 0 0 #28A745!important;
	color: #fff
}

#interestheader {
	background: none repeat scroll 0 0 #FFC107!important;
	color: #fff
}

#extrastheader {
	background: none repeat scroll 0 0 #cf4a30!important;
	color: #fff
}

#insuranceandtaxesheader {
	background: none repeat scroll 0 0 #1A155A!important;
	color: #fff
}

#balanceheader {
	background: none repeat scroll 0 0 #fb3131!important;
	color: #fff
}

#totalheader{
 	background: none repeat scroll 0 0 #1c00e1!important;
	color: #fff   
}

#yearheader{
  background: none repeat scroll 0 0 #333333!important;
	color: #fff    
}

#paidtodateheader{
     background: none repeat scroll 0 0 #5000ca!important;
	color: #fff    
}



.yearlypaymentdetails .toggle:before {
	content: "\f0fe"
}

.yearlypaymentdetails .toggle-open:before,
.yearlypaymentdetails .toggle:before {
	position: relative;
	top: 0;
	left: -3px;
	display: inline-block;
	font-family: Font Awesome\ 5 Free;
	font-style: normal;
	font-weight: 400;
	line-height: 1
}

.yearlypaymentdetails .toggle-open:before {
	content: "\f146"
}

.toggle {
	cursor: pointer
}

.toggle-hidden {
	display: none;
	visibility: hidden
}

.toggle-visible {
	display: block;
	visibility: visible;
	margin-bottom: 0!important
}

td.paymentyear {
	text-align: center!important;
	font-weight: 700!important
}

td.currency {
	border-left: 0 none!important;
	text-align: right!important
}

td.monthyearwrapper {
	margin: 0;
	padding: 0!important
}

td.paidtodatemonthyear,
td.paidtodateyear {
	border-left: 0 none!important;
	text-align: right!important
}

.monthlypaymentdetails td {
	border: 0 none!important
}

.monthlypaymentcontainer table td {
	background: #f9f9f9;
	font-size: 10px;
	white-space: nowrap
}

.monthlypaymentcontainer table tr td,
.monthlypaymentcontainer table tr th {
	border-right: 1px solid #ccc!important;
	border-bottom: 1px solid #ccc!important
}

.monthlypaymentcontainer table tr td:first-child {
	border-left: 1px solid #ccc!important
}

.monthlypaymentcontainer table tr td,
.monthlypaymentcontainer table tr th {
	border-radius: 0!important
}

.sidebar .widget_nav_menu,
.sidebar .widget_recent_entries {
	background: #eee!important;
	border: 1px solid #ccc!important
}

.sidebar .widget_nav_menu h3,
.sidebar .widget_recent_entries h3,
.sidebar .widget_text h3 {
	border-bottom: 3px double #ccc!important
}



.sidebar .widget ul li:last-child {
	border-bottom: 0 none!important
}

.homepagebanner {
	margin: 0 0 15px!important
}

.addextrapayments a i,
.removeextrapayments a i {
	width: 26px;
	height: 26px;
	background: #fff none repeat scroll 0 0;
	border-radius: 50%;
	color: #0072aa;
	margin-right: 5px;
	padding: 5px
}

.addextrapayments a:hover i,
.removeextrapayments a:hover i {
	color: #005077
}

#ep {
	border-top: 1px solid #ccc;
	padding: 25px 0 5px;
	margin: 0
}

#ep,
#exp,
#ld {
	border-bottom: 1px solid #ccc
}

#exp,
#ld {
	padding: 0 0 5px;
	margin: 0 0 5px
}

.extraperiod {
	padding-top: 5px
}

.extrastartdate {
	border-bottom: 1px solid #ccc;
	padding-bottom: 25px
}

#extrapayments {
	display: none
}

.furtherreading {
	border-bottom: 3px double #e8e8e8
}

.display-posts-listing {
	padding: 0;
	margin: 0
}

.listing-item {
	font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
	list-style: none;
	padding: 10px 0!important;
	border-bottom: 1px solid #ccc!important;
	margin: 0!important
}

.listing-item:after {
	background: transparent!important;
	border-radius: 0!important;
	color: #fff!important;
	content: ""!important
}

.listing-item a {
	font-size: 18px!important
}

span.date {
	float: right;
	text-transform: uppercase;
	display: inline-block;
	text-align: right;
	font-size: 14px!important;
	color: gray;
	margin: 0 0 0 15px
}

.ecalprint {
	margin-right: 10px
}

#ecalprintandshare a i {
	width: 32px;
	height: 32px;
	background: #fff none repeat scroll 0 0;
	border-radius: 50%;
	color: #0072aa;
	margin-right: 5px;
	padding: 5px
}

#ecalprintandshare a:hover i {
	color: #005077
}

#loader {
	display: none;
	text-align: center;
	margin: 5px auto;
	font-size: 20px;
	overflow: hidden;
	vertical-align: middle
}

#ecalprintandshare {
	margin: 20px auto 0;
	text-align: center
}

#ecalprintandsharetext {
	font-size: 18px;
	font-weight: 700
}

#ecalsharelink {
	margin: 10px auto 0;
	text-align: center;
	width: 300px
}

#sharelink {
	font-weight: 700;
	color: #00f;
	background: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #333;
}

@media (min-width:480px) {
	.homeloanemicalculatorcontainer {
	
		padding: 20px
	}
	#monthlyhomeloanpaymentsummary,
	#totalhomeloanpaymentbreakup {
		font-size: 16px
	}
	.aggregatelabel,
	.aggregatesum {
		font-size: 18px
	}
	#downpaymentfeesonetimeexpensesterm {
		background: url(../images/bullets.png) 5px 12px no-repeat;
		padding-left: 25px
	}
	#totalprincipalterm {
		background: url(../images/bullets.png) 5px -48px no-repeat;
		padding-left: 25px
	}
	#totalextraterm {
		background: url(../images/bullets.png) 5px -108px no-repeat;
		padding-left: 25px
	}
	#totalinterestterm {
		background: url(../images/bullets.png) 5px -168px no-repeat;
		padding-left: 25px
	}
	#totalinsurancemaintenanceandtaxesterm {
		background: url(../images/bullets.png) 5px -228px no-repeat;
		padding-left: 25px
	}
	#paymentschedule table th {
		font-size: 10px
	}
	#paymentschedule table td,
	.monthlypaymentcontainer table td {
		font-size: 12px
	}
}

@media (min-width:768px) {
	.homeloandetails {
		border-right: 1px solid #ccc
	}
	#downpaymentfeesonetimeexpensesterm {
		background: url(../images/bullets.png) 0 12px no-repeat
	}
	#totalprincipalterm {
		background: url(../images/bullets.png) 0 -48px no-repeat
	}
	#totalextraterm {
		background: url(../images/bullets.png) 0 -108px no-repeat
	}
	#totalinterestterm {
		background: url(../images/bullets.png) 0 -168px no-repeat
	}
	#totalinsurancemaintenanceandtaxesterm {
		background: url(../images/bullets.png) 0 -228px no-repeat
	}
	#paymentschedule table th {
		font-size: 14px;
		padding: 5px
	}
	#paymentschedule table td,
	.monthlypaymentcontainer table td {
		font-size: 14px
	}
	#paymentschedule table.noextras tr:first-child th:nth-last-child(2) {
		border-top-right-radius: 4px
	}
	#paymentschedule table.noextras tr:nth-last-child(2) td:nth-last-child(2) {
		border-bottom-right-radius: 4px
	}
	#paymentschedule table.noextras tr:first-child th:nth-last-child(4) {
		border-top-right-radius: 0
	}
	#paymentschedule table.noextras tr:nth-last-child(2) td:nth-last-child(4) {
		border-bottom-right-radius: 0
	}
}

@media (min-width:992px) {
	.extrastartdate {
		border-bottom: 0 none;
		padding-bottom: 0
	}
	.ehalfyearly,
	.emonthly,
	.equarterly,
	.eyearly {
		border-right: 1px solid #ccc
	}
	.homeloanemicalculatorcontainer {
	
	
	}
	#paymentschedule table th {
		font-size: 14px;
		padding: 2px
	}
	#paymentschedule table td,
	.monthlypaymentcontainer table td {
		font-size: 14px
	}
	#paymentschedule table tr:first-child th:last-child {
		border-top-right-radius: 4px
	}
	#paymentschedule table tr:nth-last-child(2) td:last-child {
		border-bottom-right-radius: 4px
	}
	#paymentschedule table tr:first-child th:nth-last-child(4) {
		border-top-right-radius: 0
	}
	#paymentschedule table tr:nth-last-child(2) td:nth-last-child(4) {
		border-bottom-right-radius: 0
	}
	#paymentschedule table.noextras tr:first-child th:nth-last-child(2) {
		border-top-right-radius: 0
	}
	#paymentschedule table.noextras tr:nth-last-child(2) td:nth-last-child(2) {
		border-bottom-right-radius: 0
	}
}

@media (min-width:1200px) {
	.homeloandetails {
		border-right: 0 none
	}
	#exp {
		padding: 25px 0 5px
	}
	#paymentschedule table th {
		font-size: 14px;
		padding: 5px
	}
	#paymentschedule table td,
	.monthlypaymentcontainer table td {
		font-size: 16px
	}
}

@media print {
	body {
		visibility: hidden
	}
	.calculatorcontainer {
		visibility: visible
	}
}


/*# sourceMappingURL=homeloanemicalculator.css.map */