/********** START NAVIGATION CSS **********/

#schedule-modify-dropdown-wrapper {
    color: #333366;
    border-top: 1px solid;
    background-color: #fff;
    border-color: #333366;
    height: 44px;
    width: 100%;
    text-align: left;
    padding: 6px 20px;
    border-radius: 3px;
    box-shadow: none;
    font-size: 15px;
    -moz-appearance: window;
    -webkit-appearance: none;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
}

.blueDropdown {
    background: transparent url(../media/sap/blue-caret-down.svg) no-repeat;
    background-position: 96% 13px;
    background-size: 18px 18px;
    cursor: pointer;
    position: relative;
}

span.modify-existing-pickup-header {
    cursor: pointer;
}

.selectAddressError {
	display: -webkit-inline-box;
	margin-top: 6px !important;
}

.confNumBold
{
    line-height: 20px;
}

.dropdown-menu {
    width: 100%;
}

.justify-confirm {
    margin-left: 15px;
}

.justify-confirm-md {
    margin-left: 10px;
}

.justify-confirm-sm {
    margin-left: 5px;
}

.noheight {
    width: 100%;
    max-height: 1px;
}

.dropdown.navigation a.dropdown-toggle {
    color: #333366;
    background-color: #FFFFFF;
    border: 1px solid #333366;
    vertical-align: bottom;
    padding: 10px 15px !important;
}

.dropdown-toggle:focus,
a.dropdown-toggle:hover {
    background-color: #FFFFFF !important;
    color: #333366;
    font-size: 16px;
}

.dropdown.navigation {
    background-image: none;
}

.dropup,
.dropdown.navigation {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: @zindex-dropdown;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: @font-size-base;
    text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
    background-color: @dropdown-bg;
    border: 1px solid @dropdown-fallback-border; // IE8 fallback
    border: 1px solid @dropdown-border;
    border-radius: @border-radius-base;
    box-shadow(0 6px 12px rgba(0, 0, 0, .175));
    background-clip: padding-box;
}

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu li a {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 869px) {
    .main-header h1 {
        width: 100%;
    }

    .main-header ul.header-tabs {
        padding-bottom: 10px;
    }
}

/***** END NAVIGATION CSS *****/

/********** START LANDING PAGE CSS **********/

h2,
h2.normal {
    line-height: 24px;
}

.Step_One_Validation_Container,
.Step_Two_Container,
.Step_Three_Container,
.Step_Four_Container {
    display: none;
}

.pickup-list-scheduled-back-button {
    display: none;
}

.first-gray-box-list > h2 {
    font-size: 22px;
}

.schedule-pickup-column.schedule-new-pickup h2,
.schedule-pickkup-column.modify-existing-pickup h2 {
    font-size: 22px;
}

.get-a-refund p,
.view-faqs p {
    padding-top: 5px;
    padding-bottom: 3px;
    font-size: 14px;
}

h2.schedule-pickup-section.two {
    padding-top: 40px;
    font-size: 22px;
}

.get-a-refund a.inline-link-chevron,
.view-faqs a.inline-link-chevron {
    display: inline-block;
    padding-top: 0px;
}

.refund-faqs-wrapper {
    padding-top: 13px;
    padding-bottom: 55px;
}

.view-faqs p {
    font-size: 14px;
}

.pickup-criteria-container {
    padding-top: 30px;
}

.two-column-wrapper {
    padding-top: 30px;
    text-align: center;
}

.package-info-title-gray-box.first-gray-box-list {
    padding-top: 34px;
    margin-top: 40px;
}

.weight-icon {
    background: url(../media/sap/scale-icon.svg);
    height: 48px;
    display: inline-block;
    text-align: center;
    width: 48px;
    background-size: 48px 48px;
}

.measure-icon {
    background: url(../media/sap/measure-icon.svg);
    height: 48px;
    display: inline-block;
    text-align: center;
    width: 48px;
    background-size: 48px 48px;
}

.stamp-icon {
    background: url(../media/sap/stamp-icon.svg);
    height: 48px;
    display: inline-block;
    text-align: center;
    width: 48px;
    background-size: 48px 48px;
}

.weight {
    padding-top: 10px;
}

.measurement {
    padding-top: 10px;
}

.stamp {
    padding-top: 10px;
}

.package-info-title-gray-box {
    background-color: #F7F7F6;
    text-align: left;
    padding: 10px 0px 30px 0px;
    text-align: center;
}

.package-info-gray-box {
    background-color: #F7F7F6;
    text-align: center;
    padding-bottom: 36px;
}


@media only screen and (max-width: 767px) {
    .refund-faqs-wrapper {
        padding-top: 0px;
        padding-bottom: 35px;
    }

    .pickup-meet-criteria {
        padding-top: 24px;
    }

    .package-info-gray-box {
        margin-top: -34px;
        padding-bottom: 26px;
    }

    .schedule-pickup-column.schedule-new-pickup h2,
    .schedule-pickkup-column.modify-existing-pickup h2 {
        font-size: 20px;
    }

    .schedule-pickkup-column.modify-existing-pickup {
        padding-top: 35px;
    }

    .package-info-title-gray-box.first-gray-box-list {
        padding-top: 16px;
    }

    .spotlight-subheader h1 {
        font-size: 25px;
    }

    .spotlight-subheader {
        padding-top: 25px;
    }

    .spotlight-subheader p {
        padding-top: 12px;
        font-size: 16px;
    }

    .two-column-wrapper .btn-primary {
        margin-top: 15px;
    }

    .refund-section {
        margin-left: -15px;
        padding-right: 0px;
    }

    .two-column-wrapper {
        padding-top: 0px;
    }

    .pickup-criteria-container {
        display: none;
    }

    .refund-hidden {
        display: none;
    }

    div#accordion {
        padding-top: 40px;
    }

    .panel-title {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: left;
    }

    p.column-four-text {
        text-align: center;
    }

    a.questions {
        font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .panel-default {
        border-bottom: 1px solid #333366;
    }

    .request-refund {
        text-align: left;
    }

    .package-wrapper-container,
    .refund-section {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        padding-bottom: 15px;
        width: 100%;
    }

    .refund-section {
        margin-left: -15px;
    }

    p.required-text-align {
        text-align: center;
        padding-top: 10px;
        font-size: 16px;
    }

    .card-scurity-code-image {
        width: 100%;
    }

    .first {
        text-align: left;
        margin-top: -20px;
        padding-bottom: 0px;
    }

    h2.schedule-pickup-section.two {
        padding-top: 35px;
        font-size: 22px;
    }

    .package-wrapper-container,
    .refund-section {
        width: 100%;
    }

    .schedule-new-pickup,
    .modify-existing-pickup {
        padding-top: 30px;
    }

    .first-gray-box-list {
        margin-top: 20px;
    }

    .first-gray-box-list > h2 {
        padding-top: 10px;
    }

    .get-a-refund,
    .view-faqs {
        text-align: center;
    }

    .view-faqs {
        padding-top: 15px;
    }

    .get-a-refund p,
    .view-faqs p {
        padding-top: 5px;
    }
	
	#cancelSelectedFromHistory {
		margin-left: 26px !important;
	}
}


@media only screen and (min-width: 768px) {
    .spotlight-subheader > p > a {
        font-size: 16px;
    }

    img.skewed-image.card-scurity-code-image {
        height: 300px;
        width: inherit;
    }

    .single-product-spotlight-image {
        padding-top: 12px;
        height: 300px;
    }

    .spotlight-subheader {
        padding-top: 53px;
    }

    .spotlight-subheader h1 {
        padding-left: 30px;
        font-size: 32px;
    }

    .spotlight-subheader p {
        padding-top: 22px;
        padding-left: 30px;
    }

    .two-column-wrapper .btn-primary {
        margin-top: 25px;
    }

    .schedule-pickup-section.first {
        text-align: center;
        padding-left: 180px;
    }

    .schedule-pickkup-column {
        padding-bottom: 20px;
    }
}

/***** END LANDING PAGE *****/

/*********** START STEP ONE CSS **********/

sub,
sup {
    font-size: 90%;
}

.section--show-hide-mobile {
    margin-top: 10px;
}

.cancel-to-pickup-start-over {
    display: none;
}

.user-address-book,
.save-to-address-book {
    padding-top: 15px;
    display: none;
}

.business-field {
    display: none;
}

.schedule-pick-up-radio-container.radio-container.step-one-radio > label[for=first-radio] {
    padding-top: 0px;
}

.button-container {
    padding-top: 0px;
}

.button-container.edit-cancel-pickup-button {
    padding-bottom: 10px;
}

.step-one-not-eligible-content {
    padding-top: 15px;
}

.not-eligible-paragraph {
    margin-top: -10px;
}

strong.strong-blue {
    color: #333366;
}

.no-match-text {
    padding-top: 15px;
}

.no-match-text p {
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #595959;
}

.invalid-address-modal-body.modal-body {
    padding-left: 40px;
    padding-right: 40px;
}

.schedule-pick-up-radio-container.radio-container.step-one-radio {
    height: 52px;
}

button.step-one-close.close:after {
    background-size: 16px;
    background-position: 13px 5px !important;
}

p.step-one-modal-sub.sub-header {
    margin-top: -9px;
    font-size: 16px;
}

.step-one-modal-line.horizontal-line-container {
    padding-top: 30px;
    padding-bottom: 10px;
}

.step-one-modal-body.modal-body {
    padding-left: 40px;
    padding-right: 35px;
}

.privacy-act-statement {
    padding-bottom: 30px;
}

.privacy-act-content a.inline-link {
    font-size: 12px;
}

.section--content.privacy-act-content {
    padding-top: 5px;
}

.four-easy-steps {
    padding-top: 5px;
    padding-bottom: 3px;
}

.form-group.step-one-pickup {
    padding-top: 20px;
}

.step-one-paragraph {
    display: inline;
}

.step-one-second-paragraph {
    display: inline;
    font-size: 14px;
}

.step-one-third-paragraph.inline-link {
    display: inline;
}

.schedule-pickup-back-button-wrapper {
    padding-top: 20px;
}

.schedule-pickup-inline-link-chevron-back {
    color: #333366;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.schedule-pickup-inline-link-chevron-back:before {
    content: "";
    display: inline-block;
    background-image: url(../media/sap/nav-red-chevron.svg);
    background-repeat: no-repeat;
    background-position: -4px -4px;
    height: 10px;
    width: 12px;
    background-size: 19px 17px;
    margin-top: 0px;
    transform: rotate(-270deg);
    margin-right: 3px;
    margin-left: -2px;
}

.modifyCancelBtn {
    margin-top: 32px !important
}

.not-eligible-modal-body.modal-body {
    font-size: 14px;
    padding-left: 38px;
    color: #595959;
}

.invalid-address-modal-header.modal-header {
    margin-left: -3px;
}

.form-control.step-one-state-dropdown {
    background: transparent url(../media/sap/blue-caret-down.svg) no-repeat;
    background-position: 94% 13px;
    background-size: 18px 18px;
    cursor: pointer;
    position: relative;
}

span.title-style.privacy {
    font-size: 12px;
    color: #333366;
}

p.step-one-extended-content.collapsed {
    display: block;
    overflow: hidden;
}

