<!-- modal sangria -->
<div class="modal fade bd-sangria-modal-sm" id="modal">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h4>Sangria de Caixa</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-12">
            <label data-error="wrong" data-success="right" for="txtMoedaSangria">Moeda</label>
            <div class="input-group">
              <input type="text" class="input-default focus form-control" id="txtMoedaSangria" name="txtMoedaSangria" class="form-control" placeholder="Moeda Sangria" disabled>
              <div class="input-group-append">
                <button class="btn bg-danger" id="btn-MoedaSangria" name="btn-MoedaSangria" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                <button class="btn bg-danger" id="btn-limpa-MoedaSangria" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
              </div>
            </div>
          </div>
          <div class="form-group col-12">
            <label for="txtSangria">Valor de Sangria</label>
            <input type="text" class="input-default focus form-control validate" id="txtSangria">
          </div>
          <div class="col-12">
            <label data-error="wrong" class="labelGeral" data-success="right" for="txtObservacaoSangria">Observação</label>
            <div class="input-s">
              <textarea type="text" style="height: 70px; resize: none;" class="autoExpand forumPost form-control" aria-describedby="ufError" id="txtObservacaoSangria" name="txtObservacaoSangria" class="form-control" placeholder="Observação"></textarea>
              <span id="ufError" class="error invalid-feedback" style="display: inline;"></span>
            </div>
          </div>
        </div>
      </div>
      <div id="modal-sangria-rodape" class="modal-footer justify-content-between">
        <div class=" col-12">
          <div class="float-right">
            <button class="btn btn-primary btn-sisp" id="btnConfirmaSangria">Ok</button>
            <button class="btn btn-secondary btn-sisp" style="opacity: 10px;" data-dismiss="modal">Cancelar</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="modal-ColunasVisiveis" class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content" id="modalBody">
      <div class="modal-header">
        <h4 class="modal-title">Configurar Colunas Invisíveis</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="form-row col-12" id="colunasInvisiveis">

        </div>
      </div>
      <div class="modal-footer">
        <div class="row">
          <button id="btnConfirmarColunas" class='btn btn-primary btn-sisp' type='button'>Confirmar </button>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade bd-suprimento-modal-sm" id="modal">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h4>Suprimento de Caixa</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-12">
            <label data-error="wrong" data-success="right" for="txtMoedaSuprimento">Moeda</label>
            <div class="input-group">
              <input type="text" class="input-default focus form-control" id="txtMoedaSuprimento" name="txtMoedaSuprimento" class="form-control" placeholder="Moeda Suprimento" disabled>
              <div class="input-group-append">
                <button class="btn bg-danger" id="btn-MoedaSuprimento" name="btn-MoedaSuprimento" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                <button class="btn bg-danger" id="btn-limpa-MoedaSuprimento" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
              </div>
            </div>
          </div>
          <div class="form-group col-12">
            <label for="txtSuprimento">Valor de Suprimento</label>
            <input type="text" class="input-default focus form-control validate" id="txtSuprimento">
          </div>
        </div>
      </div>
      <div id="modal-suprimento-rodape" class="modal-footer justify-content-between">
        <div class=" col-12">
          <div class="float-right">
            <button class="btn btn-primary btn-sisp" id="btnConfirmaSuprimento">Ok</button>
            <button class="btn btn-secondary btn-sisp" style="opacity: 10px;" data-dismiss="modal">Cancelar</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div style="z-index:999999999999999!important;" class="modal fade bd-example-modal-lg" id="pesquisaModal" tabindex="-1" role="dialog" aria-labelledby="pesquisaModalLabel">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
      <div class="modal-header" style="align-items: center">
        <h4 class="modal-title" id="pesquisaModalLabel">Pesquisa</h4>
        <input type="button" class="btn btn-sm btn-primary ml-4" id="btnAbrirCadastro" value="Abrir Cadastro">
        <input type="checkbox" id="cbAtivo" class="ml-2" style="margin-top: 3px;" hidden><label for="cbAtivo" id="lblAtivo" style="margin-left: 3px;" hidden>Somente Ativos</label>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body p-4 row">
        <div class="col-sm-12 table-responsive">
          <div id="pesquisaModalBody"></div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" id="pesquisaModalSelecionar" class="btn btn-primary btn-sisp">Selecionar</button>
        <button type="button" id="pesquisaModalConfirmar" class="btn btn-primary btn-sisp">Confirmar</button>
      </div>
      <input type="text" class="d-none" id="txtTabelaPesquisa" name="txtTabelaPesquisa">
    </div>
  </div>
