* {
    font-family: 'Open Sans', sans-serif !important;
}

.qtip {
    font-size: 15px;
    line-height: 18px;
}

#tracking-portal {
    padding-bottom: 40px;
}

.tracking-portal-rtl {
    text-align: right !important;
    direction: rtl;
}

#GlobaleSiteContainer {
    width: 1024px;
    max-width: 1024px;
}

.LangSelectionLabel {
    float: right;
    color: #323232;
    font-size: 14px;
    padding: 45px 0 20px;
}

.orders-tracking .logo {
    padding-top: 20px;
}

.parcelBox {
    margin: 25px 0;
}

.HideCharts {
    display: none;
}

.TitleContainer {
    display: block;
    margin-bottom: 5px;
    padding: 45px 0 20px;
    font-size: 28px;
}

    .TitleContainer span.titleLabel {
        color: #989898;
        margin-right: 15px;
    }

span.titleValue {
    color: #333333;
}

.ParcelTitleContainer {
    display: inline-block;
    margin-bottom: 5px;
    padding: 45px 0 20px;
    font-size: 20px;
    width: 32%;
}

    .ParcelTitleContainer .titleLabel {
        color: #989898;
        margin-right: 10px;
    }

.tracking-portal-rtl .ParcelTitleContainer .titleLabel {
    margin-right: 0;
    margin-left: 1em;
}

.orders-tracking h1 {
    color: #333333;
    display: inline-block;
    font-size: 28px;
    margin-bottom: 5px;
    padding: 45px 0 20px;
}

.orders-tracking h2 {
    color: #333333;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 5px;
    padding: 45px 0 20px;
}

.orders-tracking .formRow input {
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    box-shadow: 0 0 1px #b5b5b5;
    height: 32px;
    padding-left: 10px;
    width: 290px;
}

.orders-tracking .formRow .label {
    color: #323232;
    width: 150px;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 14px;
}

.tracking-portal-rtl .formRow .label {
    text-align: right;
}

.orders-tracking .formRow .help {
    color: #ff6600;
    cursor: pointer;
}

.tracking-portal-rtl button {
    float: right;
    direction: ltr;
}

.orders-tracking button, .orders-tracking .button {
    background-color: #f67f00;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    text-decoration: none;
    font-size: 14px;
}

    .orders-tracking button:hover, .orders-tracking .button:hover {
        background-color: #ffa200;
    }

.orders-tracking .field-validation-error {
    display: block;
    margin-bottom: 12px;
    margin-left: 154px;
}

.orders-tracking .tracking-portal-rtl .field-validation-error {
    margin-right: 154px;
}

.orders-tracking .formRow input.input-validation-error {
    background-color: #ffe8c8;
    border: 1px dashed red;
}

.orders-tracking .order-status, .orders-tracking .parcel-status {
    margin-bottom: 30px;
    color: #999999;
    font-size: 16px;
}

    .orders-tracking .order-status .current, .orders-tracking .parcel-status .current {
        color: #333333;
        display: inline-block;
        height: 65px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZmZTZjMSIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2ZmZmFmMiIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZhZjIiIHN0b3Atb3BhY2l0eT0iMC4xNyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, rgba(255,225,181,1) 0%, rgba(255,230,193,0.45) 66%, rgba(255,250,242,0.32) 82%, rgba(255,250,242,0.17) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,225,181,1)), color-stop(66%,rgba(255,230,193,0.45)), color-stop(82%,rgba(255,250,242,0.32)), color-stop(100%,rgba(255,250,242,0.17)));
        background: -webkit-linear-gradient(left, rgba(255,225,181,1) 0%,rgba(255,230,193,0.45) 66%,rgba(255,250,242,0.32) 82%,rgba(255,250,242,0.17) 100%);
        background: -o-linear-gradient(left, rgba(255,225,181,1) 0%,rgba(255,230,193,0.45) 66%,rgba(255,250,242,0.32) 82%,rgba(255,250,242,0.17) 100%);
        background: -ms-linear-gradient(left, rgba(255,225,181,1) 0%,rgba(255,230,193,0.45) 66%,rgba(255,250,242,0.32) 82%,rgba(255,250,242,0.17) 100%);
        background: linear-gradient(to right, rgba(255,225,181,1) 0%,rgba(255,230,193,0.45) 66%,rgba(255,250,242,0.32) 82%,rgba(255,250,242,0.17) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1b5', endColorstr='#2bfffaf2',GradientType=1 );
        background-position: 26px 0;
        background-repeat: no-repeat;
    }

