<div class="border-bottom border-secondary"><!-- Bordado Local -->
  <div class="card card-header" role="tab" id="BordadoLocal" style="border-top: 0px;">
    <a style="width:100%;" data-toggle="collapse" data-parent="#abaBordadoLocal" href="#abaBordadoLocal" 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="abaBordadoLocal">

    <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="cbBordadoLocal" disabled />
            <label for="cbBordadoLocal">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="txtIdLocalBordado">ID:</label>
        <input type="text" class="input-default focus form-control" id="txtIdLocalBordado" aria-describedby="codError" name="txtIdLocalBordado" 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="txtDescricaoLocalBordado">Descrição: *</label>
        <input type="text" class="input-default focus form-control" id="txtDescricaoLocalBordado" aria-describedby="codError" name="txtDescricaoLocalBordado" 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="txtSetorLocalBordado">Setor: </label>
        <div class="relative">
          <div class="input-group">
            <input type="text" autocomplete="off" class="input-default focus form-control ui-autocomplete-input" id="txtSetorLocalBordado" name="txtSetorLocalBordado" placeholder="Setor" disabled>
            <div class="input-group-append">
              <button class="btn bg-danger" id="btnSetorLocalBordado" name="btnSetorLocalBordado" data-button="absolute" type="button" disabled><i class="m-0 p-0 fas fa-search"></i></button>
              <button class="btn bg-danger" id="btnLimpaSetorLocalBordado" 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="txtPrecoVUnitarioLocalBordado">Preço V. Un.:</label>
        <input type="number" class="input-default focus form-control" id="txtPrecoVUnitarioLocalBordado" aria-describedby="codError" name="txtPrecoVUnitarioLocalBordado" 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="txtMargemExpressLocalBordado">Margem Express:</label>
        <input type="number" class="input-default focus form-control" id="txtMargemExpressLocalBordado" aria-describedby="codError" name="txtMargemExpressLocalBordado" 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="btnIncluirLocalBordado"><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="btnCancelarLocalBordado"></span>Cancelar</button>
      <button class="btn btn-danger btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnGravarLocalBordado"></span>Gravar</button>
    </div>

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

  </div>
</div>

<div class="border-bottom border-secondary"><!-- Bordado Programação -->
  <div class="card card-header" role="tab" id="BordadoProgramacao" style="border-top: 0px;">
    <a style="width:100%;" data-toggle="collapse" data-parent="#abaBordadoProgramacao" href="#abaBordadoProgramacao" 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="abaBordadoProgramacao">

    <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="cbProgramacaoBordado" disabled />
            <label for="cbProgramacaoBordado">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="txtIdProgramacaoBordado">ID:</label>
        <input type="text" class="input-default focus form-control" id="txtIdProgramacaoBordado" aria-describedby="codError" name="txtIdProgramacaoBordado" 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="txtDescricaoProgramacaoBordado">Descrição: *</label>
        <input type="text" class="input-default focus form-control" id="txtDescricaoProgramacaoBordado" aria-describedby="codError" name="txtDescricaoProgramacaoBordado" 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="txtPrecoVProgramacaoBordado">Preço V. Fixo:</label>
        <input type="number" class="input-default focus form-control" id="txtPrecoVProgramacaoBordado" aria-describedby="codError" name="txtPrecoVProgramacaoBordado" 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="btnIncluirProgramacaoBordado"><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="btnCancelarProgramacaoBordado"></span>Cancelar</button>
      <button class="btn btn-danger btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnGravarProgramacaoBordado"></span>Gravar</button>
    </div>

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

<div><!-- Bordado Tamanho -->
  <div class="card card-header" role="tab" id="BordadoTamanho" style="border-top: 0px;">
    <a style="width:100%;" data-toggle="collapse" data-parent="#abaBordadoTamanho" href="#abaBordadoTamanho" 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="abaBordadoTamanho">

    <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="cbBordadoTamanho" disabled />
            <label for="cbBordadoTamanho">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="txtIdTamanhoBordado">ID:</label>
        <input type="text" class="input-default focus form-control" id="txtIdTamanhoBordado" aria-describedby="codError" name="txtIdTamanhoBordado" 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="txtDescricaoTamanhoBordado">Descrição: *</label>
        <input type="text" class="input-default focus form-control" id="txtDescricaoTamanhoBordado" aria-describedby="codError" name="txtDescricaoTamanhoBordado" 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="txtPrecoVTamanhoBordado">Preço V. Fixo:</label>
        <input type="number" class="input-default focus form-control" id="txtPrecoVTamanhoBordado" aria-describedby="codError" name="txtPrecoVTamanhoBordado" 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="txtQtdePontosTamanhoBordado">Qtde Pontos:</label>
        <input type="number" class="input-default focus form-control" id="txtQtdePontosTamanhoBordado" aria-describedby="codError" name="txtQtdePontosTamanhoBordado" 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="txtTempoTamanhoBordado">Tempo (min):</label>
        <input type="number" class="input-default focus form-control" id="txtTempoTamanhoBordado" aria-describedby="codError" name="txtTempoTamanhoBordado" 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="btnIncluirTamanhoBordado"><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="btnCancelarTamanhoBordado"></span>Cancelar</button>
      <button class="btn btn-danger btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnGravarTamanhoBordado"></span>Gravar</button>
    </div>

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

  </div>
</div>