drupal-reha/web/themes/custom/reha/scss/pages/_proposer-une-operation.scss

#block-reha-contenudelapageprincipale{
    .node-operation-form{
        width: 45%;
        @media(max-width:891px){
            width: 70%;
            margin-left: 2rem;
        }
        #edit-title-wrapper{
            input{
                width: 100%;
            }
           
        }
        #edit-field-fiche-candidature-wrapper{
            background-color: rgba(153, 147, 174, 0) !important;
            border: none;
            padding: 0;
            label{
                order: 1;
                font-weight: 800;
            }
            .description{
                text-transform: lowercase;
                order: 2;
                font-style: italic;

                // font-weight: 800;
            }
            .form-managed-file{
                // background-color: white;
                @extend %buttonwithborder;
                order: 3;
                margin-top: 1rem;
            }
        }
        #edit-field-dossier-de-candidature-wrapper{
            background-color: rgba(153, 147, 174, 0) !important;
            border: none;
            padding: 0;
            margin-top: 1rem;
            // width: 40%;
            
            label{
                order: 1;
                font-weight: 800;
                display: flex;
                // align-items: center;
            }
            #edit-field-dossier-de-candidature-0--label::after{
                content: url(../images/noun-information-55404.svg);
                padding-left: 1rem;
                cursor:pointer
            }
    
            .description{
                text-transform: lowercase;
                order: 2;
                font-style: italic;
                width: 100%;
            }
            #edit-field-dossier-de-candidature-0--description>br:first-of-type{
                display: none;
            }
            #edit-field-dossier-de-candidature-0--description>ul.main{
                display: none;
            }


            .form-managed-file{
                // background-color: white;
                @extend %buttonwithborder;
                order: 3;
                margin-top: 1rem;
                text-transform: lowercase;                
            }
            
        }
        label{
            font-weight: 800;
        }
        .form-wrapper{
            margin-bottom: 1rem;
            margin-top: 1rem;
        }
        #edit-field-commentaire-0-value{
            width: 100%;
        }
        #edit-field-adresse-0-address{
            input{
                width: 100%;
            }
        }
        #edit-field-adresse-0-address-container2{
            display: flex;
            flex-direction: row;
            width: 100%;
            margin-right: 0;
            justify-content:space-between;
            @media(max-width:891px){
                flex-direction: column;
            }
            input{
                width: 100%;
            }
            .form-item{
                display: flex;
                flex-direction: column;
                margin-right: 0;
            }
        }
        .form-item{
            display: flex;
            flex-direction: column;
        }
        #edit-field-commentaire-wrapper{
            margin-bottom: 2rem;
        }
        .counter{
            font-style: italic;
        }
    }
    
    .form-managed-file{
    text-transform: lowercase;                
    }
    .file--application-pdf{
        text-transform: lowercase;
    }
    .messages--error{
     text-transform: lowercase;           
    }
}
html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label{
    display: none;
}
#edit-field-dossier-de-candidature-0--description{
    text-transform: none !important;
    .depth1{
        font-weight: 800;
    }
    .depth2{
        font-weight: 400;
        // text-decoration: underline;
    }
    .depth3{
        text-decoration: none !important;   
    }
}