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

        <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="cbSerigrafiaLocal" disabled />
                        <label for="cbSerigrafiaLocal">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="txtIdLocalSerigrafia">ID:</label>
                <input type="text" class="input-default focus form-control" id="txtIdLocalSerigrafia" aria-describedby="codError" name="txtIdLocalSerigrafia" 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="txtDescricaoLocalSerigrafia">Descrição: *</label>
                <input type="text" class="input-default focus form-control" id="txtDescricaoLocalSerigrafia" aria-describedby="codError" name="txtDescricaoLocalSerigrafia" 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="txtSetorLocalSerigrafia">Setor: </label>
                <div class="relative">
                    <div class="input-group">
                        <input type="text" autocomplete="off" class="input-default focus form-control ui-autocomplete-input" id="txtSetorLocalSerigrafia" name="txtSetorLocalSerigrafia" placeholder="Setor" disabled>
                        <div class="input-group-append">
                            <button class="btn bg-danger" id="btnSetorLocalSerigrafia" name="btnSetorLocalSerigrafia" data-button="absolute" type="button" disabled><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger" id="btnLimpaSetorLocalSerigrafia" 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="txtPrecoVUnitarioLocalSerigrafia">Preço V. Un.:</label>
                <input type="number" class="input-default focus form-control" id="txtPrecoVUnitarioLocalSerigrafia" aria-describedby="codError" name="txtPrecoVUnitarioLocalSerigrafia" 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="txtMargemExpressLocalSerigrafia">Margem Express:</label>
                <input type="number" class="input-default focus form-control" id="txtMargemExpressLocalSerigrafia" aria-describedby="codError" name="txtMargemExpressLocalSerigrafia" 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="btnIncluirLocalSerigrafia"><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="btnCancelarLocalSerigrafia"></span>Cancelar</button>
            <button class="btn btn-danger btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnGravarLocalSerigrafia"></span>Gravar</button>
        </div>

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

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

        <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="cbTamanhoSerigrafia" disabled />
                        <label for="cbTamanhoSerigrafia">Ativo</label>
                    </div>
                </fieldset>
            </div>
        </div>

        <div class="row justify-content-center justify-content-md-between align-items-end">

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

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

            <div class="row justify-content-center" style="margin-bottom: 16px;">
                <button class="btn btn-danger btn-sisp mt-sm-0 mr-2" id="btnIncluirTamanhoSerigrafia"><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="btnCancelarTamanhoSerigrafia"></span>Cancelar</button>
                <button class="btn btn-danger btn-sisp mr-2 ml-2 mt-sm-0 mt-2 d-none" id="btnGravarTamanhoSerigrafia"></span>Gravar</button>
            </div>
        </div>

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

<div><!-- Serigtrafia Tipo -->
    <div class="card card-header" role="tab" id="SerigrafiaTipo" style="border-top: 0px;">
        <a style="width:100%;" data-toggle="collapse" data-parent="#abaSerigrafiaTipo" href="#abaSerigrafiaTipo" 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">
                        Tipo
                    </h4>
                </div>
            </div>
        </a>
    </div>

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

        <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="cbSerigrafiaTipo" disabled />
                        <label for="cbSerigrafiaTipo">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="txtIdTipoSerigrafia">ID:</label>
                <input type="text" class="input-default focus form-control" id="txtIdTipoSerigrafia" aria-describedby="codError" name="txtIdTipoSerigrafia" class="form-control" placeholder="ID" disabled>
            </div>

            <div class="col-md-4 col-sm-6 col-12 form-group">
                <label data-error="wrong" class="labelGeral" data-success="right" for="txtDescricaoTipoSerigrafia">Descrição: *</label>
                <input type="text" class="input-default focus form-control" id="txtDescricaoTipoSerigrafia" aria-describedby="codError" name="txtDescricaoTipoSerigrafia" 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="txtTamanhoTipoSerigrafia">Tamanho: *</label>
                <div class="relative">
                    <div class="input-group">
                        <input type="text" autocomplete="off" class="input-default focus form-control ui-autocomplete-input" id="txtTamanhoTipoSerigrafia" name="txtTamanhoTipoSerigrafia" placeholder="Tamanho" disabled>
                        <div class="input-group-append">
                            <button class="btn bg-danger" id="btnTamanhoTipoSerigrafia" name="btnTamanhoTipoSerigrafia" data-button="absolute" type="button" disabled><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger" id="btnLimpaTamanhoTipoSerigrafia" type="button" disabled><i class="m-0 p-0 fas fa-trash"></i></button>
                        </div>
                    </div>
                </div>
            </div>

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

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

        </div>

        <div class="row">

            <div class="col-12 col-sm-6">
                <fieldset class="form border-Field p-0">
                    <legend class="textoBorda pb-0 mb-0">Valores Fixos</legend>

                    <div class="row">

                        <div class="col-6 form-group">
                            <label data-error="wrong" class="labelGeral" data-success="right" for="txtTelaTipoSerigrafia">Valor Tela:</label>
                            <input type="number" class="input-default focus form-control" id="txtTelaTipoSerigrafia" aria-describedby="codError" name="txtTelaTipoSerigrafia" class="form-control" placeholder="0,00" disabled>
                        </div>

                        <div class="col-6 form-group">
                            <label data-error="wrong" class="labelGeral" data-success="right" for="txtFotolitoTipoSerigrafia">Valor Fotolito:</label>
                            <input type="number" class="input-default focus form-control" id="txtFotolitoTipoSerigrafia" aria-describedby="codError" name="txtFotolitoTipoSerigrafia" class="form-control" placeholder="0,00" disabled>
                        </div>

                    </div>

                </fieldset>
            </div>

            <div class="col-12 col-sm-6">
                <fieldset class="form border-Field p-0">
                    <legend class="textoBorda pb-0 mb-0">Valores Unitários</legend>

                    <div class="row">

                        <div class="col-6 form-group">
                            <label data-error="wrong" class="labelGeral" data-success="right" for="txtValorCorTipoSerigrafia">Valor Cor:</label>
                            <input type="number" class="input-default focus form-control" id="txtValorCorTipoSerigrafia" aria-describedby="codError" name="txtValorCorTipoSerigrafia" class="form-control" placeholder="0,00" disabled>
                        </div>

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

                    </div>

                </fieldset>
            </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="btnIncluirTipoSerigrafia"><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="btnCancelarTipoSerigrafia"></span>Cancelar</button>
            <button class="btn btn-danger btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnGravarTipoSerigrafia"></span>Gravar</button>
        </div>

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

    </div>
</div>