</div>
<div style="z-index:2000!important;" class="modal fade" id="pesquisaDesconto" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="pesquisaDescontoLabel">Pesquisa</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-sm-12">
            <div class="form-group">
              <label for="txtProdutoDesc">Produto </label>
              <input type="text" placeholder="Produto" class="input-default focus form-control validate" id="txtProdutoDesc" name="txtProdutoDesc" readonly disabled>
            </div>
          </div>
          <div class="col-sm-12 d-none" id="divVendaProdutoDesc">
            <label for="txtTabelaDesc">Tabela de Preço </label>
            <div class="input-group">
              <input type="text" data-selecionado="false" id="txtDadosEmAlteracao" name="txtDadosEmAlteracao" class="form-control d-none">
              <input type="text" data-selecionado="false" class="input-default focus form-control" id="txtTabelaDesc" name="txtTabelaDesc" class="form-control" placeholder="Tabela de Preço">
              <div class="input-group-append">
                <button class="btn bg-danger" id="btn-tabela-desc" name="btn-tabela" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                <button class="btn bg-danger" id="btn-limpa-tabela-desc" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
              </div>
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <label for="txtValBruto">Valor Bruto</label>
              <input type="text" placeholder="Valor Bruto" class="input-default focus form-control validate maskDesconto" id="txtValBruto" name="txtValBruto" readonly disabled style="text-align: right;">
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <label for="txtPrecoOrig">Preço Original</label>
              <input type="text" placeholder="Preço Original" class="input-default focus form-control validate maskDesconto" id="txtPrecoOrig" name="txtPrecoOrig" readonly disabled style="text-align: right;">
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <label for="txtQuantidadeDesc">Quantidade</label>
              <input type="text" placeholder="Quantidade" class="input-default focus form-control validate maskDesconto" id="txtQuantidadeDesc" name="txtQuantidadeDesc" readonly disabled style="text-align: right;">
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <label for="txtPrecoDesc">Preço</label>
              <input type="text" placeholder="Preço" class="input-default form-control focus maskDesconto" id="txtPrecoDesc" name="txtPrecoDesc" disabled style="text-align: right;">
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <label for="txtPercDesconto">Percentual Desconto</label>
              <input type="text" placeholder="Percentual Desconto" class="input-default form-control focus maskDesconto" id="txtPercDesconto" name="txtPercDesconto" style="text-align: right;">
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <label for="txtValorDesconto">Valor Desconto</label>
              <input type="text" placeholder="Valor" class="input-default form-control focus maskDesconto" id="txtValorDesconto" name="txtValorDesconto" title="Este campo representará o valor bruto menos o valor líquido total, pois é necessário considerar a quantidade de decimais do campo de preço líquido (unitário) para gerar o valor líquido total." style="text-align: right;">
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <label for="txtPrecoLiqDesconto">Preço Líq.</label>
              <input type="text" placeholder="Preço Líquido" class="input-default  focus form-control maskDesconto" id="txtPrecoLiqDesconto" name="txtPrecoLiqDesconto" readonly disabled style="text-align: right;">
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <label for="txtTotalLiq">Vlr. Líq. Total</label>
              <input type="text" placeholder="Total Líquido" class="input-default focus form-control maskDesconto" id="txtTotalLiq" name="txtTotalLiq" readonly disabled style="text-align: right;">
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" id="pesquisaDescontoConfirmar" class="btn btn-primary btn-sisp">Confirmar</button>
      </div>
    </div>
  </div>
