css - bootstrap modal footer issue -

i have minor css issue bootstrap footer found in modal. there line appears going across top. appears caused footer. had issue header well, removed , noticed in footer. can take peak see going on?

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  <div class="container">            <!-- trigger modal button -->          <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#mymodal">get started</button>            <!-- modal -->          <div class="modal fade" id="mymodal" role="dialog">                <div class="modal-dialog modal-lg">                  <div class="modal-content modal-lg">                        <p>                          <h3 style="margin-left:30px;">we've simplified our processes...</h3>                      </p>                          <div class="modal-body modal-lg">                          <div class="container col-md-12">                              <div class="row">                                  <div class="col-md-1">                                      <button type="button" class="btn btn-info btn-circle btn-lg"><i class="glyphicon glyphicon-cog"></i>                                      </button>                                    </div>                                    <div class="col-md-11">                                      <ul>                                          <li>spent xyz</li>                                          <li>spent xyz</li>                                          <li>spent xyz</li>                                      </ul>                                  </div>                                  </div>                              <button type="button" class="btn btn-primary btn-block">annual campaign planning</button>                              <br>                              <div class="row">                                  <div class="col-md-3">                                      <button type="" class="btn btn-primary">plan it</button>                                      <br>                                      <ul>                                          <li>1</li>                                          <li>2</li>                                      </ul>                                  </div>                                    <div class="col-md-3">                                      <button type="" class="btn btn-primary">create it</button>                                      <br>                                      <ul>                                          <li>1</li>                                          <li>2</li>                                      </ul>                                  </div>                                    <div class="col-md-3">                                      <button type="" class="btn btn-primary">deliver it</button>                                      <br>                                      <ul>                                          <li>1</li>                                          <li>2</li>                                      </ul>                                  </div>                                  <div class="col-md-3">                                      <button type="" class="btn btn-primary">measure it</button>                                      <br>                                      <ul>                                          <li>1</li>                                          <li>2</li>                                      </ul>                                  </div>                                    </div>                              </div>                      </div>                        <div class="modal-footer modal-lg">                          <button type="button" class="btn btn-default" data-dismiss="modal">close</button>                      </div>                      </div>              </div>          </div>      </div>

overiding .model-footer class solve issue.

.model-footer{ border:none; } 

please let me know if helped.