<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>