p.step-one-extended-content {
    font-size: 12px;
    line-height: 17px;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.step-one-extended-content a {
    font-size: 12px;
}

input[type='number']:not(#quick-tools--input).step-one-zip-code-form,
input[type='number']:not(#quick-tools--input).step-one-telephone-form,
input[type='number']:not(#quick-tools--input).step-one-extension-form,
input[type='number']:not(#quick-tools--input).edit-a-scheduled-pickup-form-controls {
    width: 100%;
}

input[type=checkbox] ~ span.checkbox {
    width: 20px;
    height: 20px;
    vertical-align: top;
}

input[type=checkbox]:checked ~ span.checkbox:after {
    line-height: 20px;
}

.modal-title {
    padding-top: 25px !important;
    font-size: 22px;
}

.sub-header {
    padding-top: unset;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.modal-body {
    padding-top: unset;
}

.street-num-name {
    padding-top: 12px;
}

.street-num-name p {
    font-size: 16px;
}

.radio-wrap {
    margin-left: 15px;
}

.radioSpacing {
    margin-top: 20px;
}

.radio-button ~ label {
    color: #595959;
    font-size: 14px;
    padding-left: 10px;
    display: inline-block;
    max-width: 92%;
}

.pick-valid-address .radio-button ~ label {
    padding-top: 0px;
}

.radio-wrap,
.checkbox-wrap {
    padding-top: unset;
}

.invalid-address-sub-header {
    padding-top: 30px;
}

.invalid-address-sub-header.street-num-name {
    padding-top: 20px;
}

.required-field-instructions {
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #595959;
}

.schedule-pick-up-radio-container {
    border-bottom: 1px solid #ededed;
    padding: 15px 10px 10px 10px;
}

.radio-container input[type=radio],
.radio-container label {
    display: inline;
    float: left;
    position: relative;
    top: 5px;
    outline: none;
}

.pick-valid-address.radio-wrap {
    width: fit-content;
    border: 1px solid #ededed;
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

ul.schedule-pickup {
    list-style-type: none;
}

ul.schedule-pickup li {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #595959;
    display: block;
    float: none;
}

h3.sub-header {
    padding-top: 0px;
    padding-bottom: 20px;
}

.sub-header-container {
    padding-bottom: 16px;
}

.close:after {
    padding-top: 0px !important;
}

.modal-header .close {
    padding-top: 20px !important;
}

.close:after,
.modal-header .close:after {
    padding-top: 0px;
    padding-right: 30px !important;
    background-position: 3px 9px !important;
}

input[type=checkbox],
input[type="radio"].toggle {
    width: 20px;
    height: 20px;
}

label.checkbox-text.vertical {
    margin-top: 13px;
}

.step-one-pickup label.checkbox-text.vertical {
    margin-top: 15px;
    color: #333366;
}

label {
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #595959;
    padding-bottom: 10px;
    display: inline-block;
    max-width: 100%;
    margin-bottom: -3px;
    font-weight: unset;
}

.form-last-row {
    padding-bottom: 30px;
}

h4.modal-title.not-eligible-sch-pkp-adrs {
    color: #e71921;
}

.step-one-radio .radio-button ~ label {
    max-width: 92%;
}

.step-one-radio-wrap > .schedule-pick-up-radio-container > label > ul.schedule-pickup {
    display: block;
    margin-top: -1px;
}

.step-one-radio-wrap > .schedule-pick-up-radio-container > label > ul.schedule-pickup > li {
    display: inline !important;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

span.required-question-dog {
    padding-left: 10px;
    width: 100%;
    float: left;
}

.address-dog-header {
    font-weight: bold;
}

.non-traditional-btn {
    min-width: 272px;
}

.schedule-pickup-cancel-btn {
    display: none;
}

#cancelPickupModalHistory .modal-header-wrapper,
#selectPickupModal .modal-header-wrapper {
    margin-top: 40px;
}

#selectPickupModal .modal-header-wrapper h2 {
    text-align: left;
    line-height: 28px;
}

#cancelPickupModalHistory .btn-primary {
    min-width: 160px;
}

button.pickup-order-history-selection-close-icon.close {
    padding: 13px;
    position: relative;
    z-index: 10;
    padding-right: 0px;
    padding-bottom: 0px;
}

#cancelPickupModalHistory .modal-yes-btn {
    margin-right: 25px;
}

#cancelPickupModalHistory .button-container .btn-primary {
    margin-top: 30px;
}

.clearDates {
    font-weight: bold !important;
}




@media only screen and (max-width: 767px) {
    h4.step-one-modal-title.modal-title {
        padding-left: 40px !important;
        padding-top: 30px;
        line-height: 24px;
    }

    #dogModal .modal-header .close,
    #instructionsModal .modal-header .close,
    #urbanizationModal .modal-header .close{
        padding-top: 15px !important;
        padding-right: 5px !important;
    }

    .button-container {
        padding-top: 30px;
    }

    .button-wrapper {
        text-align: center;
    }

    .button-container.edit-pickup-button-holder {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .form-group.step-one-edit-title {
        margin-top: -35px;
        margin-left: -40px;
    }

    .edit-a-scheduled-pickup-modal.edit-a-schedule-pickup-modal-required-space,
    .invalid-address-modal-body.modal-body,
    .not-eligible-modal-body.modal-body {
        padding-left: 30px;
        padding-right: 30px;
    }

    h4.modal-title.not-eligible-sch-pkp-adrs {
        margin-top: 11px;
        color: #e71921;
        padding-bottom: 10px;
    }

    .form-group.step-one-pickup.step-one-tell-us {
        padding-top: 10px;
    }

    .form-group.step-one-pickup.step-one-name {
        padding-top: 15px;
    }

    input[type=checkbox],
    input[type=radio] {
        margin: 0px 0px -3px;
    }

    .pick-valid-address.step-one-radio-wrap.radio-wrap.mobile-modal {
        overflow-x: unset;
        margin-right: 10px;
    }

    .radio-button ~ label {
        display: inline-block;
        max-width: 94%;
        color: #595959;
        font-size: 12px;
        padding-top: 2px;
        padding-left: 10px;
    }

    .schedule-pick-up-radio-container {
        border-bottom: 1px solid #ededed;
        height: auto !important;
    }

    .schedule-pick-up-radio-container label {
        margin: 0px 0px 0px 0px;
    }

    .modal-dialog {
        margin-right: 10px;
        margin-left: 10px;
    }

    .modal-title {
        text-align: center;
        padding-left: 20px !important;
        padding-right: 35px;
    }

    .step-one-radio-wrap > .schedule-pick-up-radio-container > label > ul.schedule-pickup {
        margin-top: -4px;
    }

    .step-one-modal-line.horizontal-line-container {
        padding-right: 0px;
    }

    .invalid-address-modal-body .step-one-modal-line.horizontal-line-container {
        padding-right: 15px;
    }

    .checkAvailabilityModal .sub-header,
    .checkAvailabilityModal .street-num-name,
    .checkAvailabilityModal .step-one-modal-line.horizontal-line-container {
        margin-left: -15px;
    }

    .found-addresses span {
        padding-left: 0px;
    }

    .radio-wrapmobile-modal {
        margin-left: 0px !important;
    }

    .mobile-modal .schedule-pick-up-radio-container {
        padding-left: 10px;
    }

    .radio-wrap.mobile-modal {
        margin-left: 0px;
    }
}


@media only screen and (min-width: 768px) {
    .step-one-second-paragraph,
    .step-one-third-paragraph.inline-link {
        display: none;
    }

    #modifyExistingPickupModal .modal-dialog {
        width: 425px !important;
    }

    .modal-dialog {
        width: 550px !important;
    }

    #cancelPickupModalHistory .dialogModal,
    #selectPickupModal .dialogModal {
        width: 415px !important;
    }

    #selectPickupModal .modal-body {
        padding: 0px 30px 0px 10px;
    }

    .modal-body .buttons-holder {
        text-align: center;
        padding: 0px 0px 40px 0px;
    }

    .pick-valid-address.radio-wrap {
        margin-right: 15px;
    }

    .check-availability-btn .button-container .btn-primary {
        margin-top: 0px;
    }

    .found-addresses span {
        padding-left: 15px;
    }

    .invalid-address-modal-body .button-container,
    .step-one-modal-body.modal-body .button-container {
        margin-right: 0px;
    }

    .not-eligible-modal.modal-dialog {
        width: 548px !important;
    }

    .step-one-modal-title.modal-title {
        padding-left: 39px !important;
        line-height: 24px;
    }

    .not-eligible-modal-body.modal-body .button-container {
        margin-right: 0px;
    }
}


/********** Start Step One: Validation **********/

p.schedule-a-pickup-validation.required-space-after-gray-box.alert-confirmation-message {
    padding-top: 30px;
}

.radio-buttons.schedule-a-pickup-radio-buttons {
    padding-bottom: 35px;
}

.dog-address-wrapper {
    padding-bottom: 34px;
}

.dog-address-validation {
    display: none;
}

#dogModal > .modal-dialog > .modal-content,
#instructionsModal > .modal-dialog > .modal-content,
#urbanizationModal > .modal-dialog > .modal-content {
    padding-bottom: 30px;
}

.modal-title.not-eligible-sch-pkp-adrs {
    margin-left: 0px;
}

button.edit-a-scheduled-pickup-close-modal.close {
    padding: 13px;
    position: relative;
    z-index: 10;
}

input.form-control.edit-a-scheduled-pickup-form-controls {
    width: 106%;
}

.schedule-pickup-validation-privacy-policy.inline-link-chevron {
    display: none;
}

.privacy-policy-responsive p,
.privacy-policy-responsive a {
    font-size: 14px;
}

.privacy-policy-responsive {
    padding-bottom: 25px;
}

.user-entered-data.schedule-a-pickup-validation.required-top-space-inside-gray-box-data-fields {
    width: 106%;
    word-break: break-word;
	word-wrap: break-word;
}

.schedule-a-pickup-validation.required-space-after-gray-box.validation-dog-header {
    color: #333366;
    font-size: 16px;
}

.success-container.schedule-a-pickup-validation.service-available.required-top-space-inside-gray-box.validation-one-top {
    padding-top: 14px;
}

.gray-box-content-section.required-top-space-inside-gray-box.schedule-a-pickup-validation.step-one-validation-gray-box {
    padding-left: 0px;
}

.buttons-holder {
    padding-top: 0px;
    padding-bottom: 40px;
}

ul.header-tabs {
    padding-top: 10px;
}

li.tab.last-tab {
    margin-bottom: -5px;
}

.validation-show-update-edit {
    display: none;
}

.popover.top {
    max-width: 50%;
}

.validation-dog-header .popover.top,
.enter-any-additional-instructions .popover.top {
    width: 350px;
}

.popover-title {
    padding-top: 10px;
    padding: 0px;
    border-bottom: none;
    position: absolute;
    right: 0px;
    background-color: #fff;
}

button#close-popover {
    position: absolute;
    right: 0px;
    top: 5px;
}

.text-info {
    color: #595959;
    font-size: 16px;
    padding: 0px;
}

.popover-content {
    padding-bottom: 20px;
    padding-right: 36px;
    padding-top: 0px;
    padding-left: 20px;
    margin-top: -12px;
    margin-top: -17px;
    width: fit-content;
    height: auto;
    padding: 20px 28px 10px 10px;
}

.schedule-a-pickup-validation.required-top-space {
    padding-top: 20px;
}

.schedule-a-pickup-validation.required-top-space-inside-gray-box {
    padding-top: 10px;
    padding-left: 10px;
}

.schedule-a-pickup-validation.gray-box-text-indent-container {
    padding-left: 5px;
}

.schedule-a-pickup-validation.row-header {
    font-size: 12px;
    padding-top: 0px;
}

.schedule-a-pickup-validation.success {
    color: #218648;
    font-size: 14px;
    background-size: 18px 15px;
    background-position: 0px 2px;
}

.schedule-a-pickup-validation.radio-wrap {
    padding-top: 10px;
}

.schedule-a-pickup-validation.info-icon {
    margin: 0px 0px -4px 5px;
}

a.schedule-a-pickup-edit.edit {
    padding-left: 10px;
}

.inline-link-chevron:after {
    white-space: nowrap;
    background-size: 18px 15px;
    background-image: url(../media/sap/nav-red-chevron.svg);
}

.schedule-a-pickup-validation.inline-link-chevron:after {
    margin-left: 5px;
}

.schedule-a-pickup-validation.radio-container {
    display: inline-block;
    padding-left: 10px;
}

button#go-to-dropdown {
    font-size: 15px;
    color: #333366;
}

p.required-item.complete-fields.schedule-pickup-validation-header-info {
    font-size: 14px;
}

.schedule-a-pickup-validation.required-field-info {
    font-size: 12px;
}

.schedule-a-pickup-validation.gray-box-content-section span {
    font-size: 14px;
    line-height: 19px;
}

.schedule-a-pickup-validation .radio-button ~ label {
    color: #595959;
    font-size: 14px;
    padding-top: 0px;
    max-width: 100%;
    margin-top: -1px;
}

.alert-confirmation-message {
    font-size: 14px;
}

.schedule-a-pickup-validation.inline-link-chevron {
    font-size: 14px;
}

.required-field-info.required-field-info.required-field {
    padding-top: 30px;
}

.schedule-a-pickup-validation .inline-link-chevron:after {
    margin-left: 0px !important;
}

.weightErrorMessage {
    margin-left: 199px !important;
    display: inline-block;
    width: 150px;
    margin-top: 10px;
}

.quantityWeightError {
    padding-top: 15px;
}


.quantityErrorMessage {
    margin-left: -15px;
}

.weightListDesk {
    display: inline-flex !important;
    padding-left: 5px !important;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px !important;
    line-height: 20px;
    color: #595959 !important;
    margin: 0 0 0px;
}

