/*
*********************
* TABLE OF CONTENTS *
*********************
*
*********************
* Common Elements
* Common Classes
* Wizard
* ShipRush Eula
* User Information
* Carriers
* Billing Plans
* Webstores
* Billing Information
* Add Funds
* Signin Page
*********************
*
*/

/******************** Common Elements ********************/

body {
    background-color: #164469;
    font-family: 'Roboto', sans-serif;
    font-size: 12px !important;
    color: #565656;
}

.useNewBackground {
    background-color: #1F8DC8 !important;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #D1D1D1;
}

label {
    font-weight: normal;
}

a {
    text-decoration: underline;
}

input {
    margin: 0.2em 0;
}

    input[type="radio"] {
        margin-right: 10px;
    }

    /* Hide spinners from numeric inputs */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
        -moz-appearance: textfield;
    }

textarea.form-control {
    font-weight: normal;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    height: auto !important;
}

textarea {
    display: block;
    resize: none;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    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, -webkit-box-shadow ease-in-out .15s;
}

/******************** End of Common Elements ********************/

/******************** Common Classes ********************/

.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-6 {
    margin-top: 6px;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-85 {
    margin-bottom: 85px;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.pl-4 {
    padding-left: 4px;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-16 {
    padding-left: 16px;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.no-border {
    border: none;
}

.hr-margin-small {
    margin-top: 5px;
    margin-bottom: 5px;
}

.hr-margin-large {
    margin-top: 20px;
    margin-bottom: 20px;
}

.hr-short-blue {
    min-width: 150px;
    border-top: 3px solid #00AAFF;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus, .btn:hover:enabled {
    outline: none !important;
    background-color: #0098e5; /* 10% darker than #00AAFF */
}

.inline-text-blue {
    color: #00AAFF;
    font-weight: bold;
}

.inline-text-blue-large {
    color: #00AAFF;
    font-weight: bold;
    font-size: medium;
}

.inline-text-red-large {
    color: #ff1100;
    font-weight: bold;
    font-size: medium;
}

.italic-bold {
    font-style: italic;
    font-weight: bold;
    color: #00AAFF;
}

.italic-bold-large {
    font-style: italic;
    font-weight: bold;
    font-size: 21px;
}

.italic-bold-small {
    font-style: italic;
    font-weight: bold;
    font-size: 10px;
}

.italic-bold-larger {
    font-style: italic;
    font-weight: bold;
    font-size: 26px;
}

.small-text {
    font-size: 10px;
    display: inline-block;
}

.visible-item {
    display: block;
}

.hidden-item {
    display: none;
}

.display-block {
    display: block !important;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-30 {
    margin-top: 30px;
}

.spacer70 {
    display: block;
    height: 70px;
    width: 100%;
    margin: 0 auto;
    content: "";
}

.cursorPointer {
    cursor: pointer !important;
}

.background-gray {
    background: lightgray !important;
}

.background-blue {
    background: #00aaff !important;
    color: white;
}

.placeholderButton {
    color: #ffffff;
    background-color: #00aaff;
    border: 1px solid #00aaff;
    border-radius: .40rem;
    text-transform: uppercase;
    height: 20px;
    min-width: 50px; /* Case 465877: New SignUp Wizard: Carrier and WebStore Configuration screen: "Set-Up" button is not visible properly on Firefox */
    font-size: 10px;
    font-weight: normal !important;
}

    .placeholderButton:active, .placeholderButton.active {
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
        box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    }

        .placeholderButton:focus, .placeholderButton:active:focus, .placeholderButton.active:focus, .placeholderButton.focus, .placeholderButton:active.focus, .placeholderButton.active.focus {
            outline: none !important;
        }

.signUpSelect {
    margin: 0.2em 0;
    display: block;
    width: 200px;
    height: 25px;
    padding: 0px 5px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    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, -webkit-box-shadow ease-in-out .15s;
    font-size: 14px;
}

    .signUpSelect:focus, .signUpSelect:active:focus, .signUpSelect.active:focus, .signUpSelect.focus, .signUpSelect:active.focus, .signUpSelect.active.focus {
        outline: none !important;
    }

.signUpWizardTip {
    font-size: 11px;
}

/* Small text on a button */
.btn.sw-btn-next.small-btn-text {
    font-size: 10px;
}

.right-arrow::before {
    content: "\2794";
}

.left-arrow::before {
    content: "\2794";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    display: inline-block;
}

.input-validation-error {
    border: 3px solid #FFC000 !important;
}

input[type='checkbox'].input-validation-error,
input[type='radio'].input-validation-error {
    outline: 3px solid #FFC000 !important;
}

.checkbox-label {
    color: #666f77;
    font-weight: normal;
    font-size: 14px !important;
}

.checkbox-label-12 {
    color: #666f77 !important;
    font-weight: normal;
    font-size: 12px;
}

.checkbox-symbol {
    margin-top: 0px;
}

.radiobutton-label {
    color: #666f77;
    font-weight: normal;
    font-size: 14px !important;
}

.radiobutton-symbol {
    margin-top: 0px;
}

.row-no-gutters [class*="col-"] {
    padding-right: 6px;
    padding-left: 0px;
}

/* Style override for unordered list - blue check marks instead of bullets*/
.ul-check-marks {
    list-style: none;
    padding-left: 0px;
    margin-top: 5px;
    font-size: 14px;
}

    .ul-check-marks li:before {
        content: '✓';
        font-size: medium;
        color: #00AAFF;
        padding-right: 0.7em;
    }

.validation-msg {
    position: absolute;
    min-height: 100%;
    width: 100%;
    background-color: rgba(38, 38, 38, 0.95);
    margin-left: -15px;
    color: white;
    z-index: 100;
    font-weight: 600;
    padding: 0.5em 1em;
    display: flex;
    align-items: center;
}

.validation-msg-success-icon,
.validation-msg-warn-icon {
    height: 30px;
    padding-left: 1em;
}

.validation-msg-text {
    margin: 5px 0px 0px 10px;
}

.white-container {
    background-color: white;
    border-radius: 5px;
    padding: 2em 2em 1em 2em;
    margin: 1em;
}

select[readonly] {
    pointer-events: none;
}

.signup-dropdown {
    margin-top: 0.2em;
    padding-left: 8px;
}

    .signup-dropdown option:disabled {
        color: #C8C8C8;
    }

.centered-content {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
}

.toolbar-btn-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 60px;
}

.toolbar-bottom {
    position: fixed;
    width: auto;
    bottom: 20px;
    right: 21.5px;
}

.toolbar-bottom-ups {
    position: fixed;
    bottom: 20px;
    right: 21.5px;
}

.toolbar-bottom-fedex {
    position: fixed;
    bottom: 20px;
    right: 21.5px;
}

.btn-wide {
    margin: 1em;
    width: 340px;
}

.btn-wider {
    width: 130px;
}

/* override not-allowed cursor content disabled inputs, buttons, checkboxes */
.form-control[disabled],
.btn[disabled],
input[type="checkbox"][disabled] {
    cursor: default;
}

.no-underline {
    text-decoration: none !important;
}

fieldset {
    margin-bottom: 10px;
}

    fieldset legend {
        font-size: medium;
        font-weight: bold;
        margin-bottom: 0px;
        border: none;
        color: #666666;
    }

.leftcolumn {
    border-right: 1px solid #B4B4B4;
}

.padleft0 {
    padding-left: 0px !important;
}

.padright5 {
    padding-right: 5px !important;
}

.padright30 {
    padding-right: 30px !important;
}

.padbottom5 {
    padding-bottom: 5px !important;
}

.padtop30 {
    padding-top: 30px !important;
}

.pad0 {
    padding: 0px !important;
}

.margin0 {
    margin: 0px !important;
}

.col25 {
    width: 25%;
}

.col375 {
    width: 37.5%;
}

.align-top {
    vertical-align: top;
}

.medium-text {
    font-size: medium;
}

.text-align-right {
    text-align: right;
}

.text-align-right {
    text-align: right;
}

a.button, a.secondary-button {
    background: none;
}

/* Bug 465893: New User Signup UI: Add Excel webstore - button styles are missing */
.webshipping #smartwizard input[type="text"] {
    border: solid 1px #AAA;
    border-radius: 3px;
    padding-left: 4px;
    font-weight: normal;
}

.uiversion-v2.webshipping .footer-buttons button.small,
.uiversion-v2.webshipping .wizard-bottom-buttons button.small,
.uiversion-v2.webshipping .wizard-bottom-buttons a.helpPopupLink,
.uiversion-v2.webshipping a.button,
.uiversion-v2.webshipping a.secondary-button,
.webshipping #smartwizard a.secondary-button, /* Bug 465893: New User Signup UI: Add Excel webstore - button styles are missing */
.uiversion-v2.webshipping button.small,
.uiversion-v2.webshipping button.secondary-small {
    background: none;
    height: 40px;
    padding: .75rem;
    font-size: 16px;
    text-shadow: none;
    font-family: inherit;
    background-color: #00aaff !important;
    border: 1px solid #00aaff;
    border-radius: .50rem;
    text-transform: uppercase;
    min-width: 80px;
}

    .uiversion-v2.webshipping a.button span,
    .uiversion-v2.webshipping a.secondary-button span,
    .webshipping #smartwizard a.secondary-button span, /* Bug 465893: New User Signup UI: Add Excel webstore - button styles are missing */
    .uiversion-v2.webshipping button.small span,
    .uiversion-v2.webshipping button.secondary-small span {
        text-shadow: inherit;
        font-size: inherit;
        color: white;
        padding: 0.25rem 0 0 0;
    }

.helpImage-inline {
    background: url(/static.shiprush.com/images/Help-Icon-14px.gif) no-repeat center center;
    width: 0px;
    height: 14px;
    margin-left: -7px;
    display: inline-block;
    padding-right: 25px;
    cursor: help;
}

.helpImage {
    background: url(/static.shiprush.com/images/question_help.png) no-repeat center center;
    width: 30px;
    height: 30px;
    margin-left: -50px;
    display: inline-block;
    cursor: help;
    background-size: 30px;
}

.flex-row {
    display: flex;
    flex-flow: row;
}

.flex-row-center {
    display: flex;
    justify-content: center;
}

/* Override for qTip2 tooltip */
.web-shipping-tooltip {
    background: url(/static.shiprush.com/ship.app/images/web-shipping-tooltip-16.png) no-repeat center center;
    width: 16px;
    height: 14px;
    cursor: default;
    margin-left: 8px;
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 30%;
}

.tooltip-content {
    display: none;
}

/* Task 1053561: Make tooltip look better on Carrier selection screen */
.shiprush-tooltip {
    background: #00AAFF !important;
    color: white !important;
    border: 1px solid black !important;
    border-radius: 5px;
}

.input-group {
    margin: 0.2em 0;
}
/* 
    Bug 461471: New signup wizard - Tooltips are not visible in inline form 
    PG: We need to hide .web-shipping-tooltip if bootstrap input group add-on is used for tooltips!
*/
.input-group-addon.inline-tooltip .web-shipping-tooltip {
    display: none;
}

.grayscale-100 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.width-100 {
    width: 100%;
}

.width-168 {
    width: 168px;
}

.z-index-1 {
    z-index: 1;
}

.input-group .form-control {
    margin-top: 0;
}

.flip {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.password-requirements-container {
    position: absolute;
    background-color: white;
    z-index: 99;
    padding: 6px 16px;
    margin: 2.8px 0;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.password-requirements-body {
    padding-top: 2px;
    padding-left: 10px;
    color: red;
}

.password-chars-requirements-container {
    padding-left: 14px;
    padding-top: 2px;
}

.password-check-mark::before {
    content: "✓ ";
    color: green;
    margin-left: -10px;
    font-weight: 600;
}

.password-cross-mark::before {
    content: "✖ ";
    color: red;
    margin-left: -10px;
    font-size: 13px;
}

#step1PasswordRequirement {
    display: none;
}

.cp-signupButtonContainer {
    padding-right: 15px;
    margin-left: auto;
    margin-top: 2px;
}
/******************** End of Common Classes ********************/
/******************** Floating Labels ********************/
.has-float-label {
    display: block;
    position: relative;
    margin-bottom: 0px;
}

    .has-float-label label, .has-float-label > span {
        position: absolute;
        left: 0;
        top: 0;
        cursor: text;
        font-size: 75%;
        opacity: .5;
        -webkit-transition: all .2s;
        transition: all .2s;
        top: .5em;
        left: 12px;
        z-index: 3;
        line-height: 1;
        padding: 0 1px;
    }

        .has-float-label label::after, .has-float-label > span::after {
            content: " ";
            display: block;
            position: absolute;
            background: white;
            top: 50%;
            left: -.2em;
            right: -.2em;
            z-index: -1;
        }

    .has-float-label .form-control {
        padding-top: 10px !important;
        padding-bottom: 2px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

        .has-float-label .form-control::-webkit-input-placeholder {
            opacity: 1;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        .has-float-label .form-control::-moz-placeholder {
            opacity: 1;
            transition: all .2s;
        }

        .has-float-label .form-control:-ms-input-placeholder {
            opacity: 1;
            transition: all .2s;
        }

        .has-float-label .form-control::placeholder {
            opacity: 1;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        .has-float-label .form-control:placeholder-shown:focus::-webkit-input-placeholder {
            opacity: 0;
        }

        .has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
            opacity: 0;
        }

        .has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
            opacity: 0;
        }

        .has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
            opacity: 0;
        }

        .has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
            opacity: 0;
        }

        .has-float-label .form-control:placeholder-shown:not(:focus):not(:-webkit-autofill) ~ label {
            font-size: 14px;
            opacity: .7;
            top: 10px;
            font-weight: normal;
        }

.input-group .has-float-label {
    display: table-cell;
}

    .input-group .has-float-label .form-control {
        border-radius: 4px;
    }

    .input-group .has-float-label:not(:last-child) .form-control {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .input-group .has-float-label:not(:first-child) .form-control {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-left: -1px;
    }
/******************** End of Floating Labels ********************/

/******************** Wizard ********************/
.body-content {
    background-color: #e9e9e9;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 950px;
    min-height: 540px;
    border-top-color: #92a8d1;
}

.body-content-new-sign-up {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-top-color: #92a8d1;
    display: flex;
}

.signUp-form-new-sign-up {
    margin-left: 7rem;
    margin-right: 7rem;
}

.wizard-header {
    background-color: #565656;
    height: 74px;
}

.wizard-header-logo {
    margin-top: 20px;
}

.wizard-header-logo-new-sign-up {
    margin-top: -80px !important;
    background-color: none !important;
    height: 40px;
}

.day-and-ross-wizard-logo {
    width: 100px;
}

.day-and-ross-signup-logo {
    width: 89.98px;
}

.wizard-header-container {
    display: flex;
    align-items: flex-end;
    padding: 1em;
}

.wizard-header-title {
    font-weight: bold;
    color: #00AAFF;
    font-size: 36px;
    margin-top: 9px;
}

.wizard-header-image-small {
    height: 54px;
}

.wizard-header-image-small-width {
    width: 54px;
}

.wizard-header-image-big {
    width: 100px;
    margin-top: 18px;
}

.wizard-header-image-large {
    width: 140px;
    margin-top: 18px;
}

.wizard-header-subtitle {
    margin-left: 70px;
    font-size: medium;
}

.wizard-header-subtitle-left {
    font-size: 20px;
}

.wizard-header-image-background {
    width: 68px;
    height: 68px;
    display: block;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .wizard-header-image-background img {
        max-height: 50px;
        max-width: 50px;
    }

.wizard-header-image-big-background {
    width: 140px;
    height: 140px;
    display: block;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #D9D9D9;
    text-align: center;
    margin-left: 15px;
}

.wizard-header-no-background-color {
    background-color: unset;
}

.wizard-steps-new-sign-up {
    background-color: white !important;
    width: 546px !important;
    height: 600px !important;
}

.sign-up-side-image {
    height: 600px;
}

.sign-up-title {
    margin-top: 40px;
    text-align: center;
    color: black;
}

.signup-button-new-sign-up {
    width: 100%;
    background-color: #164469 !important;
    border: none !important;
    font-family: "Roboto";
    font-weight: 500;
}

under-text {
    color: #666f77;
}

/******************Google 2FA********************/

#google-section, #email-section {
    line-height: 5px;
    padding-top: 10px;
    padding-bottom: 15px;
}

#btn-switch-email, #btn-resend-email, #btn-switch-google, .text-button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: inherit;
    text-decoration: underline;
    cursor: pointer;
}
/******************** Inner header ********************/
/*
    Title, subtitle, image
*/


.wizard-step-header {
    padding-bottom: 10px;
}


.wizard-step-header-image {
    width: 80px;
    height: 80px;
    display: block;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #D9D9D9;
    text-align: center;
    margin-right: 10px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: center;
}

    /* Font awesome icon as step title icon */
    .wizard-step-header-image .step-icon-wrapper {
        font-size: 5em;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }

    .wizard-step-header-image.big {
        width: 140px;
        height: 140px;
        background-size: 110px 110px;
    }

    /* Start: Image as step title icon */
    .wizard-step-header-image.customer_information {
        background-image: url("/static.shiprush.com/images/signup/customer_information.svg");
        background-color: unset;
        background-size: 90px 90px;
    }

    .wizard-step-header-image.carrier_generic {
        background-image: url("/static.shiprush.com/images/signup/carrier_configuration.svg");
        background-color: unset;
        background-size: 90px 90px;
    }

    .wizard-step-header-image.custom_innsurance {
        background-image: url("/static.shiprush.com/images/signup/insurance_opt_in.svg");
        background-color: unset;
        background-size: 90px 90px;
    }

    .wizard-step-header-image.webstore_configuration {
        background-image: url("/static.shiprush.com/images/signup/webstore_configuration.svg");
        background-color: unset;
        background-size: 90px 90px;
    }

    .wizard-step-header-image.select_plan {
        background-image: url("/static.shiprush.com/images/signup/select_plan.svg");
        background-color: unset;
        background-size: 90px 90px;
    }

    .wizard-step-header-image.billing_information {
        background-image: url("/static.shiprush.com/images/signup/billing_information.svg");
        background-color: unset;
        background-size: 90px 90px;
    }

    .wizard-step-header-image.printer {
        background-image: url("/static.shiprush.com/images/signup/label_printer.svg");
        background-color: unset;
        background-size: 90px 90px;
    }

    .wizard-step-header-image.mobile_phone {
        background-image: url("/static.shiprush.com/images/signup/mobile_device.svg");
        background-color: unset;
        background-size: 90px 90px;
    }

    .wizard-step-header-image.warning {
        background-image: url("/static.shiprush.com/images/signup/warning_icon_modern.svg");
    }

    /* START Carrier sprites

        Source files:
            Available as attachments on: User Story 459547: New Signup - Carrier and webstore logos
            Original file size 200x200px

        Sprite generated using: https://www.toptal.com/developers/css/sprite-generator/ 
        Using 140x140 pix images
        Sprite file: /static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png

        Sprite locations (X, Y) for other carriers:
            Amazon: -10px -10px;
            Banyan: -10px -170px;
            APC: -170px -10px;
            Canada_Post: -170px -170px;
            Canpar: -330px -10px;
            Deliv: -330px -170px;
            DHL: -10px -330px;
            DirectLink: -170px -330px;
            DPD: -330px -330px;
            FedEx: -490px -10px;
            FIMS: -490px -170px;
            FirstMile: -490px -330px;
            Globegistics: -10px -490px;
            LaserShip: -330px -490px;
            LSO: -170px -490px;
            NZ_Couriers: -490px -490px;
            OnTrac: -650px -10px;
            TNT: -650px -330px;
            Sendle: -650px -170px;
            UPS: -10px -650px;
            USPS: -650px -490px;
            WWEX: -170px -650px;
            AmazonShipping: -490px -810px;
    */

    .wizard-step-header-image .sprite-icon {
        width: 140px;
        height: 140px;
        margin: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .wizard-step-header-image .sprite-icon.small {
            transform: scale(0.5);
            transform-origin: 0% 0%;
        }

        .wizard-step-header-image .sprite-icon.big {
            transform: scale(0.9);
            transform-origin: 0% 0%;
            margin: 8px;
        }

    /*01_Amazon*/
    .wizard-step-header-image.carrier_amazon .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -10px -10px;
    }

    /*02_APC*/
    .wizard-step-header-image.carrier_easypostapc .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -170px -10px;
    }

    /*03_Banyan*/
    .wizard-step-header-image.carrier_banyan .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -10px -170px;
    }

    /*04_CanadaPost*/
    .wizard-step-header-image.carrier_canadapost .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -170px -170px;
    }

    /*05_Canpar*/
    .wizard-step-header-image.carrier_canpar .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -330px -10px;
    }

    /*06_Deliv*/
    .wizard-step-header-image.carrier_deliv .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -330px -170px;
    }

    /*07_DHL*/
    .wizard-step-header-image.carrier_dhl .sprite-icon,
    .wizard-step-header-image.carrier_dhlec .sprite-icon,
    .wizard-step-header-image.carrier_dhlgermany .sprite-icon,
    .wizard-step-header-image.carrier_dhlparceluk .sprite-icon,
    .wizard-step-header-image.carrier_dhlecommbnl .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -10px -330px;
    }

    /*08_DirectLink*/
    .wizard-step-header-image.carrier_directlink2 .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -170px -330px;
    }

    /*09_DPD*/
    .wizard-step-header-image.carrier_dpduk .sprite-icon,
    .wizard-step-header-image.carrier_dpdmeta .sprite-icon,
    .wizard-step-header-image.carrier_dpdfrance .sprite-icon,
    .wizard-step-header-image.carrier_easypostdpdgermany .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -330px -330px;
    }

    /*10_FedEx*/
    .wizard-step-header-image.carrier_fedex .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -490px -10px;
    }

    /*11_FedExIntrenationalMS*/
    .wizard-step-header-image.carrier_fims2 .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -490px -170px;
    }

    /*12_FirstMile*/
    .wizard-step-header-image.carrier_firstmile .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -490px -330px;
    }

    /*13_Globegistics*/
    .wizard-step-header-image.carrier_easypostglobegistics .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -10px -490px;
    }

    /*14_LaserShip*/
    .wizard-step-header-image.carrier_lasership .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -170px -490px;
    }

    /*15_LSO*/
    .wizard-step-header-image.carrier_lso .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -330px -490px;
    }

    /*16_NZCouriers*/
    .wizard-step-header-image.carrier_nzcouriers .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -490px -490px;
    }

    /*17_OnTrac*/
    .wizard-step-header-image.carrier_ontrac .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -650px -170px;
    }

    /*18_Sendle*/
    .wizard-step-header-image.carrier_sendle .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -650px -10px;
    }

    /*19_TNT*/
    .wizard-step-header-image.carrier_tnt .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -650px -330px;
    }

    /*20_UPS*/
    .wizard-step-header-image.carrier_ups .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -650px -490px;
    }

    /*21_USPostalService*/
    .wizard-step-header-image.carrier_shiprushusps .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -10px -650px;
    }

    /*22_WWEX*/
    .wizard-step-header-image.carrier_wwex .sprite-icon,
    .wizard-step-header-image.carrier_wwex2 .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -170px -650px;
    }

    /*23_DayAndRoss*/
    .wizard-step-header-image.carrier_dayandross .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -330px -650px;
    }

    /*24_PitneyBowes*/
    .wizard-step-header-image.carrier_pitneybowes .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -490px -650px;
    }

    /*25_RoyalMail*/
    .wizard-step-header-image.carrier_easypostroyalmail .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -650px -650px;
    }

    /*26_EvriUK*/
    .wizard-step-header-image.carrier_easypostevriuk .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -10px -810px;
    }

    /*27_GLSGermany*/
    .wizard-step-header-image.carrier_glsgermany .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -170px -810px;
    }

    /*28_SwissPost*/
    .wizard-step-header-image.carrier_swisspost .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -330px -810px;
    }

    /*29_AmazonShipping*/
    .wizard-step-header-image.carrier_amazonshipping .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -490px -810px;
    }

    /*30_ArcBest*/
    .wizard-step-header-image.carrier_arcbest .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -650px -810px;
    }

    /*31_WWEX Freight*/
    .wizard-step-header-image.carrier_wwexfreight .sprite-icon,
    .wizard-step-header-image.carrier_wwexfreight2 .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -10px -970px;
    }

    /*32_Unishippers*/
    .wizard-step-header-image.carrier_unishippers .sprite-icon{
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -170px -970px;
    }

    /*33_Purolator*/
    .wizard-step-header-image.carrier_purolator .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -330px -970px;
    }

    /*34_Unishippers Ltl*/
    .wizard-step-header-image.carrier_unishippersltl .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -490px -970px;
    }

    /*35_DpdLocalUk*/
    .wizard-step-header-image.carrier_dpdlocaluk .sprite-icon {
        background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -650px -970px;
    }

    /*default logo*/
    .wizard-step-header-image.carrier_gls .sprite-icon,
    .wizard-step-header-image.carrier_uss .sprite-icon,
    .wizard-step-header-image.carrier_mailview .sprite-icon {
        background-image: url("/static.shiprush.com/images/signup/carrier_configuration.svg");
    }

    /* END: Carrier sprites */


    /* START Webstore sprites

        Source files:
            Available as attachments on: User Story 459547: New Signup - Carrier and webstore logos
                                         User Story 590508: Add new Sendle logo on button and carrier setup screens --- including Sendle logo
            Original file size 216x216px and 217x217px

        Sprite generated using: https://www.toptal.com/developers/css/sprite-generator/ 
        Using 140x140 pix images - images resized using https://bulkresizephotos.com/en
        Sprite file: /static.shiprush.com/images/webstore/webstore_sprites_140x140.png

        All used logos are allready resized in zip file on https://dev.azure.com/dsgrandd/ShipRush/_wiki/wikis/ShipRush.wiki/5668/Webstore-Logos

        Sprite locations (X, Y) for other webstores:
            Shift4Shop: -970px -10px
    */

    /*default*/
    .wizard-step-header-image.webstore_generic .sprite-icon {
        background-image: url("/static.shiprush.com/images/signup/webstore_configuration.svg");
    }

    /*bg-1_amazon*/
    .wizard-step-header-image.webstore_amazon .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -10px -10px;
    }

    /*bg-2_americommerce*/
    .wizard-step-header-image.webstore_americommerce .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -170px -10px;
    }

    /*bg-3_aspdotnetstorefront*/
    .wizard-step-header-image.webstore_aspdotnetstorefront .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -10px -170px;
    }

    /*bg-4_bigcartel*/
    .wizard-step-header-image.webstore_big_cartel .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -170px -170px;
    }

    /*bg-5_bigcommerce*/
    .wizard-step-header-image.webstore_bigcommerce .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -330px -10px;
    }

    /*bg-6_bonanza*/
    .wizard-step-header-image.webstore_bonanza .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -330px -170px;
    }

    /*bg-7_brightpearl*/
    .wizard-step-header-image.webstore_brightpearl .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -10px -330px;
    }

    /*bg-8_rakuten*/
    .wizard-step-header-image.webstore_buy_com .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -170px -330px;
    }

    /*bg-9_channeladvisor*/
    .wizard-step-header-image.webstore_channeladvisor .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -330px -330px;
    }

    /*bg-10_craftcommerce*/
    .wizard-step-header-image.webstore_craftcommerce .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -490px -10px;
    }

    /*bg-11_cscart*/
    .wizard-step-header-image.webstore_cscart .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -490px -170px;
    }

    /*bg-12_discogs*/
    .wizard-step-header-image.webstore_discogs .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -490px -330px;
    }

    /*bg-13_drupal*/
    .wizard-step-header-image.webstore_drupal .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -10px -490px;
    }

    /*bg-14_ebay*/
    .wizard-step-header-image.webstore_ebay .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -170px -490px;
    }

    /*bg-15_ecwid*/
    .wizard-step-header-image.webstore_ecwid .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -330px -490px;
    }

    /*bg-16_etsy*/
    .wizard-step-header-image.webstore_etsy .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -490px -490px;
    }

    /*bg-17_finaleinventory*/
    .wizard-step-header-image.webstore_finaleinventory .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -650px -10px;
    }

    /*bg-18_googleshopping*/
    .wizard-step-header-image.webstore_google_shopping .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -650px -170px;
    }

    /*bg-19_groupon*/
    .wizard-step-header-image.webstore_groupon .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -650px -330px;
    }

    .wizard-step-header-image.webstore_grouponstore .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -650px -330px;
    }

    /*bg-20_hikashop*/
    .wizard-step-header-image.webstore_hikashop .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -650px -490px;
    }

    /*bg-21_houzz*/
    .wizard-step-header-image.webstore_houzz .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -10px -650px;
    }

    /*bg-22_jet*/
    .wizard-step-header-image.webstore_jet .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -170px -650px;
    }

    /*bg-23_kickstarter*/
    .wizard-step-header-image.webstore_kickstarter .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -330px -650px;
    }

    /*bg-24_lightspeed*/
    .wizard-step-header-image.webstore_lightspeed .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -490px -650px;
    }

    .wizard-step-header-image.webstore_lightspeedecom .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -490px -650px;
    }

    /*bg-25_magento*/
    .wizard-step-header-image.webstore_magento .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -650px -650px;
    }

    /*bg-26_miva*/
    .wizard-step-header-image.webstore_miva .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -810px -10px;
    }

    /*bg-27_netsuite*/
    .wizard-step-header-image.webstore_netsuite .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -810px -170px;
    }

    /*bg-28_newegg*/
    .wizard-step-header-image.webstore_newegg .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -810px -330px;
    }

    /*bg-29_opencart*/
    .wizard-step-header-image.webstore_opencart .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -810px -490px;
    }

    /*bg-30_oscommerce*/
    .wizard-step-header-image.webstore_oscommerce .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -810px -650px;
    }

    /*bg-31_overstock*/
    .wizard-step-header-image.webstore_overstock .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -10px -810px;
    }

    /*bg-32_pinnaclecart*/
    .wizard-step-header-image.webstore_pinnaclecart .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -170px -810px;
    }

    /*bg-33_prestashop*/
    .wizard-step-header-image.webstore_prestashop .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -330px -810px;
    }

    /*bg-34_quickbooks*/
    .wizard-step-header-image.webstore_quickbooks_wc .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -490px -810px;
    }

    .wizard-step-header-image.webstore_quickbooks_online .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -490px -810px;
    }

    /*bg-35_reverb*/
    .wizard-step-header-image.webstore_reverb .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -650px -810px;
    }

    /*bg-36_sears*/
    .wizard-step-header-image.webstore_sears .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -810px -810px;
    }

    /*bg-37_sellercloud*/
    .wizard-step-header-image.webstore_sellercloud .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -970px -10px;
    }

    /*bg-38_shift4shop*/
    .wizard-step-header-image.webstore_shift4shop .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -970px -170px;
    }

    /*bg-39_shopify*/
    .wizard-step-header-image.webstore_shopify .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -970px -330px;
    }

    /*bg-40_skuvault*/
    .wizard-step-header-image.webstore_skuvault .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -970px -490px;
    }

    /*bg-41_square*/
    .wizard-step-header-image.webstore_square .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -970px -650px;
    }

    /*bg-42_stitchlabs*/
    .wizard-step-header-image.webstore_stitchlabs .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -970px -810px;
    }

    /*bg-43_stripe*/
    .wizard-step-header-image.webstore_stripe .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -10px -970px;
    }

    /*bg-44_suredone*/
    .wizard-step-header-image.webstore_suredone .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -170px -970px;
    }

    /*bg-45_tophatter*/
    .wizard-step-header-image.webstore_tophatter .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -330px -970px;
    }


    /*bg-47_ultracart*/
    .wizard-step-header-image.webstore_ultracart .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -650px -970px;
    }

    /*bg-48_volusion*/
    .wizard-step-header-image.webstore_volusion .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -810px -970px;
    }

    /*bg-49_walmart*/
    .wizard-step-header-image.webstore_walmart .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -970px -970px;
    }

    /*bg-50_wish*/
    .wizard-step-header-image.webstore_wish .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -1130px -10px;
    }

    /*bg-51_woocommerce*/
    .wizard-step-header-image.webstore_woocommerce .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -1130px -170px;
    }

    /*bg-52_xcart*/
    .wizard-step-header-image.webstore_xcart .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -1130px -330px;
    }

    /*bg-53_xero*/
    .wizard-step-header-image.webstore_xero .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -1130px -490px;
    }

    /*bg-54_zentail*/
    .wizard-step-header-image.webstore_zentail .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -1130px -650px;
    }

    /*bg-55_zenventory*/
    .wizard-step-header-image.webstore_zenventory .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -1130px -810px;
    }

    /*bg-56_zoho*/
    .wizard-step-header-image.webstore_zoho .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -1130px -970px;
    }

    /*bg-57_squarespace*/
    .wizard-step-header-image.webstore_squarespace .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -10px -1130px;
    }

    /*bg-58_paypal*/
    .wizard-step-header-image.webstore_paypal_xml .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -170px -1130px;
    }

    /*bg-59_excel*/
    .wizard-step-header-image.webstore_excel .sprite-icon {
        background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -330px -1130px;
    }

