/*
// 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 {
    margin-bottom: 2rem;
}

#KJECalculatorTable {
    border-color: #ffffff00;
    margin-bottom: 2rem;
}

#KJETitle {
    
}

.KJECommandButton, .KJEMoreButton {
}

/**CUSTOMCSS**/

#KJEDefinitions {
    display: none !important;
}

.KJECommandButton {
    background-color: #005c45 ;
}

#KJECommandButtons {
    /*display: none;*/
}

#KJE-E-INPUTS input, #KJE-E-INPUTS select{
    border-radius: 5px;
    text-align: center;
}

.KJEToggleTitle, .KJEGraphTitle, .KJEInputContainer {
    font-family: Poppins;
}

.KJEHelp {
    font-size: .85rem;
}

#KJE-D-INPUTS, #KJE-E-INPUTS, .KJEGraphDropper {
    background-color: #fff !important; 

}
@media screen and (max-width:600px)  {
    .KJETrailingLabel {
        position: initial !important;
        display: inline !important;
    }

    .KJETrailingLabel div {
        margin: .9rem auto;
        text-align: center;
    }
}

h2.KJEToggleTitle {
    text-align: center;
}