body {
    --color1: #0055a5;
    --color2: #098500;
    --color3: #00417f;
    --color4: #065e00;
    --slider: 0, 85, 165; /*this is a rgb value*/
    }
    

#KJEAllContent {
    background: #ffffff;
    color: #000000;
}

.KJEFontHeading {
    color:#000000;
}

.KJEError {
    color:#BB0000;
}

.KJETitle {
}

.KJECalculatorTable {
}

.KJEReportTitle {
}

.KJEReportTitleBlock {
}

.KJEWidthConstraint {
    max-width: 900px;
    text-align:left;
    margin: auto;
    background: #ffffff;
    padding:15px;
}

.KJEWrapper {
    background: #ffffff;
    padding: 0;
    margin:0;
}

body {
 margin: 0;
}

#KJEDefinitionsDL {
    padding: 0;
}

#KJEDefinitionsDL p.KJEDefinition, #KJEAllContent p.KJEDefinition {
    padding: 0 10px .7em 0px;
}

#KJEDefinitions {
    margin-top: 30px;
    font-family: "Krub", sans-serif;
}

/**CUSTOMCSS**/


    button.KJECloseButton {
    color:#fff;
    background: #0055a5;
    width: 20px;
    }
    
    button.KJEDefinitionIcon {
    color:#fff;
    background: #098500;
    }
    
    .KJEInputContainer input[type=range]::-webkit-slider-thumb, .KJEInputContainer input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    height:14px;
    width:14px;
    margin-top: -10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    box-sizing: border-box;
    border-bottom: 12px solid rgba(0, 85, 165, 0.6);
    -moz-box-shadow: 0 2px rgba(0, 85, 165, 0.3);
    box-shadow: 0 2px rgba(0, 85, 165, 0.3);
    cursor: pointer;
    }
    .KJEInputContainer input[type=range]:active::-webkit-slider-thumb, .KJEInputContainer input[type=range]:active::-ms-thumb {
    border-bottom: 12px solid rgba(0, 85, 165, 1);
    -moz-box-shadow: 0 2px rgba(0, 85, 165, 0.6);
    box-shadow: 0 2px rgba(0, 85, 165, 0.3);
    
    }
    .KJEGraphDropper:hover {
        background-color: #e6e6e6;
    } 

 .KJECommandButton {
        background: #0055a5;
    }