/* END: Webstore sprites */
/* End: Image as step title icon */

.wizard-step-header-title-area {
    margin-left: 90px;
}

p.wizard-step-header-title {
    font-weight: bold;
    color: #00AAFF;
    font-size: 36px;
    margin-top: 16px;
    margin-bottom: 0px;
}

p.wizard-step-header-subtitle {
    font-size: 20px;
    margin-bottom: 0px;
}


.swnav {
    font-size: 9px;
}

    .swnav > li > a:hover, .swnav > li > a:hover {
        background-color: transparent !important;
    }

    .swnav > li > a:hover, .swnav > li > a:focus {
        background-color: transparent !important;
    }

.sw-btn-prev {
    font-weight: lighter;
    background-color: #7B7B7B !important;
    border-color: #7B7B7B !important;
}

.sw-btn-gray {
    background-color: #7B7B7B !important;
    border: 1px solid #7B7B7B !important;
}

    .sw-btn-gray:hover:enabled {
        background-color: #6e6e6e !important; /* 10% darker than #7B7B7B */
        border: 1px solid #6e6e6e !important;
    }

.tab-content > div {
    margin-top: 1em;
}

.wizard-header-title-narrow {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    max-width: 60%;
}

.wizard-header-title-narrow-new-sign-up {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

.wizard-header-title-wide {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

.wizard-header-subtitle-narrow {
    font-size: 20px;
    text-align: center;
    margin-top: 9px;
    max-width: 50%;
}

.wizard-header-subtitle-narrow-new-sign-up {
    font-size: 16px;
    text-align: center;
}

.wizard-header-subtitle-narrow-new-sign-up div {
    margin-top: 9px;
}

/******************** End of Wizard ********************/
/******************** ShipRush Eula ********************/
.shiprush-content-eula-wrapper {
    background-color: #FFFFFF;
    margin: 25px 20px !important;
    border-radius: 10px;
}

.shiprush-content-eula {
    height: 300px;
    overflow-y: scroll;
    margin: 30px 10px;
}
/******************** End of ShipRush Eula *************/

/******************** User Information ********************/

#promoCodeContainer {
    display: flex;
    align-items: baseline;
}

    #promoCodeContainer input {
        background: none;
        border: none;
        cursor: default;
    }

        #promoCodeContainer input:focus {
            outline: none;
        }

    #promoCodeContainer a {
        font-size: smaller;
    }

