:root {
    /* COLOURS */

    --colour-wex-red: #C8102E; /* buttons/links */
    --colour-dark-red: #740E1D; /* button hovers */
    --colour-slate-blue: #253746; /* Text & background */
    --colour-white: #FFFFFF; /* Text & background */
    --colour-bright-teal: #00C7B1; /* Highlight Text & background */
    --colour-teal: #00A190; /* Highlight Text & background (ADA dependent) */
    --colour-yellow: #FFBF3F; /* Graphics */
    --colour-sky-blue: #A0DCF8; /* Graphics */
    --colour-blue: #278BCB; /* Graphics, specialty text */
    --colour-light-blue: #F1FAFE; /* Background */
    --colour-medium-gray: #656363; /* Specialty subheads */
    --colour-light-gray: #D1D6D8; /* Lines */
    --colour-wex-gray: #4F4B4C; /* Body text */

    --colour-light-red: #FBECEE; /* Wex red with 95% white */
    --colour-background: #F2F2F2; /* Background */

    /* vehicle colours*/
    --colour-vehicle-cream: #FFF8DC;
    --colour-vehicle-beige: #F5DEB3;
    --colour-vehicle-bronze: #B8860B;
    --colour-vehicle-brown: #8B4513;
    --colour-vehicle-yellow: #FFFF00;
    --colour-vehicle-gold: #DAA520;
    --colour-vehicle-orange: #FF4500;
    --colour-vehicle-red: #FF0000;
    --colour-vehicle-maroon: #800000;
    --colour-vehicle-pink: #FF69B4;
    --colour-vehicle-purple: #9400D3;
    --colour-vehicle-blue: #0000FF;
    --colour-vehicle-green: #006400;
    --colour-vehicle-aqua: #7FFFD4;
    --colour-vehicle-silver: #D3D3D3;
    --colour-vehicle-grey: #808080;
    --colour-vehicle-black: #000000;
    --colour-vehicle-white: #FFFFFF;

    /* FONT FAMILYS */

    --fontfamily-inter: Inter,sans-serif;

    /* FONT WEIGHTS */

    --fontweight-black: 900;
    --fontweight-bold: 700;
    --fontweight-regular: 400;
    --fontweight-light: 200;

    /* FONT SIZES */

    /* headings */
    --fontsize-h1: 40px;
    --fontsize-h2: 30px;
    --fontsize-h3: 24px;

    /* body */
    --fontsize-b1: 20px;
    --fontsize-b2: 18px;
    --fontsize-b3: 16px;
    --fontsize-b4: 14px;
    --fontsize-b5: 12px;

    /* footer */
    --fontsize-f1: 11px;

    /* icons */
    --fontsize-i1: 45px;
    --fontsize-i2: 30px;
    --fontsize-i3: 24px;
    --fontsize-i4: 15px;
    --fontsize-i5: 13px;
    --fontsize-i6: 9px;
    --fontsize-i7: 7px;

    /* emphasis */
    --fontsize-e1: 63px;
    --fontsize-e2: 36px;
    --fontsize-e3: 28px;

    /* RADIUS */

    --radius-button: 1.75rem;
    --radius-input-start: 1.25rem 0 0 1.25rem;
    --radius-input-end: 0 1.25rem 1.25rem 0;
    --radius-input-single: 1.25rem;
    --radius-input-small: 0.75rem;
    --radius-background: 1.25rem;

    /* DURATIONS */

    --duration-hover: 0.3s;
    --duration-expand: 0.5s;

    /* HEIGHTS */

    --height-header: 148px;
    --height-footer: 105px;
}

@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
}

body {
    background: var(--colour-slate-blue);
    font-family: var(--fontfamily-inter) !important;
}

@media (min-width: 768px) {
    html {
        height: 100%;
        margin: 0;
    }

    body {
        margin: 0;
    }
}