</div>
<div style="z-index:999999999999!important;" class="modal fade" id="modal-danger">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <i class="fas fa-exclamation-triangle text-red" style="margin-right: 20px;font-size: 35px;margin-right: 20;"></i>
        <h4 id="modal-danger-titulo" class="modal-title">Danger Modal</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <textarea style="resize: none;border:0px;" id="modal-danger-conteudo" placeholder="Mensagem:" class="form-control" rows="5" readonly></textarea>
      </div>
      <div id="modal-danger-rodape" class="modal-footer justify-content-between">

      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div style="z-index:999999999999!important;" class="modal fade" id="modal-supervisor">
  <div class="modal-dialog modal-dialog-centered" style="max-width: 540px!important">
    <div class="modal-content bg-white">
      <div class="modal-header">
        <h4 id="modal-supervisor-titulo" class="modal-title">Senha de Supervisor</h4>
        <button type="button" class="close" id="btn-supervisor-close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <span id="modal-supervisor-chave" class="d-none"></span>
      </div>
      <div class="modal-body">
        <div class="group-default form-group">
          <h6 id="modal-supervisor-conteudo">Informe uma senha de supervisor para continuar</h6>
          <label style="margin-top:2px;" data-error="wrong" data-success="right" for="txtSenhaSupervisor">Senha:</label>
          <form action="" autocomplete="off">
            <input type="password" id="txtSenhaSupervisor" class="input-default" />
            <input type="password" id="txtNomeTelaSupervisor" class="input-default d-none" />
          </form>
        </div>
      </div>
      <div id="modal-supervisor-rodape" class="modal-footer justify-content-between">

      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div style="z-index:99999999999!important;" class="modal fade" id="modal-warning">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <i class="fas fa-exclamation-triangle text-yellow" style="margin-right: 20px;font-size: 35px;margin-right: 20;"></i>
        <h4 id="modal-warning-titulo" class="modal-title">Atenção</h4>
        <button type="button" class="close" id="btn-warning-close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <textarea style="resize: none; border:0px;" id="modal-warning-conteudo" placeholder="Mensagem:" class="form-control" rows="5" readonly></textarea>
      </div>
      <div id="modal-warning-rodape" class="modal-footer justify-content-between">

      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div style="z-index:99999999999!important;" class="modal fade" id="modal-dtRetorno">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <i class="fas fa-exclamation-triangle text-yellow" style="margin-right: 20px;font-size: 35px;margin-right: 20;"></i>
        <h4 id="modal-dtRetorno-titulo" class="modal-title">Atenção</h4>
        <button type="button" class="close" id="btn-warning-close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <textarea style="resize: none; border:0px;" id="modal-dtRetorno-conteudo" placeholder="Mensagem:" class="form-control" rows="2" readonly></textarea>
        <div class="col-12" id="primeiraDiv">
          <input type="date" min='1200-01-01' max="2500-12-31" class="input-default focus form-control validate" value="${date}" id="dtRetorno" name="dtRetorno">
        </div>
      </div>
      <div id="modal-dtRetorno-rodape" class="modal-footer justify-content-between">

      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div style="z-index:99999999999!important;" class="modal fade" id="modal-confirmacao">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <i class="fas fa-exclamation-triangle text-yellow" style="margin-right: 20px;font-size: 35px;margin-right: 20;"></i>
        <h4 id="modal-warning-titulo" class="modal-title">Atenção</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div id="modal-confirmacao-conteudo" style="font-size: 20px"></div>
      </div>
      <div id="modal-confirmacao-rodape" class="modal-footer justify-content-between">
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div style="z-index:99999999999!important;" class="modal fade" id="modal-success">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <i class="fas fa-check-square text-green" style="margin-right: 20px;font-size: 35px;margin-right: 20;"></i>
        <h4 id="modal-success-titulo" class="modal-title">Alert Modal</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <textarea style="resize: none;border:0px;" id="modal-success-conteudo" placeholder="Mensagem:" class="form-control" rows="5" readonly></textarea>
      </div>
      <div id="modal-success-rodape" class="modal-footer justify-content-between">

      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div style="z-index:999999999999999999!important;" class="modal fade" id="modal-empresas" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content bg-white">
      <div class="modal-header">
        <h4 id="modal-empresas-titulo" class="modal-title">Selecionar Empresas</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-auto">
        <div class="icheck-danger">
          <input type="checkbox" id="cbTodasAsEmpresas" class="form-check-input">
          <label for="cbTodasAsEmpresas" class="mb-2">TODAS AS EMPRESAS</label>
        </div>
        <div id="modal-empresas-body">

        </div>
      </div>
      <div id="modal-empresas-rodape" class="modal-footer justify-content-end">
        <button id="btn-confirmar-empresas" class="btn btn-danger btn-sisp" data-dismiss="modal">
          Fechar
        </button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>


