/*
// CSS Classes  below can be populated and changed to modify your calculator deployment.
// IMPORTANT: Do Not Modify the KJE.css file!  The KJE.css file is replaced during the update process
// All CSS customization must be done in this file (you can override KJE.css classes)
//
// For information on customizing this file please see:
// https://www.dinkytown.net/money/V3customize.html
*/

#KJETitle {
	display: none !important;
	background: none;
}

#KJEMenuContainer {
	display: none !important;
}
.KJEFontHeading {
	color: #0a0832;
}

.KJEButtonIsFixed {
	top: 0px !important;
}

#KJEAllContent div.KJESubTitle {
	padding: 10px 10px;
}

.KJECommandButton:focus,
.KJEMoreButton:focus,
#KJEAllContent input.KJEMenuButton[type='button']:focus,
.KJEInputContainer input.KJEInputModern[type='checkbox']:focus,
.KJEInputContainer input.KJEInputModern[type='checkbox']:active {
	outline: none;
}

body.KJEBody table,
body.KJEBody td,
body.KJEBody ul,
body.KJEBody ol,
body.KJEBody dd,
body.KJEBody dl,
body.KJEBody p,
body.KJEBody br,
body.KJEBody dt,
body.KJEBody,
#KJEAllContent table,
#KJEAllContent td,
#KJEAllContent ul,
#KJEAllContent ol,
#KJEAllContent dd,
#KJEAllContent dl,
#KJEAllContent p,
#KJEAllContent br,
#KJEAllContent dt,
#KJEAllContent th,
body.KJEBody th,
.KJEInputContainer input.KJEInputModern,
.KJEInputContainer select.KJEDropBoxModern {
	font:
		normal 100% 'Helvetica Neue',
		Helvetica,
		Arial,
		sans-serif;
}

/* Report Table */
.KJEScheduleHeaderRow:hover {
	background-color: #fff !important;
}
.KJEScheduleHeading {
	font-weight: bold !important;
}
table.KJEReportTable,
table.KJECalcTable,
table.KJEScheduleTable,
table.KJEScheduleTable tr.KJEScheduleHeaderRow,
table.KJEReportTable tr.KJEHeaderRow,
table.KJECalcTable tr.KJEHeaderRow,
table.KJEScheduleTable tr.KJEScheduleFooterRow,
table.KJEReportTable tr.KJEFooterRow,
table.KJECalcTable tr.KJEFooterRow {
	background-color: #fff;
}

table.KJEScheduleTable tr.KJEScheduleHeaderRow:hover,
table.KJEReportTable tr.KJEHeaderRow:hover,
table.KJECalcTable tr.KJEHeaderRow:hover,
table.KJEScheduleTable tr.KJEScheduleFooterRow:hover,
table.KJEReportTable tr.KJEFooterRow:hover,
table.KJECalcTable tr.KJEFooterRow:hover,
table.KJEScheduleTable tr.KJEScheduleEvenRow:hover,
table.KJEReportTable tr.KJEEvenRow:hover,
table.KJECalcTable tr.KJEEvenRow:hover,
table.KJEScheduleTable tr.KJEScheduleOddRow:hover,
table.KJEReportTable tr.KJEOddRow:hover,
table.KJECalcTable tr.KJEOddRow:hover,
table.KJEScheduleTable thead.KJEScheduleTHeader tr.KJEScheduleHeaderRow:hover,
table.KJEReportTable thead.KJEReportTHeader tr.KJEHeaderRow:hover {
	color: #0a0832;
	background-color: #defdfb;
	/* background-color: transparent; */
}

table.KJEReportTable tfoot.KJEReportTFooter,
table.KJEReportTable thead.KJEReportTHeader,
table.KJEReportTable caption.KJEHeaderRow,
table.KJEScheduleTable tfoot.KJEReportTFooter,
table.KJEScheduleTable thead.KJEScheduleTHeader,
table.KJEScheduleTable,
table.KJEReportTable,
table.KJECalcTable tbody > tr:first-child td,
.PostPage .Table table tbody > tr:first-child th {
}