.body-outage {
    background: url('../images/outage_background.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-bottom: 13%;
}

icon-driver @-moz-document url-prefix() .body_outage {
    padding-bottom: 12%;
}


.text-outage {
    color: var(--colour-wex-gray) !important;
}

.footer-outage-text {
    font-size: 11px !important;
}

.container-outage {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .container-outage:before, .container-outage:after {
        content: " ";
        display: table;
    }

    .container-outage:after {
        clear: both;
    }

@media (min-width: 768px) {
    .container-outage {
        width: 750px;
    }
}

@media (min-width: 1024px) {
    .container-outage {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container-outage {
        width: 860px;
    }
}

.site-container {
    min-height: 100%;
}

.site-navbar-header1 {
    background-color: var(--colour-white);
    color: var(--colour-wex-gray)333;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    border-width: 0px;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    padding-top: 5px;
}

.site-navbar-header2 {
    background-color: var(--colour-wex-red) !important;
    border-color: var(--colour-white) !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

.site-navbar-header2 {
    background-color: var(--colour-wex-red) !important;
    border-color: var(--colour-white) !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

.site-button-primary {
    text-decoration: none;
    transition: all .2s linear;
    width: 100%;
    border-radius: 2px;
    font-family: var(--fontfamily-inter);
    font-size: 15px;
    border: solid 1px var(--colour-slate-blue);
    background-color: var(--colour-white);
    color: var(--colour-slate-blue);
}

    .site-button-primary:hover {
        background-color: var(--colour-light-red);
    }

.btn-primary {
    border-radius: var(--radius-button);
    font-family: var(--fontfamily-inter);
    font-size: 18px;
    font-weight: bold;
    background-color: var(--colour-wex-red);
    color: var(--colour-white);
    text-decoration: none;
    text-transform: none;
    height: 54px;
}

    .btn-primary:hover {
        background-color: var(--colour-dark-red);
        text-decoration: none;
    }

    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary:active:focus {
        background-color: var(--colour-dark-red);
        text-decoration: none;
    }

    .btnSave {
        border-radius: 2px;
        font-family: var(--fontfamily-inter);
        font-size: 15px;
        font-weight: bold;
        background-color: var(--colour-wex-gray) !important;
        color: var(--colour-white);
        text-decoration: none;
        text-transform: uppercase;
    }

    .btnSave:hover {
        border-radius: 2px;
        background-color: var(--colour-wex-gray) !important;
        color: var(--colour-white);
        text-decoration: underline;
    }

    .btnSavey:active, .btnSave:active:focus, .btnSave:active:hover, .btnSave:focus:focus {
        background-color: var(--colour-wex-gray) !important;
    }

.site-button-secondary {
    font-family: var(--fontfamily-inter);
    font-size: 15px;
    background: white;
    transition: all .2s linear;
    width: 100%;
    border-radius: var(--radius-button);
    border: 1px solid var(--colour-wex-red);
    color: var(--colour-wex-red);
    min-height: 43px !important;
    font-weight: bold !important;
}

    .site-button-secondary::first-letter {
    }

    .site-button-secondary:hover {
        color: var(--colour-wex-red);
        background-color: var(--colour-light-red);
    }

    .site-button-secondary:focus {
        outline: var(--colour-wex-red) solid 2px !important;
        outline-offset: 2px !important;
        color: var(--colour-wex-red);
    }

.site-button-cards {
    font-family: var(--fontfamily-inter);
    font-size: 14px;
    font-weight: bold;
    background: white;
    transition: all .2s linear;
    width: 100%;
    border: 1px solid var(--colour-wex-red);
    border-radius: var(--radius-button);
    color: var(--colour-wex-red);
    text-align: center;
    padding: 2.9375rem 0.375rem 0.375rem;
}

    .site-button-cards:hover {
        background-color: var(--colour-light-red);
        color: var(--colour-wex-red);
    }

    .site-button-cards.btn-active-state, .site-button-secondary.btn-active-state {
        background-color: var(--colour-wex-red) !important;
        color: var(--colour-white);
    }

    .site-button-cards:focus {
        outline: var(--colour-wex-red) solid 2px !important;
        outline-offset: 2px !important;
    }

.panel-title:hover {
    cursor: pointer;
}

.panel.panel-default {
    background: none;
}

.group-inner .title {
    font-family: var(--fontfamily-inter);
    font-size: 16px;
    font-weight: bold;
}

.p-accordion-text {
    color: var(--colour-slate-blue);
    text-decoration: none;
}

.p-inner-title {
    margin: 0;
    font-size: 80%;
    font-weight: bold;
}

.p-inner-text {
    margin: 0;
    font-size: 80%;
    font-weight: normal;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.btn-freq-Weekly, .btn-freq-Fortnightly, .btn-freq-Monthly {
    padding: 6px 5px;
}

.btn-show-AddCard2 {
    padding: 6px 0;
}

.btn.active {
    box-shadow: unset;
}

.txt-name-control {
    width: 100%;
    padding: 0.3125rem;
    background-color: var(--colour-light-gray);
    border: 1px solid var(--colour-light-gray);
    box-shadow: none;
    height: 1.875rem;
    font-size: 0.9375rem;
}

    .txt-name-control[disabled] {
        background-color: var(--colour-light-gray);
        cursor: not-allowed;
    }

.txt-name-control-error {
    border-color: var(--colour-wex-red) !important;
    width: 100%;
    padding: 0.3125rem;
    background-color: var(--colour-light-gray);
    border: 1px solid var(--colour-light-gray);
    box-shadow: none;
    height: 1.875rem;
    font-size: 0.9375rem;
}

.icon-car:before {
    content: "\e800";
    font-size: 1.875rem;
    color: var(--colour-slate-blue);
    position: absolute;
    top: 0.625rem;
    left: 50%;
    margin-left: -0.9375rem;
}

.btn-show-vehicleOnly:hover, .btn-show-driverOnly:hover, .btn-show-VehicleDriver:hover, .btn-show-directDebit:hover, .btn-show-CreditCard:hover, .btn-hide-manualPayment:hover, .btn-show-CardClassName:hover, .btn-show-CardType:hover {
    background-color: var(--colour-light-red);
    color: var(--colour-wex-red);
}

.btn-show-VehicleDriver.btn-active-state .icon-vehicleDriver:before {
    color: var(--colour-white);
}

.icon-driver:before {
    content: "\e804";
    font-size: 1.875rem;
    color: var(--colour-slate-blue);
    position: absolute;
    top: 0.625rem;
    left: 50%;
    margin-left: -0.9375rem;
}

.icon-icon-new-individual-application:before {
    content: "\e804";
    font-size: 1.875rem;
    color: var(--colour-slate-blue);
    position: absolute;
    top: 0.625rem;
    left: 50%;
    margin-left: -0.9375rem;
}

.icon-new-business-application {
    content: "\e804";
    font-size: 1.875rem;
    color: var(--colour-slate-blue);
    position: absolute;
    top: 0.625rem;
    left: 50%;
    margin-left: -0.9375rem;
}

.icon-vehicleDriver:before {
    content: "\e805";
    font-size: 1.875rem;
    color: var(--colour-slate-blue);
    position: absolute;
    top: 0.625rem;
    left: 50%;
    margin-left: -0.9375rem;
}

.btn-active-state {
    background-color: var(--colour-wex-red) !important;
    color: var(--colour-white) !important;
}

input[type=checkbox] {
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
}

.paddingClass {
    margin: 15px !important;
    padding: 5px;
    background-color: var(--colour-white);
}

.jumbotron-center {
    text-align: center;
}

.label-checkbox {
    font-weight: normal;
    font-family: var(--fontfamily-inter);
}

.label-title {
    font-weight: normal;
}

.radiobuttongroup {
    font-weight: normal;
}

.img-float-left {
    float: left;
}

.img-align-center {
    align-items: center;
}

.div-background {
    background-image: url('../../images/background.jpg');
    top: 100px;
    margin: 0px 0px 0px 0px;
    padding-left: 5px;
}

.icon-center-align-separator {
    text-align: center;
    padding-bottom: 10px;
    display: block;
}

.icon-center-align {
    text-align: center;
    padding-bottom: 10px;
    display: block;
}

.popover-content-wex {
    padding: 0px !important;
    margin-bottom: 5px !important;
}

#countdown span {
    font-size: 26px;
    font-weight: normal;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}

.headerGrid {
    font-weight: bold;
    cursor: pointer;
}

.detailsGrid {
    display: none;
    visibility: hidden;
}

.div-group {
    padding-right: 2.375rem;
}

.cv-group-hasError {
    color: var(--colour-wex-red);
    font-size: 0.75rem;
    width: 90%;
    margin-top: 0.3125rem;
    margin-bottom: 0;
    bottom: -1.25rem;
}

.label-group-hasError {
    color: var(--colour-wex-red);
    font-size: 0.75rem;
    width: 90%;
    margin-top: 0.3125rem;
    margin-bottom: 0;
    bottom: -1.25rem;
}

.form-group-name.has-error .group-element:before {
    top: 30% !important;
}

.form-group-credit.has-error .group-element:before {
    top: 0% !important;
}

.form-group-credit.has-success .group-element:before {
    top: 0% !important;
}

.form-group-fileUpload.has-error .group-element:before, .form-group-fileUpload.has-success .group-element:before {
    top: 5% !important;
    right: 1% !important;
}

.form-group-buttons.has-error .group-element:before, .form-group-buttons.has-success .group-element:before {
    top: 20% !important;
    right: 1% !important;
}

.form-group-buttons2.has-error .group-element:before, .form-group-buttons2.has-success .group-element:before {
    top: -85% !important;
    right: 1% !important;
}

.form-group-buttons-cardOptions.has-error .group-element:before, .form-group-buttons-cardOptions.has-success .group-element:before {
    top: -30% !important;
    right: 1% !important;
}

.form-group-radio.has-error .group-element:before, .form-group-radio.has-success .group-element:before {
    top: 10% !important;
    right: 1% !important;
}

.form-group-radio2.has-error .group-element:before, .form-group-radio2.has-success .group-element:before {
    top: -100% !important;
    right: 1% !important;
}

.form-group .error-message-wex,
.form-group .success-message-wex {
    width: 90%;
    margin-top: 0.3125rem;
    margin-bottom: 0;
    display: none;
    bottom: -1.25rem;
}

.form-group .error-message-wex {
    color: var(--colour-wex-red);
    font-size: 0.75rem;
}

.form-group .success-message-wex,
.form-group .text-card {
    font-style: italic;
    font-size: 1rem;
}

.accountpassword-option-copy {
    font-size: 1rem;
}

.form-group .text-card {
    margin-top: 0.625rem;
    font-weight: normal;
}

.form-group.success-style .success-message-wex {
    position: static;
    margin-top: 1.125rem;
    width: 100%;
}

.form-group.success-style.has-success .group-element:before {
    top: 1.875rem;
}

@media only screen and (min-width: 768px) {
    .form-group-wex.has-success .group-element:before {
        top: 20% !important;
        margin-top: -0.0625rem;
    }

    .group-comp-trustee {
        margin-bottom: 1.25rem;
        padding-right: 0;
    }

        .group-comp-trustee:before, .group-comp-trustee:after {
            content: " ";
            display: table;
        }

        .group-comp-trustee:after {
            clear: both;
        }

        .group-comp-trustee .radio,
        .group-comp-trustee .input-abn {
            float: left;
        }

            .group-comp-trustee .radio .text {
                letter-spacing: -1px;
            }

        .group-comp-trustee .input-abn {
            position: relative;
        }

            .group-comp-trustee .input-abn .text {
                position: absolute;
                top: 0.3125rem;
                left: 0.75rem;
                font-size: 0.9375rem;
            }

            .group-comp-trustee .input-abn .form-control {
                padding-left: 1.25rem;
                padding-top: 0.375rem;
                font-weight: bold;
                line-height: 1;
            }

            .group-comp-trustee .input-abn .text {
                letter-spacing: 0;
            }

            .group-comp-trustee .input-abn .form-control {
                padding-top: 0.3125rem;
            }
}

.application-confirm {
    background: none;
    text-align: center;
    padding-bottom: 2rem;
    margin: 0 !important;
    min-height: calc(100vh - 78px);
    display: flex;
}

    .application-confirm .col-md-12 {
        margin: 0 auto;
    }

@media (min-width: 768px) {
    .application-confirm .col-md-12 {
        width: 750px;
    }
}

@media (min-width: 1024px) {
    .application-confirm .col-md-12 {
        width: 1242px;
    }
}

.application-confirm-staff {
    background: white;
    padding-bottom: 80px !important;
}

    .application-confirm-staff h2 {
        padding-top: 20px !important;
    }

    .application-confirm-staff p {
        font-family: var(--fontfamily-inter);
        font-size: 22px !important;
        margin-bottom: 11px !important;
        margin-top: 11px !important;
        line-height: 1.1 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
    }

.application-confirm ol {
    padding: 0;
}

.application-confirm .account-info {
    padding: 0.2125rem;
}

    .application-confirm .account-info .title {
        text-align: left;
        padding: 1.25rem;
        font-size: 0.8125rem;
        position: relative;
        color: var(--colour-slate-blue);
    }

    .application-confirm .account-info .print {
        text-align: right;
        padding: 0.2rem;
        margin: 1rem;
        cursor: pointer;
    }

.application-confirm .title-primary {
    margin-bottom: 0.8125rem;
    padding-bottom: 2.8125rem;
    color: var(--colour-slate-blue);
    line-height: 1;
}

.application-confirm .title-secondary {
    margin-bottom: 0.4125rem;
    padding-bottom: 0.8125rem;
    color: var(--colour-slate-blue);
    line-height: 1;
    font-family: var(--fontfamily-inter);
}

.application-confirm .desc {
    margin-bottom: 1.1875rem;
}

.application-confirm .content {
    list-style-type: none;
    padding-top: 0.3125rem;
    margin-bottom: 0.3125rem;
}

.application-confirm p {
    padding-top: 1.25rem;
    font-size: 1.1rem;
    position: relative;
    margin-bottom: 1.25rem;
}

.application-confirm .newApplicationLink {
    padding-top: 1.25rem;
    font-size: 22px;
    position: relative;
    margin-bottom: 1.25rem;
    display: block;
    padding: 2.9375rem 0.375rem 0.375rem;
}

.application-confirm p:before {
    position: absolute;
    top: 0.5625rem;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1rem;
}

.application-confirm a:before {
    position: absolute;
    top: 0.5625rem;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1rem;
}

.application-confirm .main-content {
     position: absolute; 
     margin-top: 120px; 
}

.filter-heading,
#ContentPlaceHolder1_divExpired a {
    display: block;
    align-content: center;
    text-transform: lowercase;
}
    .filter-heading::first-letter,
    #ContentPlaceHolder1_divExpired a::first-letter {
        text-transform: uppercase;
    }

#ContentPlaceHolder1_divSuccess,
#ContentPlaceHolder1_divCardControls {
    padding-left: calc((100vw - 1242px) / 2);
}
#ContentPlaceHolder1_divCardControls .application-confirm {
    margin: unset;
    min-height: unset;
    display: unset;
}

#ContentPlaceHolder1_divCardControls .main-footer {
    position: unset;
}