/* Android Galaxy - Samsung */

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),
(-o-min-device-pixel-ratio: 5/2),
(min--moz-device-pixel-ratio: 2.5),
(min-device-pixel-ratio: 2.5) {

    .weightErrorMessage {
        margin-left: 220px !important;
        display: inline-block;
        width: 190px;
        margin-top: -20px;
    }

    .form-group.step-one-edit-title {
        margin-left: -30px !important;
    }

    .androidChanges {
        width: 1000px;
    }

    #totalPackageWeight {
        margin-left: 75px;
        width: 100px !important;
    }

    .lbs {
        margin-left: 20px;
    }

    #modifyPickUpButton {
        width: 273px !important;
    }

    #packageTypeModal {
        width: 360px;
    }

}



@media only screen and (max-width: 767px) {
    .privacy-policy-responsive {
        padding-bottom: 40px;
    }

    .schedule-a-pickup-validation.required-top-space.step-one-validation-step-one-title {
        padding-top: 12px;
    }

    .dog-address-wrapper {
        padding-bottom: 30px;
    }

    .schedule-a-pickup-validation .radio-button ~ label {
        margin-top: -3px;
    }

    #backToSchedulePickupModal .modal-dialog,
    #dogModal .modal-dialog,
    #instructionsModal .modal-dialog,
    #urbanizationModal .modal-dialog{
        padding-top: 20%;
    }

    .modal-body.dog-modal,
    .additional-instructions-modal {
        padding-right: 31px;
        padding-left: 30px;
    }

    p.schedule-a-pickup-validation.required-space-after-gray-box.alert-confirmation-message {
        padding-top: 28px;
        padding-bottom: 5px;
    }

    .schedule-a-pickup-validation.row.gray-box-wrapper {
        margin-bottom: 25px;
    }

    .schedule-a-pickup-validation.required-top-space.tell-us-validation {
        margin-top: -10px;
    }

    input[type='number']:not(#quick-tools--input).edit-a-scheduled-pickup-form-controls {
        width: 100%;
    }

    input.form-control.edit-a-scheduled-pickup-form-controls {
        width: 100%;
    }

    .required-field.edit-schedule-pickup-modal-field-required-space {
        margin-left: -15px;
    }

    .schedule-pickup-validation-privacy-policy.inline-link-chevron {
        display: inline;
    }

    .schedule-a-pickup-validation.radio-container + .radio-container {
        margin-left: 0px;
        display: block;
    }

    .radio-container + .radio-container {
        padding-top: 15px;
    }

    .popover {
        min-width: 96% !important;
    }

    .schedule-a-pickup-validation.required-top-space-inside-gray-box {
        padding-top: 10px
    }

    .validation-show-update-edit {
        padding-top: 20px;
    }

    .schedule-a-pickup-validation.gray-box-wrapper {
        margin-top: 25px;
    }

    .success-container.schedule-a-pickup-validation.service-available.required-top-space-inside-gray-box {
        padding-top: 30px;
    }

    .user-entered-data {
        padding-top: 3px;
    }

    .schedule-a-pickup-validation.radio-wrap {
        padding: 20px 0px 0px 0px;
        margin-left: -10px;
    }

    button.mobile-modal {
        display: none;
    }

    .modal-body {
        padding: 0px 30px 0px 30px;
        padding-top: 0px !important;
    }

    .mobile-cancel {
        display: block;
    }

    .required-field.edit-schedule-pickup-modal-field-required-space {
        padding: 20px 20px 0px 15px;
    }

    h4.mobile-edit-schedule-pickup {
        font-size: 14px;
    }

    .modal-header h4 {
        font-size: 20px;
        line-height: 24px;
    }

    .inline-link {
        font-size: 14px;
    }

    .required-field.edit-schedule-pickup-align-space {
        padding: 20px 20px 0px 20px;
    }

    .non-traditional-btn {
        min-width: 255px;
    }

    #modifyPickUpButton {
        width: 273px !important;
    }

    .weightListMobile {
        display: inline-flex !important;
        padding-left: 5px !important;
        font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px !important;
        line-height: 20px;
        color: #595959 !important;
        margin: 0 0 0px;

    }

}


@media only screen and (min-width: 768px) {
    .schedule-a-pickup-validation.radio-wrap {
        margin-left: -25px;
    }

    .schedule-a-pickup-validation.radio-container + .radio-container {
        margin-left: 40px;
    }

    .text-indentation-required-info {
        padding-left: 8%;
    }

    .schedule-a-pickup-validation.row.gray-box-wrapper {
        margin-top: 25px;
        float: right;
        padding-bottom: 15px;
        margin-bottom: 35px;
    }

    .popover.top {
        margin-top: -9px;
    }

    .modal-title {
        padding-top: 32px !important;
        padding-left: 38px !important;
        font-size: 22px;
    }

    .modal-header .close-edit-a-scheduled-pickup:after {
        content: "";
        background-image: url(../media/sap/close_x.svg);
        padding-right: 20px;
        display: inline;
        background-repeat: no-repeat;
        background-size: 16px;
        padding-left: none;
        background-position: 4px 4px;
    }

    .close-edit-a-scheduled-pickup {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
    }

    button.close-edit-a-scheduled-pickup {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
    }

    .modal-header .close-edit-a-scheduled-pickup {
        opacity: inherit;
        display: inline-block;
        padding-top: 18px;
        padding-right: 20px;
        margin-top: 0px;
    }

    .edit-a-scheduled-pickup-modal.modal-body {
        padding: 0px 50px 0px 52px;
    }

    .modal-header.edit-a-scheduled-pickup-modal-header {
        margin-left: 0px;
    }

    .modal-footer .button-container .btn-primary {
        margin: 40px 0px 40px 0px;
    }

    .modal-footer {
        padding: 0px 0px 0px 0px;
    }

    .required-field.edit-schedule-pickup-modal-field-required-space {
        padding: 30px 0px 0px 0px;
    }

    label {
        margin-bottom: 0px;
        padding-bottom: 10px;
        height: 23px;
        font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #595959;
        font-size: 12px;
    }

    h4.edit-schedule-pickup-modal-field-required-space {
        font-size: 14px;
    }

    .edit-pickup-schedule {
        width: 100%;
        margin: auto;
    }

    .edit-schedule-pickup-align-space {
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    p.required-field.edit-schedule-pickup-modal-field-required-space {
        padding: 10px 0px 0px 0px;
    }

    .required-field-info.required-field-info.required-field {
        margin-left: -15;
        margin-right: -15;
    }

    .mobile-cancel {
        display: none;
    }
}

/***** End Step One: Validation *****/

/***** END STEP ONE CSS *****/

/*********** START STEP TWO CSS **********/

.step-header {
    padding-top: 24px;
}

.horizontal-line-container.steps {
    padding-bottom: 10px;
}

hr.horizontal-line.steps {
    margin-top: 0px;
}

.step-two-package-desc p {
    font-size: 14px;
    margin-top: -5px;
}

textarea#step-two-desc-item-textarea {
    width: 100%;
    height: 88px;
}

select.form-control.dropdown.step-two-form-dropdown {
    width: 100%;
    height: 44px;
    line-height: 31px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #333366;
    padding-right: 45px;
    background: transparent url(../media/sap/blue-caret-down.svg) no-repeat;
    background-position: 94% 13px;
    background-size: 18px 18px;
    cursor: pointer;
    position: relative;
}

.info-icon {
    margin: 0px 0px -4px 5px;
}

.required-field-info p {
    font-size: 12px;
}

p.indicates-a-required-field {
    font-size: 12px;
    padding-top: 20px;
}

.package-location {
    float: left;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .additional-instructions {
        padding-bottom: 60px;
    }

    .enter-any-additional-instructions .button-container.mobile-btn {
        padding-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .info-popover + div .popover-content {
        padding: 15px 39px 11px 18px;
    }

    .additional-instructions {
        padding-bottom: 56px;
    }
}

/***** END STEP TWO CSS *****/

/*********** START STEP THREE CSS **********/

.choose-time-info {
    display: none;
}

.cal-radio-adjust {
    padding: 0px 0px 0px 10px;
    margin-top: -5px;
}

.last-update-validation-edit {
    display: none;
}

.mailing-date {
    background: transparent url(../media/sap/calendar-icon.svg) no-repeat;
    background-position: 97% 9px;
    background-size: 24px 24px;
    cursor: pointer;
}

.scheduled-pickup:after {
    content: '' !important;
    position: absolute;
    display: inline-block !important;
    border-left: 10px solid transparent !important;
    border-bottom: 10px solid #fff !important;
    border-top-color: rgba(0, 0, 0, .2) !important;
    margin: -11px 0px 0px 6px;
}

.current-scheduled-pickup {
    position: relative;
}

.current-scheduled-pickup a.ui-state-default {
    background-color: #333366 !important;
    color: #fff !important;
}

.current-scheduled-pickup:after {
    content: '' !important;
    position: absolute;
    display: inline-block !important;
    border-left: 10px solid transparent !important;
    border-bottom: 10px solid #fff !important;
    border-top-color: rgba(0, 0, 0, .2) !important;
    margin: -11px 0px 0px 7px !important;
}

.scheduled-pickup:after {
    content: '' !important;
    position: absolute;
    display: inline-block !important;
    border-left: 10px solid transparent !important;
    border-bottom: 10px solid #fff !important;
    border-top-color: rgba(0, 0, 0, .2) !important;
    margin: -11px 0px 0px 6px;
}

.schedule-pickup-radio-box,
.choose-day-calendar-wrapper {
    display: none;
}

.schedule-pickup-second-radio-box {
    display: none;
}

.schedule-pickup-button {
    display: inline-block;
}

.radio-container {
    display: inline-block;
}

ul.schedule-pickup {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0px;
}

a.full-schedule-view-button:after {
    background: url(../media/sap/blue-caret-down.svg) no-repeat 20px 10px;
    content: '';
    background-size: 11px 6px;
    background-position: 0px 5px;
    height: 12px;
    width: 12px;
    display: inline-block;
    transform: rotate(-90deg);
}

.schedule-pickup-wrapper.legal.collapsed,
.see-full-schedule.legal.collapsed {
    display: none !important;
}

#see-full-schedule-cal-id {
    pointer-events: none;
    width: 898px;
}

div#schedule-pickup-cal {
    width: 100%;
    float: left;
}

.schedule-pickup-cal-align {
    text-align: center;
    margin: 0px;
}

.schedule-pickup-Select-Day-visibility,
.schedule-pickup-repeat-every-monthly-visibility {
    display: none;
}

.schedule-pickup-cal-align.select-cal {
    padding-top: 40px;
}

#calTringlePop .popover-content {
    padding: 15px 28px 10px 15px !important;
    margin-top: -17px;
    width: fit-content;
    height: auto;
}

.recurring-pickup-tool-instructions {
    padding-top: 25px;
}

.recurring-pickup-tool-instructions p {
    font-size: 14px;
}

.recurring-pickup-tool-instructions p + p {
    padding-top: 15px;
}

.schedule-cal-recurring-pickup-expand .expand-collapse {
    text-align: center;
}

.see-full-schedule.extended-content.collapsed,
.schedule-pickup-wrapper.extended-content.collapsed {
    display: none;
}

.align-cal-center {
    top: 50%;
    left: 60%;
    transform: translateX(-50%) translateY(0%);
}

.expand-collapse:after {
    background-position: 3px 0px;
    height: 12px !important;
}

div.schedule-a-pickup {
    padding-top: 30px !important;
}

.schedule-a-pickup.modification-text {
    padding-bottom: 25px;
}

.choose-a-day-info {
    display: none;
}

.choose-a-day-info p + p {
    padding-top: 20px;
}

