/* Disable the splash page on load */
#KJESplash{
    background-image: url(/assets/logo.gif);
		background-color:#FFF;
}

/* Calculators Styles Revised */

:root {
    --swiper-theme-color: #91b43d;
}

#calc-container {
    background: transparent;
}
#calc {
    background: transparent;
    border-radius: 0px;
    box-shadow: 0px 0px 0px transparent;
}

/* Default font */
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-family: inherit;
}


.KJEWidthConstraint {
    padding: 0px;
}
#KJEAllContent, .KJEWidthConstraint, .KJEWrapper {
    background-color: transparent;
}
#KJECalculatorTable {
    background: transparent;
    border-color: transparent;
}
.KJEGraphDropper, div.KJEGraphDropper td.KJEGraphTitle, .KJEDropper, div.KJEDroppee, #KJEMenuContainer, #KJERequiredNote, #KJETitle, .KJECalculatorTable, .KJEGraph {
    background: transparent;
}
div#KJEMain {
    background-color: transparent;
}
.KJEInputContainer {
    background-color: transparent;
}
.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: 2px solid #031e26;
}
.KJEIncrementMinus, .KJEIncrementPlus, .KJEIncrementPlus:after, .KJEIncrementMinus:after  {
    border-color: #031e26;
}
.KJEIncrementMinus:hover, .KJEIncrementPlus:hover {
    background-color: #031e26;
    border-color: #031e26;
}
/* Special styling for WebKit/Blink */
.KJEInputContainer input[type=range]::-webkit-slider-thumb, .KJEInputContainer input[type=range]:active::-webkit-slider-thumb {
    border: 1px solid #031e26;
    background: #031e26;
}

.KJEInputContainer input[type=range]:active::-webkit-slider-thumb {
    border: 1px solid #031e26;
    background: #031e26;
}
.KJEInputContainer input[type=range]::-webkit-slider-runnable-track, .KJEInputContainer input[type=range]:active::-webkit-slider-runnable-track {
    background: #BBBBBB;
    background-image: linear-gradient(
            90deg,
            #031e26 var(--webkitProgressPercent),
            #BBBBBB var(--webkitProgressPercent)
    );
}


/* All the same stuff for Firefox */
.KJEInputContainer input[type=range]::-moz-focus-outer { border: 0; }

.KJEInputContainer input[type=range]::-moz-range-thumb, .KJEInputContainer input[type=range]:active::-moz-range-thumb {
    border: 1px solid #031e26;
}

.KJEInputContainer input[type=range]:active::-moz-range-thumb {
    border: 1px solid #031e26;
    background: #031e26;
}

div.KJEInputContainer Label.KJEHelp, div.KJEInputContainer div.KJEHelp div.KJEHelp {
    width: 188px;
    display: inline-block;
    text-align: left;
    cursor: help;
    overflow: visible;
}
button.KJEDefinitionIcon { /* Question Icon */
    /* 
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 16px;
    padding: 0 0;
    font-size: 1.9rem;
    margin-top: -27px;
     */
    color: #044B69;
	border: 1px solid #044B69;
    background: transparent;
    
}
.KJEInputContainer .KJEHelp:hover {
    color: #91b43d;
}
button.KJEDefinitionIcon:active, button.KJEDefinitionIcon:focus, button.KJEDefinitionIcon:hover, button.KJECloseButton:active, button.KJECloseButton:focus, button.KJECloseButton:hover {
    color: #91b43d;
    background-color: transparent;
    outline-color: #044B69;
}

/* Inputs */
.KJEInputContainer input[type="text"].KJEInputModern, .KJEInputContainer select.KJEDropBoxModern, .KJEInputContainer input.KJEInputModern:not([type='checkbox']):not([type='radio']) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    border: 1px solid #044B69;
    padding: 4px;
    font-weight: normal;
    font-size: 1em;
    background-color: #fff;
    border-radius: .3125rem;
}

/* Headings */
div.KJEDropper, div.KJEGraphDropper {
    justify-content: space-between;
    gap: 2.5rem;
    width: 100%;
    padding: .625rem;
    cursor: pointer;
    line-height: 1.2;
    text-align: left;
    color: #fff;
    background-color: #044b69;
    border-radius: 5px;
}
div.KJEDropper:hover, div.KJEGraphDropper:hover {
    background-color: #044b69;
    outline: 2px solid transparent;
}
.KJEDropper, .KJEGraphDropper {
    border-top: 0px solid;
    height: auto;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 3px;
}

.KJEToggleIcon {
    color: #91b43d;
}
.KJEIncrementMinus, .KJEIncrementPlus, .KJEIncrementPlus:after, .KJEIncrementMinus:after  {
    border-color: #91b43d;
    color: #FFFFFF;
}

.KJEIncrementMinus:hover, .KJEIncrementPlus:hover {
    background-color: #91b43d;
    border-color: #91b43d;
}

