.resultat-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.resultat-grid2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.resultat-grid3 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.resultat-grid4 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.chart-container{
    max-width: 100%;
    height: auto;
}

@media print {
    .page-break {
        page-break-before: always!important;
    }
}

#bilan_thermique_form{

    .form-group:not(.form-field-select){

        .form-control-wrapper{
            padding-bottom: 8px;
        }
    }

    section.form-section:not(.showed),
    #next-step.hidden,
    #form-actions:not(.showed),
    #form-navigation.hidden{
        display:none;
    }

    #form-actions.showed{
        display: flex;
    }

    #form-navigation{
        align-items: center;
        column-gap: 16px;
        p{
            margin-bottom: 0;
        }
    }
    .form-group{
        position: relative;
        &.error-field.not-empty{
            .error-message{
                display: none;
            }
        }
        &.error-field:not(.not-empty){
            margin-bottom: 30px;
            border-color:red;
            .form-control-label{
                color:red;
            }
        }
    }

    .error-message{
        position: absolute;
        bottom: -20px;
        left: 0;
        font-size: 12px;
        color:red;
    }
}