@charset "utf-8";

/* JH Sans - Light to Roman change set */

.mpc-wrapper .tooltip,body .mpc-popup,body .mpc-wrapper{
	/* Light to Roman */
	font-family: "Manulife JH Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.no-overflow{overflow:hidden;}
.rounded{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.mpc-resultsPanel .brTable,.mpc-resultsPanel .brtab,.round-top{border-top-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;}
.round-bottom{border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;}
.zebra{background-color:#dcdcdc;}

.mpc-wrapper h3{
	margin:0;

	/* Light to Roman */
	font-family: "Manulife JH Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.mpc-wrapper label{
	/* Roman */
	font-family: "Manulife JH Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.mpc-popup.displayNone,.mpc-wrapper .displayNone{display:none;}
.mpc-resultsPanel .line,.mpcPaymentOptionsCol{float:left;}
.mpc-wrapper{width:100%;height:100%;background-color:#fff;}
.mpc-popup{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;padding:30px;}
.mpc-popup .panel-title{display:none;}
.mpc-popup .mpc-popup-panel{background:#fff;height:100%;max-height:100%;padding:40px 0 50px;}
.mpc-popup .shade{position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:.5;filter:alpha(opacity=50);}
#mpcAmortizationTable{width:100%;height:100%;}
#mpcAmortizationTable .popup-footer{height:50px;line-height:50px;width:100%;text-align:center;background-color:#fff;border-top:solid 1px #dcdcdc;}
#mpcAmortizationTable .row-title{width:100%;padding:0;margin:0;}
#mpcAmortizationTable .row-title div{float:left;line-height:40px;}
#mpcAmortizationTable .row-title div,#mpcAmortizationTable td{width:10%;text-align:center;height:40px;}
#mpcAmortizationTable .row-title div+div,#mpcAmortizationTable td+td{width:22%;}
#mpcAmortizationTable tbody td{line-height:30px;}
#mpcAmortizationTable tbody td+td,.mpcPaymentOptionsCol td+td{border-left:solid 1px #9d9d9d;}
#mpcAmortizationTable img.mpc-btn-close{position:absolute;top:7px;right:7px;width:23px;height:23px;cursor:pointer;}
#mpcAmortizationTable .panel-title{display:none;}
#mpcAmortizationTable .content,#mpcAmortizationTable .content table{width:100%;}
.mpc-wrapper .line{width:100%;height:3px;}
.row-title{background-color:#00a1d1;height:40px;width:100%;color:#fff;}
.mpc-formPanel h3,.mpc-formPanel>div{padding:15px;}
.mpc-formPanel>div.zebra,.mpc-formPanel>h3.zebra{background-color:#e6e6e6;}
.mpc-calcTitle{font-size:30px;}

.mpc-calcTitle span{
	color:#00a1d1;
	display:block;

	/* Bold */
	font-family: "Manulife JH Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.input-skin{position:relative;height:30px;width:100%;}
.select-skin{overflow:hidden;}
.input-skin,.select-skin{border:1px solid #999;background:#fff;}
.input-skin .brdisplay,.select-skin .brdisplay{user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;}
input[type=number]{appearance:textfield;-webkit-appearance:textfield;-moz-appearance:textfield;}
input.brinput:invalid{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;}
.input-skin .brdisplay,.input-skin input{text-align:left;}
.input-skin input{background:none repeat scroll 0 0 transparent;border:0 solid #999;outline:0 none;position:absolute;top:0;left:0;}
.input-skin .brdisplay{overflow:hidden;position:relative;white-space:nowrap;}
.input-skin.error{background:none repeat scroll 0 0 #fff2f2;border:1px solid #f44;}
.input-skin.focus,.input-skin.focus.error{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.input-skin.placeholder{color:#aeaeae;}
.select-skin,.select-skin .brdisplay,.select-skin select{position:relative;cursor:pointer;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.select-skin select{position:absolute;top:0;left:0;height:100%;width:100%;border:none;opacity:.01;filter:alpha(opacity=.01);}
.select-skin select option{padding:5px;color:#000;}
.select-skin .brdisplay{top:0;left:0;overflow:hidden;white-space:nowrap;padding-right:20px;line-height:100%;}
.i24,.select-skin .select-arrow{position:absolute;top:0;right:0;background:url(../../assets/img/calculator-mortgage/select-arrow.gif) no-repeat center center;width:20px;height:100%;}
.select-skin.error{border:1px solid #f44;background:#fff2f2;}
.select-skin.focus,.select-skin.focus.error{border:1px #69f solid;}
.mpc-wrapper .form-row input,.mpc-wrapper .form-row label,.mpc-wrapper .form-row select,.mpc-wrapper .form-row span{display:block;}
.mpc-wrapper .form-row>span>*{display:inline-block;vertical-align:middle;line-height:inherit;}
.form-row.error .error-message,.form-row.readjust .error-message,.form-row.warning .error-message{display:block;}
.mpc-formPanel .form{width:100%;}
.mpc-wrapper .fieldContainer{position:relative;}
.mpc-formPanel .fieldContainer{width:60%;height:30px;padding-right:35px;}
.mpc-formPanel .error-message{width:100%;}
.mpc-formPanel .error-message span{padding:0 35px 0 40%;color:red;}
.mpc-formPanel .labelContainer{width:40%;}
.mpc-formPanel label{float:left;width:100%;margin:0;}
.fieldContainer .input-skin,.fieldContainer .input-skin .brdisplay,.fieldContainer .input-skin input,.fieldContainer .select-skin,.fieldContainer .select-skin .brdisplay,.fieldContainer .select-skin select{width:100%;height:100%;line-height:30px;min-width:125px;}
.mpc-wrapper .brdisplay,.mpc-wrapper input,.mpc-wrapper select{text-align:left;}
.mpc-wrapper .brdisplay,.mpc-wrapper input{padding-left:10px;}
.mpc-formPanel .helpContainer{position:absolute;top:0;right:0;width:190%;}
.mpc-formPanel .help-icon{position:absolute;top:0;right:0;width:25px;margin-top:2px;}
.i25,.mpc-wrapper .help-icon{background:url(../../assets/img/calculator-mortgage/toolTip.png) no-repeat;width:25px;height:25px;cursor:default;overflow:hidden;text-indent:100%;line-height:30px;}
.mpc-wrapper .tooltip-inner{max-width:2000px;background-color:#00a1d1;}
.mpc-wrapper .tooltip.top .tooltip-arrow{border-top-color:#00a1d1;}
.mpc-wrapper .tooltip.in{filter:alpha(opacity=100);opacity:1;}
.mpc-resultsPanel .brTable{width:100%;position:relative;height:49px;background-color:#dcdcdc;}
.mpc-resultsPanel .brTable .brtab{position:absolute;top:0;left:0;
	display:table;
	text-transform:uppercase;

	/* Bold */
	font-family: "Manulife JH Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:12px;

	width:200px;
	padding:0 10px;
	height:47px;
	text-align:center;
	color:#a2a3a3;
	background-color:#e6e6e6;
	border-top:solid 3px #dbdbdb;
	float:left;
	cursor:pointer;

	border-top-right-radius:0;
	-webkit-border-top-right-radius:0;
	-moz-border-top-right-radius:0;
}

.mpc-resultsPanel .brTable .brtab span{display:table-cell;vertical-align:middle;text-align:center;}
.mpc-resultsPanel .tabSpacer{width:auto;height:47px;background-color:#fff;}
.mpc-resultsPanel .brTable .brtab+.brtab{left:200px;border-left:solid 1px #dcdcdc;border-top-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-top-left-radius:0;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;}
.mpc-resultsPanel .brtab:hover{background:#f5f5f5;height:48px;}
.mpc-resultsPanel .brtab.selected{color:#333;background-color:#f5f5f5;border-top-color:#00a1d1;height:48px;}
.mpcPaymentOptionsCol,.mpcPaymentResultCol{float:left;width:100%;padding:15px;background-color:#f5f5f5;}
.mpc-wrapper .mpcPaymentOptionsCol{padding:0;}
.mpcPaymentOptionsCol table,.mpcPaymentOptionsCol tr{width:100%;}
.mpcPaymentOptionsCol tr td{vertical-align:middle;text-align:center;padding:5px;width:50%;}
.mpcPaymentOptionsCol .row-title td+td{border-left:solid 1px #fff;}
.mpcPaymentOptionsCol .row-title td{height:40px;font-size:15px;}
#mpcMonthlyMortgagePayment{display:table;margin-left:auto;margin-right:auto;width:auto;padding-left:40px;padding-right:40px;line-height:40px;font-size:25px;text-align:center;background-color:#00a1d1;color:#fff;}
.frequencyText{text-transform:lowercase;}
.mpc-wrapper .amortizationTableBtn,.mpcPaymentResultCol div{margin-top:15px;font-size:inherit;}
.mpc-resultsPanel .line{background-color:#008343;}
.mpc-wrapper .amortizationTableBtn{display:block;margin-left:auto;margin-right:auto;width:200px;}
.mpc-wrapper .btn-success{color:#fff;background-color:#00693c;border-color:#00502d;}
.mpc-wrapper .btn-success.active,.mpc-wrapper .btn-success.focus,.mpc-wrapper .btn-success:active,.mpc-wrapper .btn-success:focus,.mpc-wrapper .btn-success:hover{color:#fff;background-color:#00361f;border-color:#00120a;}
#mpc-footer{width:100%;}
#mpc-footer .line{background-color:#999;margin-top:30px;}

#mpc-footer .disclaimer{
	font-size:smaller;
}

@media only screen and (max-width :991px){
.mpc-wrapper h3 span{display:inline;}
.mpc-wrapper h3{text-align:center;}
.mpc-formPanel .error-message,.mpc-formPanel .form{width:450px;margin:auto;}
.labelContainer{padding:5px 0 5px 5px;}
.mpc-resultsPanel{margin-top:30px;}
.mpc-resultsPanel .brTable,.mpc-resultsPanel .brtabpanel{width:100%;}
.mpc-resultsPanel .brTable .brtab{width:50%;}
.mpc-resultsPanel .brTable .brtab+.brtab{left:50%;}
.mpc-resultsPanel .tabSpacer{display:none;}
}

@media only screen and (max-width :767px){
.mpc-wrapper h3 span{display:block;}
.mpc-wrapper h3{text-align:left;}
.mpc-formPanel .form{width:100%;height:auto;margin:0;}
.mpc-formPanel .error-message,.mpc-formPanel .fieldContainer,.mpc-formPanel .labelContainer{width:100%;float:none;}
.mpc-formPanel .error-message span{padding:0 35px 0 0;}
.mpcPaymentGraph{margin:0 -15px 0 -15px;}
.mpc-popup{padding:0;}
#mpcAmortizationTable.rounded,.mpc-popup .mpc-popup-panel,.round-bottom,.round-top{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
#mpcAmortizationTable img.mpc-btn-close{top:5px;right:5px;width:15px;height:15px;}
.mpc-popup-panel{padding-top:50px;position:relative;}
#mpcAmortizationTable .row-title{height:50px;}
#mpcAmortizationTable .row-title div{padding-top:10px;}
}