.orders-tracking .tracking-portal-rtl .order-status .current, .orders-tracking .tracking-portal-rtl .parcel-status .current {
    background: linear-gradient(to left, rgba(255,225,181,1) 0%,rgba(255,230,193,0.45) 66%,rgba(255,250,242,0.32) 82%,rgba(255,250,242,0.17) 100%);
    background-position-x: -26px;
}

.orders-tracking .order-details {
    font-size: 14px;
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 27px 30px;
    color: #333333;
}

.orders-tracking .parcel-details {
    font-size: 14px;
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 27px 30px;
    color: #333333;
}

.order-details {
    position: relative;
    background: #f1f1f1;
    border: 1px solid #cccccc;
}

    .order-details:after, .order-details:before {
        top: 100%;
        left: 72px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .order-details:after {
        border-color: rgba(241, 241, 241, 0);
        border-top-color: #f1f1f1;
        border-width: 10px;
        margin-left: -10px;
    }

    .order-details:before {
        border-color: rgba(204, 204, 204, 0);
        border-top-color: #cccccc;
        border-width: 11px;
        margin-left: -11px;
    }

.orders-tracking .order-details span.label, .orders-tracking .parcel-details span.label {
    color: #999999;
    display: inline-block;
    margin-bottom: 10px;
    width: 140px;
}

.orders-tracking .last-updated {
    color: #999999;
    float: right;
    text-align: right;
}

.orders-tracking .parcel-details .last-updated span {
    font-size: 14px;
}

.orders-tracking .last-updated span {
    color: #333333;
    display: block;
    font-size: 25px;
    padding-left: 2px;
}

.orders-tracking .last-updated div {
    background-image: url("/Content/Images/Icons/ico-updated.png");
    background-repeat: no-repeat;
    height: 20px;
    line-height: 20px;
    margin-bottom: 9px;
    padding-left: 26px;
}

.parcel-products, .not-shipped-products {
    background: #fff;
}

span.product-desc {
    width: 100%;
    font-weight: normal;
    font-size: 12px;
}

span.product-name {
    display: block;
}

.orders-tracking .order-products, .orders-tracking .parcel-products, .orders-tracking .not-shipped-products {
    border: 1px solid #cccccc;
    border-radius: 8px;
    margin-top: 25px;
    padding: 35px 34px;
    position: relative;
}

.orders-tracking .not-shipped-products {
    margin-top: 0;
}

.order-products:after {
    /* background-image: url("/Content/Images/bottom-shadow.png"); */
    bottom: -16px;
    content: " ";
    display: block;
    height: 15px;
    position: absolute;
    right: 0;
    width: 751px;
}

.orders-tracking .product-item {
    line-height: 1.4em;
    font-size: 13px;
}

.orders-tracking .productDetailsInner {
    display: block;
    font-size: 14px;
    font-weight: 600;
    width: 66.6666666%;
}

.orders-tracking .product-image {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    float: left;
    height: 47px;
    margin-right: 30px;
    text-align: center;
    width: 47px;
    padding: 1px;
}

.orders-tracking .seperator {
    border-bottom: 1px dotted #d0d0d0;
    margin-bottom: 20px;
    margin-top: 20px;
}

.orders-tracking h1 span, .orders-tracking h2 span {
    color: #989898;
    margin-right: 15px;
    font-size: 20px;
}

.orders-tracking .product-image img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.orders-tracking button.track-order {
    margin-top: 10px;
}

.orders-tracking .track-anoter {
    margin-top: 17px;
    margin-bottom: 25px;
    float: right;
}

.orders-tracking .order-details a {
    color: #f67f00;
    font-weight: bold;
    text-decoration: underline;
}

.orders-tracking .status-icon {
    background-color: #e9e9e9;
    border: 4px solid #fff;
    border-radius: 50px;
    box-shadow: 0 2px 3px #a0a0a0;
    display: inline-block;
    height: 55px;
    margin-right: 13px;
    vertical-align: middle;
    width: 55px;
    background-image: url("/content/images/tracking-icons.png");
    background-repeat: no-repeat;
}

.orders-tracking .tracking-portal-rtl .status-icon {
    margin-left: 13px;
    margin-right: 0;
}

.orders-tracking .order-cancelled {
    background-image: url("/content/images/cancel-order-icon.png");
    background-position: center;
}

.orders-tracking #trackForm .order-status .order-cancelled {
    background: #B50000 url(/content/images/tracking-icon-cancelled.png) no-repeat center;
    background-size: 35px;
}

