@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,700");
@import url("../../font/fontello.css");
@import url("../../font/animation.css");

.modal_Calculator_Wrapper *,
modal_Calculator_Wrapper *:after,
.modal_Calculator_Wrapper *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.modal_Calculator_Wrapper .clear {clear: both;} .clear2 {clear: both; height:1px; margin-bottom:12%;} .clear3 {clear: both; height:1px; margin-bottom:3%;}
.modal_Calculator_Wrapper .NoBackground {background:none !important; color:#303030 !important;}
.modal_Calculator_Wrapper .Text-AlignCentre {text-align:center !important;}

/* Global Font Style */
.modal_Calculator_Wrapper h1 { font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:3.5em; font-weight:lighter; letter-spacing:0px; line-height:1.2; margin-bottom:30px;}
.modal_Calculator_Wrapper h2, h2.KJEFontHeading {color:#000000; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:2.5em; font-weight:lighter; letter-spacing:0px; line-height:1.5; margin-bottom:20px; border-bottom:1px solid #303030;}
.modal_Calculator_Wrapper h3 {color:#000000; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:lighter; letter-spacing:0px; line-height:1.2;}
@media only screen and (max-width:640px) {
	.modal_Calculator_Wrapper h1 {font-size:2.5em;}
	.modal_Calculator_Wrapper h2, h2.KJEFontHeading {font-size:1.8em;}
	.modal_Calculator_Wrapper h3 {font-size:1.4em;}
}
.modal_Calculator_Wrapper .Font_LineHeight1{line-height:1;}
.modal_Calculator_Wrapper .Font_Footnote {font-size:0.8em;}
.modal_Calculator_Wrapper .Font_White{color:#fff;} .Font_Blue{color:#0e76bc;} .Font_Red{color:#c90000;} .Font_Black{color:#101010;}
.modal_Calculator_Wrapper .Font_Bold{font-weight:400;} .Font_Italic{font-style:italic;}
.modal_Calculator_Wrapper .Font_Required {font-size:0.8em; color:#00aad6; font-weight:bold; margin:0; line-height:1;}
/**
 * This hack targets the Webkit browser engine
 * which includes Safari and Chrome.
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.modal_Calculator_Wrapper h1, .modal_Calculator_Wrapper h2, .modal_Calculator_Wrapper h3{text-shadow: 0.0em 0.0em 0.07em rgba(0,0,0,0.1); font-weight:100;}
.modal_Calculator_Wrapper .italic{font-style:italic; font-weight:600; letter-spacing:-2px;}
}

.KJETitle { border:none; color:#fff !important; margin-top:10px !important;}
@-moz-document url-prefix() {
	.KJETitle {
		margin-top:12px !important; /* for M.Firefox */
	}
}
.KJEDefinitions {background:#efefef; padding:15px 20px; margin:0;}
.KJEDefinitions a{color:#303030;}
.KJEDefinitions dd, .KJEDefinitions dd p{line-height:1.5;}
.KJEDefinitions table{border-spacing:0.7rem; border-collapse:collapse; width:100%; background:#fff; border-color:#efefef;}
.KJEDefinitions table th,tr,td {padding:10px; border-color:#efefef;}
.KJEDropper {border-top:#c0c0c0 solid 1px !important; padding:10px 20px;}
.KJEGraphDropper:hover {
    background-color: #fff; color:#303030;
}
.KJEGraphContainer {color:#fff !important; width:100% !important;}
#KJEGuiDataPoint {
    border:1px solid #303030;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
#KJEGuiDataPoint:before {
    border-color:#303030 transparent;
}
.KJEReportTableDiv, .KJEScheduleDiv {
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
	border:none;
	padding:0px;
}
.KJEReportTable th,td{padding:8px !important;}
.KJEScheduleTable th,td{padding:8px !important;}
.KJEInput {border:1px solid #c0c0c0; background:#fff; color:#707070; padding:3px; font-size:1em; height:27px !important;}
.KJEInput[type=checkbox], .KJEInput[type=radio] {margin:0 5px;}
.KJETrailingLabel{margin-left:5px;}
.KJEDropBox {border:1px solid #c0c0c0; background:#fff; color:#707070; padding:3px 0px; font-size:1em; height:27px !important;}

#footer-wrapper{width:100%; position:relative; background:#fff; overflow:auto; margin-top:-19px;}
#footer-container{width:100%; max-width:900px; height:auto; margin:0 auto; padding:20px 0px; position:relative; font-size:0.9em;}
#footer-disclaimer_calculator{width:100%; position:relative; float:left; text-align:justify; padding:0 0 20px 0; border-bottom:1px solid #efefef;}
#footer-verico {width:100%; line-height:inherit; position:relative; float:left; text-align:center; padding:20px 0 0 0;}
#footer-verico img{max-width:140px;}
#footer-disclaimer {width:100%; position:relative; float:left; text-align:center; padding:15px 0 20px 0;}