
.KJEWait {
    background-image: none !important;
    border: .3125rem solid #f3f3f3 !important;
    border-top: .3125rem solid #333 !important;
    border-radius: 50% !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    animation: spin 1.5s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#KJESplash {
    display: none;
}

body {
    margin:0;
}

.KJEWrapper {
    padding: 0;
    margin: 0;
    background: none;
}

#KJEAllContent {
    font: normal 1.1625rem "Karla", sans-serif;
    background: none;
    color: #474947;
}

.KJEFontHeading, .calculator .content h2 {
    color:#08415c;
    font-family: "Playfair Display", sans-serif;
    font-size: 1.125rem;
}

.KJEError {
    color:#c00;
}

.KJETitle {
    font-size: 1.5rem;
    text-align: center;
    background-repeat: no-repeat;
    background-position: -.5rem -.5rem;
    background-size: 5.3125rem 5.3125rem;
}

.KJEWidthConstraint {
    background: none;
    max-width: 56.25rem;
    text-align: left;
    margin: auto;
    padding: .9375rem;
}
.KJEWidthConstraint>h1, .KJEWidthConstraint .h1 {
    display: none; /* Hide the title tag to avoid the duplicate heading issue */
}

.KJECalculatorTable {
    background: none;
    border: none;
    box-shadow: none;
}

.KJECalculator {
    margin-top: .5rem;
}

.KJEInputContainer:hover {
    background-color: #fff;
}

.KJEDrop, .KJEDroppee {
    background: none !important;
}
.KJEDropper:hover {
    background-color: #fff;
}

.KJEGraphDropper:hover {
    background-color: #f2f2f2;
}

.KJEInputContainer .help:hover {
    color: #474947;
}

.KJEReportTitle {
    font-size: 1.1875rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.KJEReportTitleBlock {
    text-align: center;
    padding: .625rem;
    margin-top: .3125rem;
    margin: .625rem;
    border-width: .0625rem;
    border-style: solid;
    border-color: black;
}

/*Buttons*/

.KJECommandButton {
    background-color: #017186;
    color: #fff;
    border-radius: 0px;
    border: 0.0625rem solid transparent;
    display:inline-block;
    padding: 0.375rem 0.75rem;
    font-weight: 400 !important;
    font-size: 1rem;
    line-height: 1.42857;
    letter-spacing: 0.5px;
    min-width: 7.125rem;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: button;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.KJECommandButton:hover {
    background: #08415c;
    border-color: #08415c;
    cursor: pointer;
}

#KJECommandButtons {
    z-index: 10;
}
/*Override javascript*/


#KJE-D-INPUTS, #KJE-E-INPUTS {
    background: none !important;
}

.KJETitle {
    font-size: 1.5rem;
    text-align: center;
}

.KJESubTitle  {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: normal;
}

.KJEToggleTitle, .calculator .content h3 {
    font-size: 1.125rem;
}

.KJETitle .KJEFooter {
    display: none;
}

.KJEGraphIcon {
    background-repeat: no-repeat;
    background-position: top left;
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASNJREFUeNqUU7ENwkAMTCIauowATMAGwASICUJqCsgEjIBSUAMTBCYIbBAWgGxAOlrO0b1kmSQIS37/v+2z3/b7Xge996MdxBic8ErORX/1SNp8gg6wAUTIY0QWCqlrJL8BaAkxV2AleMr9FezAKvAF2R5bAQF2gFh6/9ERoPEX4A8wXcNOUB9A8rScxS/4lLF6cu1AqQNWtA+V76yHZcuL2NXDBPEaMq+dYV+pussLt5LhS4oN5aKhy08eZ5Q55RD2pbHPpHkBU77boiiHM/YSUDp8NjpNghEGrMWkZQ6Fbur6ZnSaBKMSwFRShdFGgUnWmctQObl9Rhtnv+GsprbLpRnk2A6uaoAe9IFrlG8MI/U7UoAVLd9Sgq/Vrzm5wB8BBgBGcHZ0qxMuUQAAAABJRU5ErkJggg==);*/
}

.KJEInputIcon {
    background-repeat: no-repeat;
    background-position: top left;
    background-image: none; /* Sets an image next to the [+] or [-]
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHdJREFUeNpiYCACfJ+qVADEATA+IxEa5gOpBCg3kTP73gJGEjTAQCATiRpAQIGRRA0LgM5LZCRVA0ZAEKMBRROxGkAAOSAciNGArikQiA8Q0gBzlgAQr4eyHYD4PtSpeCMwAYj/wzQSA1hAkQVKHkC8gVhNAAEGAMMTPBsVMAuAAAAAAElFTkSuQmCC);*/
}

