<div class="border-bottom border-secondary"><!-- DTF Local -->
  <div class="card card-header" role="tab" id="DTFLocal" style="border-top: 0px;">
    <a style="width:100%;" data-toggle="collapse" data-parent="#abaDTFLocal" href="#abaDTFLocal" aria-expanded="true" aria-controls="collapseOne1">
      <div class="row">
        <div style="max-width:20px;margin-top:auto; margin-bottom: auto" class="col-1">
          <i class="fas fa-angle-down"></i>
        </div>
        <div class="col-11">
          <h4 class="title-page">
            Local
          </h4>
        </div>
      </div>
    </a>
  </div>

  <div class="collapse show col-11 mx-auto py-3" id="abaDTFLocal">

    <div class="row">
      <div class="col-auto"><!-- Ativo -->
        <fieldset class="form border-Field p-0">
          <legend class="textoBorda pb-0 mb-0">Opções</legend>
          <div class="icheck-primary">
            <input type="checkbox" id="cbDTFLocal" disabled />
            <label for="cbDTFLocal">Ativo</label>
          </div>
        </fieldset>
      </div>
    </div>

    <div class="row">

      <div class="col-md-6 col-12 form-group d-none">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtIdLocalDTF">ID:</label>
        <input type="text" class="input-default focus form-control" id="txtIdLocalDTF" aria-describedby="codError" name="txtIdLocalDTF" class="form-control" placeholder="ID" disabled>
      </div>

      <div class="col-md-3 col-sm-6 col-12 form-group">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtDescricaoLocalDTF">Descrição: *</label>
        <input type="text" class="input-default focus form-control" id="txtDescricaoLocalDTF" aria-describedby="codError" name="txtDescricaoLocalDTF" class="form-control" placeholder="Descrição" disabled>
      </div>

      <div class="col-md-4 col-sm-6 col-12 form-group">
          <label data-error="wrong" data-success="right" for="txtSetorLocalDTF">Setor: </label>
        <div class="relative">
          <div class="input-group">
            <input type="text" autocomplete="off" class="input-default focus form-control ui-autocomplete-input" id="txtSetorLocalDTF" name="txtSetorLocalDTF" placeholder="Setor" disabled>
            <div class="input-group-append">
              <button class="btn bg-danger" id="btnSetorLocalDTF" name="btnSetorLocalDTF" data-button="absolute" type="button" disabled><i class="m-0 p-0 fas fa-search"></i></button>
              <button class="btn bg-danger" id="btnLimpaSetorLocalDTF" type="button" disabled><i class="m-0 p-0 fas fa-trash"></i></button>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md col-sm-4 col-12 form-group">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtPrecoVUnitarioLocalDTF">Preço V. Un.:</label>
        <input type="number" class="input-default focus form-control" id="txtPrecoVUnitarioLocalDTF" aria-describedby="codError" name="txtPrecoVUnitarioLocalDTF" class="form-control" placeholder="0,00" disabled>
      </div>

      <div class="col-md col-sm-4 col-12 form-group">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtMargemExpressLocalDTF">Margem Express:</label>
        <input type="number" class="input-default focus form-control" id="txtMargemExpressLocalDTF" aria-describedby="codError" name="txtMargemExpressLocalDTF" class="form-control" placeholder="0,00%" disabled>
      </div>

    </div>
    <div class="row justify-content-sm-end justify-content-center">
      <button class="btn btn-danger btn-sisp mt-sm-0 mt-2 mr-2" id="btnIncluirLocalDTF"><span class="fas fa-plus"></span>  Incluir</button>
      <button class="btn btn-secondary btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnCancelarLocalDTF"></span>Cancelar</button>
      <button class="btn btn-danger btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnGravarLocalDTF"></span>Gravar</button>
    </div>

    <div class="row mt-4">
      <div class="col-sm-12">
        <table id="tabelaLocalDTF" class="table table-sm table-select table-hover" width="100%">
        </table>
      </div>
    </div>

  </div>
</div>

