/*
// 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 {
    font-family: "Barlow", Sans-serif;
    font-weight: 400;
}
h1.KJEFontTitle, #KJETitle, #KJEAllContent h1, #KJEAllContent h2.KJEDefinitionsHeader, #KJEAllContent h2.KJEReportHeader, #KJEAllContent h2.KJEScheduleHeader, #KJEAllContent h2.KJEToggleTitle, #KJEAllContent h2.KJEGraphTitle{
    font-family: "Barlow", Sans-serif;
    font-weight: 600;
}
.KJEInputContainer .bold {
    font-weight: 600;
}
#KJECalculatorTable {
    border-radius:0;
    border-color: #FFFFFF;
    background:#272727;
    padding:0;
    font-size: 0.85rem;

}
.KJECommandButton{
    border-color:#fff !important;
}
.KJECommandButton:hover{
    background:#fff !important;
    color: #272727 !important;
}
.KJEButtonIsFixed{
    display:none !important;
}
#KJETitle {
    background-image:url('../assets/img/icons/apple-touch-icon.png');
    background-repeat:no-repeat;
    background-position: left;
    background-size: 35px 42px;
    color: #8C827A;
}
#KJERequiredNote{
    color:#8C827A;
}
.KJEDropper {
    padding: 5px 15px;
}
.KJECommandButton, .KJEMoreButton {
}
.KJEError, .KJEMissing, span.KJERequired {
    color:#8C827A91;
}
.KJEInputContainer input.KJEInputErrorField {
    border-color: #8C827A91;
}
div.KJEError {
    color:#8C827A91 !important;
}
#KJEFixed {
    z-index:0 !important;
}
/**CUSTOMCSS**/