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

#KJECommandButtons > :first-child {
    background-color: #241C4F;
}


#KJECommandButtons > :last-child {
    background-color: #FF7426;
    border-color: #FF7426;
    color: #241C4F !important;
}

input[type="range"] {
    filter: hue-rotate(177deg);
    opacity: 0.8;
}

button.KJEDefinitionIcon {
    color: #FF7426;
    border-color: #FF7426;
}

button.KJEDefinitionIcon:hover {
    color: #fff;
    background-color: #FF7426;
}

.KJEInputContainer .KJEHelp:hover {
    color: #FF7426;
}

.KJEInputContainer input.KJEInputModern:focus, .KJEInputContainer input.KJEInputModern:active {
    box-shadow: 0 0 5px 0px #FF7426 inset !important;
    border-color: #FF7426 !important;
    outline: none !important;
}

div.KJEDropper, div.KJEGraphDropper {
    border-top: 6px #fff solid;
}

.KJEDefinitions{
    margin-top: 25px;
    margin-bottom: 25px;
}

.KJEDefinition {
    padding-left: 0 !important;
}

#KJEReportTop {
    margin-top: 25px;
    margin-bottom: 25px;
}

.KJEGraphContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}

table.KJEReportTable tr.KJEOddRow, table.KJEScheduleTable tr.KJEScheduleOddRow {
    text-align: center
}

table.KJEReportTable tr.KJEEvenRow, table.KJEScheduleTable tr.KJEScheduleEvenRow {
    text-align: center
}

#KJEReport th, #KJEDefinitionsDL th {
    text-align: center;
}

#KJEReport td {
    text-align: center;
}

/**CUSTOMCSS**/