<div class="border-bottom border-secondary"><!-- DTF Programação -->
  <div class="card card-header" role="tab" id="DTFProgramacao" style="border-top: 0px;">
    <a style="width:100%;" data-toggle="collapse" data-parent="#abaDTFProgramacao" href="#abaDTFProgramacao" aria-expanded="true" aria-controls="collapseOne1">
      <div class="row">
        <div style="max-width:20px;margin-top:auto; margin-bottom: auto" class="col-1">
          <i class="fas fa-angle-down"></i>
        </div>
        <div class="col-11">
          <h4 class="title-page">
            Programação
          </h4>
        </div>
      </div>
    </a>
  </div>

  <div class="collapse col-11 mx-auto py-3" id="abaDTFProgramacao">

    <div class="row">
      <div class="col-auto">
        <fieldset class="form border-Field p-0">
          <legend class="textoBorda pb-0 mb-0">Opções</legend>
          <div class="icheck-primary">
            <input type="checkbox" id="cbProgramacaoDTF" disabled />
            <label for="cbProgramacaoDTF">Ativo</label>
          </div>
        </fieldset>
      </div>
    </div>

    <div class="row">

      <div class="col-md-6 col-12 form-group d-none">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtIdProgramacaoDTF">ID:</label>
        <input type="text" class="input-default focus form-control" id="txtIdProgramacaoDTF" aria-describedby="codError" name="txtIdProgramacaoDTF" class="form-control" placeholder="ID" disabled>
      </div>

      <div class="col-md-6 col-12 form-group">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtDescricaoProgramacaoDTF">Descrição: *</label>
        <input type="text" class="input-default focus form-control" id="txtDescricaoProgramacaoDTF" aria-describedby="codError" name="txtDescricaoProgramacaoDTF" class="form-control" placeholder="Descrição" disabled>
      </div>

      <div class="col-md-2 col-12 form-group">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtPrecoVProgramacaoDTF">Preço V. Fixo:</label>
        <input type="number" class="input-default focus form-control" id="txtPrecoVProgramacaoDTF" aria-describedby="codError" name="txtPrecoVProgramacaoDTF" class="form-control" placeholder="0,00" disabled>
      </div>

    </div>

    <div class="row justify-content-center justify-content-md-end" style="margin-bottom: 16px;">
      <button class="btn btn-danger btn-sisp mt-sm-0 mt-2 mr-2" id="btnIncluirProgramacaoDTF"><span class="fas fa-plus"></span>  Incluir</button>
      <button class="btn btn-secondary btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnCancelarProgramacaoDTF"></span>Cancelar</button>
      <button class="btn btn-danger btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnGravarProgramacaoDTF"></span>Gravar</button>
    </div>

    <div class="row mt-4">
      <div class="col-sm-12">
        <table id="tabelaProgramacaoDTF" class="table table-sm table-select table-hover" width="100%">
        </table>
      </div>
    </div>
  </div>
</div>

<div><!-- DTF Tamanho -->
  <div class="card card-header" role="tab" id="DTFTamanho" style="border-top: 0px;">
    <a style="width:100%;" data-toggle="collapse" data-parent="#abaDTFTamanho" href="#abaDTFTamanho" aria-expanded="true" aria-controls="collapseOne1">
      <div class="row">
        <div style="max-width:20px;margin-top:auto; margin-bottom: auto" class="col-1">
          <i class="fas fa-angle-down"></i>
        </div>
        <div class="col-11">
          <h4 class="title-page">
            Tamanho
          </h4>
        </div>
      </div>
    </a>
  </div>

  <div class="collapse col-11 mx-auto py-3" id="abaDTFTamanho">

    <div class="row">
      <div class="col-auto"><!-- Ativo -->
        <fieldset class="form border-Field p-0">
          <legend class="textoBorda pb-0 mb-0">Opções</legend>
          <div class="icheck-primary">
            <input type="checkbox" id="cbDTFTamanho" disabled />
            <label for="cbDTFTamanho">Ativo</label>
          </div>
        </fieldset>
      </div>
    </div>

    <div class="row">

      <div class="col-md-6 col-12 form-group d-none">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtIdTamanhoDTF">ID:</label>
        <input type="text" class="input-default focus form-control" id="txtIdTamanhoDTF" aria-describedby="codError" name="txtIdTamanhoDTF" class="form-control" placeholder="ID" disabled>
      </div>

      <div class="col-md-6 col-sm-12 col-12 form-group">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtDescricaoTamanhoDTF">Descrição: *</label>
        <input type="text" class="input-default focus form-control" id="txtDescricaoTamanhoDTF" aria-describedby="codError" name="txtDescricaoTamanhoDTF" class="form-control" placeholder="Descrição" disabled>
      </div>

      <div class="col-md col-sm-4 col-12 form-group">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtPrecoVTamanhoDTF">Preço V. Fixo:</label>
        <input type="number" class="input-default focus form-control" id="txtPrecoVTamanhoDTF" aria-describedby="codError" name="txtPrecoVTamanhoDTF" class="form-control" placeholder="0,00" disabled>
      </div>

      <div class="col-md col-sm-4 col-12 form-group">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtQtdePontosTamanhoDTF">Qtde Pontos:</label>
        <input type="number" class="input-default focus form-control" id="txtQtdePontosTamanhoDTF" aria-describedby="codError" name="txtQtdePontosTamanhoDTF" class="form-control" placeholder="1000" disabled>
      </div>

      <div class="col-md col-sm-4 col-12 form-group">
        <label data-error="wrong" class="labelGeral" data-success="right" for="txtTempoTamanhoDTF">Tempo (min):</label>
        <input type="number" class="input-default focus form-control" id="txtTempoTamanhoDTF" aria-describedby="codError" name="txtTempoTamanhoDTF" class="form-control" placeholder="1"  oninput="this.value = this.value.replace(/[^0-9]/g, '');" disabled>
      </div>

    </div>

    <div class="row justify-content-sm-end justify-content-center">
      <button class="btn btn-danger btn-sisp mt-sm-0 mt-2 mr-2" id="btnIncluirTamanhoDTF"><span class="fas fa-plus"></span>  Incluir</button>
      <button class="btn btn-secondary btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnCancelarTamanhoDTF"></span>Cancelar</button>
      <button class="btn btn-danger btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnGravarTamanhoDTF"></span>Gravar</button>
    </div>

    <div class="row mt-4">
      <div class="col-sm-12">
        <table id="tabelaTamanhoDTF" class="table table-sm table-select table-hover" width="100%">
        </table>
      </div>
    </div>

  </div>
</div>