.choose-a-day-info p {
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.choose-a-day-info p + .choose-a-day-info p {
    padding-top: 23px;
}

.chose-a-day-info + .chose-a-day-info {
    padding-top: 20px;
}

strong.pickup-on-demand {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333366;
}

.radio-wrap,
.checkbox-wrap {
    padding-top: unset;
}

.radio-container {
    display: inline-block;
}

hr.horizontal-line {
    margin-top: 0px;
}

.extended-content .horizontal-line-container {
    padding-top: 39px;
}

.sch-pickup-step-three-sub-title-choose-a-day {
    padding-top: 20px;
}

.sch-pickup-choose-date-required-space {
    padding-top: 20px;
}

.expand-collapse {
    padding-top: 0px;
}

.component-header {
    padding-top: 30px !important;
    padding-bottom: 0px;
}

.required-field-info p {
    font-size: 12px;
}

.sch-pickup-required-space-for-field {
    padding-top: 30px;
}

.radio-container {
    height: auto;
}

.step-three-sch-pickup-info {
    margin-bottom: 0px;
    font-size: 14px;
}

.create-sign-in-account p {
    font-size: 14px;
}

.schedule-pickup-second-radio-box {
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14;
    color: #595959;
}

label.choose-from-available-pickup-times-label {
    height: 13px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.choose-timeslot-container {
    width: 100%;
    float: left;
}

.weekly,
.monthly {
    display: none;
}

p.indicates-a-required-field {
    font-size: 12px;
    padding-top: 20px;
}

.choose-time-section {
    padding-bottom: 40px;
}

.cal-selection-date-key-space {
    padding-top: 20px;
}

span.cal-info.info-selected {
    margin-left: -5px;
}

span.cal-info:before {
    margin-right: 5px;
}

.otherErrorMessage {
        display: block;
        margin-top: 20px !important;
    }
.otherPackagesShow
{
    display: block !important;
}
.expand-collapse.closed:after {
    background-position: 0px 0px;
    padding-top: 0px !important;
    height: 12px;
}

#cal-clear-selection p {
    font-size: 14px;
}

strong.calendar-key {
    font-size: 14px;
}

p.schedule-a-pickup {
    padding-top: 20px !important;
    font-size: 14px;
}

a.inline-link {
    font-size: 14px;
}

.component-header.see-full-schedule {
    padding-bottom: 30px;
    text-align: center;
}

.mobile-cal-key {
    display: none;
}

.premium-paid-service + .popover {
    max-width: 318px !important;
}

.unstyled::-webkit-clear-button,
.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
    margin: 0px;
}

.header-tabs.header-faqs,
.header-tabs.header-faqs:after {
    height: 17px;
}

span.cal-info.info-selected,
span.cal-info.info-unavailable,
span.cal-info.info-available {
    font-size: 14px;
    color: #595959;
}

.see-full-scheduled-cal-pickup-chevron:after {
    content: "";
    display: inline-block;
    background-image: url(../media/sap/blue-caret-down.svg);
    background-repeat: no-repeat;
    background-position: -1px 0px;
    height: 20px;
    width: 20px;
    background-size: 100%;
    margin-top: 0px;
    transform: rotate(-90deg);
    margin-left: 5px;
}

h4.select-cal.expand-collapse.closed:after {
    background-position: 7px 0px;
}

h4.select-cal.expand-collapse:after {
    background-position: 0px 0px;
}

.schedule-pickup-radio-box .radio-button ~ label {
    margin: 0px 0px 0px 0px;
}

.schedule-pickup-radio-box.radio-container {
    padding: 0px 0px 0px 0px !important;
    height: 40px;
}

.current-scheduled-pickup .popover.top {
    max-width: none;
    max-height: none;
    position: absolute;
}

a.link-popover-scheduled {
    color: #333366;
    margin-top: 15px;
    line-height: 18px;
    text-align: left !important;
    padding: 0px !important;
}

a.link-popover-scheduled:hover {
    color: #999999;
}

p.schedule-pickup-info {
    padding: 0px 0px 0px 0px !important;
}

.link-popover-scheduled.ui-state-hover {
    text-align: left !important;
    border: none !important;
}

.ui-datepicker td a.link-popover-scheduled:hover {
    display: block;
    padding: 0px 0px 4px 0px;
    text-align: right;
    text-decoration: none;
    background-color: unset;
}

.back-button.modal-body p {
    padding: 10px 30px 0px 30px;
    text-align: center;
}

#schedule-pickup-popover-id + .popover.top > .arrow {
    display: inline-block !important;
}

#schedule-pickup-popover-id.info-icon {
    margin-bottom: -3px;
}

#schedule-recurring-pickup .modal-dialog .modal-content .modal-header .modal-title {
    text-align: center;
}

#schedule-recurring-pickup .modal-dialog .modal-content .modal-header .close {
    padding-top: 20px !important;
}

.link-popover-scheduled.ui-state-hover {
    background-image: unset !important;
}

.ui-datepicker td a.link-popover-scheduled:hover {
    padding: .2em;
}

.recurring-pickup-tool-container {
    display: none;
}

.see-full-schedule-calendar-modal .modal-content .modal-body {
    padding: 20px 30px 0px 30px;
}

#calTringlePop.popover.top > .arrow {
    bottom: -10px;
}

.schedule-a-pickup + .radio-wrap {
    padding-top: 20px;
}

.modal {
    z-index: 99999;
}

.modal-backdrop {
    z-index: 9999;
}

#paidServiceModal .modal-title {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    text-align: center;
    padding: 0px 0px 15px 0px;
    color: #333366;
}

#paidServiceModal .modal-body {
    text-align: center;
    margin-left: 0px !important;
}

#paidServiceModal .modal-content {
    border-radius: 0px;
}

p.schedule-a-pickup .popover-content {
    padding: 28px 28px 10px 10px !important;
}

.component-header.schedule-cal-recurring-pickup-expand {
    text-align: center;
}

#paidServiceModal .modal-body p {
    text-align: center;
    padding: 0px 0px 0px 0px;
    color: #595959;
}

#paidServiceModal p {
    line-height: 21px;
}

.scheduled-pickup-dates-info {
    font-size: 14px;
}

#see-full-scheduled-cal-pickup h4 a.expand-collapse:after {
    margin-left: 0px;
}

#see-full-scheduled-cal-pickup h4 a.expand-collapse.closed:after {
    transform: rotate(-90deg) !important;
    background-size: 30px 9px !important;
}

td.scheduled-pickup .ui-state-default {
    background-color: #d3d3d3 !important;
}


@media only screen and (max-width: 767px) {
    .check-availability-btn .button-container {
        padding-top: 0px;
    }
    .check-availability-btn .button-container .btn-primary {
        margin-top: 0px;
    }

    .validation-continue-btn-container.buttons-holder.mobile-btn {
        display: none;
    }

    .validation-continue-btn-container.buttons-holder.mobile-btn .button-container {
        padding-top: 0px;
    }

    .schedule-pickup-radio-box .radio-button ~ label {
        margin: -5px 0px 0px 0px;
    }

    .back-button.modal-body p {
        padding: 10px 10px 0px 10px;
    }

    #paidServiceModal .modal-dialog .modal-content {
        border-radius: 0px;
        margin: 0px;
        margin-top: 50%;
    }

    .choose-time-section {
        padding-bottom: 25px;
    }

    .choose-timeslot-container {
        padding-top: 16px;
    }

    .choose-time-radio-btn span.error-message {
        padding-left: 9px;
    }

    .pickup-times-dropdown {
        padding-left: 24px;
    }

    .recurring-pickup-tool-specific-time.expand-collapse:after {
        background: url(../media/sap/blue-caret-down.svg) no-repeat 20px 10px;
        content: '';
        background-size: 80%;
        background-position: 3px 4px;
        height: 20px;
        width: 28px;
        display: inline-block;
        transform: rotate(180deg);
        padding-top: 3px;
    }

    h4.select-cal.expand-collapse.recurring-pickup-tool-specific-time.closed:after {
        background: url(../media/sap/blue-caret-down.svg) no-repeat 20px 10px;
        content: '';
        background-size: 80%;
        background-position: 7px 0px;
        height: 30px;
        width: 28px;
        top: 50px;
        display: inline-block;
        transform: rotate(0deg);
        padding-top: 6px;
    }

    .ui-datepicker-arrow-down::before {
        right: 21px;
    }

    .cal-sel-info {
        width: 113%;
        margin-left: -20px;
        text-align: center;
    }

    .pickup-demand-info {
        padding: 10px 0px 0px 35px;
    }

    .schedule-pickup-radio-box .horizontal-line-container {
        padding-bottom: 0px;
    }

    .radio-wrap.cal-schedule-pickup-radio-button-wraper {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .schedule-pickup-cal-modal.modal-body {
        padding: 0px 30px 0px 70px !important;
    }

    .schedule-pickup.popover-content {
        padding: 10px;
    }

    a.full-schedule-view-button {
        display: none;
    }

    .schedule-pickup.calendar-key.select-cal.cal-selection-date-key-space.adjusted-right-space-key-cal.mobile-cal-key {
        display: inline-block;
        padding-top: 5px;
    }

    .schedule-pickup.calendar-key.select-cal.cal-selection-date-key-space.adjusted-right-space-key-cal.desk-cal-key {
        display: none;
    }

    span.cal-info {
        margin-right: 0px;
    }

    .schedule-pickup.calendar-key {
        padding-left: 0px;
    }

    #cal-clear-selection p {
        padding-top: 0px;
    }

    p.cal-key-align {
        text-align: left;
        padding: 0px 0px 8px 0px;
    }

    .schedule-pickup.calendar-key {
        padding-right: 0px;
        text-align: center;
    }

    p ~ span.cal-info:before {
        margin-left: 0px;
    }

    .hidden-bank-space {
        display: none;
    }

    .schedule-pickup-second-radio-box {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .schedule-pickup.step-three-sch-pickup-info p {
        padding-left: 0px;
        padding-top: 21px;
    }

    .step-three-sch-pickup-info {
        margin-left: 9px;
    }

    .schedule-pickup.calendar-key {
        padding-right: 0px;
        width: 100%;
    }

    .expand-collapse:after {
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -4px -4px;
        height: 10px;
        width: 12px;
        background-size: 19px 17px;
        margin-top: 0px;
        transform: rotate(-90deg);
        margin-left: 1px;
    }

    div#schedule-pickup-cal {
        width: 100%;
        height: 305px;
    }

    #see-full-schedule {
        display: none;
    }

    .modal-content {
        margin: 0px;
        margin-top: 0%;
    }

    div#cal-clear-selection {
        height: unset;
        margin: 0 auto;
        width: 100% !important;
        position: unset;
    }

    #cal-clear-selection p {
        padding-top: 20px;
        text-align: center;
    }

    .calendar-key p {
        display: block !important;
    }

    .schedule-pickup.calendar-key {
        text-align: left;
    }

    .popover-arrow-top:before {
        display: none !important;
    }

    .popover.top > .arrow {
        display: inline-block !important;
    }

    #cal-first-radio.radio-button ~ label {
        padding-right: 0px;
    }

    ul.schedule-pickup li {
        padding: 0px 0px 0px 0px;
        display: block;
    }

    .current-scheduled-pickup {
        position: unset;
    }

    #schedule-pickup-popover-id + .popover.top > .arrow {
        display: none !important;
    }

    input#cal-first-radio {
        margin-left: 0px;
    }

    .popover-arrow-top:after {
        bottom: 52% !important;
    }

    .cal-schedule-pickup-modal.sub-header {
        padding-top: 0px !important;
    }

    .specific-time-radio-button-wrapper {
        margin-top: 27px;
    }

    .schedule-pickup-radio-box.radio-container {
        padding: 10px 0px 0px 0px !important;
    }

    .schedule-a-pickup + .radio-wrap {
        padding-top: 10px;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-header,
    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-footer {
        border: none;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content {
        border-radius: 0px !important;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-body {
        padding: 0px 30px 0px 30px;
        padding-top: 0px !important;
        margin-left: unset !important;
        text-align: center;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-body .date {
        font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 18px !important;
        color: #595959 !important;
    }

    #current-scheduled-pickup-modal .modal-dialog {
        margin: 5% 5%;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-header .modal-title {
        font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 20px !important;
        color: #595959 !important;
        padding: 0px 0px 25px 0px !important;
        margin-top: 20px !important;
        margin: 20px 15px -10px 15px !important;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-body .current-scheduled-pickup-conf-num.current-scheduled-pickup-info {
        font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 16px;
        padding-top: 5px;
        color: #595959;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-body .current-scheduled-pickup-info {
        font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 16px;
        padding-top: 10px;
        line-height: 23px !important;
        color: #595959;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-body .current-scheduled-pickup-conf-num {
        font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 18px;
        color: #333366;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-footer .button-container .btn-primary {
        font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        color: #ffffff;
        background: #333366;
        min-width: 188px;
        text-align: center;
        border: 2px #333366 solid;
        border-radius: 3px;
        height: 44px;
        text-decoration: none;
        padding: 10px 20px;
        line-height: 17px;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-footer .button-container .button--white {
        font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        color: #333366;
        background: #ffffff;
        min-width: 233px;
        text-align: center;
        border: 2px #333366 solid;
        border-radius: 3px;
        height: 44px;
        text-decoration: none;
        padding: 10px 20px;
        line-height: 17px;
    }

    #current-scheduled-pickup-modal .modal-dialog .modal-content .modal-footer .button-wrapper {
        padding-bottom: 0px !important;
        padding-top: 0px;
    }

    div#schedule-pickup-cal {
        width: 293px !important;
        height: 305px !important;
    }

    #schedule-pickup-cal {
        display: none;
    }

    .current-scheduled-pickup:after {
        margin: -11px 0px 0px 6px;
    }

    .close-wind-to-cont {
        line-height: 21px !important;
    }

    .cal-selection-date-key-space {
        padding-top: 0px;
    }

    #schedule-pickup-cal-mobile {
        border: 1px solid #000;
        z-index: 99999;
        height: 362px;
        width: 291px;
        margin: 0 auto;
    }

    p#clear-scheduled-dates {
        margin-top: -52px;
    }

    .schedule-pickup-btn {
        display: block;
    }

    .schedule-pickup-choose-time-button .button-container {
        padding-top: 0px;
    }
}