#ContentPlaceHolder1_btnSaveChanges,
#ContentPlaceHolder1_btnSubmitChanges {
    font-size: 18px;
    height: 46px;
    padding: 11px;
    margin-bottom: 10px;
}

#ContentPlaceHolder1_upCardControls ~ .main-footer{
    bottom: unset;
}

#btnUploadNow,
#btnSendLater {
    display: block;
    text-transform: lowercase;
}

    #btnUploadNow::first-letter,
    #btnSendLater::first-letter {
        text-transform: uppercase;
    }

.block-complete-app {
    background: var(--colour-wex-gray);
    color: var(--colour-white);
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}

    .block-complete-app .title-primary {
        color: var(--colour-white);
    }

    .block-complete-app .title-desc {
        font-size: 1.125rem;
        margin: 1.875rem 0 0.1875rem;
        line-height: 1;
        color: var(--colour-white);
    }

    .block-complete-app .content {
        margin-bottom: 1.875rem;
    }

    .block-complete-app .desc {
        margin-bottom: 1.1875rem;
    }

        .block-complete-app .desc ul li {
            font-size: 1.25rem;
            color: var(--colour-white);
            line-height: 1.2;
            list-style: inside disc;
        }

.bgd-masthead {
    background-image: url(../images/banner-application.jpg);
}