.promo-code {
    font-weight: bold;
    margin: 8px -5px 0px 0px;
}

.promo-code-btn {
    margin: 4px 0px;
    padding: 5px 10px;
    color: #fff;
    background-color: #164469;
}

    .promo-code-btn:hover,
    .promo-code-btn:focus {
        color: #fff;
    }

        .promo-code-btn:hover:enabled,
        .promo-code-btn:focus:enabled {
            background-color: #113654; /* 20% darker than #164469 */
        }

.toolbar-btn-next {
    text-align: right;
    padding-top: 15px;
}

.toolbar-btn-bottom-right {
    text-align: right;
    padding-top: 15px;
    position: fixed;
    bottom: 20px;
    right: 40px;
}

.toolbar-buttons-new-sign-up {
    margin-top: -80px;
}

/******************** End of User Information ********************/
/******************** Carriers ********************/
.carrierPlaceholder {
    background-color: #fff;
    border-radius: 10px;
    height: 80px;
    width: 23.5%;
}

.sendle-enabled.highlightedCarriersText .highlightedCarriersTextPlaceholder {
    transition: transform 0.1s;
    margin-right: 1%;
    padding-left: 10px;
    padding-right: 10px;
}

.sendle-enabled .highlightedCarriersTextPlaceholder {
    width: 19.2%;
    right: 10px;
}