<div style="z-index:9999!important;" class="modal fade" id="modal-ordenacao" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content bg-white">
      <div class="modal-header">
        <h4 id="modal-titulo" class="modal-title">Configurar ordenação dos relatórios</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer" style="justify-content: space-between;">
        <div class="">
          <button class="btn btn-primary btn-sisp" id="btnOrdenacaoIncluir">Incluir</button>
          <button class="btn btn-secondary btn-sisp" id="btnOrdenacaoAlterar">Alterar</button>
          <button class="btn bg-gradient-danger btn-sisp" id="btnOrdenacaoExcluir">Excluir</button>
          <button class="btn btn-success btn-sisp" id="btnOrdenacaoSetarAtivo">Setar Ativo</button>
        </div>
        <div class="d-flex justify-content-end">
          <button class="btn btn-danger btn-sisp" data-dismiss="modal">
            Fechar
          </button>
        </div>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div style="z-index:9999!important;" class="modal fade" id="modal-cadastro-ordenacao" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content bg-white">
      <div class="modal-header">
        <h4 id="modal-titulo" class="modal-title">Cadastro de Ordenação</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body row">
      <input type="text" class="input-default d-none" id="txtIdOrdenacao" name="txtIdOrdenacao" class="form-control" placeholder="ID Ordenação">
      <input type="text" class="input-default d-none" id="txtOrdemOrdenacao" name="txtOrdemOrdenacao" class="form-control" placeholder="Ordem Ordenação">
        <div class="col-sm-6 col-12">
          <div class="row">
            <div class="col-sm-12 col-12 form-group text-left">
              <label data-error="wrong" class="labelGeral" data-success="right" for="txtNomeOrdenacao">Nome Ordenação (Alterável) </label>
              <div class="input-group">
                <input type="text" class="input-default focus form-control" required id="txtNomeOrdenacao" name="txtNomeOrdenacao" class="form-control" placeholder="Nome Ordenação">
              </div>
            </div>
            <div class="col-sm-12 col-12 form-group text-left">
              <div class="row">
                <div class="col-sm-5 col-12">
                  <label data-error="wrong" class="labelGeral" data-success="right" for="tabela-campos-disponiveis-ordenacao">Campos Disponíveis</label>
                  <table class="table table-sm table-hover table-select" id="tabela-campos-disponiveis-ordenacao">
                    <thead>
                      <tr>
                        <th>Campos</th>
                      </tr>
                    </thead>
                    <tbody></tbody>
                  </table>
                </div>
                <div class="col-sm-5 col-10">
                  <label data-error="wrong" class="labelGeral" data-success="right" for="tabela-campos-ordenacao">Campos Ordenação</label>
                  <table class="table table-sm table-hover table-select" id="tabela-campos-ordenacao">
                    <thead>
                      <tr>
                        <th>Campos</th>
                      </tr>
                    </thead>
                    <tbody>

                    </tbody>
                  </table>
                </div>
                <div class="col-sm-2 col-2" style="margin-top: 29px;">
                  <div class="d-flex flex-column">
                    <button id="btn-campos-up" class="btn btn-xs btn-danger" style="width: 25px"><i class="fas fa-arrow-up"></i> </button>
                    <button id="btn-campos-down" class="btn btn-xs btn-danger mt-2" style="width: 25px"><i class="fas fa-arrow-down"></i> </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-sm-6 col-12">
          <div class="row">
            <div class="col-sm-12 col-12 form-group text-left">
              <label data-error="wrong" class="labelGeral" data-success="right" for="txtNomeLayout">Nome Layout </label>
              <div class="input-group">
                <input type="text" class="input-default focus form-control" required id="txtNomeLayout" name="txtNomeLayout" class="form-control" placeholder="Nome Layout">
              </div>
            </div>
            <div class="col-sm-12 col-12 form-group text-left" id="radioTipoOrdenacaoRelatorio">
              <div class="justify-content-md-start justify-content-center ml-0">
                <fieldset class="form border-Field mb-0 pb-0">
                  <legend class="textoBorda mb-0 pb-0">Ordenação</legend>
                  <div class="form-row">
                    <div class="icheck-primary mr-2">
                      <input type="radio" checked="checked" id="radioTipoOrdenacaoAscendente" name="rgTipoOrdenacao">
                      <label class="" for="radioTipoOrdenacaoAscendente">Ascendente</label>
                    </div>
                    <div class="icheck-primary mr-2">
                      <input type="radio" id="radioTipoOrdenacaoDecrescente" name="rgTipoOrdenacao">
                      <label class="" for="radioTipoOrdenacaoDecrescente">Decrescente </label>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <div class="col-sm-12 col-12 form-group text-left d-none" id="radioTipoOrdenacaoRanking">
              <div class="justify-content-md-start justify-content-center ml-0">
                <fieldset class="form border-Field mb-0 pb-0">
                  <legend class="textoBorda mb-0 pb-0">Ordenação</legend>
                  <div class="form-row">
                    <div class="icheck-primary mr-2">
                      <input type="radio" checked="checked" id="radioTipoOrdenacaoRankingQtde" name="rgTipoOrdenacaoRanking">
                      <label class="" for="radioTipoOrdenacaoRankingQtde">Quantidade</label>
                    </div>
                    <div class="icheck-primary mr-2">
                      <input type="radio" id="radioTipoOrdenacaoRankingValor" name="rgTipoOrdenacaoRanking">
                      <label class="" for="radioTipoOrdenacaoRankingValor">Valor </label>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="modal-cadastro-ordenacao-rodape" class="modal-footer" style="justify-content: flex-start">
        <div class="d-flex">
          <button id="btn-confirmar-ordenacao" class="btn btn-success btn-sisp mr-2">
            Gravar
          </button>
          <button class="btn btn-danger btn-sisp" data-dismiss="modal">
            Desistir
          </button>
        </div>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div style="z-index:999999999999999999!important;" class="modal fade" id="modalSelecionar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
      <div class="modal-header">
        <h4 id="modal-titulo-Selecionar" class="modal-title"></h4>
        <button type="button" id="btn-selecionar-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-12 mx-0">
            <label id="label-Selecionar"></label>
            <div class="row">
              <div class="col-12 table-responsive">
                <div id="divTableSelecionar"></div>
                <!-- <table id="tabelaSelecionar" class="table table-sm table-selected" style="width:100%" width="100%">
                                    <thead>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table> -->
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer justify-content-end">
        <button type="button" id="btnDesistirSelecionar" class="btn bg-gradient-danger btn-sisp mr-2" data-dismiss="modal">Desistir</button>
        <button id="btnConfirmaSelecionar" type="button" class="btn btn-primary btn-sisp">Confirmar</button>
      </div>
    </div>
  </div>
