<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 style="text-align: center;" class="input-wrapper"><form style="display: contents;" autocomplete="on"><input type="text1" placeholder="Digite o código de rastreio aqui" name="OrderTracking" id="OrderTracking" autocomplete="on" onclick="fullwindowpopup()"></form><button type="submit" class="rastreio">Rastrear Produto</button></div>
<div style="text-align: center;" class="input-wrapper"></div>
<div style="text-align: left;" class="input-wrapper"></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.rastreiox.com/rastrear/" + 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>