.panel-group {
    background-color: var(--colour-white);
    border-radius: 0 0 var(--radius-background) var(--radius-background);
}

    .panel-group .panel-title-inner {
        display: flex;
        color: var(--colour-white);
        background-color: var(--colour-slate-blue);
        font-family: var(--fontfamily-inter);
    }

        .panel-group .panel-title-inner.collapsed {
            color: var(--colour-slate-blue);
            background-color: var(--colour-light-gray);
        }

        .panel-group .panel-title-inner .number {
            background-color: var(--colour-white);
            color: var(--colour-wex-gray);
        }

        .panel-group .panel-title-inner.collapsed .number {
            background-color: var(--colour-white);
            color: var(--colour-wex-gray);
        }

        .panel-group .panel-title-inner.collapsed:before {
            background-color: var(--colour-wex-red);
        }

        .panel-group .panel-title-inner.collapsed:after {
            background-color: var(--colour-wex-red);
        }

        .panel-group .panel-title-inner .name {
            display: block;
            padding-top: 3px;
            text-transform: lowercase;
        }

            .panel-group .panel-title-inner .name:first-letter {
                text-transform: uppercase;
            }


.dropdownselection {
    background-color: var(--colour-light-gray);
    height: 41px !important;
    width: calc(100% - 20px);
    font-size: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.accountsearchcategory select + i.glyphicon {
    background-color: var(--colour-white);
    margin-right: 0;
    margin-left: -30px;
    margin-top: 13px;
    padding-right: 5px;
    pointer-events: none;
}

.accountsearchcategory .form-control:focus {
    border-color: var(--colour-light-gray);
    outline: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.internalDetailsDropdown {
    margin-bottom: 5px;
    float: left;
    background-color: var(--colour-white);
    position: relative;
    border-width: 0;
    width: 100%;
}

    .internalDetailsDropdown .dropdownselection {
        -moz-appearance: none;
        float: left;
        font-size: 100%;
        width: 100%;
    }

.dropdownselection[disabled] {
    background-color: var(--colour-light-gray);
    cursor: not-allowed;
}

.internalDetailsDropdown select + i.glyphicon {
    margin-right: 0;
    margin-left: -30px;
    margin-top: 13px;
    padding-right: 5px;
    pointer-events: none;
}

.internalNotes {
    width: 100%;
    padding: 5px;
    border: solid 1px var(--colour-light-gray);
    resize: none;
    background-color: var(--colour-light-gray);
    font-size: 0.9375rem;
}

    .internalNotes[disabled] {
        cursor: not-allowed;
        background-color: var(--colour-light-gray);
    }

textarea::-webkit-input-placeholder { /* Chrome */
    color: var(--colour-wex-gray);
}

textarea:-ms-input-placeholder { /* IE 10+ */
    color: var(--colour-wex-gray);
}

textarea::-moz-placeholder { /* Firefox 19+ */
    color: var(--colour-wex-gray);
    opacity: 1;
}

textarea:-moz-placeholder { /* Firefox 4 - 18 */
    color: var(--colour-wex-gray);
    opacity: 1;
}

.btn-primary[disabled] {
    background-color: var(--colour-light-gray);
    color: var(--colour-wex-gray);
}

.btn-primary:hover[disabled] {
    background-color: var(--colour-light-gray);
    text-decoration: none;
    cursor: not-allowed;
}

.deleteFileIcon, .deleteAttachmentIcon {
    float: right;
    background-image: url("..\\images\\icons\\icon_remove.png");
    width: 18px;
    height: 18px;
    background-size: 18px;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.deleteAttachmentIconSpacer {
    margin-top: 4px;
}

.deleteFileIcon:hover, .deleteAttachmentIcon:hover {
    background-image: url("..\\images\\icons\\icon_error.png");
}

.uploadFileEntry {
    margin: 5px 0px 7px 26px;
}

.btn.site-button-primary[disabled], .btn.site-button-primary[disabled]:hover {
    background-color: var(--colour-light-gray);
    color: var(--colour-wex-gray);
    border: 0;
}

.site-button-primary:focus {
    outline: var(--colour-wex-red) solid 2px !important;
    outline-offset: 2px !important;
}

.aspNetDisabled .attachmentInput-button {
    background-color: var(--colour-light-gray);
    color: var(--colour-wex-gray);
    cursor: not-allowed;
    border-color: var(--colour-light-gray);
}

.pnlUploadedFile, .pnlUploadedAttachments {
    display: none;
    margin: 0 5px 5px 5px;
    border: solid 1px var(--colour-light-gray);
    padding: 5px;
}

.paging {
    margin: 10px;
    text-align: right;
}

.pagination {
    margin: 20px 0;
}

    .pagination ul {
        display: inline-block;
        *display: inline;
        margin-bottom: 0;
        margin-left: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        *zoom: 1;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

        .pagination ul > li > .aspNetDisabled {
            color: var(--colour-wex-gray);
        }

        .pagination ul > li {
            display: inline;
        }

            .pagination ul > li > a,
            .pagination ul > li > span {
                float: left;
                padding: 4px 12px;
                line-height: 20px;
                text-decoration: none;
                border-left-width: 0;
                font-size: 16px;
                color: var(--colour-wex-gray);
            }

        .pagination ul > .active > a,
        .pagination ul > .active > span {
            cursor: default;
            text-decoration: underline;
            font-weight: bold;
        }

        .pagination ul > .disabled > span,
        .pagination ul > .disabled > a,
        .pagination ul > .disabled > a:hover {
            color: var(--colour-wex-gray) !important;
            cursor: default;
            background-color: transparent;
        }

        .pagination ul > li:first-child > a,
        .pagination ul > li:first-child > span {
            border-left-width: 1px;
            -webkit-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
        }

        .pagination ul > li:last-child > a,
        .pagination ul > li:last-child > span {
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
        }

.pagination-centered {
    text-align: center;
}

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

.pagination-large ul > li > a,
.pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
    padding: 1px 6px;
    font-size: 10.5px;
}

.pagination-numbers {
    text-decoration: underline !important;
}

.pnlUploadedBulk {
    margin: 5px 5px 5px 5px;
    border: solid 1px var(--colour-light-gray);
    padding: 5px 5px 1px 5px;
}

.truncateText {
    width: 270px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 4px;
}

.attachment-entry {
    border-top: solid 1px var(--colour-light-gray);
    padding-top: 4px;
}

.errorMessage {
    color: var(--colour-wex-red);
    font-size: 0.75rem;
    margin-top: 0.3125rem;
    margin-bottom: 0;
    bottom: -1.25rem;
}

select::-ms-expand {
    display: none;
}

.image-icon-individually {
    background: url('/OnlineApplication/Content/images/icon-individually.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-position-y: 5px;
    line-height: 1.2;
}

    .image-icon-individually:hover, .image-icon-individually.btn-active-state {
        background: url('/OnlineApplication/Content/images/icon-individually-selected.png');
        background-color: var(--colour-slate-blue);
        background-repeat: no-repeat;
        background-position: top center;
        background-position-y: 5px;
    }

.image-icon-bulk {
    background-image: url('/OnlineApplication/Content/images/icon-bulk.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-position-y: 5px;
    line-height: 1.2;
}

    .image-icon-bulk:hover, .image-icon-bulk.btn-active-state {
        background-image: url('/OnlineApplication/Content/images/icon-bulk-selected.png');
        background-color: var(--colour-slate-blue);
        background-position: top center;
        background-repeat: no-repeat;
        background-position-y: 5px;
    }

.searchButton {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    color: var(--colour-white);
    background-color: var(--colour-wex-gray);
    font-size: 1.5em;
    text-align: center;
    box-shadow: none;
    text-shadow: none;
    border: solid 1px var(--colour-wex-gray);
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 0 0 0 0;
    width: 45px;
    display: inline-block;
    margin-left: -4px;
    line-height: 44px;
    height: 40px;
    vertical-align: bottom;
    cursor: pointer;
}

    .searchButton:focus {
        color: var(--colour-wex-gray);
        border: dotted 1px white;
    }

.bootstrap-tagsinput input {
    height: 30px !important;
}

.bootstrap-tagsinput {
    border-right: none !important;
}

    .bootstrap-tagsinput input {
        max-width: 376px !important;
    }

        .bootstrap-tagsinput input[placeholder] {
            font-size: 14px;
        }


.bootstrap-tagsinput {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 0 !important;
    width: 80%;
}

    .bootstrap-tagsinput input {
        height: 30px !important;
    }

    .bootstrap-tagsinput .wsstag {
        color: var(--colour-white) !important;
        background-color: var(--colour-slate-blue) !important;
    }



.box-content {
    background: var(--colour-white);
    padding: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .box-content.highlight-box {
        padding-left: 30px;
        padding-top: 28px;
        overflow: hidden;
        border: 1px solid var(--colour-light-gray);
        position: relative;
        border-radius: var(--radius-background);
    }

        .box-content.highlight-box.notification-box .highlight-content {
            background-image: url("../images/icons/icon_info.png");
        }

        .box-content.highlight-box.note-box .highlight-content {
            background-image: url("../images/icons/icon_note.png");
        }

        .box-content.highlight-box.error-box {
            border-color: var(--colour-wex-red);
        }

            .box-content.highlight-box.error-box .highlight-content {
                background-image: url("../images/icons/icon_error.png");
            }

            .box-content.highlight-box.error-box h3 {
                color: var(--colour-wex-red);
            }

        .box-content.highlight-box.success-box {
            border-color: var(--colour-teal);
        }

            .box-content.highlight-box.success-box .highlight-content {
                background-image: url("../images/icons/icon_success.png");
            }

            .box-content.highlight-box.success-box h3 {
                color: var(--colour-teal);
            }

        .box-content.highlight-box .highlight-content {
            width: 79%;
            padding-right: 20px;
        }

        .box-content.highlight-box > .btn {
            position: absolute;
            right: 20px;
            bottom: 20px;
        }

        .box-content.highlight-box .icon-close:before {
            padding: 10px;
            font-size: 10px;
            position: absolute;
            right: 10px;
            top: 10px;
            cursor: pointer;
        }

        .box-content.highlight-box .icon-close:hover:before {
            color: var(--colour-slate-blue);
        }

.highlight-content {
    text-align: left;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    padding: 3px 0 0 35px;
}

    .highlight-content.notification-content {
        background-image: url("../images/icons/icon_info.png");
    }

    .highlight-content.note-content {
        background-image: url("../images/icons/icon_note.png");
    }

    .highlight-content.error-content {
        background-image: url("../images/icons/icon_error.png");
    }

        .highlight-content.error-content h3 {
            color: var(--colour-wex-red);
        }

    .highlight-content.success-content {
        background-image: url("../images/icons/icon_success.png");
    }

        .highlight-content.success-content h3 {
            color: var(--colour-teal);
        }

    .highlight-content p {
        margin-bottom: 0;
    }

    .highlight-content h3 {
        margin-top: 0;
        font-size: 20px;
    }

.label-info {
    background-color: var(--colour-wex-red) !important;
    border-radius: var(--radius-input-small);
}

.filter-button {
    margin-bottom: 0;
}

    .filter-button a {
        text-decoration: none;
        text-transform: lowercase;
        font-family: var(--fontfamily-inter);
        font-size: 17px;
        color: var(--colour-wex-red);
        width: 135px;
        display: block;
        padding: 10px 10px 10px 15px;
        margin-bottom: 0;
        border-bottom: none !important;
        text-transform: lowercase;
        border: 1px solid #dadada;
        border-bottom: 1px solid #dadada !important;
    }

        .filter-button a[aria-expanded="true"] {
            border-bottom: none !important;
        }
        .filter-button a::first-letter {
            text-transform: uppercase;
        }

.filter-nav-accordion {
    text-decoration: none;
}

    .filter-nav-accordion[aria-expanded="false"]:after {
        font-family: 'icomoon';
        content: "\e900";
        float: right;
        font-size: 7px;
        padding-top: 5px;
    }

    .filter-nav-accordion[aria-expanded="true"]:after {
        font-family: 'icomoon';
        content: "\e901";
        float: right;
        font-size: 7px;
        padding-top: 5px;
        border-bottom: none;
    }

    .filter-nav-accordion[aria-expanded="true"] {
        border-bottom: none;
    }

    .filter-nav-accordion[aria-expanded="false"] {
        border-bottom: 1px solid var(--colour-light-gray);
    }

[class^="icon-"],
[class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.radio-to-button {
    color: var(--colour-wex-red);
    background-color: var(--colour-white);
    border: 1px solid transparent;
    border-color: var(--colour-wex-red);
    text-decoration: none !important;
    font-size: 14px;
    text-transform: lowercase;
    border-radius: var(--radius-button) !important;
}

    .radio-to-button.focus,
    .radio-to-button:focus {
        color: var(--colour-white);
        background-color: var(--colour-wex-red);
        border-color: var(--colour-wex-red);
    }

    .radio-to-button:hover {
        color: var(--colour-wex-red);
        background-color: var(--colour-light-red);
    }

    .radio-to-button.active,
    .radio-to-button:active,
    .open > .dropdown-toggle.btn-primary {
        color: var(--colour-white);
        background-color: var(--colour-wex-red);
        border-color: var(--colour-wex-red);
    }

    .radio-to-button.active:hover,
    .radio-to-button:active:hover
    {
        background-color: var(--colour-dark-red);
        border-color: var(--colour-dark-red);

    }

    .radio-to-button::first-letter {
        text-transform: uppercase;
    }

.radio-to-button-disabled {
    pointer-events: none;
}

.filter-button-container {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 var(--radius-background) var(--radius-background) var(--radius-background);
    background: var(--colour-white);
    border: 1px solid #dadada;
}
    .filter-button-container > div {
        background: none !important;
        border: none !important;
    }

.filter-accordion {
    margin-bottom: 0;
}

.filter-radio-button {
    margin-right: 10px;
    border-radius: 5px;
    width: 100%;
}

.tieredPricingMessage {
    font-style: italic !important;
    font-size: 12px;
    color: var(--colour-wex-gray);
}

.staff-submit {
    padding-top: 150px;
}

.save-confirmation {
    font-size: 14px;
    font-family: var(--fontfamily-inter);
    color: var(--colour-teal);
}

input[type=text]::-ms-clear {
    display: none;
}

.processing-wait-message {
    margin-bottom: 25px;
    display: block;
    font-size: 16px;
    margin-top: 25px;
    font-weight: bold;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: var(--colour-wex-gray);
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: var(--colour-white) !important;
    text-decoration: none;
    outline: 0;
    background-color: var(--colour-slate-blue);
}

.supporting-files-upload-container {
    border: 1px solid var(--colour-light-gray);
    border-radius: var(--radius-background);
    height: 175px;
    overflow: auto;
    margin-bottom: 10px;
}

    .supporting-files-upload-container > div {
        background-color: var(--colour-light-gray);
        padding: 10px 10px 10px 10px;
    }

    .supporting-files-upload-container > table {
        width: 97%;
        margin: 0 7px 0 7px
    }

.dynamic-help-text .info-icon {
    height: 30px;
    margin-left: 5px;
}

/*V2 Skin overrides*/
input[type=text] {
    box-sizing: border-box !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    background-color: var(--colour-white) !important;
    border: 1px solid var(--colour-light-gray);
    font-size: 1.5rem !important;
    color: var(--colour-wex-gray) !important;
    border-radius: 0.2rem;
    height: 4.5rem !important;
    padding: 1rem 1rem 1rem 1.2rem !important;
}

input[type="text"]:disabled {
    background: var(--colour-light-gray);
}

.group-inner * {
    font-family: var(--fontfamily-inter);
}

.group-inner {
    max-width: unset !important;
    margin-left: 6%;
    margin-right: 6%;
}

    .group-inner .title {
        font-size: 19px;
    }

    .group-inner label {
        font-size: 13px;
    }

    .group-inner p {
        font-size: 1.5rem;
    }

.section-divider {
    margin-top: 25px;
    margin-bottom: 25px;
}

.site-h-line {
    border: none;
}

.group-inner select {
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100% !important;
    -webkit-tap-highlight-color: transparent;
    --breakpoint-xs: 0 !important;
    --breakpoint-sm: 576px !important;
    --breakpoint-md: 768px !important;
    --breakpoint-lg: 992px !important;
    --breakpoint-xl: 1200px !important;
    -webkit-font-smoothing: antialiased !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    font-family: inherit !important;
    text-transform: none !important;
    word-wrap: normal !important;
    display: block !important;
    width: 100% !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    border: 1px solid var(--colour-light-gray) !important;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
    font-size: 1.5rem !important;
    background: var(--colour-white) url(../images/arrow-down.svg) right 15px top 55% no-repeat !important;
    background-size: 1.3rem !important;
    cursor: pointer !important;
    border-radius: 0.2rem !important;
    height: 4.5rem !important;
    padding: 1rem 1rem 1rem 1.2rem !important;
}

.group-inner li {
    font-size: 1.5rem !important;
}

/*.group-inner button, .btn-show-ABN {
    border-radius: 3px !important;
    font-size: 14px !important;
    height: 42px !important;
}
*/

.error-message-wex, .cv-group-hasError, .label-group-hasError {
    -webkit-text-size-adjust: 100% !important;
    -webkit-tap-highlight-color: transparent !important;
    --breakpoint-xs: 0 !important;
    --breakpoint-sm: 576px !important;
    --breakpoint-md: 768px !important;
    --breakpoint-lg: 992px !important;
    --breakpoint-xl: 1200px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: var(--fontfamily-inter);
    text-align: left !important;
    box-sizing: border-box !important;
    color: var(--colour-wex-red) !important;
    font-size: 1.2rem !important;
    margin-top: 10px;
    display: inline-block;
}

.has-error .form-control {
    border-color: var(--colour-wex-red) !important;
}

.radio input[type=radio] ~ .text {
    padding-left: 4.375rem !important;
    font-size: 17px !important;
    font-weight: inherit !important;
    letter-spacing: 0.5px !important;
    float: left;
}

.checkbox input[type="checkbox"] ~ .text {
    padding-left: 4.375rem !important;
    font-size: 17px !important;
    font-weight: inherit !important;
}

    .checkbox input[type="checkbox"] ~ .text a {
        font-size: 17px !important;
        font-weight: bold !important;
    }

.pnlBusinessDtls {
    background-color: var(--colour-light-blue);
    border-radius: var(--radius-background);
    padding: 20px;
}


.p-inner-text {
    font-size: 15px;
}

.pnlBusinessDtls .form-group {
    margin-bottom: 15px !important
}

.dynamic-help-text {
    font-size: 16px;
}

.image-icon-individually {
    height: 95px;
}

.image-icon-bulk {
    height: 95px;
}

.pnlCardSelection .button-text {
    margin-top: 10px;
}

.table-list {
    margin-top: 15px;
}

    .table-list td {
        border-bottom: 1px dashed var(--colour-light-gray);
        padding: 15px 0 15px 0;
    }

        .table-list td > span {
            font-size: 14px;
            color: var(--colour-slate-blue);
        }

    .table-list tr {
    }

    .table-list th {
        border-top: 1px dashed var(--colour-light-gray);
        border-bottom: 1px dashed var(--colour-light-gray);
        padding: 15px 0 15px 0;
        text-transform: lowercase;
        font-size: 12px;
        font-weight: bold;
        color: var(--colour-slate-blue);
        font-family: var(--fontfamily-inter);
    }

        .table-list th::first-letter {
            text-transform: uppercase;
        }

        .table-list a {
        color: var(--colour-wex-gray);
        text-decoration: none;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold;
        background: white;
        display: block;
        text-align: center;
        padding: 6px 0px 6px 0px;
        border: 1px solid var(--colour-light-gray);
        border-radius: 3px;
    }

.table-list-container {
    background: var(--colour-light-gray);
    padding: 32px;
    border: 1px solid var(--colour-light-gray);
}

.current-cards-label {
    text-align: left;
    color: var(--colour-slate-blue);
    box-sizing: border-box;
    line-height: 1.2;
    margin-top: 0;
    font-size: 1.8rem;
    font-family: var(--fontfamily-inter);
    font-weight: 700;
    margin-bottom: 2rem;
    display: inline-block;
    text-transform: lowercase;
}

.current-cards-label::first-letter {
    text-transform: uppercase;
}

.card-count-label {
    text-align: left;
    line-height: 1.2;
    font-family: var(--fontfamily-inter);
    font-weight: 700;
    box-sizing: border-box;
    font-size: 1.5rem;
    display: inline;
}

.text-card {
    display: block;
    text-align: center;
    width: auto;
    background: var(--colour-light-blue);
    padding: 10px 10px 10px 10px;
    border-radius: var(--radius-background);
    border: 1px solid var(--colour-slate-blue);
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: bold !important;
    color: var(--colour-slate-blue);
}

.pin-warning-message {
    text-align: center;
    margin: 24px 0 0 0;
}

h3 {
    color: var(--colour-slate-blue);
}

.site-info {
    float: right !important;
    font-size: 14px !important;
    color: var(--colour-white) !important;
    margin-top: 11px !important;
}

.link-footer {
    margin: auto 14px auto auto !important;
    float: left !important;
}

    .link-footer a {
        color: var(--colour-white) !important;
        font-size: 15px !important;
        font-weight: 700;
        border: none !important;
        font-family: var(--fontfamily-inter) !important;
        margin-left: 15px !important;
        padding: 0 !important;
        line-height: 18px !important;
    }

.currencyinput {
    border: 1px inset var(--colour-light-gray);
}

    .currencyinput input {
        border: 0;
    }

.credit-limit-input:disabled {
    background-color: var(--colour-background) !important;
}


#pnlWaitMsg {
    height: 600px;
}

    #pnlWaitMsg h3 {
        font-size: 22px !important;
        color: var(--colour-slate-blue);
    }

#postCountdown {
    margin-top: 30%
}

#preCountdown {
    margin-top: 30%
}



.credit-limit-input-dollar-sign {
    background-color: var(--colour-slate-blue);
    margin: 0 0 0 -55px;
    padding: 9px 18px 7px 18px;
    font-size: 19px !important;
    text-align: center;
    color: var(--colour-white);
    border: 0.1rem solid var(--colour-slate-blue);
    border-radius: var(--radius-input-start) !important;
}

.credit-limit-input {
    border: 0.1rem solid var(--colour-light-gray) !important;
    top: 3px;
    position: relative;
}

.form-group .form-control.credit-limit-input {
    border-radius: var(--radius-input-end) !important;
}

#txtCreditLimit {
    float: right;
}


.group-credit .radio {
    margin-top: 17px;
}

.btn-show-ABN {
    font-weight: bold;
    height: 45px;
    text-decoration: none !important;
    color: var(--colour-wex-red) !important;
    border-color: var(--colour-wex-red);
    border-radius: var(--radius-button);
    padding: 11px;
}

.spinner {
    text-transform: none;
    user-select: none;
    line-height: 1;
    cursor: wait !important;
    color: var(--colour-slate-blue) !important;
    text-align: center;
    font-family: var(--fontfamily-inter);
    font-weight: 700;
    letter-spacing: 0.3px;
    box-sizing: border-box;
    border: 4px solid var(--colour-slate-blue);
    border-radius: 50%;
    border-top: 4px solid var(--colour-light-gray);
    width: 20px;
    height: 20px;
    animation: spin 0.5s linear infinite;
    font-size: 1.5rem;
    display: inline-block;
    margin-right: 1rem;
}

.btn-show-ABN-disabled {
    pointer-events: none;
    cursor: default;
    background-color: var(--colour-light-gray) !important;
    border: var(--colour-light-gray) !important;
}

.spinner-text {
    position: relative;
    top: -4px;
}

.payment-button-icons {
    text-align: center;
    font-family: var(--fontfamily-inter);
    font-weight: 700;
    letter-spacing: 0.3px;
    box-sizing: border-box;
    font-size: 1.5rem;
    display: inline-block;
    margin-right: 0.5rem;
    position: relative;
    top: -0.2rem;
    height: 2.8rem;
    width: 2.8rem;
    margin-bottom: 9px;
}

.btn-grouping-paymentMode > button {
    height: 114px;
    white-space: normal !important;
}

.middle-name-input {
    top: 2px;
}

.bulk-upload-icon, .add-individually-icon {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    font-family: var(--fontfamily-inter);
    font-weight: 700;
    letter-spacing: 0.3px;
    box-sizing: border-box;
    font-size: 1.5rem;
    height: 4rem;
    width: 4rem;
    position: relative;
    top: -1.2rem;
    display: block;
    margin: 0 auto 5px;
}

#btnIndividualCards > .button-text, #btnBulkUpload > .button-text {
    position: relative;
    top: -1.2rem;
}

.download-bulk-upload-template-icon, .bulk-upload-cards-icon {
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    font-family: var(--fontfamily-inter);
    font-weight: 700;
    letter-spacing: 0.3px;
    box-sizing: border-box;
    font-size: 1.5rem;
    line-height: 1;
    left: 0;
    transition: left 0.2s ease-in-out;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    margin-right: 1rem;
    position: relative;
    top: 4px;
}

#btnDownloadTemplate {
    text-decoration: none !important;
    color: var(--colour-wex-red) !important;
    margin-right: 2.375rem;
}