.orders-tracking .active .status-icon {
    background-color: #66ab0b;
}

.orders-tracking .active.current .status-icon {
    background-color: #ff9900;
}

.orders-tracking .arrow {
    background-image: url("/Content/Images/arrow-sprite.png");
    display: inline-block;
    height: 16px;
    margin: 0 10px;
    vertical-align: middle;
    width: 23px;
}

.orders-tracking .current .arrow {
    background-position: 0 15px;
}

.orders-tracking .processing.status-icon {
    background-position: 18px -42px;
}

.orders-tracking .dispatched.status-icon {
    background-position: -44px -44px;
}

.orders-tracking .in-transit.status-icon {
    background-position: -114px -42px;
}

.orders-tracking .tracking-portal-rtl .in-transit.status-icon{
    transform: rotateY(180deg);
}

.orders-tracking .delivered.status-icon {
    background-position: -185px -42px;
}

.orders-tracking .active .processing.status-icon {
    background-position: 18px 12px;
}

.orders-tracking .active .dispatched.status-icon {
    background-position: -44px 13px;
}

.orders-tracking .active .in-transit.status-icon {
    background-position: -114px 13px;
}

.orders-tracking .active .delivered.status-icon {
    background-position: -186px 13px;
}

.orders-tracking .order-details span.current-location {
    color: #3c9d12;
    font-weight: 600;
}

.orders-tracking .delivered.active.current .status-icon {
    background-color: #66ab0b;
}

.orders-tracking .order-status .current.delivered {
    background: none;
}

span.detailsValue a {
    color: #F67F00;
}

span.SplitMessage, .order-cancelled-message {
    font-size: 20px;
    margin-top: 6px;
    display: block;
}

.orders-tracking .parcel-status {
    display: inline-block;
}

    .orders-tracking .parcel-status .status-icon {
        background-image: url("/content/images/tracking-icons-mobile.png");
        background-repeat: no-repeat;
    }

    .orders-tracking .parcel-status .processing.status-icon {
        background-position: 10px -38px;
    }

    .orders-tracking .parcel-status .dispatched.status-icon {
        background-position: -40px -40px;
    }

    .orders-tracking .parcel-status .in-transit.status-icon {
        background-position: -95px -38px;
    }

    .orders-tracking .parcel-status .delivered.status-icon {
        background-position: -153px -38px;
    }

    .orders-tracking .parcel-status .active .processing.status-icon {
        background-position: 10px 6px;
    }

    .orders-tracking .parcel-status .active .dispatched.status-icon {
        background-position: -40px 6px;
    }

    .orders-tracking .parcel-status .active .in-transit.status-icon {
        background-position: -96px 6px;
    }

    .orders-tracking .parcel-status .active .delivered.status-icon {
        background-position: -153px 6px;
    }

.orders-tracking .parcel-details .product-qty span.label, .orders-tracking .product-qty span.label {
    width: auto;
    margin: 0;
}

.orders-tracking .tracking-portal-rtl .parcel-details .product-qty span.label, .orders-tracking .product-qty span.label {
    display: inline-block;
}

.orders-tracking .parcel-details .product-qty, .orders-tracking .product-qty {
    display: inline-block;
    text-align: right;
    width: calc(100% - 66.6666666% - 5px);
}

.orders-tracking .tracking-portal-rtl .parcel-details .product-qty, .orders-tracking .product-qty {
    text-align: left;
}

.parcel-products .product-details, .not-shipped-products .product-details, .product-details {
    padding: 0 0px 0 15px;
    vertical-align: middle;
    width: calc(100% - 55px);
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
}

.parcel-products, .not-shipped-products {
    display: table;
    width: calc(100% - 70px);
}

    .parcel-products .product-item, .not-shipped-products .product-item {
        vertical-align: baseline;
    }

.orders-tracking .parcel-products .product-image, .orders-tracking .not-shipped-products .product-image, .orders-tracking .product-image {
    display: inline-block;
    float: none;
    margin-right: 0px;
}

