<style><!--
input[type=text1] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  color: Preto; /*Cor do texto no campo de rastreio*/
  box-sizing: border-box;
  border: 2px solid #008000; /*Cor do campo de rastreio*/
  border-radius: 4px;
}
    .rastreio {
        
    background: #008000; /*Cor do Botão de rastreio*/
    padding: 10px;
    border-radius: 7px;
    margin-top: 10px;
    margin-left: 10px;
    color: #fff;
    font-weight: 700;
    border: 1px solid #5d0000;
    color: white;
    cursor: pointer;
        
    }
    .rastreio:hover {
   
    background: #228B22; /*Cor do rastreio ao passar o mouse*/
}
--></style>
<div style="text-align: center;">Informe abaixo o código de rastreio enviado por email ou sms:</div>
<h6 style="text-align: right;"><span style="color: #a9a9a9;"><em></em></span></h6>
<h6 style="text-align: right;"><span style="color: #a9a9a9;"><em>*O código deve ser incluído exatamente igual ao recebido, respeitando letras maiúsculas.</em> </span></h6>
<script src="https://code.jquery.com/jquery-3.5.1.slim.js"></script>
<div class="monitorar">
<div class="input-wrapper" style="text-align: center;"><form autocomplete="on" style="display: contents;"><input autocomplete="on" id="OrderTracking" name="OrderTracking" onclick="fullwindowpopup()" placeholder="Digite o código de rastreio aqui" type="text1" /> </form><button class="rastreio" type="submit">Rastrear Produto</button></div>
<div class="input-wrapper" style="text-align: center;"></div>
<div class="input-wrapper" style="text-align: left;"></div>
</div>
<script>// <![CDATA[
$(function fullwindowpopup() {
  $(".rastreio").click(function () {
    var numerosro = document.getElementById("OrderTracking").value;
    var w = 650;
    var h = 650;
    var left = Number(screen.width / 2 - w / 2);
    var tops = Number(screen.height / 3 - h / 3);
    return window.open(
      "https://www.melhorrastreio.com.br/meu-rastreio/" + numerosro,
      "",
      "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=" +
        w +
        ", height=" +
        h +
        ", top=" +
        tops +
        ", left=" +
        left
    );
  });
  $(".dropdown").hover(
    function () {
      $(".dropdown-menu", this).stop(true, true).fadeIn("fast");
      $(this).toggleClass("open");
      $("b", this).toggleClass("caret caret-up");
    },
    function () {
      $(".dropdown-menu", this).stop(true, true).fadeOut("fast");
      $(this).toggleClass("open");
      $("b", this).toggleClass("caret caret-up");
    }
  );
});
// ]]></script>