/* Special styling for WebKit/Blink */
.KJEInputContainer input[type=range]::-webkit-slider-thumb, .KJEInputContainer input[type=range]:active::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #91b43d;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #91b43d;
    cursor: pointer;
    box-shadow: none;
    margin-top: -5px; /* You need to specify a margin in Chrome */
}
.KJEInputContainer input[type=range]:active::-webkit-slider-thumb {
    border: 1px solid #91b43d;
    background: #91b43d;
    box-shadow: none;
}
.KJEInputContainer input[type=range]::-moz-range-thumb, .KJEInputContainer input[type=range]:active::-moz-range-thumb {
    -webkit-appearance: none;
    border: 1px solid #91b43d;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #91b43d;
    cursor: pointer;
    box-shadow: none;
    -mox-box-shadow: none;
}

.KJEInputContainer input[type=range]:active::-moz-range-thumb {
    border: 1px solid #91b43d;
    background: #91b43d;
}
input[type="range"]::-moz-range-progress {
    background-color: #91b43d;
}

/* All the same stuff for IE */
.KJEInputContainer input[type=range]::-ms-thumb, .KJEInputContainer input[type=range]:active::-ms-thumb  {
    -webkit-appearance: none;
    margin-top: 0;
    box-shadow: none;
    cursor: pointer;
    border: 1px solid #91b43d;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #0000D4;
}

.KJEInputContainer input[type=range]:active::-ms-thumb {
    border: 1px solid #91b43d;
    background: #91b43d;
}

#KJEAllContent {
    padding: 0;
}

/* Rows */
.KJEInputContainer:hover, .KJEDropper:active, .KJEDropper:hover, .KJEDropperReport:active, .KJEDropperReport:hover {
    background-color: transparent;
}

/* pop ups*/
#KJEGuiDataPoint,
#KJEMenuWindow,
div.KJEGuiDefnPopup,
span.KJEGuiErrorPopup,
span.KJERequired:hover span.KJERequiredShowHover {
    color:#222;
    background-color:#FFFFFF;
    border-color: #044b69;
}

#KJEGuiDataPoint:before,
#KJEMenuWindow:before,
div.KJEGuiDefnPopup:before,
span.KJEGuiErrorPopup:before,
span.KJERequired:hover span.KJERequiredShowHover:before {
    border-color:#044b69 transparent;
}

#KJEGuiDataPoint:after,
#KJEMenuWindow:after,
div.KJEGuiDefnPopup:after,
span.KJEGuiErrorPopup:after,
span.KJERequired:hover span.KJERequiredShowHover:after {
    border-color:#FFFFFF transparent;
}

button.KJEDefinitionIcon, button.KJECloseButton {
    color:#044b69;
    border-color:#044b69;
    background-color: #FFFFFF;
}

button.KJEDefinitionIcon:active,
button.KJEDefinitionIcon:focus,
button.KJEDefinitionIcon:hover,
button.KJECloseButton:active,
button.KJECloseButton:focus,
button.KJECloseButton:hover {
    color:#FFFFFF;
    background-color:#91b43d;
    outline-color: transparent;
}

div.KJEGuiDefnPopup {
    box-shadow: none;
}

.KJEDefinitionPopup p  {
    color:#044b69;
}

#KJEDefinitionsDL dt.KJEDefinition, dt.KJEDefinition, h3.KJEDefinition {
    color:#044b69;
    padding-left: 10px;
}

/* Slider Fonts */
div.KJESlider div.KJEScale {
    font-family: inherit;
    font-size: 1.05rem; 
    color:#044b69;
}

/* Top Buttons */

/* Do NOT float over the header */
#KJEFixed {
    z-index: 1;
}

#KJECalculate.KJECommandButton, .KJEMoreButton {
    color: #FFFFFF /*KJECommandButton*/;
    background-color: #91b43d /*KJECommandButton*/;
    border-color: #91b43d /*KJECommandButton*/;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: .3125rem;
    font-size: 1.5rem;
    height: 3.0625rem;
}
#KJECalculate.KJECommandButton:hover, .KJEMoreButton:hover {
    color: #FFFFFF /*KJECommandButton*/;
    background-color: #f69321 /*KJECommandButton*/;
    border-color: #f69321 /*KJECommandButton*/;
}
#KJEViewReport.KJECommandButton, .KJEMoreButton {
    color: #91b43d /*KJECommandButton*/;
    background-color: transparent/*KJECommandButton*/;
    border-color: #91b43d /*KJECommandButton*/;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: .3125rem;
    font-size: 1.5rem;
    height: 3.0625rem;
}
#KJEViewReport.KJECommandButton:hover, .KJEMoreButton:hover {
    color: #FFFFFF /*KJECommandButton*/;
    background-color: #f69321 /*KJECommandButton*/;
    border-color: #f69321 /*KJECommandButton*/;
}

#KJEReport {
    padding-top: 50px;
}

/* Reports hover */
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: #FFFFFF;
    background-color: #91b43d;
}
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: #FFFFFF;
    background-color: #F69321;
}