<div class="d-flex justify-content-center">
    <div class="col-11">
        <div class="row mt-3">
            <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="cbTermotapeAtivo" disabled />
                        <label for="cbTermotapeAtivo">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="txtIdTermotape">ID:</label>
                <input type="text" class="input-default focus form-control" id="txtIdTermotape" aria-describedby="codError" name="txtIdTermotape" class="form-control" placeholder="ID" disabled>
            </div>

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

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

        </div>

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

            <div class="col-md col-sm-6 col-12 form-group">
                <label data-error="wrong" class="labelGeral" data-success="right" for="txtMargemExpressTermotape">Margem Express:</label>
                <input type="number" class="input-default focus form-control" id="txtMargemExpressTermotape" aria-describedby="codError" name="txtMargemExpressTermotape" 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="txtValProgramacaoTermotape">Val. Programação:</label>
                <input type="number" class="input-default focus form-control" id="txtValProgramacaoTermotape" aria-describedby="codError" name="txtValProgramacaoTermotape" 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="txtValUnitarioTermotape">Val. Unitário:</label>
                <input type="number" class="input-default focus form-control" id="txtValUnitarioTermotape" aria-describedby="codError" name="txtValUnitarioTermotape" 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="btnIncluirTermotape"><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="btnCancelarTermotape"></span>Cancelar</button>
            <button class="btn btn-danger btn-sisp mr-2 mt-sm-0 mt-2 d-none" id="btnGravarTermotape"></span>Gravar</button>
        </div>

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

    </div>
</div>