/* ----------------------------------------- */ /* Content Template: business-hours-header - start */ /* ----------------------------------------- */ header .op-is-open-shortcode span.hours-label { opacity: .5; font-weight: bold; color: #FFFFFF; } header .op-is-open-shortcode span.hours-status { padding: 2px 7px; font-weight: bold; letter-spacing: 1px; border-radius: 5px; color: #FFFFFF; text-shadow: 1px 1px 3px #233784; } header .op-is-open-shortcode span.hours-description { background: rgba(255, 255, 255, 0.13); padding: 2px 9px; font-weight: bold; letter-spacing: 1px; border-radius: 5px; color: #FFFFFF; text-shadow: 1px 1px 3px #233784; margin-left: 5px; } /* ----------------------------------------- */ /* Content Template: business-hours-header - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: order-lookup - start */ /* ----------------------------------------- */ .page-id-1309 .mfp-content {padding:0 !important;} .tracking-items .other-info p { padding: 0 5px 10px; line-height: 1.5 !important; color: #ab956d; }.other-info { border-top: 1px solid #d6cab4; margin-top: 20px; padding-top: 15px; } #rp-search { font-weight: bold; font-family: Courier; font-size: 18px; } h3.po-number span.order-number { margin-left: 15px; font-weight: 600; font-size: 17px; color: #444; } .mfp-content #tracking_results h3.po-number { font-size: 14px; text-align: center; text-transform: uppercase; color: #888; top: 15px; width: 100%; font-weight: 500; line-height: 2; z-index: 100; display: inline-block; margin: 0 auto 0px; } .mfp-content #tracking_results { padding:15px; background: #efefef; } .mfp-content #modal-footer, #tracking_results .mfp-close { display:none; } .mfp-content #modal-header button.mfp-close { display: inline-block; position: relative; opacity: 1; z-index:200; } .mfp-content #modal-header { display: block; width: 100%; position: sticky !important; height: 50px; top: 0; left: 0 !important; text-align:right; background: #fff; z-index: 100; border-bottom: 1px solid #CCC; box-shadow: 0px 0px 18px -2px #5d5d5dba; } .mfp-content #modal-footer button.mfp-close { display: inline-block; position: relative; } @media screen and (max-width:667px) { .rp_track_order { max-width: 450px; margin: 0 auto; } .rp_track_order #rp-search { max-width: 640px; margin-right: 10px; width: 100%; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .rp_track_order #rpButtonClick { width: 100%; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } #tracking_results .list-header .th-3 { display: none; } #tracking_results .info span.date { margin: 5px 5px 5px 5px; font-size: 12px; } #tracking_results li .th-2 { display: inline-block; width: 85%; font-size: 13px; line-height: 1.2; margin-top: 5px; } #tracking_results span.item-count { vertical-align: middle; line-height: 0; padding-top: 0; height: 100%; } #tracking_results li.list-header .th-3 { display:none; } }#tracking_results ul.tracking-items h4 span.value { background-color: #ab956d; color: #FFF; min-width: 60px; display: inline-block; text-align: center; padding: 3px 6px; border-radius: 3px; line-height: 1; font-size: 11px; float: right; margin: 0 10px 0 0; }#tracking_results .order-item .th-1 .item-count div { text-align: center; height: 0; width: 100%; display: block; line-height: 0; top: 50%; position: relative; } #tracking_results li.order-item .th-1 span.item-count { font-weight: bold; text-align: center; line-height: 1; position: relative; height: 100%; display: block; } #tracking_results li.order-item .th-1 { font-size: 15px; font-weight: bold; background: #696969; width: 30px; text-align: center; height: 100%; line-height: 85%; color: #FFF; z-index: 19; position: absolute; left: 0; top: 0; display: block; height: 100%; } #tracking_results li.order-item .th-2 { display: inline-block; width: 85%; font-size: 13px; line-height: 1.2; margin: 0px 10px 0 40px; padding: 5px 0 5px; } #tracking_results li.order-item .th-4 { display: inline-block; width: 100%; font-size: 13px; line-height: 1.2; margin: 0px 10px 0 40px; padding: 5px 0 5px; } #tracking_results li.no-order span.search-query { background: #ffefc1; padding: 2px 10px; border-radius: 4px; font-weight: bold; border: 1px solid #dcc993; font-family: Courier; color: #927f49; margin: 0 10px 5px 0; display: inline-block; width: inherit; position: relative; left: -5px; } #tracking_results li.no-order .th-3 .info { text-align: left; display: inline-block; } #tracking_results li.no-order .th-3 { width: 100%; display: inline; text-align: left !important; left: -1px; position: relative; } #rp-search { max-width: 640px; margin-right: 10px; width: 100%; } #rpButtonClick { min-width: 130px; display: inline-block; border-radius: 5px; background: #2e459c; color: #FFF; position: relative; font-family: Poppins, Geneva, sans-serif !important; } #tracking_results ul li.order-item.new span.item-count { background: #006a96; } #tracking_results ul li.order-item.fix span.item-count { background: #c48b00; } #tracking_results .success span.status_code { background-color: #719e3f; padding: 3px 6px; border-radius: 4px; font-size: 11px; font-weight: 600; color: #ffffff; border: 1px solid #6c9843; font-family: Courier; } #tracking_results .error span.status_code { background-color: #b15c5c; padding: 3px 6px; border-radius: 4px; font-size: 11px; font-weight: 600; color: #ffffff; border: 1px solid #e8c2c2; font-family: Courier; } #tracking_results .response { background-color: #eff8ff; border: 2px solid #c6d8e6; padding: 10px 15px 5px; border-left: 4px solid #5c8cb1; border-radius: 5px; margin-top:15px; } #tracking_results .response.success { background-color: #f7ffef; border: 2px solid #d4e6c6; padding: 10px 15px 5px; border-left: 4px solid #8cb15c; border-radius: 5px; } #tracking_results .response.error { background-color: #fff7f7; border: 2px solid #e6c6c6; padding: 10px 15px 5px; border-left: 4px solid #b15c5c; border-radius: 5px; }#tracking_results p { line-height: 1; margin-bottom:5px; } #tracking_results .response.error { background-color: #ffefef; border: 2px solid #e6c6c6; padding: 10px 15px 10px; border-left: 4px solid #b15c5c; border-radius: 5px; font-size: 13px; } .rp-search-box .rp-search-results { display:none; } .rp-search-box .rp-search-results.active-search { display: inline-block !important; height: inherit; overflow: scroll; max-height: calc(80vh - 300px) !important; width: 100%; position: absolute; top: 30px; background: #FFF; z-index: 10; box-shadow: 0px 20px 35px -20px rgba(2, 2, 2, 0.5490196078431373); border-radius: 5px; border: 1px solid #CCC; padding: 30px 15px; } .rp-search-box .rp-search-results #tracking_results { max-height: 290px; z-index: 10; width: 100% !important; display: inline-block !important; position: relative !important; } ul.order-results { background: #efefef; padding: 15px 5px; border-radius: 5px; } #tracking_results ul li.list-header { display: block; width: inherit; font-size: 12px; font-weight: bold; letter-spacing: 0.5px; margin: 5px 15px 7px; border-top: none; border-left: none; border-right: none; border-bottom: 2px dashed #dadada; border-radius: 0; background: transparent; padding: 0 10px 10px; color: #87898a; } #tracking_results .list-header .th-1 { width: 35px; display: inline-block; } #tracking_results .list-header .th-2 { width: 80%; display: inline-block; } #tracking_results .list-header .th-3 { width: 15%; display: inline-block; float: right; text-align: right; padding-right: 5px; } #tracking_results li .th-1 { width: 30px; display: inline-block; } #tracking_results li .th-2 { display: inline-block; width: 70%; } #tracking_results li .th-3 { width: 15%; display: inline-block; float: right; } #tracking_results ul li.order-item { line-height: 1; border: 1px solid #e4e4e4; padding: 4px 10px; line-height:1.2; list-style: none; position: relative; margin: 0 15px 4px; overflow: hidden; border-radius: 5px; background: #FFF; box-shadow: 0px 3px 5px -3px #4444444a; }#tracking_results .info { margin-left: 40px; line-height: 1.35; } #tracking_results .info span.date { font-weight: bold; font-size: 14px; position: relative; color: #a6acaf; letter-spacing: 0px; font-family: Courier; float: right; margin: 0 5px 5px 5px; } #tracking_results .info span.sku { font-size: 16px; font-weight: 600; }#tracking_results .info .tracking span.label { font-size: 11px; font-weight: bold; text-transform: uppercase; background: rgba(241, 227, 201, 0.34); padding: 2px 6px; border-radius: 3px; color: #867a63; letter-spacing: 1px; border: 1px solid #f3e8d3; } #tracking_results h4 { line-height: 1; font-size: 16px; text-align: left; color: #c5b598; margin:5px 0 15px 5px; letter-spacing: 1px; } #tracking_results ul.tracking-items { background: #fbf9f1; padding: 10px 15px; border-radius: 5px; margin: 15px 20px 0; border: 1px solid #e8e2d6; } #tracking_results ul.tracking-items li span.label { font-weight: bold; color: #c5b597; } #tracking_results ul.tracking-items li { list-style: none; margin: 5px 10px 5px 5px; display: inline-block; width: inherit; line-height: 1; padding: 5px 10px; background: #f1eddb; max-width: 100%; font-size: 13px; border-radius: 5px; border-left: 5px solid #ab956d; border-top: 1px solid #d6cab4; border-bottom: 1px solid #d6cab4; border-right: 1px solid #d6cab4; } #tracking_results ul.tracking-items li .tracking .details a { font-size: 15px; letter-spacing: 1px; font-family: Courier; font-weight: bold; color: #635438; margin-left: 10px; } .rp-search-box input#rp-search { z-index: 15; position: relative; background-color: #ecf7fb; font-family: Courier; letter-spacing: 0px; } .rp-search-box button#rpButtonClick { z-index: 15; position: relative; background: #569bbd !important; border-top-left-radius: 0; border-bottom-left-radius: 0; right: -7px; float: right; color: #FFF !important; font-size: 17px; height: 58px; width: 80px; } .col .live-search-results, .header-block .live-search-results, .header .search-form .live-search-results { text-align: left; color: #111; top: 55%; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); left: 0; right: 0; background-color: rgba(255,255,255,0.95); position: absolute; width: 100%; height: 100%; padding: 10px; z-index: 10; } .mfp-content { max-width: 900px; line-height: 0; background: #FFFFFF; border-radius: 5px; min-height: 70vh; padding: 15px 15px; width: 95%; max-height: 600px; overflow: scroll; } .mfp-content #tracking_results { padding: 15px; background: #efefef; display: block; position: absolute; width: 100%; } /* ----------------------------------------- */ /* Content Template: order-lookup - end */ /* ----------------------------------------- */