.bulk-upload {
    padding: 0 !important;
}

#btnUploadBulkCards .button-text,
#btnDownloadTemplate .button-text {
    position: relative;
    top: -5px;
}

.bulk-upload .col-sm-6 {
    padding: 0 15px !important;
}

.pnlUploadedBulk {
    width: 100%;
    height: 48px;
    padding: 13px;
    margin: 0 0 25px 0;
    border-radius: var(--radius-input-single);
}

.group-inner .title {
    color: var(--colour-slate-blue) !important;
    margin-bottom: 15px;
}

#btnVehicleOnly, #btnDriverOnly, #btnVehicleDriver {
    min-height: 125px;
}

.car-icon, .driver-icon, .car-and-driver-icon {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    font-family: var(--fontfamily-inter);
    font-weight: 700;
    letter-spacing: 0.3px;
    box-sizing: border-box;
    font-size: 1.5rem;
    height: 4rem;
    width: 4rem;
    position: relative;
    display: block;
    margin: 0 auto -10px;
    top: -16px;
    left: 0px;
}

form {
    margin-bottom: 100px;
}

@media (min-width: 280px) and (max-width: 1185px) {
    #txtCreditLimit {
        margin-left: 50px;
        margin-top: 17px;
    }

    .link-footer {
        float: none !important;
        margin-left: unset !important;
    }

    form {
        margin-bottom: 200px;
    }

    .logo-footer > img {
        text-align: center;
        margin-bottom: 12px;
    }

    .main-footer {
        text-align: center;
        line-height: 27px;
        margin-left: unset !important;
        flex-direction: column;
    }

        .main-footer .site-info,
        .main-footer .logo-footer {
            float: none !important;
        }

        .main-footer > p {
            margin-left: 0 !important;
        }

        body {
            margin: 0 !important;
            padding: 0 !important;
        }

    .panel-group .panel-title-inner {
        padding: 15px 45px 15px 6px;
    }
}