.highlightedCarriersText .highlightedCarriersTextPlaceholder:last-child {
    margin-right: 0%;
}

.cp-carrierPlaceholder {
    border-radius: 5px;
    height: auto;
    width: auto;
}

.sendle-enabled .carrierPlaceholder {
    background-color: #fff;
    border-radius: 10px;
    height: 80px;
    width: 19.2%;
}

.carrierPlaceholder.ups {
    background-color: #351C15;
}

.carrierPlaceholder.fedex {
    background-color: #FFFFFF;
}

.carrierPlaceholder.dhl {
    background-color: #FECC00;
}

.carrierPlaceholderText {
    margin-top: 18px;
    font-size: 12px;
    margin-left: 20px;
}

.carrierPlaceholderTextNoLogo {
    margin-top: 18px;
    font-size: medium;
    text-align: center;
}

.cp-carrierPlaceholderText {
    font-size: medium;
    text-align: center;
}

.carrierPlaceholderTextThreeLine {
    margin-top: 10px;
    font-size: 14px;
    margin-left: 20px;
}

.carriers .carrierPlaceholder {
    transition: transform 0.1s;
    margin-right: 2%;
    padding-left: 10px;
    padding-right: 10px;
}

.sendle-enabled.carriers .carrierPlaceholder {
    transition: transform 0.1s;
    margin-right: 1%;
    padding-left: 10px;
    padding-right: 10px;
}