#KJE-E-INPUTS input {
    border: .0625rem solid #a7a9ac;
    border-radius: .25rem;
    color: #474947;
}

.KJEInputContainer .KJEArrow {
    width: .625rem;
    height: .625rem;
    background-repeat: no-repeat;
    background: #424142; /*Change color of the slider dot*/
    border-radius: .25rem;
    top: .8125rem !important;
    border: none;
}

.KJEInputContainer .KJEArrow.active {
     /*background: #f7941e; Change color of the slider dot when active*/
    cursor: pointer;
    border: none;
}

/*Report tables*/

.KJEDefinitions .KJEReportTableDiv,
.KJEReportTableDiv, .KJEScheduleDiv {
    border: none;
    box-shadow: none;
}

table.KJEReportTable, table.KJEScheduleTable {
    background: none;
}

caption.KJEHeaderRow {
    background-color: #ccc;
    color: #474947;
}

table.KJEReportTable tr.KJEHeaderRow,
table.KJECalcTable tr.KJEHeaderRow {
    background-color: #ccc;
    color: #474947;
    text-align: center;
    border: none;
}
table.KJEReportTable tr.KJEHeaderRow:hover,
table.KJECalcTable tr.KJEHeaderRow:hover {
    background-color: #ccc; /*Row color hover*/
    color:#474947;
}
.content table thead th.KJEColumnHeader,
.content table thead th.KJEHeading {
    color: #474947!important;
}

table.KJEReportTable tr.KJEFooterRow,
table.KJECalcTable tr.KJEFooterRow {
    background-color: #ccc;
    color: #474947;
    text-align: right;
    border: none;
}
table.KJEReportTable tr.KJEFooterRow:hover,
table.KJECalcTable tr.KJEFooterRow:hover{
    background-color: #ccc; /*Row color hover*/
    color: #474947;
}

table.KJEReportTable tr.KJEEvenRow {
    color: #474947;
    text-align: right;
}

table.KJEReportTable tr.KJEEvenRow:hover{
    background-color: #eee; /*Row color hover*/
    color: #474947;
}

table.KJEReportTable tr.KJEOddRow {
    background-color: #fff;
    color: #474947;
    text-align: right;
}
table.KJEReportTable tr.KJEOddRow:hover{
    /*background-color: #f9bd6e; Row color hover*/
    background-color: #eee;
    color: #474947;
}


table.KJEReportTable td.KJECell:hover {
    color: #063145;
    /*background-color: #f7941e;  Change cell hover color */
    background: none;
}

table.KJEReportTable .KJELabel:hover {
    color: #063145;
    /*background-color: #f7941e;  Change cell hover color */
    background: none;
}

table.KJEReportTable td.KJECellStrong:hover {
    color: #063145;
    /*background-color: #f7941e;  Change cell hover color */
    background: none;
}

table.KJEReportTable td.KJECellSpecial:hover {
    color: #063145;
    /* background-color: #f7941e; Change cell hover color */
    background: none;
}

/*
Rows and Cells used in the schedule table
*/

table.KJEScheduleTable tr.KJEScheduleHeaderRow {
    /*background-color: #fbb040; Header background color*/
    background: none;
    border-color: #ccc;
    text-align: right;
    border: none;
}

.KJEScehduleTable th {
    background-color: #ccc;
    color: #474947;
    border: none;
}

table.KJEScheduleTable tr.KJEScheduleEvenRow {
    background-color: #eee;
    color: #474947;
    text-align: right;
    border: none;
}
table.KJEScheduleTable tr.KJEScheduleEvenRow:hover{
    /*background-color: #f9bd6e; Change row hover color*/
    background-color: #eee;
    color: #474947;
}

table.KJEScheduleTable tr.KJEScheduleOddRow {
    background-color: #fff;
    color: #474947;
    text-align: right;
}
table.KJEScheduleTable tr.KJEScheduleOddRow:hover{
   /*background-color: #f9bd6e;  Change row hover color*/
   background-color: #eee;
   color: #474947;
   background: none;
}

table.KJEScheduleTable td.KJEScheduleCell:hover {
    color: #063145;
    /* background-color: #f7941e; Change Cell color on hover */
}

/* Graph */
#KJE-C-GRAPH1. .KJEGraphDropper:hover {
    background: #f7f7f7; /* This should match the 2nd color in the color list of the KJESiteSpecific.js*/
}

.KJEToggleIcon {
    background: none; /* Graph Icon */
}
