/*
// 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
*/

#KJEAllContent {
}

#KJECalculatorTable {
}

#KJETitle {
}

.KJECommandButton, .KJEMoreButton {
}

body {
   font: normal 14px source sans pro, sans-serif;
   color: #555;
}

a {
    color: #164e64;
    text-decoration: underline;
}

.KJETitle {
	background-image:none;
}
.KJEInputContainer .KJEInput {
    font-weight: 500;
    font-size: 14px;
}
.KJEInputContainer .KJEScale {
    font-weight: 500;
    font-size: 13px;
}
/*Change the color of the definition/help "?" button */ 
button.KJEDefinitionIcon:active, 
button.KJEDefinitionIcon:focus, 
button.KJEDefinitionIcon:hover, 
button.KJECloseButton:active, 
button.KJECloseButton:focus, 
button.KJECloseButton:hover { 
color:#217276; 
background:#fff; 
} 

button.KJEDefinitionIcon { 
color:#fff; 
background:#217276; 
} 

button.KJECloseButton { 
color:#fff; 
background:#217276; 
}

/* Colors for Slider Thumb - Changes in three places: */ 

/* Web-Kit Browsers*/ 
.KJEInputContainer input[type=range]::-webkit-slider-thumb { 
border-bottom: 12px solid rgba(33,114,118, 0.6); 
-webkit-box-shadow: 0 2px rgba(33,114,118, 0.3); 
} 
.KJEInputContainer input[type=range]:active::-webkit-slider-thumb { 
border-bottom: 12px solid rgba(33,114,118, 1); 
-webkit-box-shadow: 0 2px rgba(33,114,118, 0.6); 
box-shadow: 0 2px rgba(33,114,118, 0.6); 
} 

/* Modzilla Browsers*/ 
.KJEInputContainer input[type=range]::-moz-range-thumb { 
border-bottom: 12px solid rgba(33,114,118, 0.6); 
-moz-box-shadow: 0 2px rgba(33,114,118, 0.3); 
box-shadow: 0 2px rgba(33,114,118, 0.3); 
} 

.KJEInputContainer input[type=range]:active::-moz-range-thumb { 
border-bottom: 12px solid rgba(33,114,118, 1); 
-mox-box-shadow: 0 2px rgba(33,114,118, 0.6); 
box-shadow: 0 2px rgba(33,114,118, 0.6); 
} 

/* Microsoft Browsers*/ 
.KJEInputContainer input[type=range]::-ms-thumb { 
border-bottom: 12px solid rgba(33,114,118, 0.6); 
box-shadow: 0 2px 0 rgba(33,114,118, 0.3); 
} 

.KJEInputContainer input[type=range]:active::-ms-thumb { 
border-bottom: 12px solid rgba(33,114,118, 1); 
-webkit-box-shadow: 0 2px rgba(33,114,118, 0.6); 
box-shadow: 0 2px rgba(33,114,118, 0.6); 
} 

/* Browsers that don't support type='range' */ 
.KJEInputContainer .KJEArrowIE8 { 
border-bottom: 12px solid rgb(33,114,118); 
} 

.KJEInputContainer .KJEArrow { 
border-bottom: 12px solid rgba(33,114,118, 0.6); 
box-shadow: 0 2px 0 rgba(33,114,118, 0.3); 
-webkit-box-shadow: 0 2px rgba(33,114,118, 0.3); 
-moz-box-shadow: 0 2px rgba(33,114,118, 0.3); 
} 

.KJEInputContainer .KJEArrow.active { 
border-bottom: 12px solid rgba(33,114,118, 0.5); 
} 

#KJEAllContent table.KJEScheduleTable tr.KJEScheduleOddRow:hover, 
#KJEAllContent table.KJEScheduleTable tr.KJEScheduleEvenRow:hover, 
#KJEAllContent table.KJEScheduleTable thead.KJEScheduleTHeader tr.KJEScheduleHeaderRow:hover, 
#KJEAllContent table.KJEScheduleTable tr.KJEScheduleFooterRow:hover, 
#KJEAllContent table.KJEReportTable tr.KJEHeaderRow:hover, 
#KJEAllContent table.KJEReportTable tr.KJEFooterRow:hover, 
#KJEAllContent table.KJEReportTable tr.KJEEvenRow:hover, 
#KJEAllContent table.KJEReportTable tr.KJEOddRow:hover { 
background-color: inherit; 
color:inherit;
} 

