.path-user .view {
    margin-bottom: 4rem;
  }

  /* .role-superviseur, .role-agent, .by-viewer {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 0 20px;
    margin-top: 20px;
  }

  .role-superviseur, .role-agent, {
    width: 70%;
    float: right;
    clear: both;
    background-color: antiquewhite;
  }

  .by-viewer {
    width: 70%;
    float: left;
    background-color: aliceblue;
    clear: both;
  }

  .form-item-field-votre-commentaire-0-value {
    clear: both;
  } */


  .own-comment {
    background-color: #ECFFDC;
    border-radius: 20px;
  }

  .indented .own-comment {
    clear: both;
  }

  .agent-comment {
    background-color: aliceblue;
    border-radius: 20px;
  }


.comment-reponse {
  background-color : #ECFFDC;
  margin: .5rem 0;
}

.comment-question {
  background-color : aliceblue;
  margin: .5rem 0;
}

  #fc-prefix {
    margin: 1rem 0;
    font-size: 1.2rem;
    text-align: center;
  }

  #fc-suffix {
    margin: 1rem 0;
    font-size: 1.2rem;
    text-align: center;
  }

  #openid-connect-login-form {
    margin: 2rem .5rem;
  }

  #user-login-form {
    margin: 2rem 9vw;
  }

  .user-logged-in #edit-identite {
    display: none;
  }

  #edit-draft {
    background: #acacac;
    border: 1px solid #ccc;
  }

 /* .comment-list-group {
    max-height: 300px;
    margin-bottom: 10px;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
  } */

  .messages {
    text-align: center;
  }