</div>

<div style="z-index:999999999999999999!important;" class="modal fade" id="modal-liberacao-supervisor">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content bg-white">
      <div class="modal-header">
        <h4 id="modal-liberacao-supervisor-titulo" class="modal-title">Solicita Liberação Supervisor</h4>
        <button type="button" class="close" id="btn-liberacao-supervisor-close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="group-default form-group">
          <label style="margin-top:2px;" data-error="wrong" data-success="right" for="txtMotivoLibSupervisor">Motivo:</label>
          <div class="input-group">
            <input type="text" disabled class="input-default focus form-control" id="txtMotivoLibSupervisor" name="txtMotivoLibSupervisor" class="form-control" placeholder="Motivo">
          </div>
        </div>
        <div class="col-lg-12 col-12 text-left pr-0 pl-0 mt-2">
          <label data-error="wrong" class="labelGeral" data-success="right" for="txtObsLibSupervisor">Observação:</label>
          <div class="input-group">
            <textarea class="input-default focus form-control create" id="txtObsLibSupervisor" name="txtObsLibSupervisor" placeholder="Observação" rows="7" cols="50" style="resize: none;"></textarea>
          </div>
        </div>
      </div>
      <div id="modal-liberacao-supervisor-rodape" class="modal-footer justify-content-between">

      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>