.carriers .carrierPlaceholder:hover {
    transform: scale(1.02);
    box-shadow: 0 0 11px rgba(178,178,178,1);
    cursor: pointer;
}

.carriers .carrierPlaceholder.disabled:hover {
    transform: none;
    box-shadow: none;
    cursor: default;
}

.carriers .carrierPlaceholder.disabled .disabled-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(211,211,211, 0.6);
    border-radius: 10px;
}

.carriers .carrierPlaceholder:last-child {
    margin-right: 0%;
}

.textRow {
    margin-right: 0.5%;
}

.sendle-enabled .textRow {
    margin-right: 1%;
    width: 20%;
}

.sendle-disabled {
    margin-right: -2%;
    display: flex;
}

.sendle-enabled .textRow:last-child {
    margin-right: 0;
}

.col-align-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
}

.carrierUpsImage {
    height: 65px;
    margin-top: 10px;
    margin-right: 10px;
}

.carrierFedexImage {
    height: 18px;
    margin-top: 30px;
    margin-right: 10px;
}

.carrierUspsImage {
    height: 56px;
    margin-top: 12px;
    margin-right: 10px;
}

.create-account-content-eula-wrapper {
    background-color: #FFFFFF;
    margin: 30px 30px 15px 30px;
    border-radius: 10px;
}

.create-account-content-eula {
    height: 160px;
    overflow-y: scroll;
    margin: 30px 10px;
}

.carrier-copyright {
    padding-top: 10px;
}

.create-account-content-eula-wrapper-ups {
    background-color: #FFFFFF;
    margin: 20px;
    margin-bottom: 0px;
    border-radius: 10px;
}

.create-account-content-eula-ups {
    height: 200px;
    overflow-y: scroll;
    margin: 15px 10px;
}

.create-account-content-eula-ups-reduce-height {
    height: 140px !important;
}

.create-account-content-ups-agreeing-statement {
    height: 45px;
    margin: 10px 10px;
    font-size: 11px !important;
}

.carrierUpsHeaderImage {
    height: 55px;
    margin-top: 10px;
}

.copyright-ups {
    font-size: 10px;
    margin-left: 40px;
}

.copyright-fedex {
    font-size: 10px;
    margin-left: 40px;
    margin-top: 20px;
}

.carrierPlaceholderLarge {
    background-color: #fff;
    border-radius: 5px;
    height: 80px;
    width: 40%;
}

.carrierPlaceholderLarge2 {
    background-color: #fff;
    border-radius: 5px;
    height: 80px;
    width: 40%;
    margin-left: 24%;
}

.carriersLarge {
    margin-left: 10%;
}

    .carriersLarge .carrierPlaceholderLarge {
        transition: transform 0.1s;
        margin-right: 8%;
        padding-left: 10px;
        padding-right: 10px;
    }

        .carriersLarge .carrierPlaceholderLarge:hover {
            transform: scale(1.02);
            box-shadow: 0 0 11px rgba(178,178,178,1);
        }

        .carriersLarge .carrierPlaceholderLarge:last-child {
            margin-right: 0%;
        }

    .carriersLarge .carrierPlaceholderLarge2:hover {
        transform: scale(1.02);
        box-shadow: 0 0 11px rgba(178,178,178,1);
    }

    .carriersLarge .carrierPlaceholderLarge2:last-child {
        margin-right: 0%;
    }

.accountCreatedUpsImage {
    margin-top: 27px;
    height: 90px;
}

.printing-article {
    font-size: 16px;
}

.printer-icon,
.sms-verification-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .printer-icon i {
        font-size: 3.5em;
    }

.printing-method-container {
    display: flex;
    align-items: center;
}

.scaled-logo {
    width: 85%;
    height: auto;
}

.long-label-text {
    margin-top: -22px;
    margin-left: 16px;
}

label.inline {
    padding-right: 5px;
}

.carrier-logo-container {
    width: 80px;
}