@media only screen and (min-width: 768px) {
    .schedule-pickup-time {
        padding-top: 10px;
        padding-left: 13px;
    }

    .schedule-pickup-btn {
        display: inline-block;
    }

    .choose-time-radio-btn.radio-wrap {
        margin-left: 0px;
    }

    #paidServiceModal .modal-dialog {
        width: 500px !important;
    }

    .sch-pickup-required-space-for-field {
        padding-top: 20px;
    }

    .mobile-cal-key {
        display: none;
    }

    .component-header.see-full-schedule {
        padding-bottom: 30px;
    }

    .schedule-pickup.calendar-key.select-cal.cal-selection-date-key-space.adjusted-right-space-key-cal.desk-cal-key {
        display: inline-block;
    }

    .schedule-pickup-second-radio-box.step-three-sch-pickup-info {
        padding-left: 14px;
    }

    span.cal-info.info-unavailable.key-required-space,
    span.info-available.key-required-space {
        margin-left: 15px !important;
    }

    span.cal-info.key-required-space.info-unavailable:before,
    span.cal-info.key-required-space.info-available:before {
        margin-left: 0px;
    }

    .schedule-pickup.calendar-key.select-cal.cal-selection-date-key-space.adjusted-right-space-key-cal {
        text-align: right;
        padding-right: 49px;
    }

    .schedule-pickup.step-three-sch-pickup-info {
        padding-top: 20px;
        padding-left: 29px;
    }

    .schedule-pickup-second-radio-box {
        padding-left: 30px;
        padding-top: 16px;
    }
}

@media only screen and (min-width: 1168px) {
    div#cal-clear-selection {
        margin-left: -55px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1167px) {
    div#cal-clear-selection {
        width: 100%;
    }

    .schedule-pickup.calendar-key.select-cal.cal-selection-date-key-space.adjusted-right-space-key-cal {
        text-align: center !important;
        padding-right: 0px !important;
        float: initial;
    }
}

@media only screen and (max-width: 1057px) and (min-width: 768px) {
    .schedule-pickup.see-full-schedule-cal-key.calendar-key.select-cal.cal-selection-date-key-space.adjusted-right-space-key-cal.desk-cal-key {
        text-align: right !important;
    }

    .schedule-pickup.calendar-key.select-cal.cal-selection-date-key-space.adjusted-right-space-key-cal {
        text-align: center !important;
        padding-right: 0px !important;
    }

    h3.scheduled-pickup-dates-title {
        padding: 32px 0px 0px 64px;
    }

    p.scheduled-pickup-dates-info {
        padding: 0px 0px 0px 51px;
    }

    #see-full-schedule-cal-id {
        padding-left: 15px;
    }

    .see-full-schedule-calendar-modal.modal-dialog {
        width: 740px !important;
    }

    .see-full-schedule-cal-key.desk-cal-key {
        display: inline-block;
        margin: 0px;
        padding: 20px 90px 20px 0px !important;
    }

    .schedule-pickup.calendar-key.select-cal.cal-selection-date-key-space.adjusted-right-space-key-cal {
        text-align: right;
        padding-right: 0px;
    }

    #see-full-schedule-cal-id {
        width: 100%;
        float: left;
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (min-width: 1057px) {
    .scheduled-pickup-dates-info {
        padding: 0px 0px 0px 15px;
    }

    h3.scheduled-pickup-dates-title {
        padding: 32px 0px 0px 30px;
    }

    .see-full-schedule-calendar-modal.modal-dialog {
        width: 950px !important;
    }

    .see-full-schedule-cal-key.desk-cal-key {
        display: inline-block;
        margin: 0px;
        padding: 20px 45px 20px 0px !important;
    }
}


@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ui-datepicker-arrow-down::before {
        position: absolute;
        top: 328px;
        right: 16px;
        content: "";
        width: 20px;
        height: 20px;
        display: block;
        border-style: solid;
        border-color: transparent #000 #000 transparent;
        z-index: 99;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transfor: rotate(45deg);
        background-color: white;
        z-index: -1;
        border-width: 1px;
    }

    .current-scheduled-pickup::after {
        content: "" !important;
        position: absolute;
        display: inline-block !important;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #fff !important;
        border-top-color: rgba(0, 0, 0, 0.2) !important;
    }
}


@media screen and (-ms-high-contrast:active),
all and (-ms-high-contrast:none) {
    .scheduled-pickup::after {
        margin: -11px 0 0 23px !important;
    }

    .current-scheduled-pickup::after {
        margin: -10px 0 0 24px !important;
    }
}

/***** END STEP THREE CSS *****/

/*********** START STEP FOUR CSS **********/

.step-four-top-modal-content-wrapper > h4,
.step-four-top-modal-content-wrapper > .modal-content-desc,
.step-four-modal-content-wrapper > h4 {
    font-size: 14px;
}

.step-four-top-modal-content-wrapper {
    padding-left: 10px;
    padding-top: 20px;
    font-size: 14px;
}

.step-four-modal-content-wrapper {
    padding-top: 20px;
    padding-left: 10px;
}

.step-four-info-icon {
    width: 16px;
    height: 16px;
    background-image: url(../media/sap/info-icon.svg);
    background-size: 40px 40px;
    background-position: -12px -12px;
    display: inline-block;
    margin-bottom: 0px;
    outline: none !important;
    cursor: pointer;
    margin-left: 5px;
    margin-bottom: -3px;
}

.error-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(../media/sap/error-icon.svg);
    background-size: 16px 16px;
    display: inline-block;
    margin-bottom: 0px;
    outline: none !important;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: -3px;
}

.step-four-modal.modal-container {
    background-color: #fff;
    border-radius: 0px;
    padding-bottom: 35px;
}

.modal-content-desc {
    font-size: 14px;
    padding-top: 5px;
}

.checkbox-header-labels {
    font-size: 14px;
}

.step-four-top-header {
    padding-top: 12px;
}

.gray-box-content-section > .step-four-row-header {
    padding-top: 23px;
}

.mail-form-box {
    float: right;
}

.step-four-row-one {
    padding-top: 45px;
}

.step-four-row-two {
    padding-top: 59px;
}

.step-four-row-three {
    padding-top: 59px;
}

.mail-column-label {
    display: inline-block;
    font-size: 14px;
}

.package-description-content {
    font-size: 14px;
}

.checkbox-header-label {
    display: inline;
    font-size: 14px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 2px;
}

.step-four-row-header {
    font-size: 14px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 10px;
}

.zero-wrapper {
    display: inline;
    color: #333366;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding-left: 63px;
}

.total-number-wrapper {
    display: inline;
}

.pickup-summary-header {
    padding-top: 28px;
    font-size: 20px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333366;
}

.mail-type-labels {
    font-size: 14px;
}

.step_four {
    display: inline;
    font-size: 24px;
    color: #333366;
}

.package-description-wrapper {
    padding-left: 30px;
}

input[type=checkbox]:checked ~ span.step-four-checkbox:after {
    content: "\2714";
    font-size: 19px;
    line-height: 20px;
    display: block;
}

input[type=checkbox] ~ span.step-four-checkbox {
    display: inline-block;
    font-size: 16px;
    width: 20px;
    height: 20px;
    line-height: 24px;
    border: 1px solid #999999;
    color: #333366;
    margin: -3px 5px 0 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    background: #fff;
}

.pickup-button.button-wrapper {
    margin-top: -5px;
}

label.step-four-checkbox-text.vertical {
    padding-top: 5px;
}

.gray-box-full-width p {
    float: left;
    width: 100%;
    font-size: 14px;
    padding-top: 10px;
}

.pickup-summary-gray-box-wrapper {
    background: #f7f7f7;
    padding-bottom: 16px;
    padding-left: 20px;
    margin-top: 18px;
    padding-top: 5px;
    margin-left: 0px;
    margin-right: 44px;
    padding-right: 15px;
}

.estimate-text {
    margin-left: 0px;
    padding-top: 0px;
}

.pickup-summary-gray-box-content-wrapper {
    margin-top: -13px;
}

div.Step_Four_Container input[type='text']:not(#quick-tools--input) {
    -webkit-appearance: none;
    width: 130px;
}

.form-control {
    display: block;
    width: 130px;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    border: 1px solid #333366;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.first-package-row.package-rows-container {
    padding-top: 13px;
}

.second-package-row.package-rows-container {
    margin-top: -3px;
}

.third-package-row.package-rows-container {
    margin-top: -3px;
}

.required-field-indicator {
    padding-top: 4px;
}

.go-to-wrapper {
    padding-top: 15px;
}

.quantity-indicator-text {
    padding-top: 20px;
    font-size: 14px;
}

.quantity-items {
    height: 145px;
}

.quantity-items p {
    position: sticky;
    vertical-align: bottom;
    display: table-cell;
}

.package-quantity-lab {
    height: 80px;
}

.total-weight-estimate {
    padding-top: 23px;
    margin-bottom: 6px;
}

.weight-estimate-text {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    padding-left: 0px;
    padding-top: 0px;
}

.result-select-wrapper {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0px;
    margin-top: 0px;
    margin-left: -1px;
    width: 97px;
    margin-right: -50px;
}

.pickup-form-box {
    margin-left: -15px;
    margin-right: 0px;
    padding-right: 135px;
    width: 100px;
    margin-top: -3px;
    padding-top: 11px;
}

.lbs {
    position: absolute;
    left: 195px;
    width: unset;
}

.save-btn {
    display: none;
}

.errorBorder {
    border: 1px solid #e71921;
}