#KJEAllContent table.KJEScheduleTable td.KJEScheduleCell:hover, 
#KJEAllContent table.KJEScheduleTable th.KJEScheduleCell:hover, 
#KJEAllContent table.KJEScheduleTable thead.KJEScheduleTHeader th.KJEScheduleHeading:hover, 
#KJEAllContent table.KJEScheduleTable td.KJEScheduleCellSpecial:hover, 
#KJEAllContent table.KJEScheduleTable td.KJEScheduleCellStrong:hover, 
#KJEAllContent table.KJEReportTable th.KJEHeading:hover, 
#KJEAllContent table.KJEReportTable td.KJECell:hover, 
#KJEAllContent table.KJEReportTable th.KJELabel:hover, 
#KJEAllContent table.KJEReportTable a.KJELabel:hover, 
#KJEAllContent table.KJEReportTable td.KJECellStrong:hover, 
#KJEAllContent table.KJEReportTable td.KJECellSpecial:hover { 
background: inherit; 
color:inherit;
} 
table.KJEReportTable th.KJEHeading:hover, 
table.KJEReportTable td.KJECell:hover, 
table.KJEReportTable th.KJELabel:hover, 
table.KJEReportTable a.KJELabel:hover, 
table.KJEReportTable td.KJECellStrong:hover, 
table.KJEReportTable td.KJECellSpecial:hover { 
background: inherit; 
color:inherit;
} 
table.KJEReportTable tr.KJEHeaderRow:hover, 
table.KJEReportTable tr.KJEFooterRow:hover, 
table.KJEReportTable tr.KJEEvenRow:hover, 
table.KJEReportTable tr.KJEOddRow:hover { 
background-color: inherit; 
color:inherit;
} 

#KJECalculatorDescID, #KJEAllContent body, #KJEAllContent table, #KJEAllContent td, #KJEAllContent th, #KJEAllContent ul, #KJEAllContent ol, #KJEAllContent dd, #KJEAllContent dl, #KJEAllContent p, #KJEAllContent br, #KJEAllContent h1, #KJEAllContent dt {
   font: normal 14px source sans pro, sans-serif;
}

#KJETitleH1, h1.KJEFontTitle {
    font: normal 22px source sans pro, sans-serif;
	color: #08393b;
    line-height:22px;
}

.KJEWidthConstraint {
    background: #F5F5F5;
}

.KJEWrapper {
    background: #E0E3DF;
}

.KJECalculatorTable {
    background: #FFFFFF;	
}

#KJEAllContent {
    background: #F5F5F5;
    color: #555;
	font-family: source sans pro, sans-serif;
}

#KJEAllContent .KJEDefinitionsHeader {
    font: normal 18px source sans pro, sans-serif;
	color: #08393b;
    line-height:22px;
}

#KJEDefinitionsDL p.KJEDefinition, #KJEAllContent p.KJEDefinition {
    line-height: normal;
    padding: 0 10px 0 10px;
}

#KJEDefinitionsDL dt.KJEDefinition, dt.KJEDefinition, h3.KJEDefinition {
    font: normal 14px source sans pro, sans-serif;
    font-weight: bold;
	color: #008751;
}
#KJEReport, #KJEReport p {
    font: normal 14px source sans pro, sans-serif;
    font-weight: normal;
	color: #555;
}

.KJETitle {
	color: #0f393b;
    font-size: 22px;
}
h2.KJEToggleTitle, h2.KJEGraphTitle {
    font: normal 18px source sans pro, sans-serif;
	color: #08393b;
}
h2.KJEFontHeading {
    font: normal 18px source sans pro, sans-serif;
	color: #08393b;
}
.KJEReportHeader {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 22px;
}

.KJECalculator p {
    font: normal 14px source sans pro, sans-serif;
    color: #555;
}

input.KJEMenuButton[type=button] {
    font: bold 14px source sans pro, sans-serif;
}

#KJEAllContent table.KJEReportTable tr.KJEHeaderRow,#KJEAllContent  table.KJECalcTable tr.KJEHeaderRow,
#KJEAllContent table.KJEReportTable tr.KJEFooterRow,#KJEAllContent  table.KJECalcTable tr.KJEFooterRow, 
#KJEAllContent caption.KJEHeaderRow, #KJEAllContent table.KJEScheduleTable tr.KJEScheduleHeaderRow {
    background-color: #E0E3DF;
}

#KJEAllContent th {
    font-weight: bold;
}
#KJEAllContent .KJECellStrong {
    font-weight: bold;
}

table.KJEReportTable tr.KJEEvenRow, table.KJEScheduleTable tr.KJEScheduleEvenRow {
    background-color: #F5F5F5;
}

.KJECommandButton {
    -webkit-appearance: none;
    text-decoration: none;
    color: #fff;
    background: #0f393b;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-transform: uppercase;
    padding: 5px 15px;
    border: #fff 1px solid;
    margin: 4px 2px 7px 2px;
    white-space: nowrap;
	word-wrap: break-word;
    width: 160px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-family: source sans pro, sans-serif;
	font-weight: normal;
	font-size: 14px;
    line-height: 1.42857143;
}
.KJECommandButton:hover, KJECommandButton:active {
	color: #ddd;
    background: #008751;
}
table.KJEReportTable, table.KJECalcTable, 
caption.KJEHeaderRow, caption.KJEHeaderRow {
    background-color: #E0E3DF;
}
@media screen and (max-width:640px){

    .KJECommandButton {
        width:120px;
    }

    #KJEScrollSticky, #KJEFixed, #KJECommandButtons, #KJEReportButtons {
        width: 275px;
    }
}