.orders-tracking .parcel-products .productDetailsInner, .orders-tracking .not-shipped-products .productDetailsInner, .orders-tracking .productDetailsInner {
    display: inline-block;
    overflow: hidden;
}

.order-status span {
    display: inline-block;
}

@media (max-width: 1024px) {
    #GlobaleSiteContainer {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }

    span.detailsValue {
        width: calc(100% - 150px);
        display: -webkit-inline-box;
        line-height: 1.5;
    }

    .orders-tracking .parcel-status {
        display: block;
    }

    .TitleContainer {
        font-size: 22px;
    }

    .ParcelTitleContainer {
        width: 100%;
        font-size: 14px;
    }

    span.titleValue {
        float: right;
    }

    .order-status.noSplit span {
        display: none;
    }

    .orders-tracking .noSplit .status-icon {
        height: 35px;
        width: 35px;
        margin-right: 0;
    }

    div#GlobaleSiteContainer {
        padding: 15px;
        box-sizing: border-box;
    }

    .orders-tracking .order-status .current, .orders-tracking .parcel-status .current {
        height: 45px;
        color: #999;
        font-size: 14px;
    }

    span.status-number {
        display: none !important;
    }

    .orders-tracking .parcel-status span {
        display: none;
    }

    .orders-tracking .order-status .current span, .orders-tracking .parcel-status .current span {
        display: inline-block;
    }

    .orders-tracking .order-status .current .arrow, .orders-tracking .parcel-status .current .arrow {
        display: none;
    }

    .orders-tracking h2 {
        font-size: 14px;
        width: 100%;
        text-align: right;
        display: table;
    }

        .orders-tracking h2 span {
            float: left;
        }

    .logo {
        max-width: 100% !important;
        width: 100% !important;
        background-size: contain;
    }

    .orders-tracking h1 span, .orders-tracking h2 span {
        font-size: 22px;
        float: none;
        text-align: left;
        display: table-cell;
    }

    #trackForm {
        max-width: 100% !important;
        width: 100% !important;
    }

        #trackForm > h1 {
            margin-left: 5px;
            margin-right: 5px;
            font-size: 22px;
            line-height: 1.5;
        }

        #trackForm > form {
            margin-left: 5px;
            margin-right: 5px;
        }
        
    .orders-tracking .formRow .label {
        width: 40%;
    }

    .orders-tracking .formRow input {
        width: 50%;
    }

    .order-status > span {
        display: inline-block;
    }

    .orders-tracking .last-updated {
        float: none;
        text-align: left;
        margin-bottom: 5px;
    }

    .SplitMessage {
        font-size: 16px !important;
    }

    .orders-tracking .order-details, .orders-tracking .parcel-details {
        padding: 15px;
    }

    .orders-tracking .last-updated span {
        font-size: 14px;
        display: inline-block;
    }

    .orders-tracking .last-updated div {
        display: inline-block;
        width: 108px;
    }

    .orders-tracking .order-products {
        padding: 10px;
    }

    .orders-tracking .order-products, .orders-tracking .parcel-products, .orders-tracking .not-shipped-products {
        padding: 15px 30px 15px 15px;
        width: calc(100% - 45px);
    }

        .orders-tracking .order-products .product-details {
            text-overflow: ellipsis;
            max-width: 100%;
            overflow-x: auto;
        }

    .orders-tracking .parcel-status .status-icon {
        width: 35px;
        height: 35px;
        margin-right: 0px;
    }

    .parcelBox {
        margin: 0;
    }

    .orders-tracking .order-status .status-icon {
        background-image: url("/content/images/tracking-icons-mobile.png");
        background-repeat: no-repeat;
    }

    .orders-tracking .order-status .order-cancelled {
        background-image: url("/content/images/cancel-order-icon.png");
        background-position: center;
    }

    .orders-tracking .order-status .processing.status-icon {
        background-position: 18px -42px;
    }

    .orders-tracking .order-status .dispatched.status-icon {
        background-position: -44px -44px;
    }

    .orders-tracking .order-status .in-transit.status-icon {
        background-position: -95px -38px;
    }

    .orders-tracking .order-status .delivered.status-icon {
        background-position: -153px -38px;
    }

    .orders-tracking .order-status .active .processing.status-icon {
        background-position: 10px 6px;
    }

    .orders-tracking .order-status .active .dispatched.status-icon {
        background-position: -40px 6px;
    }

    .orders-tracking .order-status .active .in-transit.status-icon {
        background-position: -96px 6px;
    }

    .orders-tracking .order-status .active .delivered.status-icon {
        background-position: -153px 6px;
    }
}
.tracking-portal-rtl .TitleContainer {
    direction: rtl;
    display: flex;
}