.ups-logo {
    width: 140px;
    height: 140px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -650px -490px;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

.fedex-logo {
    width: 140px;
    height: 140px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -490px -10px;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

/*  Carrier sprites for buttons

     Source files:
          Available as attachments on: User Story 590508: Add new Sendle logo on button and carrier setup screens
          White space on images trimmed using: https://trimmy.io/download.php
          Sprite generated using: https://www.toptal.com/developers/css/sprite-generator/ 
*/

.fedex-logo-img {
    width: 215px;
    height: 54px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -78px;
    margin-right: -5px;
    margin-top: 7%;
    transform: scale(0.8);
}

.ups-logo-img {
    width: 93px;
    height: 111px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -306px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -7%;
    transform: scale(0.5);
}

.usps-logo-img {
    width: 338px;
    height: 57px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -152px;
    margin-left: -40%;
    margin-right: -80%;
    margin-top: 6%;
    transform: scale(0.55);
}

.dhl-logo-img {
    width: 335px;
    height: 48px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -10px;
    margin-left: -38%;
    margin-right: -80%;
    margin-top: 9%;
    transform: scale(0.58);
}

.arcbest-logo-img {
    width: 335px;
    height: 70px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -427px;
    margin-left: -38%;
    margin-right: -80%;
    margin-top: 3%;
    transform: scale(0.58);
}

.wwex-logo-img {
    width: 345px;
    height: 75px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -508px;
    margin-left: -39%;
    margin-right: -80%;
    margin-top: 1%;
    transform: scale(0.58);
}

.wwexfreight-logo-img {
    width: 345px;
    height: 75px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -588px;
    margin-left: -39%;
    margin-right: -80%;
    margin-top: 1%;
    transform: scale(0.58);
}

.unishippers-logo-img {
    width: 330px;
    height: 80px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -670px;
    margin-left: -38%;
    margin-right: -80%;
    transform: scale(0.58);
}

.unishippersltl-logo-img {
    width: 330px;
    height: 80px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -750px;
    margin-left: -38%;
    margin-right: -80%;
    margin-top: 3.5%;
    transform: scale(0.58);
}

.sendle-enabled .unishippers-logo-img {
    width: 330px;
    height: 80px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -670px;
    margin-left: -61%;
    margin-right: -80%;
    transform: scale(0.48);
}

.sendle-enabled .unishippersltl-logo-img {
    width: 330px;
    height: 80px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -750px;
    margin-left: -61%;
    margin-right: -80%;
    margin-top: 3.5%;
    transform: scale(0.48);
}

.sendle-enabled .fedex-logo-img {
    width: 215px;
    height: 54px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -78px;
    margin-left: -22px;
    margin-right: -30px;
    margin-top: 9%;
    transform: scale(0.65);
}

.sendle-enabled .ups-logo-img {
    width: 93px;
    height: 111px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -306px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10%;
    transform: scale(0.48);
}

.sendle-enabled .usps-logo-img {
    width: 338px;
    height: 57px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -152px;
    margin-left: -64%;
    margin-right: -80%;
    margin-top: 8%;
    transform: scale(0.46);
}

.sendle-enabled .dhl-logo-img {
    width: 335px;
    height: 48px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -10px;
    margin-left: -62%;
    margin-right: -80%;
    margin-top: 10%;
    transform: scale(0.46);
}

.sendle-enabled .arcbest-logo-img {
    width: 335px;
    height: 70px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -427px;
    margin-left: -62%;
    margin-right: -80%;
    margin-top: 3%;
    transform: scale(0.47);
}

.sendle-enabled .wwex-logo-img {
    width: 345px;
    height: 75px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -508px;
    margin-left: -63%;
    margin-right: -80%;
    transform: scale(0.47);
}

.sendle-enabled .wwexfreight-logo-img {
    width: 345px;
    height: 75px;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_various.png') -10px -588px;
    margin-left: -63%;
    margin-right: -80%;
    transform: scale(0.47);
}

.sendle-logo-img {
    width: 300px;
    height: 60px;
    background: url(/static.shiprush.com/images/carrier/carrier_sprites_various.png) -10px -229px;
    transform: scale(0.55);
    margin-right: -60px;
    margin-left: -49px;
    margin-top: 7%;
}

.usps-logo {
    width: 140px;
    height: 140px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -10px -650px;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

.dhl-logo {
    width: 140px;
    height: 140px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/static.shiprush.com/images/carrier/carrier_sprites_140x140_update.png') -10px -330px;
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

.carrier-generic-logo {
    width: 140px;
    height: 140px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/static.shiprush.com/images/signup/carrier_configuration.svg');
    transform: scale(0.5);
    transform-origin: 0% 0%;
}

.web-shipping-tooltip-printer-page {
    vertical-align: text-top !important;
    position: unset !important;
}
/******************** End of Carriers ********************/
/******************** Billing Plans ********************/
.billing-plans-container {
    position: relative;
    height: 200px;
}

    .billing-plans-container .selected {
        border: #00AAFF solid 3px;
    }

.billing-plans-container-wrapper {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
}

.billing-plan {
    transition: transform 0.1s;
    margin-right: 2%;
    float: left;
    display: flex;
    flex-flow: column;
    align-items: center;
    background-color: #fff;
    border-radius: 15px;
    min-height: 200px;
    padding: 0px;
    justify-content: space-between;
}

    .billing-plan .planTitle {
        margin-top: 15px;
        width: 100%;
        min-height: 30px;
        background-color: #949494;
        color: #fff;
        font-size: large;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-align: center;
        padding-top: 3px;
    }

    .billing-plan .planMessage {
        width: 100%;
        min-height: 23px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        padding-top: 3px;
        margin-bottom: 15px;
    }

    .billing-plan .plan-price-circle {
        width: 95px;
        height: 95px;
        border-radius: 95px;
        color: white;
        text-align: center;
        margin-top: 7px;
        margin-bottom: 7px;
    }

        .billing-plan .plan-price-circle .text {
            text-transform: uppercase;
            text-align: center;
            padding-top: 35px;
            line-height: 15px;
        }

    .billing-plan .plan-price-text .text {
        text-transform: uppercase;
        padding: 10px 0 5px 0px;
        text-align: center;
    }

    .billing-plan:hover {
        transform: scale(1.1);
        box-shadow: 0 0 11px rgba(178,178,178,1);
        z-index: 100;
    }

    .billing-plan:last-child {
        margin-right: 0%;
    }

    .billing-plan .plan-benefits {
        flex-flow: column;
        align-items: center;
        width: 100%;
        padding: 0 10px;
    }

        .billing-plan .plan-benefits > div > p > strong::before {
            content: "·";
            color: rgb(0, 170, 255);
            font-size: 12px;
            margin-left: -7%;
            margin-right: 7%;
        }

    .billing-plan .btn-select {
        color: #ffffff;
        background-color: #00aaff;
        border-radius: .40rem;
        text-transform: uppercase;
        font-size: 12px;
        margin-bottom: 12px;
    }

.downgrade-remove-user {
    text-decoration: line-through;
    opacity: 0.7;
}

.modal-wrapper {
    display: none;
    overflow: auto;
    background-color: #FFFFFF;
    width: 950px;
    height: 540px;
    opacity: 0.95;
    padding-left: 15px;
    padding-right: 15px;
}

.popupBillingPlanTitle {
    padding-left: 15px;
    font-weight: bold;
    color: #00AAFF;
    font-size: 36px;
    padding: 30px;
}

.popupBillingPlanContent {
    padding-left: 100px;
}

.planButtonLink {
    text-decoration: none;
    color: #00AAFF;
}

.planButton {
    margin-bottom: 6px;
}

.popup-plan-close {
    position: absolute;
    right: 40px;
    bottom: 40px;
}

.ribbon {
    --d: 6px;
    --c: var(--my-color-var);
    --f: 12px;
    position: relative;
}

    .ribbon::before {
        content: attr(data-ribbon);
        color: white;
        font-size: var(--f);
        text-transform: uppercase;
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(30%, 643%) rotate(-45deg);
        transform-origin: top left;
        padding: 5px 25px calc(var(--d) + 3px);
        background: linear-gradient(rgba(0,0,0,0.5) 0 0) top/100% var(--d) no-repeat var(--c);
        clip-path: polygon(0 100%, 100% 100%, 100% 0, calc(100% - var(--d)) calc(0% + var(--d)), var(--d) calc(0% + var(--d)), 0 0);
        -webkit-mask: linear-gradient(45deg, transparent calc(50% - var(--d)*0.707),#fff 0) top left, linear-gradient(-45deg, transparent calc(50% - var(--d)*0.707),#fff 0) top right;
        -webkit-mask-size: 20vmax 20vmax;
        -webkit-mask-composite: destination-in;
        mask-composite: intersect;
    }

    .ribbon[data-ribbon=""]::before {
        display: none;
    }

.left::before {
    left: 0;
    right: auto;
    transform: translate(-29.29%, -100%) rotate(-45deg);
    transform-origin: bottom right;
}

/******************** End of Billing Plan ********************/

/******************** Webstores ********************/
.webstorePlaceholder {
    background-color: #fff;
    border-radius: 5px;
    height: 50px;
    width: 23.5%;
}

.webstores {
    padding-left: 0px;
    padding-right: 0px;
}

    .webstores .webstorePlaceholder {
        transition: transform 0.1s;
        margin-right: 2%;
        padding-left: 10px;
        padding-right: 10px;
    }

        .webstores .webstorePlaceholder:hover {
            transform: scale(1.02);
            box-shadow: 0 0 11px rgba(178,178,178,1);
            cursor: pointer;
        }

        .webstores .webstorePlaceholder:last-child {
            margin-right: 0%;
        }

.webstoreButtonContainer {
    margin-top: 15px;
    margin-right: 5px;
    float: right;
}

.webstoreButtonContainerCompleted {
    position: relative;
    margin-top: 6px;
    margin-right: 5px;
    float: right;
}

.webstoreCompleted:after {
    content: '✓';
    position: absolute;
    left: 88%;
    top: 52%;
    width: 15px;
    line-height: 13px;
    font-size: 14px;
    height: 15px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #A6A6A6;
    background: #fff;
    border-radius: 50%;
    color: #00AAFF;
}

.webstorenetsuiteImage {
    height: 20px;
    margin-top: 15px;
}

.webstoreshopifyImage {
    height: 20px;
    margin-top: 15px;
}

.webstorepaypalImage {
    height: 18px;
    margin-top: 16px;
}

.webstoreebayImage {
    height: 25px;
    margin-top: 12px;
}

.webstoreamazonImage {
    height: 20px;
    margin-top: 16px;
}

.webstoreTitleImage {
    margin-top: 24px;
    max-width: 62px !important;
}

.amazonTitleImage {
    margin-top: 28px;
}

.webstoreWizardTitleImage {
    margin-top: 10px;
}

.webstorechanneladvisorImage {
    height: 13px;
    margin-top: 18px;
}

.webstorebigcommerceImage {
    height: 17px;
    margin-top: 15px;
}

.webstoremagentoImage {
    height: 20px;
    margin-top: 15px;
}

.webstoreamazonHeaderImage {
    width: 120px;
    margin-top: 58px;
}

.webstorebigcommerceHeaderImage {
    width: 120px;
    margin-top: 55px;
}

.webstorechanneladvisorHeaderImage {
    width: 132px;
    margin-top: 60px;
}

.webstoreebayHeaderImage {
    width: 120px;
    margin-top: 48px;
}

.webstoremagentoHeaderImage {
    width: 120px;
    margin-top: 55px;
}

.webstorenetsuiteHeaderImage {
    width: 120px;
    margin-top: 55px;
}

.webstorepaypalHeaderImage {
    width: 120px;
    margin-top: 55px;
}

.webstoreshopifyHeaderImage {
    width: 120px;
    margin-top: 50px;
}

.webstoreDefaultHeaderImage {
    width: 110px;
    margin-top: 15px;
}

.webstoresNextButton {
    margin-left: 5px;
}

    .webstoresNextButton::after {
        content: "\2794";
    }

.merchantSetupToolbar {
    text-align: center;
    position: fixed;
    bottom: 20px;
    left: 0;
}

.ftp-info {
    height: 160px;
    overflow-y: scroll;
    margin: 30px 10px;
}

.ftp-info-wrapper {
    background-color: #FFFFFF;
    margin-bottom: 0px;
    border-radius: 10px;
}

.ftp-info-btn {
    position: fixed;
    bottom: 20px;
    left: 46px;
}

.ftp-info-link {
    position: fixed;
    bottom: 60px;
}

    .ftp-info-link a {
        color: #337ab7;
    }

.webstore-logo-container {
    width: 80px;
    margin-top: -8px;
}

.amazon-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url(/static.shiprush.com/images/webstore/webstore_sprites_140x140.png) -10px -10px;
    margin-top: -50%;
    margin-left: 33.3%;
    transform: scale(0.75);
}

.bigcommerce-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url(/static.shiprush.com/images/webstore/webstore_sprites_140x140.png) -330px -10px;
    margin-top: -50%;
    margin-left: 33.3%;
    transform: scale(1.0);
}

.channeladvisor-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url(/static.shiprush.com/images/webstore/webstore_sprites_140x140.png) -330px -330px;
    margin-top: -50%;
    margin-left: 35%;
    transform: scale(1.0);
}

.ebay-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url(/static.shiprush.com/images/webstore/webstore_sprites_140x140.png) -170px -490px;
    margin-top: -50%;
    margin-left: 33.3%;
    transform: scale(0.75);
}

.magento-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url(/static.shiprush.com/images/webstore/webstore_sprites_140x140.png) -650px -650px;
    margin-top: -50%;
    margin-left: 33.3%;
    transform: scale(1.0);
}

