/*------------------------------rightContent------------------------------*/
section.content {
    position: absolute;
    right: 1rem;
    left: calc(var(--leftBarW) + 2rem);
    top: 0.8rem;
    bottom: 1rem;
    margin-top: 8.5rem;
    background: var(--background);
    overflow: clip;
}

.module {
    position: absolute;
    top: 0rem;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    opacity: 0;
    transform: translateX(-100%) scaleX(0);
    transition: all var(--speed) ease-in-out;
}

.module.active {
    opacity: 1;
    transform: translateX(0) scaleY(1.0);
    overflow: overlay;
}

section.data_result {
    position: absolute;
    top: 5rem;
    bottom: 0rem;
    left: 1rem;
    right: 1rem;
    display: flex;
    flex-wrap: wrap;
    overflow: overlay;
}

section.data_result h2 {
    font-size: 2.4rem;
    padding-left: 0rem;
    margin-top: 0rem;
    padding-bottom: 1rem;
    text-align: center;
}

section.data_result table.data {
    width: 97%;
    font-size: 2rem;
    color: var(--color-content);
    text-align: center;
    margin: auto;
    margin-top: 0rem;
    padding-bottom: 2rem;
}

section.data_result table.data td {
    border-bottom: 1px solid var(--color-select);
    padding-top: 0.5rem;
    width: 9%;
}

section.data_result table.data th {
    background: var(--color-tableBg);
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: var(--color-tableTitle);
}

section.data_result table.data input[type=number] {
    border: none;
}

div.data * {
    color: var(--color-content);
}

div.result * {
    color: var(--color-content);
}

.dataHiddn {
    display: none;
}

/*--------------------------------Floor-------------------------------*/
#heatPump section.data_result table.data input[type=number] {
    //width: 100%;
    max-width: 100%;
}

#FCUHeating section.data_result,
#FCUCooling section.data_result,
#heatPump section.data_result,
#installation section.data_result {
    display: block;
}

#heatPump table.data input[type=number] {
    max-width: 100%;
}

#heatPump table.data {
    table-layout: fixed;
}

#heatPump table.data th.column {
    width: 10%;
}