.tracking-portal-rtl .TitleContainer span.titleLabel{
    margin-left: 1.1em;
    margin-right: 0;
}

.orders-tracking .tracking-portal-rtl .last-updated {
    float: left;
}

.orders-tracking .tracking-portal-rtl .last-updated div {
    background-position: right;
    padding-right: 26px
}

.tracking-portal-rtl .ParcelTitleContainer {
    direction: rtl;
    display: inline-flex;
}

.tracking-portal-rtl .label-info-row {
    margin-right: 15px;
    margin-left: 0px;
}

.tracking-portal-rtl .formRow input {
    text-align: left;
    direction: ltr;
}

.tracking-portal-rtl .question-row .error {
    padding-right: 10px;
    padding-left: 0px;
}


.label-pdf .tracking-instructions-rtl {
    text-align: right !important;
    direction: rtl !important;
}


.label-pdf .tracking-instructions-rtl .stamp {
    float: left;
}


.tracking-portal-rtl .tracking-method.boxed {
    text-align: right;
}


.label-pdf .tracking-instructions-rtl ol > li {
    padding-left: 0px;
    padding-right: 10px;
}


.label-pdf .tracking-instructions-rtl ul {
    list-style: outside;
    margin-left: 0px;
    margin-right: 25px;
}

.label-pdf .tracking-instructions-rtl ul > li {
    padding-left: 0px;
    padding-right: 8px;
}


.tracking-portal-rtl .disclaimer-container-inner {
    text-align: right;
}


.tracking-portal-rtl .LangSelectionLabel {
    float: left;
}


.tracking-portal-rtl .formRow .label {
    text-align: right;
}

.tracking-portal-rtl .parcel-dispatched  {
    display: inline-block;
}

.tracking-portal-rtl .active  {
    display: inline-block;
}

.tracking-portal-rtl .delivered  {
    display: inline-block;
}

.tracking-portal-rtl .track-anoter {
    float: left;
}

.CustomLogo {
    padding-top: 20px;
    max-width: 100% !important;
    width: 100% !important;
    text-align:center;
}

@media (min-width: 1024px) {
    .orders-tracking .parcel-status .status-icon {
        width: 35px;
        height: 35px;
        margin-right: 5px;
    }

    .orders-tracking .tracking-portal-rtl .parcel-status .status-icon {
        margin-left: 5px;
        margin-right: 0;
    }

    .orders-tracking.Split .order-details .last-updated div {
        background-position: 15px 0px;
    }

    .orders-tracking .parcel-status .current {
        height: 45px;
    }

    .orders-tracking .parcel-status {
        font-size: 13px;
        display: inline-block;
        width: 100%;
        text-align: right;
        margin-bottom: 15px;
    }

        .orders-tracking .parcel-status .arrow {
            margin: 0 2px;
            width: 23px;
        }

        .orders-tracking .tracking-portal-rtl .parcel-status .arrow {
            transform: rotate(180deg);
        }

        .orders-tracking .tracking-portal-rtl .order-status .arrow {
            transform: rotate(180deg);
        }

    .orders-tracking h2 {
        width: 27%;
    }
}

@media (max-width: 400px) {
    .trackingMessage .detailsValue {
        display: block;
        width: 100%;
    }

    .detailsValue {
        display: block !important;
        width: 100% !important;
    }

    .orders-tracking span.label {
        margin: 5px 0 !important;
    }

    .orders-tracking .order-products, .orders-tracking .parcel-products, .orders-tracking .not-shipped-products {
        padding: 15px;
        width: calc(100% - 30px);
    }

    .orders-tracking .parcel-details .product-qty span.label, .orders-tracking .product-qty span.label {
        display: block;
    }

    .orders-tracking .parcel-details .product-qty, .orders-tracking .product-qty {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .LangSelectionLabel {
        float: none !important;
        display: block;
        padding: 5px 0 25px;
    }
    .orders-tracking .tracking-portal-rtl .last-updated {
        float: right;
        text-align: right;
    }
}