.footer-copyright-text {
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    font-size: 1.4rem;
    color: var(--colour-white);
    margin: auto;
}

@media (min-width: 280px) and (max-width: 570px) {
    .panel-title {
        padding: 0 15px;
    }

        .panel-title a {
            margin: 0 -15px;
        }
}

.pnlCardSelection {
    min-height: 230px;
}

.ui-widget {
    font-family: var(--fontfamily-inter);
    font-size: 16px !important;
    color: var(--colour-wex-gray) !important;
}

    .ui-widget.ui-widget-content {
        color: var(--colour-wex-gray) !important;
    }

.form-group .form-control {
    border-radius: var(--radius-input-single) !important;
}

.checkbox input[type="checkbox"] ~ .text:before {
    border-radius: var(--radius-input-small);
    background-color: var(--colour-white) !important;
}

#ContentPlaceHolder1_wucBusinessAppDetailV2_chkPrivacyPolicy span {
    padding-top: 5px;
}

h1,
h2,
h3 {
    font-family: var(--fontfamily-inter);
    font-weight: 700;
}

.main-header {
    position: relative;
    padding: 25px calc((100vw - 1242px)/2);
    text-align: center;
    background-color: var(--colour-white);
    box-shadow: 0 11px 39px rgba(0, 38, 120, .08);
    display: flex;
}

    .main-header img {
        width: 230px;
    }

    .main-header .container {
        padding: 0;
    }

