.KJEWait {
  background-image: none !important;
  border: 0.3125rem solid #f3f3f3 !important;
  border-top: 0.3125rem solid #333 !important;
  border-radius: 50% !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  -webkit-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@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 .8125rem Helvetica, sans-serif; */
    color: #414042;
    background: none;
}

.KJEFontHeading {
    color:#414042;
}
    
h2.KJEFontHeading {
    color:#fff;
}

.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;
}

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

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

.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;
}

.KJEWidthConstraint {
    background: none;
    max-width: 56.25rem;
    text-align:left;
    margin: auto;
    padding: .9375rem;
}

.KJEWidthConstraint>h1,
.KJEWidthConstraint>h2[class="h1"] {
    display: none; /* Hide the title tag to avoid the duplicate heading issue */
}


/*Buttons*/

.KJECommandButton {
    /* color:#414042; */
    /* background: #0A2876; */  
    /* border-radius: 0; */
    /* padding: .3125rem; */
    font-weight: 700;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: none;
    padding: .59375rem .9375rem;
    font-size: .875rem;
    line-height: 1.42857;
    border-radius: 0;
    background: #0A2876;
    color: #fff;
}

.KJECommandButton:hover {
    background: #ffc324; /* Old browsers */
    cursor: pointer;
}

#KJECommandButtons {
    z-index: 10;
}


/* Override javascript */
#KJE-D-INPUTS, #KJE-E-INPUTS {
    background: none !important;
}

.KJEToggleTitle {
    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: #414042;
}

.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;
}
table.KJEReportTable tr.KJEHeaderRow {
    /*background-color: #fbb040; Change table header background color*/
    background: none;
    text-align: center;
    border: none;
}


table.KJEReportTable tr.KJEFooterRow {
    background-color: #cccccc;
    text-align: right;
    border: none;
}

table.KJEReportTable tr.KJEFooterRow:hover{
    background-color: #cccccc; /*Row color hover*/
    background: none;
}

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

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

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


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

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

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

table.KJEReportTable td.KJECellSpecial:hover {
    color: #414042;
    /* 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: #cccccc;
    text-align: right;
    border: none;
}

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

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

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


table.KJEScheduleTable td.KJEScheduleCell:hover {
    color: #414042;
    /* 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 */
}

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

table.KJEReportTable tr.KJEFooterRow:hover, table.KJECalcTable tr.KJEFooterRow:hover,
table.KJEReportTable tr.KJEEvenRow:hover, table.KJECalcTable tr.KJEEvenRow:hover,
table.KJEReportTable tr.KJEOddRow:hover, table.KJECalcTable tr.KJEOddRow:hover {
    background: #ccc;
    color: #414042;
}

/* Just make the stupid things stay in place. */
#KJEFixed
{
  position: absolute !important;
  left: 0 !important;
  margin: 0 auto !important;
  top: -13px !important;
  z-index:1 !important;
}
.KJEButtonIsFixed
{
  border: 0 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow:    none !important;
  box-shadow:         none !important;
}
/* up to 575px (max-width: 575.98px) */
@media screen and (max-width: rem-calc(575.98px)) {
  #KJECommandButtons
  {
    top: 0 !important;
  }
  .KJECommandButton
  {
    width: 100% !important;
    margin: rem-calc(0 0 10px 0);
  }
  #KJECalculatorScreenSize
  {
    padding-top: rem-calc(70px) !important;
  }
}
/* 576px and up  (min-width: 576px) */
@media screen and (min-width: rem-calc(576px)) {
  /* Buttons */
  #KJECommandButtons {
    width: rem-calc(400px) !important;
  }
  .KJECommandButton
  {
    width: rem-calc(190px) !important;
  }
}