Track Your Order
.post-ship-box-wrp{
width: 280px;
bottom: 105px;
right: 50px;
z-index: 10000;
display: none;
position: fixed;
border-radius:5px;
box-sizing: border-box;
background-color: #ececec;
box-shadow: 0 0 3px 0.4px #c7c7c7;
padding: 20px 0;
min-height: 245px;
border-radius: 20px;
}
.post-ship-box-wrp.active::before{
position: absolute;
content: "";
bottom: -6px;
height: 14px;
width: 14px;
right: 17px;
background-color: inherit;
transform: rotate(45deg);
border-radius: 4px;
}
}
.search-by-wrp {
margin-bottom: 20px;
}
.search-by-txt {
margin-bottom: 20px;
padding: 20px 20px 0;
border-top: 1px solid #cccaca;
}
.search-by-txt input {
width: 100%;
border: 1px solid #CFD4D6;
border-radius: 5px;
box-sizing: border-box;
height: 35px;
padding: 0 15px;
border-radius: 30px;
font-family: arial;
}
.search-by-txt input:focus{
outline: none;
}
.post-ship-heading{
font-size: 20px;
text-align: center;
margin: 10px 10px 20px;
font-weight: 700;
line-height: 1.2;
font-family: arial;
}
.search-by-wrp > div{
float: left;
width:33%;
}
.search-button-wrp{
padding: 0 20px;
text-align: center;
}
.post-ship-btn, .post-ship-submit{
background-color: #285fdb;
border-radius: 3px;
font-size: 13px;
border-color: transparent;
-webkit-appearance: none;
outline: 0!important;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 16px;
font-size: 14px;
line-height: 1.52857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
text-transform: capitalize;
box-sizing: border-box;
padding: 6px 26px;
border-radius: 30px;
font-family: arial;
}
.post-ship-box-wrp.active{
display: block;
}
.post-ship-btn{
display: block;
position: fixed;
bottom: 50px;
right: 50px;
z-index: 100000;
box-sizing: border-box;
}
.post-ship-btn.hide-btn{
font-size: 0;
padding: 10px;
}
.post-ship-btn.hide-btn img{
margin: 0;
}
.close-post-ship-popup{
align-items: center;
/* background-color: #2f69db; */
border-radius: 1rem;
color: #000;
cursor: pointer;
display: flex;
font-size: 1rem;
justify-content: center;
position: absolute;
right: 20px;
top: 0;
transition: opacity .2s;
height: 22px;
width: 40px;
top: 6px;
right: 0;
}
.close-post-ship-popup:before {
transform: rotate(45deg);
content: "+";
font-size: 27px;
font-family: arial;
}
.err-text {
margin: 5px 0;
font-size: 12px;
color: red;
display: none;
}
.err-text.active{
display: block;
}
.post-ship-btn img{
width: 21px;
float: left;
margin-right: 8px;
}
.track-img{
text-align: center;
}
.track-img img{
width: 40px;
}