anchor.diff:  
   <script type="text/javascript">
       function approved() {
  -        document.getElementById('consent').value = "approve";
  -        document.getElementById("profile").submit();
  -    }
  +        var mandatoryClaimCBs = $(".mandatory-claim");
  +        var checkedMandatoryClaimCBs = $(".mandatory-claim:checked");
  +
  +        if (checkedMandatoryClaimCBs.length === mandatoryClaimCBs.length) {
  +            document.getElementById('consent').value = "approve";
  +            document.getElementById("profile").submit();
  +        }else{
  +            $("#modal_claim_validation").modal();
  +        }
  +    }
  +
       function approvedAlways() {
  -        document.getElementById('consent').value = "approveAlways";
  -        document.getElementById("profile").submit();
  -    }
  +        var mandatoryClaimCBs = $(".mandatory-claim");
  +        var checkedMandatoryClaimCBs = $(".mandatory-claim:checked");
  +
  +        if (checkedMandatoryClaimCBs.length === mandatoryClaimCBs.length) {
  +            document.getElementById('consent').value = "approveAlways";
  +            document.getElementById("profile").submit();
  +        } else {
  +            $("#modal_claim_validation").modal();
  +        }
  +    }
  +
       function deny() {
           document.getElementById('consent').value = "deny";
           document.getElementById("profile").submit();
  
positive.code:                                     if (displayScopes && scopeString != null) {
                                  %>
                                  <ul>
                                  <%
                                          String[] scopes = scopeString.split(" ");
                                          for (String scopeID : scopes) {
  
                                              if ("openid".equals(scopeID)) {
                                                  continue;
                                              }
                                  %>
                                          <li><%=Encode.forHtml(scopeID)%></li>
                                  <%
                                          }
                                  %>
                                  </ul>
                                  <%
                                      }
                                  %>
                              </div>
                              <table width="100%" class="styledLeft">
                                  <tbody>
                                  <tr>
                                      <td class="buttonRow" colspan="2">
  
                                          <div style="text-align:left;">
                                              <input type="button" class="btn  btn-primary" id="approve" name="approve"
                                                     onclick="javascript: approved(); return false;"
  
negative.code: 
  <!-- page content -->
  <div class="container-fluid body-wrapper">
      
      <div class="row">
          <div class="col-md-12">
              
              <!-- content -->
              <div class="container col-xs-10 col-sm-6 col-md-6 col-lg-3 col-centered wr-content wr-login col-centered">
                  <div>
  