.netsuite-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url(/static.shiprush.com/images/webstore/webstore_sprites_140x140.png) -810px -170px;
    margin-top: -50%;
    margin-left: 33.3%;
    transform: scale(1.25);
}

.paypal_xml-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url(/static.shiprush.com/images/webstore/webstore_sprites_140x140.png) -170px -1130px;
    transform: scale(1.0);
    transform-origin: 0% 0%;
    margin-top: -50%;
    margin-left: 33.3%;
}

.shopify-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url(/static.shiprush.com/images/webstore/webstore_sprites_140x140.png) -970px -330px;
    margin-top: -50%;
    margin-left: 33.3%;
    transform: scale(1.0);
}

.etsy-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -490px -490px;
    transform: scale(0.6);
    margin-top: -50%;
    margin-left: 33.3%;
}

.volusion-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -810px -970px;
    margin-top: -50%;
    margin-left: 33.3%;
    transform: scale(1.0);
}

.excel-logo {
    width: 140px;
    height: 140px;
    display: block;
    background: url('/static.shiprush.com/images/webstore/webstore_sprites_140x140.png') -330px -1130px;
    margin-top: -50%;
    margin-left: 33.3%;
    transform: scale(0.9);
}

/* Old UI Overrides */
body.webshipping {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    color: #565656 !important;
}

.innerbody {
    background: radial-gradient(#164469, #164469, #164469) !important;
}

.p1, .p2 {
    clear: left;
}

.p3 {
    margin-top: 0px !important;
    margin-bottom: 10px;
    float: left;
    clear: left;
}

    .p3.content-holder-setup-body > table td {
        text-align: left;
    }

.webstores label {
    min-width: 0px !important;
    display: inline;
    vertical-align: bottom;
}

/* Case 464639: UI Design Tweaks/Revisions - styling of check box inputs behaves differently in Firefox */
@-moz-document url-prefix() {
    .webstores label {
        vertical-align: unset;
    }
}

.label-row {
    display: flex;
    align-items: center;
}

.checkbox-label-row {
    display: flex;
}

    .checkbox-label-row .checkbox-symbol {
        margin-right: 4px;
    }

.radiobutton-label-row {
    display: flex;
}

    .radiobutton-label-row .radiobutton-symbol {
        margin-right: 4px;
    }

.webstores .form-control {
    color: #555555 !important;
    font-size: 14px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    width: 100%;
    height: 34px;
}

    .webstores .form-control.input-validation-error {
        border: 3px solid #FFC000 !important;
    }

.webstore-additional-actions {
    padding-top: 2px !important;
}

.webshipping .panel-multiview-stamps > p, .webshipping .panel-multiview-stamps > .p3 {
    padding-left: 0px !important;
}


.content-holder-setup-body {
    min-height: 0px !important;
}

.text-box,
.webstores input[type="text"],
.webstores input[type="password"] {
    float: none !important;
}
/*
.width400 {
    width: auto !important;
}

.width300 {
    width: auto !important;
}
    */
.tooltipHelpImage {
    margin-bottom: 7px;
    margin-left: 5px;
}

span.tooltipHelpImage {
    padding-left: 16px;
    padding-top: 4px;
}

.uiversion-v2.webshipping input[type="text"].input-validation-error {
    border: 3px solid #FFC000 !important;
    background-color: white;
}

.webshipping .validation-summary-errors {
    max-width: 100% !important;
    padding-top: 10px;
}

.validation-summary-errors {
    display: none;
}

.validation-msg-text .validation-summary-errors {
    display: block;
    border-top: 0px;
    border-bottom: 0px;
    background-color: transparent;
    margin-top: 0px;
    width: auto;
}

.webstores .signup-dropdown {
    margin-bottom: 0.2em;
}
/*
.wizard-bottom-buttons-mvc {
    padding-top: 0px !important;
}*/
/* End of Old UI Overrides */

/******************** End of Webstores ********************/

/******************** Billing Information ********************/
.cc-container {
    display: flex;
    align-items: center;
    margin-top: 6px;
}

.cc-label {
    display: flex;
    align-items: center;
}

.cc-image-small {
    width: 40px;
    margin-right: 25px;
}

#imgNext img {
    margin-top: -4px;
}

.credit-card-verification-message {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 16px;
}

/******************** End of Billing Information *************/
/******************** Set-up Complete ********************/
.wizard-header-text {
    font-size: 14px;
}

/******************** End of Set-up Complete *************/
/******************** Add Funds **************************/
.failed-shipment {
    background: url(/static.shiprush.com/ship.app/images/errors-background.png) repeat;
    background-position: 0 -844px;
    height: 15px;
    width: 100%;
    margin-top: 90px;
    margin-bottom: 15px;
}

.failed-shipment-title {
    background-color: #e9e9e9;
    font-size: 16px;
    font-weight: 600;
    margin-left: 70px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -3px;
    text-decoration: none;
    color: #ff331e;
}