@media only screen and (max-width: 767px) {
    .required-field-indicator {
        padding-top: 10px;
    }

    .step-four-top-modal-content-wrapper {
        padding-left: 30px;
    }

    .step-four-modal-content-wrapper {
        padding-left: 0px;
    }

    .result-select-wrapper {
        display: inline-block;
        vertical-align: middle;
        padding-left: 0px;
        margin-top: 16px;
        margin-left: 30px;
        width: 97px;
        margin-right: -38px;
    }

    .weight-estimate-text {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        padding-left: 0px;
        padding-top: 0px;
    }

    .checkbox-header-label {
        padding-left: 30px;
        display: inline-block;
        font-size: 14px;
        font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .package-description-wrapper {
        padding-left: 30px;
    }

    .gray-box-content-section > .step-four-row-header {
        padding-top: 0px;
    }

    .pickup-form-box > input[type='text']:not(#quick-tools--input) {
        -webkit-appearance: none;
        width: 90px;
        height: 44px;
        padding: 5px 10px;
        border: 1px solid #333366;
        border-radius: 3px;
        position: relative;
        top: -7px;
        color: #000;
        display: inline-block;
    }

    .step-four-row-two > .step-four-column-one,
    .step-four-row-two > .step-four-column-two {
        margin-top: 0px;
    }

    .step-four-row-three > .step-four-column-one,
    .step-four-row-three > .step-four-column-two {
        padding-top: 20px;
    }

    .step-four-row-one {
        padding-top: 0;
        margin-top: 10px;
    }

    .step-four-row-two {
        margin-top: -15px;
        padding-top: 0px;
    }

    .step-four-row-three {
        padding-top: 0px;
        margin-top: -15px;
    }

    .step-four-column-two > .mail-column-label {
        height: 49px;
        padding-bottom: 5px;
        display: table-cell;
        vertical-align: bottom;
    }

    .step-four-column-one > .mail-column-label {
        width: 150px;
        height: 49px;
        padding-bottom: 5px;
        display: table-cell;
        vertical-align: bottom;
    }

    .mail-form-box {
        float: none;
    }

    .mail-column-label {
        display: block;
        font-size: 12px;
    }

    .terms-condition-wrapper {
        margin-left: 0px;
    }

    .form-group.quantity-items.right-box.form-step-four-column-two {
        padding-left: 81px;
    }

    label.step-four-checkbox-text.vertical {
        padding-top: 0px;
        position: absolute;
        top: 24px;
    }

    .pickup-button.button-wrapper {
        margin-top: 3px;
    }

    .pickup-summary-header {
        padding-top: 35px;
        margin-left: 0px;
        font-size: 18px;
    }

    .first-package-row.package-rows-container {
        padding-top: 0px;
        margin-top: -17px;
    }

    .lbs {
        font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        left: 34px;
        padding-top: 5px;
    }

    .go-to-wrapper {
        padding-top: 20px;
    }

    .step-four-text-wrapper {
        padding-top: 24px;
    }

    .btn-default {
        font-size: 15px;
    }

    .step_four {
        font-size: 20px;
    }

    .quantity-items p {
        font-size: 12px;
        padding-bottom: 4px;
    }

    .pickup-summary-gray-box-wrapper {
        padding-left: 15px;
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 24px;
    }

    .total-weight-estimate {
        padding-top: 0px;
        padding-bottom: 5px;
    }

    .quantity-items {
        margin-top: -45px;
        height: 138px;
    }

    .package-rows-container {
        margin-bottom: 0px;
    }

    .quantityErrorMessage {
        margin-left: -15px;
    }

    .weightErrorMessage {
        margin-left: 182px !important;
        display: inline-block;
        width: 150px;
        margin-top: -20px;
    }
}

@media only screen and (max-width: 436px) {
    .quantity-items {
        margin-top: -20px;
    }
}


@media only screen and (max-width: 365px) {
    .weight-estimate-text {
        width: 97px;
    }

    .total-weight-estimate {
        padding-top: 20px;
    }
}


@media only screen and (min-width: 768px) {
    .terms-condition-wrapper {
        padding-top: 31px;
    }

    .result-select-wrapper {
        display: inline-block;
        vertical-align: middle;
        padding-left: 0px;
        margin-top: 0px;
        margin-left: -1px;
        width: 97px;
        margin-right: -50px;
        position: absolute;
        left: 228px;
        bottom: -16px;
    }

    .lbs {
        position: absolute;
        left: 180px;
        bottom: 0px;
        width: unset;
    }

    .step-four-column-two > input.form-control.mail-form-box {
        position: absolute;
        top: -10px;
        left: -50px;
    }

    .step-four-column-one > input.form-control.mail-form-box {
        position: absolute;
        top: -10px;
        left: -40px;
    }

    .pickup-summary-gray-box-content-wrapper {
        padding-left: 0px;
    }

    .form-step-four-column-two {
        padding-left: 96px;
    }

    .form-step-four-column-one {
        padding-left: 25px;
    }

    .control-row-one {
        margin-top: -12px;
    }

    .control-row-two {
        margin-top: -12px;
    }

    .third-control-row {
        margin-top: -12px;
    }

    .right-box {
        margin-left: -100px;
    }

    .package-rows-container {
        margin-bottom: -82px;
    }

    .first-class-package-service {
        width: 120%;
    }
}

/***** END STEP FOUR CSS *****/

/********** START ORDER SUMMARY CSS **********/

.order-total-row-wrapper {
    padding-bottom: 50px;
}

.initial-charge-hr-line {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.order-sum-gray-box-column-scheduled.price-order-column {
    margin-left: -73px;
}

.order-total-label,
.order-total-charge {
    margin-left: -16.5px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #333366;
    padding-top: 13px;
    margin-bottom: -32px;
}

.order-details-label {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #333366;
    padding-top: 25px;
}

.order-information-grey-wrapper {
    background: #f7f7f7;
    padding-left: 3px;
    margin-top: 15px;
    padding-top: 22px;
    padding-bottom: 25px;
}

.order-detail-desc-text {
    padding-top: 25px;
    font-size: 14px;
    display: inline-block;
    color: #595959;
    width: 100%;
}

.order-detail-desc-text p {
    font-size: 14px;
}

.initial-charge {
    color: #000000;
    margin-left: -20.5px;
    font-size: 14px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.customer-contact-details,
.pickup-location-details,
.requested-location-details {
    font-size: 14px;
    color: #595959;
    padding-top: 8px;
}

.customer-contact-details p,
.pickup-location-details p,
.requested-location-details p {
    font-size: 14px;
    color: #000000;
}

hr.schedule-pickup-line {
    margin-top: 24px;
    border-top: 2px solid #d8d8d8;
    margin-bottom: 0px;
}

.order-sum-gray-box-column-scheduled {
    padding-top: 9px;
    padding-left: 30px;
    margin-left: 0px;
}

.customer-contact-label-bottom {
    margin-left: 0px;
    padding-top: 10px;
    font-size: 12px;
}

.order-sum-row-headers {
    display: inline-block;
    padding-top: 10px;
    font-size: 12px;
    margin-left: -14px;
}

.scheduled-pickup-data {
    display: inline-grid;
    padding-top: 9px;
    padding-bottom: 11px;
}

.gray-box-content-scheduled span {
    font-size: 14px;
    color: #000000;
    display: table-row;
}

.customer-contact-label,
.pickup-location-label,
.requested-location-label {
    font-size: 12px;
    color: #595959;
}

.initial-charge-spacer {
    margin-left: -21.5px;
}

.initial-charge-border {
    margin-top: 5px;
    padding-top: 15px;
    border-top: 1px solid #d8d8d8;
    width: 80px;
    margin-left: -21.5px;
}


@media only screen and (max-width: 767px) {
    .order-total-row-wrapper {
        margin-right: -30px;
        margin-left: -34px;
        padding-bottom: 45px;
    }

    .order-detail-desc-text {
        padding-top: 10px;
    }

    .requested-location {
        padding-top: 10px;
    }

    .customer-contact-label,
    .pickup-location-label,
    .requested-location-label {
        padding-top: 13px;
    }

    .order-total-label,
    .order-total-charge {
        margin-left: 0px;
    }

    .order-total-charge {
        margin-left: 0px;
        text-align: right;
    }

    .initial-charge-spacer {
        padding-top: 15px;
    }

    .initial-charge-border {
        margin-top: 0px;
        padding-bottom: 0px;
        border-top: 1px solid #d8d8d8;
        width: inherit;
        margin-left: 0px;
    }

    .initial-charge {
        font-size: 14px;
        margin-left: 0px;
    }

    .customer-contact-label-bottom.order-sum-price {
        text-align: right;
    }

    .order-sum-gray-box-column-scheduled.price-order-column {
        margin-left: 30px;
        text-align: right;
        padding-top: 10px;
    }

    .order-sum-row-headers {
        margin-left: 0px;
        width: 118px;
        padding-top: 20px;
    }

    .order-sum-row-headers.scheduled-pickup-order-sum {
        width: 100%;
    }

    .order-sum-gray-box-column-scheduled {
        padding-top: 0px;
        padding-left: 0px;
        margin-left: 0px;
    }

    .gray-box-content-scheduled span {
        font-size: 14px;
    }

    .scheduled-pickup-data {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .customer-contact-label-bottom {
        margin-left: 0px;
        padding-right: 0px;
        text-align: left;
    }

    .order-sum-gray-box-column-scheduled {
        padding-top: 0px;
    }

    .customer-contact-label {
        padding-top: 9px;
        font-size: 12px;
    }

    .pickup-information-grey-wrapper {
        background: #f7f7f7;
        margin-right: -37px;
        padding-top: 14px;
        padding-bottom: 26px;
        margin-left: -34px;
    }

    .pickup-location {
        padding-top: 10px;
    }

    hr.schedule-pickup-line {
        padding-bottom: 14px;
        margin-top: 24px;
        border-top: 2px solid #d8d8d8;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .scheduled-atc-wrapper .button-container .btn-primary {
        margin-top: 0px;
    }

    .order-information-grey-wrapper {
        margin-right: -30px;
        margin-left: -34px;
        padding-top: 15px;
    }

    .initial-charge.price-charge {
        margin-left: 0px;
        text-align: right;
    }

    .package-description-content {
        margin-top: 10px;
    }
}


@media only screen and (min-width: 768px) {
    .order-total-label {
        text-align: right;
    }

    .customer-contact-label-bottom {
        width: 100%;
    }

    .reception-data {
        padding-left: 14px;
    }

    .scheduled-atc-wrapper .button-container .btn-primary {
        margin-top: 0px;
    }

}

/***** END ORDER SUMMARY CSS *****/

/********** START ORDER SCHEDULED CSS **********/

.order-scheduled-sign-in {
    padding-bottom: 29px;
    padding-top: 50px;
}

.order-scheduled-text-indentation-wrapper > div > .row.pickup-information-grey-wrapper {
    margin-top: 15px;
}

span.user-email {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #595959;
}

.order-scheduled-max-order {
    font-size: 14px;
}

.shipping-supplies.express-flat-rate-envelope {
    background: url(../media/sap/express-flat-rate-envelope.svg) no-repeat;
    margin-top: 2px;
    margin-left: -3px;
    height: 100px;
    background-size: 200px 120px;
    background-position: -2px -11px;
}

.shipping-supplies.priority-mail-flat-rate {
    background: url(../media/sap/flat-rate-envelope.svg) no-repeat;
    height: 115px;
    width: 165px;
    background-size: 200px 120px;
    position: relative;
    top: -22px;
    left: 0px;
}

.shipping-supplies.small-flat-rate-box {
    background: url(../media/sap/small-flat-rate-box.svg) no-repeat;
    height: 114px;
    width: 165px;
    background-size: 200px 120px;
    position: relative;
    top: -20px;
}

.shipping-supplies.vertical-medium-flat-rate-box {
    background: url(../media/sap/medium-flat-rate-vertical-box.svg) no-repeat;
    height: 106px;
    margin-top: -10px;
    width: 165px;
    background-size: 200px 110px;
}

.shipping-supplies.large-flat-rate-box {
    background: url(../media/sap/large-flat-rate-box.svg) no-repeat;
    height: 114px;
    width: 165px;
    position: relative;
    background-size: 200px 135px;
    top: -30px;
}

.shipping-supplies.medium-flat-rate-box {
    background: url(../media/sap/medium-flat-rate-box.svg) no-repeat;
    height: 120px;
    width: 165px;
    background-size: 200px 135px;
    position: relative;
    top: -27px;
    left: 0px;
}

.inline-link.existing-pickup {
    font-size: 16px;
}

.must-be-signed-in-alert {
    padding-bottom: 17px;
}

.disabled-btn {
    pointer-events: none;
    background: #d8d8d8 !important;
    border-color: #d8d8d8 !important;
    color: #595959 !important;
}

.postage-img-wrapper {
    padding-top: 3px;
    margin-bottom: -43px;
    margin-left: -10px;
}

.confirmation-number-pickup.last-confirm-row > a {
    display: table-row;
    color: #333366;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.free-shipping-supplies {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #333366;
    padding-top: 30px;
}

.scheduled-quant {
    font-size: 12px;
    margin-left: 0px;
}

hr.scheduled-line-break {
    padding-top: 36px;
    margin-top: 35px;
}

.order-supplies-container {
    padding-top: 6px;
}

.business-days-wrapper {
    font-size: 14px;
    padding-top: 12px;
}

.gray-box-column-scheduled {
    padding-top: 12px;
}

.pickup-schedule-header {
    padding-top: 9px;
}

.schedule-email-wrapper {
    padding-top: 8px;
}

.confirmation-number-pickup {
    padding-top: 39px;
    padding-left: 15px;
}

.confirmation-number-pickup > span {
    color: #333366;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.customer-contact-label-bottom {
    margin-left: 0px;
    padding-top: 10px;
    font-size: 12px;
}

.customer-contact-details {
    font-size: 14px;
    color: #000000;
    padding-top: 8px;
}

.customer-contact-label {
    font-size: 12px;
}

.pickup-details-label {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #333366;
    padding-top: 30px;
}

.print-records-wrapper {
    font-size: 14px;
    padding-top: 12px;
}

.pickup-email-text {
    display: inline;
}

.specific-email-text {
    display: inline;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pickup-email-text {
    display: inline;
}

.pickup-information-grey-wrapper {
    background: #f7f7f7;
    padding-left: 20px;
    margin-top: 15px;
    padding-top: 14px;
    padding-right: 20px;
    padding-bottom: 0px;
}

.mail-size {
    font-size: 14px;
    padding-top: 0px;
}

input.scheduled-quantity-input[type='number']:not(#quick-tools--input),
input.scheduled-quantity-input[type='text']:not(#quick-tools--input) {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 70px;
    height: 44px;
    padding: 5px 10px;
    border: 1px solid #333366;
    border-radius: 3px;
    position: relative;
    color: #000;
    margin-top: 5px;
}

.priority-package-wrapper {
    padding-top: 31px;
    padding-left: 0px;
    margin-left: -30px;
}

.free-shipping-supplies-container {
    padding-bottom: 50px;
    width: 100%;
    float: left;
}

.priority-package-wrapper.last-row {
    padding-bottom: 50px;
}

.row-headers {
    display: inline-block;
    padding-top: 10px;
    font-size: 12px;
    margin-left: -14px;
}

.scheduled-entered-data {
    display: inline-block;
    padding-top: 9px;
    padding-bottom: 11px;
}

.row-detail-wrapper {
    padding-top: 10px;
}

hr {
    border-top: 1px solid #d8d8d8;
    margin-bottom: 0px;
}

@media only screen and (min-width: 768px) {
    .schedule-pickup-back-button-wrapper.order-scheduled-back-button {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .back-modal-info-confirmation .modal-footer .button-container .btn-primary {
        margin-top: 20px;
    }

    hr.scheduled-line-break {
        margin-right: -30px;
    }

    .mail-desc-wrapper {
        padding-left: 26px;
    }

    .reception-data {
        padding-left: 14px;
    }

    .customer-contact-label-bottom {
        width: 100%;
    }
}


@media only screen and (max-width: 767px) {
    .order-scheduled-sign-in {
        padding-bottom: 0px;
        padding-top: 35px;
        text-align: center;
    }

    .order-supplies-container {
        padding-top: 14px;
    }

    .business-days-wrapper {
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 10px;
    }

    .shipping-supplies.express-flat-rate-envelope {
        margin-top: 2px;
        margin-left: -3px;
        height: 90px;
        background-size: 200px 120px;
        background-position: 6px -13px;
    }

    .shipping-supplies.priority-mail-flat-rate {
        height: 120px;
        width: 165px;
        background-size: 200px 115px;
        position: relative;
        top: -11px;
        margin-bottom: -34px;
        left: 8px;
    }

    .order-scheduled-max-order {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .shipping-supplies.vertical-medium-flat-rate-box {
        height: 125px;
        width: 170px;
        background-size: 200px 100px;
        position: relative;
        top: 2px;
        left: 5px;
        margin-bottom: -29px;
        background-repeat: no-repeat;
    }

    .shipping-supplies {
        margin-top: -3px;
        margin-left: -3px;
        height: 87px;
        background-size: 200px 93px;
    }

    .shipping-supplies.small-flat-rate-box {
        height: 103px;
        width: 170px;
        background-size: 200px 116px;
        position: relative;
        top: -11px;
        left: 11px;
        margin-bottom: -14px;
    }

    .shipping-supplies.large-flat-rate-box {
        height: 87px;
        width: 165px;
        position: relative;
        background-size: 200px 130px;
        background-position-y: -27px;
        left: 20px;
        top: -1px;
    }

    .shipping-supplies.medium-flat-rate-box {
        background-size: 200px 120px;
        background-position-y: -27px;
        background-position-x: 6px;
        left: 10px;
        top: 6px;
        margin-bottom: -32px;
        position: relative;
    }

    .inline-link.existing-pickup {
        font-size: 14px;
    }

    .schedule-pickup-back-button-wrapper.order-scheduled-back-button-bottom {
        margin-top: -8px;
        padding-top: 0px;
        padding-bottom: 34px;
        text-align: center;
    }

    .quantity-wrapper {
        width: 100px;
        float: right;
    }

    .must-be-signed-in-alert {
        padding-top: 0px;
        margin-bottom: -37px;
        text-align: center;
    }

    .free-shipping-supplies {
        padding-top: 21px;
    }

    .priority-package-wrapper {
        padding-top: 20px;
    }

    .free-shipping-supplies-container {
        padding-bottom: 40px;
        width: 100%;
        float: left;
    }

    .priority-package-wrapper.last-row {
        padding-bottom: 20px;
    }

    .order-scheduled-confirmation-num.customer-contact-label-bottom,
    .order-scheduled-location.customer-contact-label-bottom {
        text-align: left;
    }

    .top-grey-line {
        margin-bottom: -21px;
        padding-bottom: 0px;
        margin-top: -16px;
        margin-left: 15px;
    }

    .bottom-grey-line {
        margin-top: -15px;
        margin-bottom: -20px;
        width: 105%;
    }

    .schedule-email-wrapper {
        padding-top: 20px;
    }

    .postage-img-wrapper {
        padding-top: 0px;
        position: relative;
        left: -47px;
        padding-bottom: 20px;
        margin-bottom: -27px;
    }

    .mail-size {
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 0px;
    }

    .last-confirm-row {
        padding-bottom: 0px;
        background-color: #f7f7f7;
        margin-right: -30px;
        margin-left: -15px;
    }

    .gray-box-column-scheduled {
        padding-top: 0px;
        width: 460px;
    }

    .scheduled-entered-data {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .customer-contact-label {
        padding-top: 9px;
    }

    .pickup-schedule-header {
        padding-top: 20px;
    }

    .gray-box-content-scheduled span {
        font-size: 14px;
    }

    .pickup-email-text {
        font-size: 14px;
    }

    .specific-email-text {
        font-size: 14px;
    }

    .existing-pickup {
        font-size: 14px;
    }

    .pickup-details-label {
        font-size: 18px;
        padding-top: 21px;
    }

    .confirmation-number-pickup {
        padding-top: 10px;
        padding-left: 15px;
    }

    .customer-contact-label-bottom {
        margin-left: -14px;
    }

    .pickup-information-grey-wrapper {
        background: #f7f7f7;
        margin-right: -35px;
        padding-top: 14px;
        padding-bottom: 26px;
        margin-left: -35px;
        margin-top: 25px;
    }

    input.scheduled-quantity-input[type='number']:not(#quick-tools--input),
    input.scheduled-quantity-input[type='text']:not(#quick-tools--input) {
        width: 100px;
    }

    .pickup-location {
        padding-top: 10px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shipping-supplies.priority-mail-flat-rate {
        height: 134px;
        width: 165px;
        background-size: 150px 150px;
        position: relative;
        top: -10px;
        left: 0px;
    }

    .shipping-supplies.express-flat-rate-envelope {
        margin-top: -8px;
        margin-left: -3px;
        height: 150px;
        background-size: 150px 150px;
        background-position: -11px -13px;
    }

    .shipping-supplies.large-flat-rate-box {
        height: 150px;
        width: 150px;
        position: relative;
        background-size: 150px 150px;
        top: -20px;
    }

    .postage-img-wrapper {
        padding-top: 3px;
        margin-bottom: -28px;
        left: -135px;
        margin-left: 0px;
    }

    .shipping-supplies {
        height: 150px;
        width: 150px;
        margin-top: -14px;
        background-size: 140px 140px;
    }

    .mail-desc-wrapper {
        padding-right: 0px;
        width: 131px;
        position: relative;
        left: 160px;
        padding-left: 15px;
    }

    .shipping-supplies.vertical-medium-flat-rate-box {
        height: 150px;
        margin-top: -10px;
        width: 150px;
        background-size: 130px 130px;
    }

    .shipping-supplies.large-flat-rate-box {
        height: 150px;
        width: 150px;
        position: relative;
        background-size: 150px 150px;
        top: -20px;
    }

    .quantity-wrapper.free-shipping-quantity {
        left: -20px;
    }

    .order-scheduled-text-indentation-wrapper.text-indentation-wrapper {
        padding-left: 2%;
    }

    .shipping-supplies.small-flat-rate-box {
        height: 150px;
        width: 150px;
        background-size: 150px 150px;
        position: relative;
        top: -9px;
        left: 0px;
    }

    .shipping-supplies.medium-flat-rate-box {
        height: 150px;
        width: 150px;
        background-size: 150px 150px;
        position: relative;
        top: -15px;
        left: 0px;
    }

    .customer-contact-label-bottom {
        width: 140%;
    }
}

/***** END ORDER SCHEDULED CSS *****/

/********** START ORDER HISTORY CSS **********/

.history-data-container {
    color: #000000;
    font-size: 14px;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #f7f7f7;
    margin-left: 8.8%;
    margin-top: 15px;
    width: 83%;
    padding: 15px 20px 15px 20px;
}

.history-data-container .header-txt {
    color: #595959;
    font-size: 12px;
    padding-bottom: 0px;
}

.mail-return-conainer .header-txt {
    padding-top: 10px;
}

.history-data-container .label-data-text {
    padding-top: 11px;
}

.mail-service-container .header-txt {
    padding-top: 27px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #595959;
}

.mail-type-container .mail-type,
.mail-return-conainer .return-type {
    padding-left: 0px;
    padding-top: 12px;
}

.pickup-history-data {
    color: #000000;
    font-size: 14px;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mail-service-container {
    color: #000000;
}

.pickup-history-tbl-wrapper {
    margin-left: 7%;
}

.pickup-his-heading {
    margin-left: 8.7%;
    margin-top: 30px;
}

.pickup-his-heading h2 {
    font-size: 20px;
}

.heading-text-container p {
    font-size: 16px;
}

.heading-text-container h2 {
    padding-bottom: 13px;
    ;
}

.cancel-pickup-modal {
    text-align: center;
}

#cancelPickupModal .modal-header-wrapper {
    margin-top: 40px;
}

.button-container.modal-no-btn {
    margin-right: 0px;
}

#cancelPickupModal .modal-yes-btn {
    margin-right: 25px;
}

#cancelPickupModal .btn-primary {
    min-width: 160px;
}

.modal-header-wrapper h2 {
    padding-left: 10px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}

#cancelPickupModal .modal-header-wrapper {
    margin-top: 40px;
}

#cancelPickupModal .button-container .btn-primary {
    margin-top: 30px;
}

.date-data-holder {
    color: #595959;
    font-size: 16px;
    margin-left: -5px;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.modal-cancel-txt {
    padding-left: 72px;
}

#schdule-pickup-tbl-wrapper > table {
    margin-top: 16px;
    width: 89.5%;
}

.pickup-collapsible-content {
    display: none;
}

#schdule-pickup-tbl-wrapper .pickup-date-lbl {
    padding-left: 20px;
}

.pickup-history-sub-heading {
    padding-left: 8%;
    margin-top: 34px;
}

.pickup-history-sub-heading h2 {
    font-size: 20px;
    padding-left: 5px;
}

.date-checkbox-label {
    color: #333366;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-left: 20px;
}

.pickup-history-hr {
    margin-top: 25px;
}

.mail-type-txt {
    margin: 30px 0 0 0;
    color: #595959;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-left: 5px;
}

.see-less-container {
    margin-bottom: 5px;
    margin-top: 20px;
    padding: 0px;
    text-align: center;
    cursor: pointer;
}

.pickup-blue-caret {
    height: 17px;
    width: 17px;
    margin-left: 7px;
    margin-top: -5px;
    -moz-transform": rotate(0deg);
 -webkit-transform: rotate(0deg);
    -o-transform": rotate(0deg);
 -ms-transform": rotate(0deg);
 transform": rotate(0deg);

}

.pickup-caret-img {
    cursor: pickup-caret-img;
    width: 50px;
    display: inline;
    cursor: pointer;
}

.see-less-txt {
    color: #333366;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.pickup-history-tbl-wrapper {
    padding: 0px;
    margin-left: 7.4%;
}

.edit-cancel-btns-holder .pickup-btn-holder {
    display: inline-block;
    padding-right: 25px;
}

.scheduled-orders-header ul > li {
    display: inline-block;
    padding-right: 5%;
}

.pickup-tbl-data {
    color: #595959;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.pickup-tbl-free,
.pickup-tbl-confirm {
    color: #595959;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

#schdule-pickup-tbl-wrapper td {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    height: 50px;
}

#schdule-pickup-tbl-wrapper th {
    border: none;
    border-bottom: 1px solid #f7f7f7;
    text-align: left;
    height: 40px;
    font-size: 12px;
    padding-right: 22px;
}

#schdule-pickup-tbl-wrapper {
    margin-left: 1.5%;
    margin-top: 36px;
}

.pickup-tbl-header {
    background: #f7f7f7;
    color: #333366;
    font-size: 12px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pickup-date-text {
    display: none;
}

.tbl-header-wrapper {
    width: 100%;
    float: unset;
}

.tbl-header-wrapper h2 {
    font-size: 20px;
}

.modify-cancel-body-wrapper input[type=checkbox] ~ span.checkbox {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -3px;
    z-index: 10;
}

.modify-cancel-body-wrapper input[type=checkbox]:checked ~ span.checkbox:after {
    font-size: 19px;
    display: block;
}

.edit-cancel-btns-holder {
    margin-top: 30px;
    margin-left: 8.8%;
    margin-bottom: 30px;
}

#schdule-pickup-tbl-wrapper .date-checkbox-label {
    padding-left: 20px;
    margin-top: 4px;
}

#schdule-pickup-tbl-wrapper .table-bordered {
    margin-bottom: 0px;
}

#cancelPickupModal .modal-container {
    padding-bottom: 38px;
}

@media only screen and (max-width: 767px) {
    #cancelPickupModal .modal-yes-btn {
        margin-left: 25px;
        margin-right: 25px;
        padding-top: 0px;
    }

    .button-container.modal-no-btn {
        padding-top: 0px;
    }

    #schdule-pickup-tbl-wrapper .pickup-date-lbl {
        padding-left: 15px;
    }

    .see-less-container {
        margin-bottom: -5px;
        margin-top: 10px;
        padding: 0px;
        text-align: center;
    }

    .mail-type .history-data-container .header-txt,
    .history-data-container .label-data-text {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .mail-service-container .header-txt {
        padding-bottom: 12px;
    }

    .history-data-container .header-txt {
        padding-bottom: 2px;
    }

    .pickup-his-heading {
        margin-left: 15px;
    }

    .address-container .header-txt {
        padding-top: 20px;
    }

    .history-data-container {
        padding: 30px;
    }

    .mail-return-conainer .header-txt {
        padding-top: 0px;
    }

    .heading-text-container {
        padding-left: 15px;
        padding-top: 20px;
    }

    .heading-text-container p {
        font-size: 14px;
    }

    #schdule-pickup-tbl-wrapper > table {
        width: 100%;
    }

    .date-data-holder {
        margin-left: -70px;
        padding-left: 62.5%;
    }

    .edit-cancel-btns-holder {
        text-align: center;
    }

    .pickup-modify-heading,
    .tbl-header-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: -15px;
    }

    .pickup-history-sub-heading {
        padding-left: 15px;
    }

    .edit-cancel-btns-holder .pickup-btn-holder {
        margin-bottom: 20px;
        display: block;
    }

    .pickup-tbl-confirm {
        color: #333366;
        font-size: 14px;
        top: 4px;
        position: relative;
        font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .pickup-tbl-free,
    .date-data-holder,
    .pickup-tbl-data {
        color: #000000;
        font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        position: relative;
        top: 3px;
    }

    .modify-cancel-body-wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }

    .pickup-his-heading h2 {
        font-size: 18px;
    }

    .history-data-container {
        margin-left: -15px;
        width: 104.5%;
        padding-top: 7px;
    }

    .pickup-history-tbl-wrapper {
        margin-left: 0%;
    }

    .table-condensed > tbody > tr > td {
        padding-left: 0px;
    }

    .pickup-date-text {
        padding-left: 0px;
        display: inline;
        font-size: 12px;
        color: #595959;
        font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    #schdule-pickup-tbl-wrapper {
        margin-left: 0%;
        margin-top: 25px;
    }

    .pickup-tbl-data {
        padding-left: 0px;
        padding-top: 5px;
        position: relative;
        top: 3px;
    }

    .pickup-data-row {
        background: #f7f7f7;
        padding-top: 22px;
        padding-bottom: 25px
    }

    .table-bordered {
        border: none;
    }

    #schdule-pickup-tbl-wrapper table,
    #schdule-pickup-tbl-wrapper thead,
    #schdule-pickup-tbl-wrapper tbody,
    #schdule-pickup-tbl-wrapper th,
    #schdule-pickup-tbl-wrapper td,
    #schdule-pickup-tbl-wrapper tr {
        display: block;
        padding-left: 0px;
        padding-right: 0px;
    }

    #schdule-pickup-tbl-wrapper thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #schdule-pickup-tbl-wrapper .edit-btn-holder {
        padding-left: 25%;
    }

    #schdule-pickup-tbl-wrapper td {
        border: none;
        position: relative;
        padding-left: 62.4%;
        white-space: normal;
        text-align: left;
        border-left-style: none;
        border-right-style: none;
        height: 26px;
    }

    #schdule-pickup-tbl-wrapper td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
    }

    #schdule-pickup-tbl-wrapper td:before {
        content: attr( data-title);
        padding-left: 40px;
        font-size: 12px;
        color: #595959;
        font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}