.main-footer {
    background: var(--colour-slate-blue);
    margin: 0 !important;
    width: 100vw;
    padding: 30px calc((100vw - 1242px) / 2);
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
}

.gradient-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(164.02deg,#e4f7ff 8.31%, var(--colour-background));
    z-index: -1;
}

.container {
    padding: 0 !important;
}

@media (min-width: 1024px) {
    .container {
        width: 1242px;
    }
}

.row {
    margin: 0 !important;
}

.error-message {
    position: absolute;
    left: calc(50% - (800px / 2));
    width: 800px !important;
    margin: auto !important;
}

    .error-message.e404 {
        top: calc(50% - (320px / 2));
    }

    .error-message.error {
        top: calc(50% - (500px / 2));
    }

    .error-message br {
        display: none;
    }

    .error-message h3,
    .error-message .form-group {
        padding-bottom: 30px;
        margin: 0;
    }

#hdrText {
    display: none;
}

.gly-spin {
    width: 300px;
}

.form-group [class*="col-"]:first-child {
    padding-left: 0px;
}

.text-info a {
    color: var(--colour-wex-red);
}

.application-confirm .account-info .print img {
    height: 40px;
}

.icon-center-align-separator {
    display: none;
}

.form-group .bootstrap-tagsinput {
    border-radius: var(--radius-input-start) !important;
    background-color: var(--colour-white);
    border-right: none;
}
.form-group .bootstrap-tagsinput input {
    font-size: 14px !important;
    height: 31px !important;
    padding: 0 0 0 10px !important;
}
.form-group .searchButton {
    background-color: var(--colour-white);
    border-right: none;
    border-radius: var(--radius-input-start) !important;
}
#filterAccordion {
    background: none;
}
.filter-nav-accordion {
    background-color: var(--colour-white);
    border-radius: var(--radius-background) var(--radius-background) 0 0;
}
.filter-nav-accordion.collapsed {
    border-radius: var(--radius-background);
}
.btn-group .row {
    margin-left: -30px !important;
    margin-bottom: 10px !important;
}
.glyphicon.glyphicon-search:before {
    color: transparent;
    background-image: url(../images/icon-search.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 124%;
    display: flex;
    top: -3px;
    position: relative;
    transform: scaleX(-1);
}
.filter-nav-accordion:after {
    color: transparent !important;
    background-image: url(../images/icon-expand.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: flex;
    top: 21px;
    left: 112px;
    position: absolute;
    transition: transform var(--duration-hover);
}
.filter-nav-accordion.collapsed:after {
    transform: rotate(180deg);
}

.table.table-hover {
    background: var(--colour-white);
    border-radius: var(--radius-background);
    margin: 15px;
    width: 97.3%;
}
.table.table-hover > thead > tr {
    background-color: transparent !important;
}
.table.table-hover > thead > tr > th {
    border-bottom: none;
}

.control-description {
    padding-top: 10px !important;
    padding-left: 70px !important;
}

.info-icon {
    float: none !important;
}
    .info-icon img {
        width: 24px;
        padding-left: 3px;
    }

.select-toggle {
    color: var(--colour-wex-red);
}

.select-toggle:hover {
    color: var(--colour-dark-red);
}

.action-buttons {
    margin-top: 44px;
    margin-bottom: 20px;
    margin-left: 15vw !important;
}

#customProductControlCollapseOne {
    margin-left: 3.5%;
}

.card-info {
    margin-left: -17px !important;
}

#ContentPlaceHolder1_divError img {
    width: 30px;
    margin-left: 70px;
}

