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

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, .KJECommandButton, .KJEMoreButton, #KJEAllContent input.KJEMenuButton[type=button], #KJEAllContent,
#KJEDefinitionsDL p.KJEDefinition, #KJEAllContent p.KJEDefinition, #KJEAllContent * {
    font-family: 'century-gothic';
}
.KJEGuiDefnPopup:focus {
    outline: 2px solid #da2827;
}




button.KJEDefinitionIcon:focus,
button.KJECloseButton:focus {
    outline: 2px dashed #da2827;
}

.KJEInputContainer input.KJEInputModern:focus, .KJEInputContainer select.KJEDropBox:focus, input.KJEMenuInputItem:focus {
    outline: 2px dashed #da2827;
}

button.KJEDefinitionIcon:active,
button.KJEDefinitionIcon:focus,
button.KJEDefinitionIcon:hover,
button.KJECloseButton:active,
button.KJECloseButton:focus,
button.KJECloseButton:hover {
    color: #FFFFFF;
    background-color: #564f48;
    outline-color: #da2827;
}

/* Controls */
.KJECommandButton, .KJEMoreButton, #KJEAllContent input.KJEMenuButton[type=button] {
    color: #FFFFFF /*KJECommandButton*/;
    background-color: #da2827;
    border-color: #da2827;
}

    .KJECommandButton:focus, .KJEMoreButton:focus, #KJEAllContent input.KJEMenuButton[type=button]:focus {
        background-color: #da2827;
        box-shadow: 0 0 5px 0px #da2827 inset;
        outline: 2px dashed #da2827;
    }

    .KJECommandButton:hover, .KJEMoreButton:hover, .KJECommandButton:active, .KJEMoreButton:active, #KJEAllContent input.KJEMenuButton[type=button]:hover, #KJEAllContent input.KJEMenuButton[type=button]:active {
        background-color: #da2827;
        border-color: #da2827;
    }

div.KJEDropper:focus, div.KJEGraphDropper:focus {
    outline: 2px solid #da2827;
}

.KJEInputContainer input.KJEInputModern[type='radio']:focus, .KJEInputContainer input.KJEInputModern[type='radio']:active {
    box-shadow: 0 0 5px 0px #da2827 inset;
    outline: 2px dashed #da2827;
}

.KJEInputContainer input.KJEInputModern[type='checkbox']:focus, .KJEInputContainer input.KJEInputModern[type='checkbox']:active {
    box-shadow: 0 0 5px 0px #da2827 inset;
    outline: 2px dashed #da2827;
}

button.KJEMenu:active,
button.KJEMenu:focus,
button.KJEMenu:hover,
button.KJEMenu:active,
button.KJEMenu:focus,
button.KJEMenu:hover {
    outline: #da2827 dashed 2px;
}

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: #da2827;
}

.KJEInputContainer input[type=range]:active::-webkit-slider-thumb {
    border: 1px solid #da2827;
    background: #da2827;
}

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

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

input[type="range"]::-moz-range-progress {
    background-color: #da2827;
}

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

.KJEInputContainer input[type=range]::-ms-fill-lower, .KJEInputContainer input[type=range]:active::-ms-fill-lower, .KJEInputContainer input[type=range]::-ms-fill-upper, .KJEInputContainer input[type=range]:active::-ms-fill-upper {
    background: #da2827;
}

.KJECommandButton, #KJEAllContent input.KJEMenuButton[type=button]:hover {
    color: #FFFFFF /*KJECommandButton*/;
    background: #da2827;
    border-color: #da2827;
}

    .KJECommandButton:hover, .KJECommandButton:focus, #KJEAllContent input.KJEMenuButton[type=button]:hover, #KJEAllContent input.KJEMenuButton[type=button]:focus {
        background: #FFFFFF /*KJECommandButton*/;
        color: #da2827;
    }


body.KJEBody a, body.KJEBody a:hover, body.KJEBody a:visited, body.KJEBody a:active {
    color: #564f48;
}

.KJEInputContainer input.KJEInputModern[type='radio']:focus, .KJEInputContainer input.KJEInputModern[type='radio']:active,
.KJEInputContainer input.KJEInputModern[type='checkbox']:focus, .KJEInputContainer input.KJEInputModern[type='checkbox']:active {
    outline-offset: 0px;
    box-shadow: none;
    outline: none;
    border: 2px solid #564f48;
}
/* pop ups*/
#KJEGuiDataPoint,
#KJEMenuWindow,
div.KJEGuiDefnPopup,
span.KJEGuiErrorPopup,
span.KJERequired:hover span.KJERequiredShowHover {
    background-color: #FFFFFF;
    border-color: #564f48;
}

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

button.KJEDefinitionIcon, button.KJECloseButton {
    color: #564f48;
    border-color: #564f48;
    background-color: #FFFFFF /*PAGE_BACKGROUND_COLOR*/;
}

    button.KJEDefinitionIcon:active,
    button.KJEDefinitionIcon:focus,
    button.KJEDefinitionIcon:hover,
    button.KJECloseButton:active,
    button.KJECloseButton:focus,
    button.KJECloseButton:hover {
        color: #FFFFFF;
        background-color: #564f48;
        outline-color: #d6281b;
    }

.KJEInputContainer .KJEHelp:hover {
    color: #564f48;
}

.KJEIncrementMinus, .KJEIncrementPlus, .KJEIncrementPlus:after, .KJEIncrementMinus:after {
    border-color: #564f48;
    color: #FFFFFF;
}

    .KJEIncrementMinus:hover, .KJEIncrementPlus:hover {
        background-color: #564f48;
        border-color: #564f48;
    }

table.KJEIndexTable th.KJELabel a, #KJEAllContent a {
    color: #564f48;
}

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: #564f48;
}

.KJEInputContainer input[type=range]::-webkit-slider-thumb, .KJEInputContainer input[type=range]:active::-webkit-slider-thumb {
    border: 1px solid #564f48;
    background: #564f48;
}

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

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

h1.KJEFontTitle, #KJETitle, #KJEAllContent h1, #KJEAllContent h2.KJEDefinitionsHeader, #KJEAllContent h2.KJEReportHeader, #KJEAllContent h2.KJEScheduleHeader,
#KJEAllContent h2.KJEToggleTitle, #KJEAllContent h2.KJEGraphTitle, div.KJESideBar h4 {
    color: #564f48;
}

#KJETitle, #KJEAllContent td.KJEToggleTitle99Cell div.KJESubTitle {
    color: #da2827;
}
td.KJEToggleTitle99Cell div.KJESubTitle {
    font-weight: bolder;
    font-size: 1.2rem;
}







/**CUSTOMCSS**/