.currencyinput > span {
    position: absolute;
    transform: translate(4px, 4px);
    top: 30%;
}

/******************** End of Add Funds *******************/

/******************** Signin Page ********************/
.signin-frame {
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 950px;
    min-height: 540px;
    max-height: 600px;
}

.form-control-newSignInUI {
    padding-bottom: 12px;
}

.signup-button {
    color: white;
    background-color: #00AAFF;
    padding: 0 3em;
    margin: 1.5em 0;
    height: 34px;
    font-size: 14px;
    border: none;
    text-transform: uppercase;
}

.signup-button-newSignInUI {
    margin: 12px 0;
    background-color: #164469;
}

.signup-button:focus, .signup-button:active:focus, .signup-button.active:focus, .signup-button.focus, .signup-button:active.focus, .signup-button.active.focus, .signup-button:hover:enabled {
    outline: none !important;
    background-color: #0098e5; /* 10% darker than #00AAFF */
}

.left-pane {
    background-color: #565656;
    flex-grow: 1;
    padding-left: 2em;
    display: flex;
    flex-direction: column;
}

.left-pane-newSignInUI {
    background-color: #F5F8FA;
    flex-grow: 1;
    padding-left: 2em;
    display: flex;
    flex-direction: column;
}

.right-pane {
    background-color: #E9E9E9;
    flex-grow: 10;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.right-pane-newSignInUI {
    flex-grow: 10;
    text-align: center;
    display: flex;
}

.sign-in-side-image {
    max-width: 726px !important;
}

.shopify-logo-sign-in {
    width: 150px !important;
}

.descartes-logo {
    padding-top: 5em;
}

    .descartes-logo img {
        width: 200px;
    }

.day-and-ross-signin-logo {
    width: 100px !important;
    margin-left: 4em;
    filter: invert(1) sepia(0.1) hue-rotate(180deg);
}

.blue-line {
    width: 55%;
    height: 5px;
    background-color: #00AAFF;
    border: none;
    float: left;
    margin-top: 20px;
}

.blue-line-password-reset {
    width: 15%;
    height: 3px;
    background-color: #00AAFF;
    border: none;
    float: left;
    margin-top: 20px;
}

.login-form {
    flex-grow: 1;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.white-text {
    color: white !important;
}

.black-text {
    color: black !important;
}

.bold {
    font-weight: bold;
}

.rounded-corners {
    border-radius: 7px !important;
}

.rounded-corners-3 {
    border-radius: 3px !important;
}

.package-image {
    margin-top: 15%;
    margin-left: calc(50% - 80px);
    background-color: white;
    box-shadow: 20px 15px 20px -10px rgb(0 0 0 / 20%), 0 1px 4px rgb(0 0 0 / 10%), 0 0 0 0px rgb(0 0 0 / 10%) inset;
}

.signin-image.big {
    width: 160px;
    height: 160px;
    background-size: 120px 120px;
}

.signin-image {
    width: 80px;
    height: 80px;
    display: block;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    margin-right: 10px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/static.shiprush.com/images/signup/create_account_box.svg);
}

.sign-up {
    flex-grow: 1;
}

.signin-form .has-float-label .form-control:placeholder-shown:not(:focus) + * {
    top: 13px !important;
}

.error-msg {
    position: absolute;
    height: 60px;
    width: 100%;
    background-color: rgba(38, 38, 38, 0.95);
    color: white;
    z-index: 100;
    font-weight: 600;
    padding: 0.5em 1em;
    display: flex;
    align-items: center;
    margin-top: -1px;
}
/*******************Shopify OAuth related ******************/
.left-pane.express-login {
    padding: 40px 15px;
    min-height: 630px;
}

.express-route .white-text {
    line-height: 1.5em;
}

.express-view .wizard-header-logo {
    width: 70%;
    margin: 15px;
}
/******************IE11********************/
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .body-content-new-sign-up {
        width: 1092px;
    }

    *::-ms-backdrop, .wizard-header-no-background-color {
        background-color: transparent;
    }

    *::-ms-backdrop, .wizard-header-subtitle-narrow-new-sign-up {
        width: 400px;
    }

    *::-ms-backdrop, .toolbar-bottom {
        position: absolute;
    }

    *::-ms-backdrop, .toolbar-bottom-ups, .toolbar-bottom-fedex {
        position: absolute;
    }

    *::-ms-backdrop, .toolbar-btn-bottom-right {
        position: static;
    }
    *::-ms-backdrop, .signin-frame {
        left: 41%;
    }
}
/******************IE11********************/

/*******************End Shopify OAuth related **************/

/*******************Flash Notifications******************/
.flash-popup-notification-panel {
    border-radius: 3px;
    padding: 5px 20px 5px 20px;
    top: 4px;
    position: fixed;
    font-weight: 600;
    font-size: 13px;
    text-shadow: 1px 1px 1px #000;
    color: #FFF;
    z-index: 9999;
    opacity: 1.0;
    width: auto;
    background: linear-gradient(to bottom, #737373, #545454);
    left: 41% !important;
}

.flash-popup-notification-panel-close-button {
    cursor: pointer;
    font-weight: normal;
    color: #AAA;
    text-shadow: none;
    margin-left: 20px;
}
/*******************End of Flash Notifications******************/
/*******************ReCaptcha******************/
.grecaptcha-badge {
    bottom: 0px !important;
    right: -80px !important;
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.grecaptcha-badge:hover {
    width: 256px !important;
    right: -260px !important;
}
/*******************End ReCaptcha******************/

/*******************Responsiveness*********************/
/*User Story 1032182: Sign-up page is not properly visible when loading on Mobile device*/
@media screen and (max-width: 1092px), (max-height: 735px) {
    .sign-up-responsive-body-content {
        flex-direction: column;
        top: 670px;
    }

    .svg-container {
        height: 100% !important;
    }

    /* For smaller sized screen and touch screen this note is shown */
    .note-to-continue-using-shiprush-on-computer {
        display: initial !important;
    }
}

/* if device has a touch screen */
@media (pointer: coarse) {
    /* For smaller sized screen and touch screen this note is shown */
    .note-to-continue-using-shiprush-on-computer {
        display: initial !important;
    }
}

/* sign up wizard responsiveness */
@media screen and (max-width: 950px), (max-height: 556px) {
    .sign-up-wizard-responsive-background {
        background-color: #0098e5 !important;
    }

    /* For smaller sized screen and touch screen this note is shown */
    .sign-up-wizard-note-to-continue-using-shiprush-on-computer {
        display: block !important;
    }

    /* For small/touch screen we don't show the content of customer info screen, instead we show a note */
    .responsive-sign-up-wizard-content, .wizard-step-header-title, .wizard-step-header-image {
        display: none;
    }

    .sign-up-wizard-responsive {
        top: 350px !important;
    }

    @media screen and (max-width: 950px)
    {
        .sign-up-wizard-responsive {
            width: 100%;
            text-align: center;
            position: absolute;
        }
    }

    .wizard-header-logo {
        float:left;
    }

    /* Bug 1207054: Issue with responsiveness of the 2FA screen */
    #google-section, #email-section {
        line-height: 17px !important;
    }
}

@media screen and (max-width: 546px) {
    .sign-up-responsive-body-content {
        width: 100%;
    }
}

/* For bigger sized screen this note is hidden */
.note-to-continue-using-shiprush-on-computer, .sign-up-wizard-note-to-continue-using-shiprush-on-computer {
    padding-top: 20px;
    font-size: 18px;
    color: #565656;
    display: none;
}

.sign-up-wizard-note-to-continue-using-shiprush-on-computer {
    padding: 5rem 2rem 0rem 2rem;
}

/*******************End Responsiveness*****************/

/******************** End of Signin Page *******************/
.has-inside-icon{
    position: relative;
}

.flex-baseline {
    display: flex;
    align-items: baseline;
}

.input-dollar-icon-left {
    position: absolute;
    left: 8px;
    line-height: 38px;
}

.loading-indicator {
    left: 47%;
    top: 40%;
    position: fixed;
    z-index: 9999;
    width: 48px;
    height: 48px;
    margin: 6em auto;
    font-size: 10px;
    text-indent: -9999em;
    border-top: 0.8em solid rgba(128, 128, 128, 0.2);
    border-right: 0.8em solid rgba(128, 128, 128, 0.2);
    border-bottom: 0.8em solid rgba(128, 128, 128, 0.2);
    border-left: 0.8em solid #444;
    -webkit-animation: load8 1.1s infinite linear !important;
    animation: load8 1.1s infinite linear !important;
}
.loading-indicator,
.loading-indicator:after {
        border-radius: 50%;
        width: 5em;
        height: 5em;
}