#ContentPlaceHolder1_divCardControls .col-md-11.col-md-offset-1 {
    width: 83.33334%;
}

final-row {
    margin-top: -102px !important;
    padding-top: 102px;
}

.accordian-background {
    background: var(--colour-white);
    padding: 0 0 32px 0;
}
    .accordian-background.last {
        padding-bottom: 26rem !important;
        margin-bottom: -24rem;
        border-radius: 0 0 var(--radius-background) var(--radius-background);
    }

.pnlAdditionalCards .table-list-container {
    border-radius: var(--radius-background);
    background-color: var(--colour-light-blue);
    border: none;
}

    .pnlAdditionalCards .table-list-container th {
        border: none;
    }

    .pnlAdditionalCards .table-list-container tr {
        border-bottom: 1px solid var(--colour-wex-gray);
    }

    .pnlAdditionalCards .table-list-container td {
        padding: 0;
        padding-bottom: 10px;
        border: none;
    }

    .pnlAdditionalCards .table-list-container a {
        text-transform: lowercase;
        border-radius: var(--radius-button);
        color: var(--colour-wex-red);
        border: 1px solid var(--colour-wex-red);
    }

    .pnlAdditionalCards .table-list-container a:hover {
        background-color: var(--colour-light-red);
    }

    .pnlAdditionalCards .table-list-container a::first-letter {
        text-transform: uppercase;
    }

.pnlUploadSupportingDocument .col-sm-12,
.pnlUploadSupportingDocument .col-xs-12 {
    padding: 0;
}