
.KJEWait {
  background-image: none !important;
  border: 0.3125rem solid #f3f3f3 !important;
  border-top: 0.3125rem solid #333333 !important;
  border-radius: 50% !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
#KJESplash {
    display: none;
}
#KJEAllContent {
    font-family:"Roboto", sans-serif;
    font-size:0.875rem;
    font-weight:300;
    color: #4f4f4f;
}

.KJEFontHeading {
    color: #a4d65e!important;
    font-size: 1.625rem;
    font-weight: 300!important;
    margin-bottom: 1.25rem;
}

.KJEError {
    color:#c03b0d;
}

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

.KJECalculatorTable {
    background: none;
    border: none;
    box-shadow: none;
    width:100%!important;
    max-width:43.75rem;
    //padding-top: 2.625rem!important;
}

.KJECalculator {
    margin-top: .5rem;
}
.KJEInputContainer:hover {
    background-color: #ffffff;
}
.KJEDrop, .KJEDroppee {
    background: none !important;
}
.KJEDropper:hover {
    background-color: #ffffff;
}

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

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

.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 {
    max-width: 56.25rem;
    text-align:left;
    margin: auto;
    padding: .9375rem;
}

.KJEWidthConstraint>h1,.KJEWidthConstraint .h1 {
    display: none;
}

.KJEWrapper, .KJEWidthConstraint, #KJEAllContent {
    background: none;
}
.KJEWrapper {
    padding: 0;
    margin:0;
}

body {
 margin: 0;
}

#KJEAllContent {
    font-family:"Roboto", sans-serif;
    font-size:1rem;
    font-weight:300;
    color: #4f4f4f;
}

/*Buttons*/

.KJECommandButton {
    padding-top: .8125rem;
    padding-bottom: .8125rem;
    min-width: 10rem;
    border-radius: 0;
    -moz-border-radius: 0;
    font-weight: 400!important;
    font-size: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
    text-align: center;
    touch-action: manipulation;
    display: inline-block;
    margin-bottom: 0;
    border: .0625rem solid #a4d65e;
    border: 0;
    line-height: 1.42857;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #4f4f4f;
    background-color: #a4d65e;
    vertical-align: middle;
    font-style:italic;
    white-space: nowrap;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.KJECommandButton:hover {
    background: #ffc656; /* Old browsers */
    color:#4f4f4f;
    cursor: pointer;

}

#KJECommandButtons {
    z-index: 99;
    width:20.625rem!important;
    //margin-top:1.375rem;
}
/*Override javascript*/


#KJE-D-INPUTS, #KJE-E-INPUTS {
    background: none !important;
}
.KJEFontHeading {
    color:#4f4f4f;
}

.KJEError {
    color:#c03b0d;
}

.KJETitle {
    font-size: 1.5rem;
    text-align: center;
    padding-top:3.5625rem!important
}

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

.KJEToggleTitle {
    font-weight: 400;
    font-size: 1.25rem;
}
.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: #4f4f4f;
}

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

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

.KJEDropper:hover {
    background-color: #ffffff;
}

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

table.KJEScheduleTable td.KJECellBorder, table.KJEScheduleTable th.KJECellBorder,table.KJEScheduleTable th.KJEScheduleHeading {
    text-align:center!important;
}

.KJEInputContainer .help:hover {
    color: #4f4f4f;
}
.KJEDefinitions dt {
    font-size:1.25rem;
    font-weight:400!important;
    color: #4f4f4f;
}
/*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;
}
.KJEHelp label {
    font-weight: 300;
    font-size: 0.875rem;
    display:inline!important;
}
.KJESubTitle.KJERight.KJERightBold {
    font-weight: 300!important;
}


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;
}
caption.KJEHeaderRow, caption.KJEHeaderRow {
    background-color: #c03b0d!important;
    color: #FFF!important;
    padding: 0.5rem 0.9375rem;
}
table.KJEReportTable tr.KJEFooterRow {
    background:#ffc656!important;
     padding: 0.5rem 0.9375rem;
}
table.KJEScheduleTable th.KJEScheduleHeading {
    padding:0.625rem!important;
    text-align:center!important;
}


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

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

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

table.KJEReportTable td.KJECellSpecial:hover {
    color: #4f4f4f;
    /* 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: #4f4f4f;
    /* background-color: #f7941e; Change Cell color on hover */
}

body {
 margin: 0;
}

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