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