@media only screen and (min-width: 768px) {
    #cancelPickupModal .modal-dialog {
        width: 415px !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    #schdule-pickup-tbl-wrapper .pickup-date-lbl {
        width: 160px;
        padding-left: 20px;
    }

    .pickup-tbl-free,
    .pickup-tbl-confirm {
        padding-right: 15px;
    }

    .history-data-container .header-txt {
        width: 180px;
    }

    td[data-title="TOTAL PACKAGES"] {
        width: 90px;
    }
}

/***** END ORDER HISTORY CSS *****/

/********** START MODIFY ORDER CSS **********/

.scheduled-orders-label {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #333366;
}

li {
    list-style-type: none;
}

.pickup-address-select {
    padding-left: 0px;
}

.pickup-loc-lbl {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #595959;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-top: 25px;
}

.pickup-address-select select.form-control {
    height: 44px;
    line-height: 31px;
    border: 1px solid #333366;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #333366;
    background: transparent url(../media/sap/blue-caret-down.svg) no-repeat;
    background-position: 95% 16px;
    background-size: 20px 20px;
    cursor: pointer;
    font-size: 14px;
}

.pickup-red-chevron {
    background-image: url(../media/sap/nav-red-chevron.svg);
    background-repeat: no-repeat;
    background-position: 4px -7px;
    height: 13px;
    width: 21px;
    right: 75px;
    position: absolute;
    background-size: 21px 21px;
    margin-top: -2px;
    transform: rotate(-90deg);
}

