html, body { height: 100%; } 
#loading-container{
    position: absolute;
    z-index:8;
    margin:0;
    padding:auto;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color: #5c5c5cbb;
    color:white;
    /* Flexbox centering */
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#report-section{
    position: absolute; 
     opacity: 0; pointer-events: none; visibility: hidden; z-index: -1;
}
.accordion-button:not(.collapsed) {
    color: transparent!important;
    background-color: transparent!important;
    box-shadow: none!important;
}
.unit-rental-income-close{
    position:absolute;
    right:5px;
    top:auto;
}
.product-card:hover{
    border-color:bisque;
    border-width:3px;
    cursor:pointer;
}
.product-card-selected{
    background-color:bisque;
    border-width:3px;
}
#report-amortization-table,
#report-amortization-table tr,
#report-amortization-table td,
#report-amortization-table th {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
}
table {
    width: 100%;
    border-collapse: collapse;
}
.financing-table {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    margin-bottom: 25px;
}

.financing-table td {
    border: 1px solid #ccc;
    padding: 6px 8px;
    vertical-align: top;
    width: 50%;
}

.financing-table td:first-child {
    font-weight: 500;
    background-color: #f8f8f8;
}