#expertise_container{
    margin:auto;
    margin-top : 40px;
    width:100%;
    max-width:1240px;
    padding:10px;
    box-sizing: border-box;
    --borderRadius:8px;
    --borderColor:#d1d1d1;
    --color1:#2980B9;
    --color2:#C0392B;
    --color3:#3498DB;

    *,*::after,*::before{
        box-sizing: border-box;
    }

    button.nav,input.nav{
        background-color:var(--color1);
        color:#fff;
        &:hover{
            background-color: var(--color3);
        }
    }

    select,
    input[type="text"]{
        border-radius:4px;
    }
    .hidden{
        display:none!important;
    }
    .quest_navigation{
        display:flex;
        justify-content: space-between;
        margin-top: 40px;
    }

    .img_eval_bien_container{
        border:solid 1px var(--borderColor);
        border-radius:var(--borderRadius);
        padding:16px;
        display:flex;
        flex-wrap:wrap;
        flex-direction: column;
        gap:8px;
        align-items: flex-start;
        margin-bottom: 16px;
        @media(min-width:1200px){
            flex-direction: row;
            .stored-images{
                order:3;
            }
        }
        h2{
            width:100%;
            font-size:24px;
            line-height:1.2em;
            text-align:left;
        }
        .img.uploader{
            width:100%;
            min-height:150px;
            flex-grow:1;
            max-width:300px;
            cursor: pointer;
            label{
                cursor:pointer;
            }
        }

        .stored-images{
            display:flex;
            flex-wrap:wrap;
            flex-grow: 1;
            gap:4px;
            /* justify-content: flex-end; */

            .img{
                width:80px;
                max-width:40%;
                position:relative;
                border:solid 1px var(--borderColor);
                border-radius:var(--borderRadius);
                padding:8px;
                img{
                    width:100%;
                    display: block;
                    aspect-ratio: 1;
                    object-fit: cover;
                    object-position:center;
                    margin:0;
                }
                button.delete_img_gallery{
                    position:absolute;
                    top:0px;
                    right:0px;
                    width:14px;
                    height:14px;
                    border-radius:100px;
                    padding:0px;
                    background-color: var(--color2);
                    color:#fff;
                }
            }
        }
    }
    .img_eval_bien_container.nogallery{
        .imgTitle{
            width:100%;
            font-weight:bold;
            font-size:18px;
        }
    }
    .google-auto{
        width:100%;
    }
    .generatePdf{
        margin-top:10px;
    }





    .eval_bien_container{
        position:relative;
        padding-bottom:50px;
        .group{
            border:solid 1px var(--borderColor);
            border-radius:var(--borderRadius);
            padding:10px;
            margin-bottom: 30px;
            position:relative;

            .deleteSection{
                position:absolute;
                top:0;
                right:0;
                padding:0px;
                line-height:20px;
                width:20px;
                text-align: center;
                background-color:var(--color2);
                color:#fff;

            }

            .eval_fields{
                position: relative;
                padding-bottom:40px;
                .line{
                    position:relative;
                    border:solid 1px var(--borderColor);
                    border-radius:var(--borderRadius);
                    padding:10px;
                    padding-left:30px;
                    margin-bottom: 10px;

                    .deleteLine{
                        position:absolute;
                        top:15px;
                        left:4px;
                        padding:0;
                        width:20px;
                        line-height:20px;
                        background-color:var(--color2);
                        color:#fff;


                    }
                }

                .addLine{
                    position:absolute;
                    bottom:0px;
                    right:0px;
                }
            }

        }

        .addSection{
            position:absolute;
            right:0;
            bottom:0;
        }
    }







}


.test{
    .eval_bien_container{
        display: flex;
        flex-direction: column;
    }

    .group{
    padding: 15px 0;
    margin: 15px 0;
    display: grid;
    grid-template-columns: 1fr 3fr;
    border-bottom: 2px solid black;
    position: relative;
    }
    .eval_bien_container.description .group{
        grid-template-columns: 1fr 1fr 2fr;
    }
    .eval_fields{
        display: flex;
        flex-direction: column;
    }
    .line{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .deleteSection{
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .checkbox_container.vertical{
        display: flex;
        flex-direction: column;
    }
    .checkbox_container.vertical label{
        display: flex;
        flex-direction: row-reverse;
        justify-content: left;
        gap: 10px;
    }

    .hidden{
        display: none!important;
    }
    .quest_navigation{
        display: flex;
        justify-content: space-between;
    }
}