.scheduled-orders-header ul > li {
    display: inline-block;
    padding-right: 5%;
}

.pickup--edit-btn {
    margin-top: 20px;
    margin-left: -15px;
    margin-bottom: 20px;
}

#modify-order-tbl-wrapper td {
    padding: 15px;
    border: none;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding-left: 17px;
}

#modify-order-tbl-wrapper th {
    padding: 10px;
    border: none;
    border-bottom: 1px solid #eee;
    text-align: left;
    color: #333366;
    font-size: 12px;
    padding-left: 19px;
}

.pickup-tbl-header {
    background: #f7f7f7;
    color: #333366;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.contact-container {
    padding-top: 31px;
    padding-left: 9.6%;
    padding-right: 0px;
}

.customer-contact-wrapper {
    background: #f7f7f7;
    width: 89%;
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-top: 17px;
}

.customer-contact-wrapper ul :nth-child(1) {
    padding-bottom: 10px;
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #595959;
}

.customer-contact-wrapper ul :nth-child(2),
.customer-contact-wrapper ul :nth-child(3),
.customer-contact-wrapper ul :nth-child(4) {
    font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 14px;
}

#modify-order-tbl-wrapper .table-bordered {
    width: 80.6%;
    margin-top: 30px;
    margin-bottom: 60px;
    margin-left: 9.4%;
}

.modify-heading-wrapper {
    padding-top: 15px;
    margin-bottom: 0px;
}

.modify-heading-txt {
    padding-top: 11px;
    font-size: 16px;
}

.pickup-data-row {
    color: #595959;
    font-size: 14px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: solid 1px #d8d8d8;
    cursor: pointer;
}

.pickup-data-row.order-history {
    cursor: default;
}

@media only screen and (max-width: 767px) {
    .customer-contact-wrapper {
        width: 105%;
    }

    .contact-container {
        padding-left: 0px;
    }

    .scheduled-orders-label {
        padding-left: 15px;
    }

    td.hidden-lg.hidden-md.hidden-sm.buttons-holder {
        margin-top: -16px;
    }

    #modify-order-tbl-wrapper td {
        padding-top: 9px;
        padding-bottom: 0px;
    }

    .modify-heading-wrapper {
        padding-top: 26px;
    }

    .modify-heading-txt {
        padding-top: 21px;
        font-size: 14px;
    }

    .pickup-address-select {
        padding-left: 15px;
    }

    .scheduled-heading {
        padding-left: 15px;
    }

    .pickup-data-row {
        background: #f7f7f7;
        margin-top: 30px;
        padding-bottom: 20px;
        padding-top: 16px;
        border: none;
    }

    .pickup-loc-lbl {
        margin-bottom: -5px;
    }

    #modify-order-tbl-wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }

    .pickup-tbl-data {
        padding-left: 0px;
    }

    .table-bordered {
        border: none;
    }

    #modify-order-tbl-wrapper table,
    #modify-order-tbl-wrapper thead,
    #modify-order-tbl-wrapper tbody,
    #modify-order-tbl-wrapper th,
    #modify-order-tbl-wrapper td,
    #modify-order-tbl-wrapper tr {
        display: block;
        padding-left: 0px;
        padding-right: 0px;
    }

    #modify-order-tbl-wrapper thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #modify-order-tbl-wrapper .edit-btn-holder {
        padding-left: 30%;
    }

    #modify-order-tbl-wrapper td {
        border: none;
        position: relative;
        padding-left: 45%;
        white-space: normal;
        text-align: left;
        border-left-style: none;
        border-right-style: none;
    }

    #modify-order-tbl-wrapper td:before {
        position: absolute;
        left: 14px;
        padding-right: 10px;
        text-align: left;
        font-size: 12px;
        color: #595959;
        font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    #modify-order-tbl-wrapper td:before {
        content: attr(data-title);
    }

    td.buttons-holder {
        padding-left: 0% !important;
        text-align: center;
    }

    #modify-order-tbl-wrapper .table-bordered {
        width: 100%;
        margin-left: 3.5%;
    }
}

/***** END MODIFY ORDER CSS *****/

/********** START ORDER MODIFIED CSS **********/

.form-group.required-field.modified-pickup-details > div > h3 {
    font-size: 20px;
}

.schedule-pickup-back-button-wrapper.order-modified-back {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-top: -5px;
}

.row.gray-box-wrapper.order-modified-gray-box-wrapper {
    padding-bottom: 13px;
}

.modified-pickup-details {
    padding-top: 31px;
}

.pick_up {
    padding-bottom: 60px;
    padding-top: 5px;
}

.pickup-modified-header {
    padding-top: 25px;
    padding-bottom: 10px;
}

.step2-header {
    padding-top: 50px;
}

.modify {
    padding-top: 10px;
}

a.modifyHeader,
.modify {
    font-size: 16px;
    display: inline;
}

.horizontal-line {
    border-top: 1px solid #d8d8d8;
}

@media only screen and (max-width: 767px) {
    .pick_up {
        padding-bottom: 30px;
        padding-top: 0px;
        margin-top: -18px;
    }

    a.modifyHeader,
    .modify {
        font-size: 14px;
        display: inline;
    }

    .pickup-modified-header {
        padding-top: 25px;
        padding-bottom: 10px;
    }

    .modified-pickup-details {
        padding-top: 22px;
    }
}

/***** END ORDER MODIFIED CSS *****/

/********** START ORDER CANCELLED CSS **********/

.confirmation-number-pickup.last-confirm-row.pickup-cancelled {
    width: 160%;
}

.cancelled-pickup-wrapper {
    padding-bottom: 60px;
}

p.pickup-cancelled.required-space-cancelation.pickup-cancelled-request-refund {
    display: inline;
}

.pickup-cancelled.detail-cancelled-details h3 {
    font-size: 20px;
}

.pickup-cancelled.pickup-header {
    padding-top: 25px;
    padding-bottom: 10px;
}

.pickup-cancelled.required-space-cancelation {
    padding-top: 10px;
}

.pickup-cancelled.detail-cancelled-details {
    padding-left: 0px;
    padding-top: 30px;
}

.required-space-cancelation a {
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

#cancelConfirmationNumber {
    color: #e71921 !important;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin: 0 0 0px;
    line-height: 20px;
}

.last-confirm-row {
    color: #e71921 !important;
}

@media only screen and (max-width: 767px) {
    .cancelled-pickup-wrapper {
        margin-top: -8px;
        padding-bottom: 40px;
    }

    .pickup-cancelled.required-space-cancelation {
        font-size: 14px;
    }

    .required-space-cancelation a {
        font-size: 14px;
    }

    .pickup-cancelled.pickup-header {
        padding-top: 25px;
        padding-bottom: 10px;
    }

    .pickup-cancelled.detail-cancelled-details h3 {
        font-size: 18px;
    }

    .pickup-cancelled.detail-cancelled-details {
        padding-left: 15px;
        padding-top: 20px;
    }
}

/***** END ORDER CANCELLED CSS *****/

/*UPRT REFUND FORMATTING*/

.uprtLink {
    color: #333366;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-right: -10px;
    /* float: right; */
}

.uprtLink:after {
    content: "";
    display: inline-block;
    background-image: url(../media/zipcode-lookup/nav-red-chevron.svg);
    background-repeat: no-repeat;
    background-position: -4px -4px;
    height: 20px;
    width: 20px;
    background-size: 100%;
    margin-top: 0px;
    transform: rotate(-90deg);
    /* margin-right: 0px;
    margin-left: -2px; */
}
