<!-- <!DOCTYPE html>
<html lang="en"> -->

<!-- <head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head> -->

<style>
  .nav-pills>li.active>a,
  .nav-pills>li.active>a:focus,
  .nav-pills>li.active>a:hover {
    color: #fff !important;
    background-color: #00b85b;
  }

  .report-block {
    padding: 20px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 20px 40px 0 rgb(75 76 78 / 15%);
    margin-bottom: 25px;
  }
  .site-menubar-unfold .site-menubar {
    width: 260px;
    margin-top: -7px;
}

  a:focus,
  a:hover,
  a {
    color: #000 !important;
  }

  .custom-tab .nav {
    display: block !important;
  }

  select.custom-select.custom-select-sm.form-control.form-control-sm {
    height: 3.288rem !important;
  }

  .page-header {
    z-index: 1 !important;
  }
  .container{
    width: 100% !important;
  }
  .page-title {
    margin-top: -35!important;
  }
  body#page-local-dwms-pdt_rankinglist .nav-tabs .nav-link.active,body#page-local-dwms-pdt_rankinglist .nav-tabs .nav-link.focus,body#page-local-dwms-pdt_rankinglist .nav-tabs .nav-link.hover{
    background: #5cb95c!important;
    box-shadow: 0 0px 0px 0px #888 !important;
    border-bottom-color: #5cb95c !important;
  }
  .nav-tabs{
    margin-bottom: 11px;
  }
  body#page-local-dwms-pdt_rankinglist .modal-lg {
    max-width: 1024px;
  }
  body#page-local-dwms-pdt_rankinglist .modal-lg .modal-body{
    max-height: 500px;
    overflow-y: auto;
  }
  .page-header {
    margin-top: 34px;
  }
  .bank_captions{
    float:left; 
    text-align:right;
  }
  .bank_values{
    float:right; 
    text-align:left;
  }
  .bankcontains
  {
    text-align:center;
  }

</style>

<body>
  <div class="tab-content" id="myTabContent">
        <div>
          <table class="table table-hover" id="pdp_list">
            <thead>
              <tr>
                <th allign="center">Sl. No</th>
                <th><span style="float:right;width:80%;">Mentor Name</span></th>
                <th><span style="float:right;width:80%;">Ranking</span></th>
              </tr>
            </thead>
            <tbody>
             {{#pdtdetailsarray}}
              <tr>
                <td allign="center">{{{slno}}}</td>
                <td><span style="float:right;width:80%;">{{{pdtname}}}</span></td>
                <td>
                  <span style="float:right;width:80%;">
                   <select name="menurankid" id="menurankid" class="form-control dropdown_select" ><span class="error_menurankid" style="color: red;display: none;">Please select Rank</span>
                    {{#ranklist}}
                       <option value="{{rank}}">{{rank}}</option>
                    {{/ranklist}}
                    {{^ranklist}}
                        <option value="">Select Rank</option>
                    {{/ranklist}}
                     {{#num}}
                        <option value="{{{pdtuserid}}} {{{test}}}">{{{test}}}</option>
                     {{/num}}
                    </select>
                  </span>
                </td>
                 </tr>
              {{/pdtdetailsarray}}
            </tbody>
          </table>
          </div>
  </div>
    
</body>
</html>
