.container:before, .container:after { content: ""; display: table; } .row:before, .row:after { content: ""; display: table; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: ""; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #0066cc; } .nav .nav-divider { height: 1px; margin: 7.5px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs > li { float: left; } @media (min-width: 768px) { .nav-tabs > li { min-width: 22.9%; margin-right: 1.17%; } } @media (min-width: 1024px) and (min-width: 768px) { .nav-tabs > li { margin-right: 2.8%; } } @media (min-width: 1025px) and (min-width: 768px) { .nav-tabs > li { min-width: auto; width: 23.55%; margin-right: 1.92%; } } @media (min-width: 768px) { .nav-tabs > li.slvzr-last-child { margin-right: 0 !important; } .nav-tabs > li:last-child { margin-right: 0 !important; } } .nav-tabs > li > a { background: #a7a6a4; color: #fff; font-weight: bold; font-size: 13px; text-transform: uppercase; margin-right: 0; text-align: center; line-height: 1.38; } @media (min-width: 768px) { .nav-tabs > li > a { padding-left: 10px; padding-right: 10px; } } .nav-tabs > li > a:hover { color: #555555; background-color: #fff; cursor: default; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; cursor: default; } @media (max-width: 1024px) and (min-width: 768px) { .nav-tabs > li:last-child a { margin-right: -5px; } } @media (min-width: 1025px) { .nav-tabs > li:last-child a { margin-right: -7px; } } @media (min-width: 768px) { #product_browse_pdp .nav-tabs > li, #newsroom-events .nav-tabs > li { min-width: 10%; margin-right: 1.7%; width: 20%; margin: 0; padding-right: 5px; } } @media (max-width: 1024px) and (min-width: 768px) { #product_browse_pdp .nav-tabs > li, #newsroom-events .nav-tabs > li { display: none; } } @media (min-width: 1024px) { #product_browse_pdp .nav-tabs > li, #newsroom-events .nav-tabs > li { min-width: 0; } } @media (min-width: 1025px) { #product_browse_pdp .nav-tabs > li, #newsroom-events .nav-tabs > li { margin-right: 2.46%; width: 18% !important; min-width: 10% !important; } } @media (min-width: 768px) { #product_browse_pdp .nav-tabs > li > a, #newsroom-events .nav-tabs > li > a { padding-left: 6px; padding-right: 3px; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; visibility: hidden; } .tab-content > .tab-pane h3 { font-size: 13px; line-height: 1.5; text-transform: uppercase; color: #323232; font-weight: bold; } .tab-content > .active { display: block; visibility: visible; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } @media (min-width: 1025px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } } @media (min-width: 1024px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } } .container:after { clear: both; } .container:before, .container:after { content: ""; display: table; } .logo_section span, .input-group span { font-family: Arial, sans-serif; } .input-group-addon { padding: 6px 12px; font-size: 13px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .pagination { display: inline-block; padding-left: 0; margin: 3px 0 0 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 11px; line-height: 1.38; text-decoration: none; /* color: #0066cc; */ background-color: #fff; /* border: 1px solid #ddd; */ margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { color: #004080; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 2; /* color: #fff; */ /* background-color: #337ab7; */ /* border-color: #337ab7; */ cursor: default; border: 1px solid #bcbcbc; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 17px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 10px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .modal-open { overflow: hidden; } .modal-backdrop.show { opacity: 0.5; } .modal-backdrop { position: fixed; top: 0; left: 0; /*z-index: 1040;*/ width: 100vw; height: 100vh; background-color: #000; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; font-family: Roboto; font-weight: 500; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } /* .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000; } */ .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px 15px 0 15px; min-height: 16.38px; } .modal-header .close { margin-top: -2px; background-color: #424242; color: #fff; text-shadow: none; padding: 2px 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .modal-title { margin: 0; font-size: 14.5px; line-height: 2.5; text-transform: uppercase; color: #353535; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 700; } @media (min-width: 1025px) { .modal-title { font-size: 15px; } } .modal-body { position: relative; padding: 15px; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 500; } @media (min-width: 1025px) { .modal-body { font-size: 14px; } } .modal-body p { letter-spacing: -0.025em; } @media (max-width: 767px) { .modal-body .btn { display: block; width: 100%; margin: 20px 0 0; } } .modal-body .center-block { text-align: center; } .modal-footer { padding: 15px; text-align: right; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 500; } .modal-footer:before, .modal-footer:after { content: ""; display: table; } .modal-footer:after { clear: both; } .modal-footer .text-left { float: left; } @media (max-width: 767px) { .modal-footer a { clear: both; float: left; display: table; margin-top: 10px; } } .modal-footer .btn { text-transform: uppercase; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } /* .sr-create-btn { margin: 1.8em; line-height: 2.5em; } */ .sr-create-btn i { border: 1px solid black; padding: 10px; margin: 18px; border-radius: 50%; } .sr-create-btn .btn.noborder.removeBorder { line-height: unset; margin-bottom: unset; min-width: 6em; } @media (min-width: 768px) { .modal-dialog { width: auto; margin: 100px auto 30px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 1024px) { .modal-lg { width: 900px; } } .modal-header { padding: 15px 15px 15px 15px; } .modal-body { height: 350px; overflow-y: auto; } @media (min-height: 500px) { .modal-body { height: 400px; } } @media (min-height: 800px) { .modal-body { height: 600px; } } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .signout { padding-left: 10rem; } .sr-icon { /* position: absolute; top: 2em; right: 3em; border: 1px solid black; border-radius: 50%; padding: 5px; */ position: absolute; top: 2em; right: 5px; border: 1px solid black; border-radius: 20%; padding: 5px; min-width: 30px; height: 1.5em; background-color: white; } @media (min-width: 360px) and (max-width: 460px) { .sr-icon { right : -2px; width: 2px; background-color: white; font-size: 14px; } } /* Mobile Only Css */ @media (max-width: 1025px) { .responsive-tabs-container.accordion-xs .nav-tabs { display: none; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (max-width: 600px) { .signout { padding-left: 1rem; } } @media (max-width: 767px) { .lg-screen > :first-child { display: none; } .ph-header-main.offset .cart, .ph-header-main .outside .cart { height: 52px !important; } } @media (min-width: 767px) { .lg-screen > :nth-child(2), .lg-screen > :nth-child(3) { display: none; } .sr-icon { display: none !important; } .ph-header-main__primary { min-height: 53.4px !important; } } @media (min-width: 767px) { .py-2 { width: 155%; } /* .ph-header-main__primary { min-height: 59px !important; } */ } /* Mobile Only Css */ input#keyWord::placeholder { /* color: #d0c6c6; */ font: normal normal 400 1rem/1.5 Roboto, Arial, sans-serif; font-size: 1rem; } .ph-navbar__secondary.my-parker .locale .dropdown-menu #findLocale::placeholder { font-size: 0.6875rem; } .sr-textarea::placeholder { font-size: 1rem; color: #5e5e5e; } .accordion > .card { overflow: hidden; border-left: none; border-right: none; border-radius: inherit; } .search-submit { font-size: 1.25rem; background-color: #ffb91d; } /* i.fas.fa-search { font-weight: 400; } */ /* @media only screen and (min-width: 64em) { .search-form-wrapper .search-form-toggle { left: -39.5px !important; } } */ /* div#phHeaderStickyNav button.search-form-toggle { display: unset !important; } */ /* @media only screen and (min-width: 64.125em){ .ph-navbar__primary .search-form .form-group { width: 90%; margin: 0; } } */ @media only screen and (max-width: 75em) { #locale-business.dropdown-toggle:after { padding: 2px; } } #search-selector-content-type { background-size: 13px !important; } @media only screen and (max-width: 64em) { .ph-header-main__secondary { background-color: unset !important; } div#phHeaderStickyNav button.search-form-toggle { right: 7rem !important; display: unset !important; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } /* @media only screen and (min-width: 64.125em) { #phHeaderStickyNav.outside .ph-navbar .search-submit { display: none; opacity: 0; } } */ .ph-footer__secondary h4 { font-size: 1.125rem; margin: 0; color: white; } /* a#alertsMenu { min-height: 56.7px; } */ /* Css for order no. search text */ @media (max-width: 1024px) and (min-width: 601px){ .py-2{ width:735px; } } /* Css For multiple shipments tracker Modal Popup */ .status-pop { z-index: 9999 !important; } .modal-content.multiple-tracker { padding: unset; } .modal-content.multiple-tracker .modal-header { margin: 2em 2em 0em 2em; } .modal-content.multiple-tracker .modal-body { border: unset; height: calc(100vh - 215px); } .modal-content.multiple-tracker .modal-body .card { border-bottom: 1px solid rgba(0,0,0,.125); border-left: 0; border-right: 0; } .modal-content.multiple-tracker .modal-body .accordian .card .shipment-card-content { padding: 0; } .modal-content.multiple-tracker .modal-body .accordian .card .shipment-card-content .header { font-size: 16px; font-weight: 400; } .modal-content.multiple-tracker .modal-body .accordian .card .shipment-card-content .header .header-title { font-size: 1.2rem; margin: unset; } .modal-content.multiple-tracker .modal-body .accordian .card .shipment-card-content h3, .modal-content.multiple-tracker .modal-body .accordian .card .shipment-card-content h4, .modal-content.multiple-tracker .modal-body .accordian .card .shipment-card-content h5, .modal-content.multiple-tracker .modal-body .accordian .card .shipment-card-content h6 { margin: 2px; font-weight: bold; } .card-body.previous-track-card .media .row.time-breakup .media-body { border-left: solid 2px #c9c9ce; padding-left: 15px; } .status-pop .modal-dialog{ margin: 69px auto 10px; } .done-button-wrapper{ padding-top: 10px; } .done-button-wrapper .done{ color: #424242; font-size: 13px; font-weight: 500; border-radius: 18px; text-align: center; padding: 1px 50px; width: 175px; line-height: unset; height: unset; } .most-recent .activities { border-bottom: solid 1px #ccc; padding-bottom: 10px; padding-top: 10px; line-height: 21px; } .most-recent-date-heading{ line-height: 24px; font-weight: 500; font-size: 16px; margin: 10px 0; } .top-border{ border-top: 1px solid rgba(0,0,0,.125) !important; border-bottom: 1px solid rgba(0,0,0,.125) !important; border-right: 0 !important; border-left: 0 !important; } .bottom-border{ border-top: 0 !important; border-bottom: 1px solid rgba(0,0,0,.125) !important; border-right: 0 !important; border-left: 0 !important; } .shipment-card{ border-bottom: 0px !important; padding: 15px 15px 15px 0px !important; } .multiple-tracker .modal-header{ padding: 25px 25px 20px 0px !important; } .multiple-tracker .modal-title{ font-weight: 500px; font-size: 20px; } .shipment-card .btn-link{ font-size: 18px; } .shipment-card-content a,.shipment-card-content a:hover{ color: rgb(23 81 198) !important; padding: 0 5px 0 2px; } .shipment-card-content .fa-external-link{ color: rgb(23 81 198); } .track-history-card-head .btn-link{ font-weight: 500; } /* Css For multiple shipments tracker Modal Popup */ /* SR Success Failure Image */ .success-img-sr{ background: url(../../assets/images/sr01.svg) no-repeat 0px center; width: 100px; height: 100px; margin: 20px 0px 15px 0px; } .failure-img-sr{ background: url(../../assets/images/sr-danger.svg) no-repeat 0px center; width: 100px; height: 100px; margin: 20px 0px 15px 0px; }@media (max-width: 1139px) { .ph-header-main{ height: 54px !important; } }