Hola!
Necesito ayuda para poder resolver un problema de margen sobre el lado derecho, quiero poder ajustar el navegador en ambos lados y que el formulario se mantenga en igual ´posición pero me deja un gran margen blanco del lado derecho y no sé como resolverlo en CSS.-[img][/img]

tengo este html

Código HTML :

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width= min-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css"">
    <link rel="stylesheet" href="css/styles.css"">

    <title>CANCELO-DEVUELTO
    </title>
    </head>
    <body>
    <div class ="fondo">
   
              <div class="container-fluid">
              <div class="row">
           <div class="col-sm-7">
           
              <div class="card shadow bg-light rounded mt-2">
              <h5 class="card-header text-white bg-dark">Cancelación</h5>
           
              <form class="needs-validation" novalidate id="sinquita_form" autocomplete="off">
              <div class="card-body">

              <div class="form-row mb-2">
              <label for="deudaengage" class="col-5 col-form-label col-form-label-sm">Deuda Total</label>
              <div class="col-sm-7">
           
              <div class="form-row input-group input-group-md">
              <div class="input-group-prepend">
              <div class="input-group-text"><strong>$</strong></div>
              </div>
              <input class="form-control form-control-md" type="number" name="deudaengage" id="deudaengage" min="1" step="0.001" placeholder="Deuda Total" required >
              <div class="invalid-tooltip">
              Ingrese el saldo deudor.
              </div>
              </div>
              </div>
</div>

    <!-- FIN DE FORMULARIO 1   -->

      <div class="form-row md-2">
      <label for="quita" class="col-5 col-form-label col-form-label-sm">Porcentaje Quita</label>
      <div class="col-sm-7">
      <div class="form-row input-group input-group-md">
      <div class="input-group-prepend">
      <div class="input-group-text"><strong>%</strong></div>
      </div>
      <input class="form-control form-control-md" type="number" name="quita" id="quita" min="0" max="40" step="1" placeholder="Quita Deuda" value="20" required>
      <div class="invalid-tooltip">
      Ingrese el porcentaje de quita.
      </div>
      </div>
      </div>
      </div>
      <div class="form-row md-2">
      <label for="descuento" class="col-5 col-form-label col-form-label-sm">Monto Quita</label>
      <div class="col-sm-7">
      <div class="form-row input-group input-group-md">
      <div class="input-group-prepend">
      <div class="input-group-text"><strong>$</strong></div>
      </div>
      <input class="form-control form-control-md bg-info text-white not-allowed" tabIndex="-1" type="text" name="descuento" id="descuento" readonly>
      </div>
      </div>
      </div>
      <div class="form-row md-2">
      <label for="saldoFinal" class="col-5 col-form-label col-form-label-sm">Saldo Parcial</label>
      <div class="col-sm-7">
      <div class="form-row input-group input-group-md">
      <div class="input-group-prepend">
      <div class="input-group-text"><strong>$</strong></div>
      </div>
      <input class="form-control form-control-md bg-info text-white not-allowed" tabIndex="-1" type="text" name="saldoParcial" id="saldoParcial" readonly>
      </div>
      </div>
      </div>
      <div class="form-row md-2">
      <label for="entrega" class="col-5 col-form-label col-form-label-sm">Entrega a Cuenta</label>
      <div class="col-sm-7">
      <div class="form-row input-group input-group-md">
      <div class="input-group-prepend">
      <div class="input-group-text"><strong>$</strong></div>
      </div>
      <input class="form-control form-control-md" type="number" name="entrega" id="entrega" min="0" step="1" placeholder="Entrega a Cuenta" value="0">
      </div>
      </div>
      </div>
      <div class="form-row md-2">
      <label for="saldoFinal" class="col-5 col-form-label col-form-label-sm">Saldo Final</label>
      <div class="col-sm-7">
      <div class="form-row input-group input-group-md">
      <div class="input-group-prepend">
      <div class="input-group-text"><strong>$</strong></div>
      </div>
      <input class="form-control form-control-md bg-info text-white not-allowed" tabIndex="-1" type="text" name="saldoFinal" id="saldoFinal" readonly>
      </div>
      </div>
      </div>

  

        <div class="card-footer text-muted">
        <button type="button" class="btn btn-warning" name="copiarcontable" id="copiarcontable">Contable</button>
      <button type="button" class="btn btn-warning" name="copiarajustado" id="copiarajustado">Ajustado</button>
      <button type="button" class="btn btn-warning" name="copiarcontablesinquita" id="copiarcontablesinquita">Cont.s/quita</button>
        </div>
        </form>
        </div>
        </div>
        </div>
        </div>
      </div>
        <BR>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/scripts.js"></script>
        <BR>
     
  </body>
  
</html>