.ewd-otp-clear {
clear:both;
}
.ewd-otp-status-message {
margin-bottom: 3px;
}
.ewd-otp-status-time {
margin-bottom: 3px;
}
.ewd-otp-tracking-results {
margin-bottom: 9px;
width:100%;
}
#ewd-otp-tracking-number{
height:30px;
padding:5px;
margin:5px;
}
.ewd-otp-submit{
float:left;
}
.ewd-otp-status-message input{
margin:10px 15px;
}
.mb-6 {
margin-bottom: 6px;
}
.mt-12 {
margin-top: 12px;
}
.ewd-otp-bold {
font-weight: 800;
}
.ewd-otp-order-content {
position: relative;
}
.ewd-otp-bottom-align {
position: relative;
}
#ewd-otp-order-number-div {
text-align: left;
}
.ewd-otp-tracking-graphic {
position: relative;
padding-bottom: 60px;
}
.ewd-otp-status-label {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
*display: inline-block;
}
.ewd-otp-tracking-results-field {
margin-bottom:5px;
}
.ewd-otp-ajax-results { 
width:100%; 
}
.ewd-otp-front-end-update-form {
width: 100%;
} .ie-ewd-otp-empty-display {
height: 140px;
width: 600px;
}
.ie-ewd-otp-full-display {
height: 140px;
margin-top: -140px;
}
.ie-empty-graphic-Default {background:url(//militantshippingja.com/wp-content/plugins/order-tracking/assets/images/Default.png);}
.ie-full-graphic-Default {background:url(//militantshippingja.com/wp-content/plugins/order-tracking/assets/images/Default_Full.png);}
.ie-empty-graphic-Narrow {background:url(//militantshippingja.com/wp-content/plugins/order-tracking/assets/images/Narrow.jpg);}
.ie-full-graphic-Narrow {background:url(//militantshippingja.com/wp-content/plugins/order-tracking/assets/images/Narrow_Full.jpg);}
.ie-empty-graphic-Sleek {background:url(//militantshippingja.com/wp-content/plugins/order-tracking/assets/images/Sleek.png);}
.ie-full-graphic-Sleek {background:url(//militantshippingja.com/wp-content/plugins/order-tracking/assets/images/Sleek_Full.png);}
.ie-empty-graphic-Streamlined {background:url(//militantshippingja.com/wp-content/plugins/order-tracking/assets/images/Streamlined.png);}
.ie-full-graphic-Streamlined {background:url(//militantshippingja.com/wp-content/plugins/order-tracking/assets/images/Streamlined_Full.png);}
.ie-ewd-otp-display-length-0 {width: 110px;}
.ie-ewd-otp-display-length-1 {width: 145px;}
.ie-ewd-otp-display-length-2 {width: 180px;}
.ie-ewd-otp-display-length-3 {width: 215px;}
.ie-ewd-otp-display-length-4 {width: 250px;}
.ie-ewd-otp-display-length-5 {width: 285px;}
.ie-ewd-otp-display-length-6 {width: 320px;}
.ie-ewd-otp-display-length-7 {width: 355px;}
.ie-ewd-otp-display-length-8 {width: 390px;}
.ie-ewd-otp-display-length-9 {width: 425px;}
.ie-ewd-otp-display-length-10 {width: 600px;}
.ie-ewd-otp-display-status {
width: 100px;
float: left;
margin-top: -30px;
margin-bottom: -30px;
font-weight: 600;
}
#ie-ewd-otp-initial-status {
margin-left: 50px;
}
#ie-ewd-otp-ending-status {
margin-left: 480px;
}
.ie-ewd-otp-current-status-length-0 {margin-left: 150px}
.ie-ewd-otp-current-status-length-1 {margin-left: 150px}
.ie-ewd-otp-current-status-length-2 {margin-left: 150px}
.ie-ewd-otp-current-status-length-3 {margin-left: 180px}
.ie-ewd-otp-current-status-length-4 {margin-left: 220px}
.ie-ewd-otp-current-status-length-5 {margin-left: 250px}
.ie-ewd-otp-current-status-length-6 {margin-left: 280px}
.ie-ewd-otp-current-status-length-7 {margin-left: 320px}
.ie-ewd-otp-current-status-length-8 {margin-left: 360px}
.ie-ewd-otp-current-status-length-9 {margin-left: 380px}
.ie-ewd-otp-current-status-length-10 {margin-left: 380px} .ewd-otp-empty-display {
position: absolute;
padding-top: 60px;
width: 100%;
z-index: 1;
}
.ewd-otp-full-display {
position: absolute;
width: 100%;
padding-top: 60px;
z-index: 2;
overflow: hidden;
}
.ewd-otp-display-length-0 {width: 0%;}
.ewd-otp-display-length-1 {width: 10%;}
.ewd-otp-display-length-2 {width: 20%;}
.ewd-otp-display-length-3 {width: 30%;}
.ewd-otp-display-length-4 {width: 40%;}
.ewd-otp-display-length-5 {width: 50%;}
.ewd-otp-display-length-6 {width: 60%;}
.ewd-otp-display-length-7 {width: 70%;}
.ewd-otp-display-length-8 {width: 80%;}
.ewd-otp-display-length-9 {width: 90%;}
.ewd-otp-display-length-10 {width: 100%;}
.ewd-otp-statuses {
display: -webkit-flex;
display: block;
-webkit-flex-direction: row;
flex-direction: row;
width: 100%;
word-wrap: normal;
vertical-align: top;
position: relative;
margin-bottom: 10px;
}
.ewd-otp-display-status {
width: 100px;
font-weight: 600;
text-align: center;
}
.ewd-otp-statuses div {
display:inline;
}
#ewd-otp-initial-status {
position: absolute;
left: 0;
}
#ewd-otp-ending-status {
position: absolute;
right: 0;
}
.ewd-otp-current-status-length-0 {position: absolute; right: calc(100% - 100px);}
.ewd-otp-current-status-length-1 {position: absolute; right: calc(95% - 68px);}
.ewd-otp-current-status-length-2 {position: absolute; right: calc(85% - 68px);}
.ewd-otp-current-status-length-3 {position: absolute; right: calc(75% - 68px);}
.ewd-otp-current-status-length-4 {position: absolute; right: calc(65% - 68px);}
.ewd-otp-current-status-length-5 {position: absolute; right: calc(55% - 68px);}
.ewd-otp-current-status-length-6 {position: absolute; right: calc(45% - 68px);}
.ewd-otp-current-status-length-7 {position: absolute; right: calc(35% - 68px);}
.ewd-otp-current-status-length-8 {position: absolute; right: calc(25% - 68px);}
.ewd-otp-current-status-length-9 {position: absolute; right: 15%;}
.ewd-otp-current-status-length-10 {position: absolute; right: 0} #ewd-otp-progressbar-minimalist{
border-style: solid;
border-width: 1px;
border: rgb(136,136,136);
background-color: rgb(255,255,255);
-webkit-box-shadow: 0px 0px 9px 1px rgb(136,136,136);
-moz-box-shadow: 0px 0px 9px 1px rgb(136,136,136);
box-shadow: 0px 0px 9px 1px rgb(136,136,136);
margin-bottom: 1em;
margin-top: 1em;
}
.minimalist {
height: 40px;
background: rgb(242,246,248);
background: -moz-linear-gradient(top, rgb(242,246,248) 0%, rgb(216,225,231) 50%, rgb(181,198,208) 51%, rgb(224,239,249) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(242,246,248)), color-stop(50%, rgb(216,225,231)), color-stop(51%, rgb(181,198,208)), color-stop(100%, rgb(224,239,249)));
background: -webkit-linear-gradient(top, rgb(242,246,248) 0%, rgb(216,225,231) 50%, rgb(181,198,208) 51%, rgb(224,239,249) 100%);
background: -o-linear-gradient(top, rgb(242,246,248) 0%, rgb(216,225,231) 50%, rgb(181,198,208) 51%, rgb(224,239,249) 100%);
background: -ms-linear-gradient(top, rgb(242,246,248) 0%, rgb(216,225,231) 50%, rgb(181,198,208) 51%, rgb(224,239,249) 100%);
background: linear-gradient(to bottom, rgb(242,246,248) 0%, rgb(216,225,231) 50%, rgb(181,198,208) 51%, rgb(224,239,249) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
}
#ewd-otp-progressbar-round{
padding: 2px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-style: solid;
border-width: 1px;
border-color: rgb(184,184,184);
margin-bottom: 1em;
margin-top: 1em;
}
.round {
height: 50px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
background: rgb(147,206,222);
background: -moz-linear-gradient(top, rgb(147,206,222) 0%, rgb(117,189,209) 41%, rgb(73,165,191) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(147,206,222)), color-stop(41%, rgb(117,189,209)), color-stop(100%, rgb(73,165,191)));
background: -webkit-linear-gradient(top, rgb(147,206,222) 0%, rgb(117,189,209) 41%, rgb(73,165,191) 100%);
background: -o-linear-gradient(top, rgb(147,206,222) 0%, rgb(117,189,209) 41%, rgb(73,165,191) 100%);
background: -ms-linear-gradient(top, rgb(147,206,222) 0%, rgb(117,189,209) 41%, rgb(73,165,191) 100%);
background: linear-gradient(to bottom, rgb(147,206,222) 0%, rgb(117,189,209) 41%, rgb(73,165,191) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 );
}
@media (min-width: 481px) {
.ewd-otp-tracking-results-field {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
*display: block;
margin-top:2px;
transition: opacity 1.0s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s ;
transition: all ease 1.0s ;
}
.ewd-otp-tracking-results-field:hover {
width: 100%;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-ms-transition: all ease 0.8s;
transition: all ease 0.8s;
}
}
@media (max-width: 480px) {
#ewd-otp-initial-status {visibility: hidden;}
#ewd-otp-ending-status {visibility: hidden;}
#ewd-otp-location-header {display: none;}
#ewd-otp-date-header{display: none;}
.ewd-otp-bottom-align {position: relative;}
.ewd-otp-tracking-results-field {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
*display: block;
border-style: solid;
border-width: 1px;
border-color: rgb(235, 235, 235);
border-radius: 5px;
margin-bottom: 2px;
transition: opacity 1.0s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s ;
transition: all ease 1.0s ;
}
.ewd-otp-tracking-results-field:hover {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
*display: block;
border-radius: 5px;
background: rgb(235, 235, 235);
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-ms-transition: all ease 0.8s ;
transition: all ease 0.8s ;
}
}
.ewd-otp-print-results {
margin-bottom: 24px;
}
#ewd-otp-order-map iframe {
max-width: 100%;
}
@media print {
body * {
visibility: hidden;
}
.ewd-otp-tracking-results * {
visibility: visible;
}
.ewd-otp-tracking-results {
position: absolute;
left: 0;
top: 0;
}
} .ewd-otp-tracking-results-label,
.ewd-otp-tracking-results-value,
.ewd-otp-statuses-header,
.ewd-otp-statuses,
.ewd-otp-update-status-and-location div {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
text-rendering: auto;
text-align: left;
}
.ewd-otp-tracking-results-label {
width: 25%;
margin-left: 5px;
margin-right: 5px;
font-weight: bold;
}
.ewd-otp-tracking-results-value {
width: 60%;
margin-left: 5px;
margin-right: 5px;
}
.ewd-otp-statuses-header,
.ewd-otp-status-label .ewd-otp-statuses,
.ewd-otp-update-status-and-location div {
width: 25%;
margin: 12px 5px 6px;
text-align: left;
position: relative;
}
.ewd-otp-order-table-clickable-row:hover {
background: #f1f1f1;
}
#ewd_otp_recaptcha {
margin: 16px 0;
} .ewd-otp-order-number-search {
clear: both;
display: flex;
width: 100%;
box-sizing: border-box;
}
.ewd-otp-order-number-search * {
box-sizing: border-box;
}
.ewd-otp-order-number-search form {
display: flex;
width: 100%;
align-items: center;
}
.ewd-otp-order-number-search-label {
margin-right: 20px;
}
.ewd-otp-order-number-search-label:empty {
display: none;
}
.ewd-otp-order-number-search-input {
margin-right: 20px;
}
.ewd-otp-order-number-search-input input {
margin: 0;
padding: 8px 16px;
height: 40px;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 2px;
background: transparent;
}
.ewd-otp-order-number-search-submit,
.ewd-otp-order-number-search input[type="submit"] {
height: 40px;
background: #000;
color: #fff;
font-size: 14px;
border-radius: 2px;
transition: background .35s, color: .35s;
cursor: pointer;
}
.ewd-otp-order-number-search-submit:hover,
.ewd-otp-order-number-search input[type="submit"]:hover {
background: #333;
color: #fff;
text-decoration: none;
}