.wpcargo-container .label {
color: initial !important;
}
.wpcargo-loading {
position: fixed;
z-index: 999999;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
} .wpcargo-loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
} .wpcargo-loading:not(:required) { font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.wpcargo-loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: wpcfespinner 1500ms infinite linear;
-moz-animation: wpcfespinner 1500ms infinite linear;
-ms-animation: wpcfespinner 1500ms infinite linear;
-o-animation: wpcfespinner 1500ms infinite linear;
animation: wpcfespinner 1500ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
} @-webkit-keyframes wpcfespinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes wpcfespinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes wpcfespinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes wpcfespinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
} #wpcargo-result-wrapper * {
font-family: Roboto,sans-serif !important;
}
.wpcargo div,
#wpcargo-result div {
vertical-align: baseline;
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#wpcargo-result .wpcargo-row {
margin-right: -15px;
margin-left: -15px;
}
#wpcargo-result #shipment-info,
#wpcargo-result #pq-info{
padding: 0 !important;
}
#shipment_info .wpcargo-label {
font-size: initial !important;
display: block;
}
#wpcargo-track-header{
margin:18px 0;
}
.text-center{
text-align: center;
}
.wpcargo-title {
font-weight: normal;
}
.wpcargo-wrap-details #shipment-info .wpcargo-label {
font-weight: 700;
margin: 0;
} #shipment-status #result-status-header {
background-color: #ababab;
line-height: 1.3;
padding: 13px 0 12px;
color: #fff;
font-weight: 100;
text-transform: uppercase;
display: block;
width: 100%;
}
#wpcargo-result .header-title {
border-bottom: 1px solid #858b89;
font-size: 1.2rem;
} #wpcargo-pagination-wrapper {
margin: 18px 0;
}
#wpcargo-pagination-wrapper .wpcargo-pagination ul{
margin: 0 auto;
border: none;
padding-left:0;
} 
#wpcargo-pagination-wrapper .wpcargo-pagination ul li{
list-style: none;
}   
#wpcargo-pagination-wrapper .wpcargo-page-link{
border: 1px solid var( --wpcargo );
}
#wpcargo-pagination-wrapper .wpcargo-page-link,
#wpcargo-pagination-wrapper .wpcargo-page-link:hover{
color: var( --wpcargo );
}
.wpcargo-page-item.active .wpcargo-page-link,
#wpcargo-pagination-wrapper .wpcargo-page-item.active .wpcargo-page-link{
color: #fff;
background-color: var( --wpcargo );
border-color: var( --wpcargo );
} .show>.wpcargo-btn-primary.dropdown-toggle,
.wpcargo-btn-primary:not(:disabled):not(.disabled).active,
.wpcargo-btn-primary:not(:disabled):not(.disabled):active,
.wpcargo-btn-primary{
color: #fff;
background-color: var( --wpcargo );
border-color: var( --wpcargo );
}
.wpcargo-btn-primary:hover {
color: #fff;
background-color: #777;
border-color: #777;
} .wpcargo-table thead th{
color: #fff;
background-color: var( --wpcargo );
border-color: var( --wpcargo );
border: 1px solid #eeeeee;
}
table.track_form_table tr td {
padding: 6px;
}
table.track_form_table tr td input[type="text"],
table.track_form_table tr td select,
table.track_form_table tr td textarea {
min-width: 360px;
}  .wpcargo-modal.wpcargo-show-modal{
display: block;
}
.wpcargo-modal {
display: none; position: fixed; z-index: 999999; padding-top: 60px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .wpcargo-modal .modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: wpcargoanimatetop;
-webkit-animation-duration: 0.4s;
animation-name: wpcargoanimatetop;
animation-duration: 0.4s
} @-webkit-keyframes wpcargoanimatetop {
from {
top:-300px;
opacity:0
} 
to {
top:0;
opacity:1
}
}
@keyframes wpcargoanimatetop {
from {
top:-300px;
opacity:0
}
to {
top:0;
opacity:1
}
} .wpcargo-modal .close {
color: #fff;
float: right;
font-size: 2rem;
font-weight: bold;
line-height: 1;
}
.wpcargo-modal .close:hover,
.wpcargo-modal .close:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.wpcargo-modal .modal-header {
padding: 2px 12px;
background-color: var(--wpcargo);
display: block;
overflow: hidden;
}
.wpcargo-modal .modal-body {padding: 18px 16px;
}
.wpcargo-modal .modal-footer {
padding: 2px 16px;
background-color: var(--wpcargo);
}
.wpcargo-login #loginform {
padding: 10px;
border: 1px solid #cecece;
}
.wpcargo-login #user_login,
.wpcargo-login #user_pass {
width: 100%;
}
@media
only screen 
and (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 1024px)  { table#wpcargo-track-table tr td input[type="text"], 
table#wpcargo-track-table tr td input[type="submit"],
table#wpcargo-track-table tr td select, 
table#wpcargo-track-table tr td textarea,
form table#wpcargo-track-table{
width:100% !important;
min-width: 100%;
}
table#wpcargo-track-table, 
#wpcargo-track-table thead, 
#wpcargo-track-table tbody, 
#wpcargo-track-table th, 
#wpcargo-track-table td,
#wpcargo-track-table tr {
display: block;
} #wpcargo-track-tablethead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#wpcargo-track-table tr {
margin: 0 0 1rem 0;
}
#wpcargo-track-table tr:nth-child(odd) {
background: #ccc;
}
#wpcargo-track-table td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding: 0;
}
#wpcargo-track-table td:before {
position: absolute;
top: 0;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
#wpcargo-track-table .submit-track {
padding:16px 0;
}
}