table.KJEReportTable td.KJECell,
table.KJEReportTable th.KJECell,
table.KJEReportTable td.KJECellStrong,
table.KJEReportTable th.KJECellStrong,
table.KJEReportTable th.KJEHeading,
table.KJEReportTable tfoot.KJEReportTFooter,
table.KJEReportTable thead.KJEReportTHeader,
table.KJEReportTable caption.KJEHeaderRow,
table.KJEScheduleTable tfoot.KJEReportTFooter,
table.KJEScheduleTable tr.KJEScheduleHeaderRow,
table.KJEScheduleTable thead.KJEScheduleTHeader,
table.KJEScheduleTable,
table.KJEReportTable,
table.KJECalcTable,
table.KJEReportTable tr.KJEHeaderRow,
table.KJEScheduleTable td.KJEScheduleCell,
table.KJEScheduleTable td.KJEScheduleCellStrong,
table.KJEScheduleTable th.KJEScheduleHeading,
table.KJEScheduleTable th.KJEScheduleCell,
table.KJEScheduleTable th.KJEScheduleCellStrong,
table.KJEReportTable td.KJECellBorder,
table.KJEReportTable th.KJECellBorder,
table.KJECalcTable th.KJECellBorder,
table.KJECalcTable td.KJECellBorder,
table.KJEScheduleTable td.KJECellBorder,
table.KJEScheduleTable th.KJECellBorder,
table.KJEScheduleTable th.KJEScheduleHeadingBorder,
table.KJEScheduleTable th.KJEScheduleHeadingLeftBorder,
table.KJEScheduleTable th.KJEScheduleHeadingRightBorder {
	border: 1px solid #d8d9da;
}

table.KJEReportTable thead.KJEReportTHeader tr.KJEHeaderRow {
	background-color: #fff;
	border: 1px solid #d8d9da;
	font-weight: 600;
	padding: 10px;
	vertical-align: middle;
	white-space: pre-line !important;
}

table.KJEScheduleTable thead.KJEScheduleTHeader tr.KJEScheduleHeaderRow,
table.KJEReportTable caption.KJEHeaderRow,
table.KJEScheduleTable caption.KJEHeaderRow {
	border: 1px solid #d8d9da;
	border-top: 3px solid #5acec9;
	font-weight: 600;
	padding: 10px;
	vertical-align: middle;
	white-space: pre-line !important;
	background-color: #fff;
}

table.KJEReportTable caption.KJEHeaderRow:hover,
table.KJEScheduleTable caption.KJEHeaderRow:hover,
table.KJEReportTable th.KJEHeading:hover,
table.KJEReportTable td.KJECell:hover,
table.KJEReportTable td.KJECellStrong:hover,
table.KJEReportTable .KJELabel:hover,
table.KJECalcTable th.KJEHeading:hover,
table.KJECalcTable td.KJECell:hover,
table.KJECalcTable td.KJECellStrong:hover,
table.KJECalcTable .KJELabel:hover,
table.KJEScheduleTable th.KJEScheduleHeading:hover,
table.KJEScheduleTable th.KJEScheduleCell:hover,
table.KJEScheduleTable td.KJEScheduleCell:hover,
table.KJEScheduleTable td.KJEScheduleCellStrong:hover {
	color: #0a0832;
	background-color: transparent;
}

/* Report Table */

#KJEAllContent {
	padding: 20px 0 0 0;
	font:
		normal 100% 'Helvetica Neue',
		Helvetica,
		Arial,
		sans-serif;
	background: #ffffff;
	color: #0a0832;
}

.KJECommandButton,
.KJEMoreButton {
	background-color: #38449a;
	border: 0;
	padding: 7px 5px !important;
}

.KJECommandButton:hover,
.KJECommandButton:focus {
	background-color: #38449a;
	box-shadow: none;
	border-color: 0;
	opacity: 0.9;
	color: #fff;
}

.KJEInputContainer input.KJEInputModern:focus,
.KJEInputContainer select.KJEDropBox:focus,
input.KJEMenuInputItem:focus {
	outline: none;
}

.KJEInputContainer input[type='range']::-webkit-slider-thumb,
.KJEInputContainer input[type='range']:active::-webkit-slider-thumb {
	background: #189e98;
	border: 1px solid #24bfb8;
}
.KJEInputContainer .KJEHelp:hover {
	color: #24bfb8;
}
button.KJEDefinitionIcon,
button.KJECloseButton {
	border-color: #24bfb8;
}

.KJEInputContainer input.KJEInputModern[type='radio']:focus,
.KJEInputContainer input.KJEInputModern[type='radio']:active,
.KJEInputContainer input.KJEInputModern[type='checkbox']:focus,
.KJEInputContainer input.KJEInputModern[type='checkbox']:active {
	border-color: #24bfb8;
}

.KJEInputContainer input.KJEInputModern[type='radio']:focus,
.KJEInputContainer input.KJEInputModern[type='radio']:active,
button.KJEDefinitionIcon:focus,
button.KJECloseButton:focus {
	outline: none;
}

.KJEInputContainer .KJERadioTrailingLabel {
	margin-left: 5px;
	top: 45%;
}
button.KJEDefinitionIcon:active,
button.KJEDefinitionIcon:focus,
button.KJEDefinitionIcon:hover,
button.KJECloseButton:active,
button.KJECloseButton:focus,
button.KJECloseButton:hover {
	background-color: #24bfb8;
	outline-color: #2bd7ce;
}
div.KJEDropper:focus,
div.KJEGraphDropper:focus {
	outline: 2px solid #24bfb8;
}

