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

.KJETitle {
    background-image: url(logo54.gif);
    background-repeat: no-repeat;
    background-position: 8px 0px;
    background-size: 54px 54px;
}

#KJETitle {
    font-size: 1.3em !important;
    text-align: center !important;
    background-image: url(logo54.gif) !important;
    background-repeat: no-repeat !important;
    background-position: left 10px center !important;
    background-size: 116px 54px !important;
}

.calculator__header {
    font-size: 15px;
    line-height: 25px;
    padding: 30px;
    text-align: center;
    color: #fff;
    background: #214d29;
}

.calculator__header h1,
.calculator__header h2,
.calculator__header h3,
.calculator__header h4 {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

p.KJEFooter {
    display: block;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 15px 15px 15px;
    text-align: center;
    color: #fff;
    background: #214d29;
}

div.KJELogo { display: none; }
img.KJELogo { display:none; }