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

.KJEFontHeading {
}

.KJETitle {
}

.KJEReportTitle {
}

.KJEReportTitleBlock {
}

/**CUSTOMCSS**/
body.KJEBody table, body.KJEBody td, body.KJEBody ul, body.KJEBody ol, body.KJEBody dd, body.KJEBody dl, body.KJEBody p, body.KJEBody br, body.KJEBody dt, body.KJEBody, #KJEAllContent table, #KJEAllContent td, #KJEAllContent ul, #KJEAllContent ol, #KJEAllContent dd, #KJEAllContent dl, #KJEAllContent p, #KJEAllContent br, #KJEAllContent dt, #KJEAllContent th, body.KJEBody th, .KJEInputContainer input.KJEInputModern, .KJEInputContainer select.KJEDropBoxModern {
    font-family: open-sans;
}
h2.KJEDefinitionsHeader.KJEFontHeading{

    padding-left: 0 !important;

}
h1.KJEFontTitle {
    padding-left: 0;

}

.KJEToggleTitle h2 {
    padding-left: 0 !important;
}

h2.KJEGraphTitle {
    padding-left: 0 !important;
}

.KJERadioTrailingLabel {
    font-size: 0.7em;
}

/* Jan 5th 2021 */

.KJERadioHolder {
    display: inline-block !important;
}
div.KJERadioHolder, input.KJERadioHolder {
    height: 30px;
}

#KJE-C-BANKRUPTCY_LAST_TWO_YEARS {
    height:90px !important;
}
.KJERadioTrailingLabel {
    padding: 0 !important;
}

label[for=KJE-BANKRUPTCY_LAST_TWO_YEARS2] {

    padding-left: 10% !important;
}
label[for=KJE-OPEN_LIEN2] {
    margin-left: 5%;
}

div.KJE-C-FORCLOSURE_THREE_TO_SEVEN_YEARS {
    height: 50px;
}

input[type=radio] {
    display: inherit;
}

@media screen and (min-width:1142px) {

    div#KJEFixed {
        max-width: 722px;
        /*width: 80%;*/
    }

}

@media screen and (min-width:900px) {

    div#KJEFixed {
        width: 100%;
    }

}
/*div#KJEFixed {

    width: 90%;

}*/
@media screen and (min-width:812px) and (max-width: 991px) {

    div#KJEFixed {
        max-width: 722px;
    }

}

div#KJEFixed{
    width: 90%;
}
@media screen and (min-width:597px) and (max-width: 766px) {

    div#KJEFixed {
        max-width: 722px;
       /* width: 80%;*/
    }

}
@media screen and (min-width:612px) and (max-width: 767px) {

    div#KJEFixed {
        max-width: 500px;
       /* width: 80%;*/
    }

}

hr.KJEFooterLine{
    border: none;
}