div.KJEDropper,
div.KJEGraphDropper {
	background-color: #f7f7f7;

	/* border-top: 6px solid #24bfb8; */
	border-radius: 5px;
}

#KJECalculatorScreenSize {
	text-align: left !important;
	/* text-align: left !importa
	border-radius: 8px;nt;
border-top-left-radius: 0;
border-top-right-radius: 0;
	border-top: 6px solid #24bfb8;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.161); */
	width: 100% !important;
}

.KJEButtonIsFixed {
	display: none;
}

#KJEFixed .KJECommandButton {
	margin-top: 2em !important;
	margin-right: 2.3em !important;
}

.KJEInputContainer .KJEHelp {
	color: #47474d;
}

#KJEReport #KJEReportTop {
	padding: 15px 20px 15px 20px;
}

#KJEReport {
	/* right: 0;
	left: 0;
	font-size: 1rem;
	margin: 0 auto; */
	-webkit-border-radius: 6px;
	/* padding: 3px; */
	border-width: 2px;
	border-style: solid;
	margin: 0px auto;
	padding: 0px;
	display: block;
	position: relative;
	/* max-width: 1800px; */
	/* margin-left: auto;
	margin-right: auto; */

	text-align: left !important;
	border-radius: 8px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0px;
	/* border-top: 6px solid #24bfb8; */
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.161); */
	/* overflow: hidden; */
	width: 100% !important;
	/* padding-top: 20px; */
}

#KJECalculatorTable {
	border-radius: 8px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0px;
	/* border-top: 6px solid #24bfb8; */
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.161); */
	/* min-height: 254px;
	overflow: hidden; */
	padding: 0px;
	width: 100% !important;
	/* padding-top: 20px; */
}

#KJESplash,
#KJEDefinitions {
	display: none !important;
}
#KJEInputs {
	padding: 15px 20px 15px 20px;
}

#KJECalculatorHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
}

#KJECalculatorTitle {
	font-weight: bold !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 22px !important;
	color: rgba(36, 191, 184, 1) !important;
	margin: 0 !important;
	text-align: left !important;
}

@media screen and (max-width: 600px) {
	#KJECalculatorTitle {
		font-size: 20px !important;
		text-align: center !important;
		line-height: 1.4;
	}
	#KJECalculatorHeader {
		flex-direction: column;
	}

	.KJECommandButtons {
		max-width: 100%;
		margin: 20px auto 0 auto;
	}
}

/* Command Buttons  */
.KJECommandButton:active, .KJEMoreButton:active, #KJEAllContent input.KJEMenuButton[type=button]:active {
	top: auto;
	box-shadow: none;
}
#KJECommandButtons {
	text-align: right;
}
#KJEAllContent input[type='button']:hover {
	background: #3e53e4;
	text-decoration: none;
}
#KJEAllContent input[type='button'] {
	background: #5467e7;
	border: none;
	border-radius: 8px;
	/* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); */
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 auto;
	max-width: 100%;
	padding: 7px 22px !important;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	white-space: pre-line;
	width: auto;
}
#KJECommandButtons input[type='button']:first-child,
#KJERequiredNote {
	display: none !important;
}
/* Command Button*/

#KJEGuiDataPoint:before,
#KJEMenuWindow:before,
div.KJEGuiDefnPopup:before,
span.KJEGuiErrorPopup:before,
span.KJERequired:hover span.KJERequiredShowHover:before {
	content: none;
}

#KJEGuiDataPoint:after,
#KJEMenuWindow:after,
div.KJEGuiDefnPopup:after,
span.KJEGuiErrorPopup:after,
span.KJERequired:hover span.KJERequiredShowHover:after {
	content: none;
}
#KJEGuiDataPoint,
#KJEMenuWindow,
div.KJEGuiDefnPopup,
span.KJEGuiErrorPopup,
span.KJERequired:hover span.KJERequiredShowHover {
	border-color: #24bfb8;
	border-radius: 8px;
	border-top: 3px solid #24bfb8;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25) !important;
	padding: 8px 21px;
	overflow-y: auto;
	max-height: 220px;
}

.KJEButtonIsFixed {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.161) !important;
}

.KJEInputContainer input[type='range']::-webkit-slider-runnable-track,
.KJEInputContainer input[type='range']:active::-webkit-slider-runnable-track {
	background-image: linear-gradient(90deg, #24bfb8 var(--webkitProgressPercent), #bbbbbb var(--webkitProgressPercent));
}

.KJEGuiDefnPopup {
	box-shadow: none !important;
}

.KJEButtonIsScrolling {
	position: relative !important;
}