/**********
 *
 * MISCELLANEOUS MIXINS
 *
 *****/

@font-face {
    font-family: 'museo300';
    src: url("../fonts/museo300-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo300-regular-webfont.woff2") format("woff2"), url("../fonts/museo300-regular-webfont.woff") format("woff"), url("../fonts/museo300-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo500';
    src: url("../fonts/museo500-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo500-regular-webfont.woff2") format("woff2"), url("../fonts/museo500-regular-webfont.woff") format("woff"), url("../fonts/museo500-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo700';
    src: url("../fonts/museo700-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo700-regular-webfont.woff2") format("woff2"), url("../fonts/museo700-regular-webfont.woff") format("woff"), url("../fonts/museo700-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'svg-icon';
    src: url("../fonts/svg-icon.eot?6tg7se#iefix") format("embedded-opentype"), url("../fonts/svg-icon.ttf?6tg7se") format("truetype"), url("../fonts/svg-icon.woff?6tg7se") format("woff"), url("../fonts/svg-icon.svg?6tg7se#svg-icon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?b93ly3');
    src: url('../fonts/icomoon-wex.eot?b93ly3#iefix') format('embedded-opentype'), url('../fonts/icomoon-wex.ttf?b93ly3') format('truetype'), url('../fonts/icomoon-wex.woff?b93ly3') format('woff'), url('../fonts/icomoon-wex.svg?b93ly3#icomoon-wex') format('svg');
    font-weight: normal;
    font-style: normal;
}


.panel {
    background-color: #f7f7f7;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

.chart-color1 {
    color:;
}

.chart-color2 {
    color:;
}

.chart-hovercolor {
    color:;
}

footer {
    padding: 40px 0 0px 0;
    bottom: 0;
}

    footer .container-wrapper {
        background-image: none;
    }

        footer .container-wrapper .footer-left {
            margin: 5px 0 0;
        }

            footer .container-wrapper .footer-left .logo-footer {
                width: 56px;
                /*height: 47px;*/
            }

            footer .container-wrapper .footer-left .copyright-text {
                margin-left: 7px;
            }

            footer .container-wrapper .footer-left a {
                margin-bottom: 0;
                font-size: 11px;
            }

.login-container-wrapper {
    background: #I#backgroundlogin#/I# no-repeat scroll center top;
    background-size: auto;
    overflow: auto;
    width: 100%;
}

.login-footer {
    padding: 10px 0 10px 0;
    font-size: 11px;
}

.login-content {
    padding: 68px 0 68px 0;
    overflow: auto;
}


.login-panel .panel .panel-body {
    padding: 0px 20px 7px 20px;
    overflow: auto;
}

.login-input-container {
    padding-top: 30px;
    overflow: auto;
}

    .login-input-container .form-group {
        margin-bottom: 43px;
        overflow: auto;
    }

    .login-input-container .btn-primary {
        float: right;
        margin-top: 20px;
        margin-bottom: 13px;
        clear: right;
    }

.setupmypin-content {
    padding: 0 0 68px 0;
    overflow: auto;
    min-height: 600px;
}

.setupmypin-panel .panel .panel-body {
    padding: 0px 20px 7px 20px;
    overflow: auto;
}

.setupmypin-input-container {
    padding-top: 30px;
    overflow: auto;
}

    .setupmypin-input-container .form-group {
        margin-bottom: 20px;
        overflow: auto;
    }

    .setupmypin-input-container .btn-primary {
        float: right;
        margin-top: 20px;
        margin-bottom: 13px;
        clear: right;
    }

.forgot-username-input-container {
    padding-top: 30px;
}

    .forgot-username-input-container .form-group {
        margin-bottom: 43px;
    }

    .forgot-username-input-container .btn-secondary {
        float: right;
        margin-top: 23px;
        margin-bottom: 13px;
        margin-right: 5%;
    }

    .forgot-username-input-container .no-right-margin {
        margin-right: 0% !important;
    }

    .forgot-username-input-container .btn-primary {
        float: right;
        margin-top: 23px;
        margin-bottom: 13px;
    }

a.link-forgot-username {
    font-weight: normal;
    text-transform: none;
    float: right;
    margin-top: 2px;
    text-decoration: underline;
}

.link-rememberme {
    font-weight: normal;
    text-transform: none;
    float: right;
    margin-top: -17px;
}

p.link-rememberme {
    font-size: 15px;
    margin-top: 5px;
    margin-left: 5px;
    padding-left: 10px;
}

.link-confirm-consent {
    font-weight: normal;
    text-transform: none;
    float: right;
    margin-top: -17px;
}

p.link-confirm-consent {
    font-size: 17px;
    margin-top: 0px;
    margin-left: 5px;
    padding-left: 10px;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error,
strong.input-validation-error,
a.input-validation-error,
div.input-validation-error {
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
}

.box-content.highlight-box.notification-box.error-box.margin-bottom-20 div.validation-summary-errors ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.validation-summary-success ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.login-container-wrapper-height {
    min-height: 600px;
}

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

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

    .bootstrap-tagsinput .wsstag {
        color: !important;
        background-color: #007DC3 !important;
    }

.label-info {
    background-color: #007DC3 !important;
}

.panel-body-accordion {
    border-top-style: none;
    margin-top: 20px;
}

.panel-group {
    background: white;
}

    .panel-group .panel {
        box-shadow: none;
    }

        .panel-group .panel.panel-default {
            border: none;
            margin-top: 3px;
        }

            .panel-group .panel.panel-default:first-child {
                margin-top: 0;
            }

            .panel-group .panel.panel-default .panel-heading {
                padding: 0;
            }

    .panel-group .panel-title-default {
        display: block;
        padding: 6px 45px 6px 15px;
        background:;
        font-family: #F#headfont#/F#;
        color: white;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
    }

    .panel-group .panel-title-inner {
        display: block;
        padding: 6px 45px 6px 6px;
        background: #007DC3;
        font-family: #F#headfont#/F#;
        color: white;
        font-size: 19px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
    }

        .panel-group .panel-title-inner.collapsed {
            background: #D2D2D3;
            color: black;
        }

        .panel-group .panel-title-inner:hover, .panel-group .panel-title-inner:focus {
            text-decoration: none;
        }

        .panel-group .panel-title-inner .name {
            padding-top: 15px;
        }

        .panel-group .panel-title-inner:before {
            content: none;
            width: 2px;
            height: 12px;
            display: block;
            background: white;
            position: absolute;
            right: 15px;
            top: 50%;
            margin-top: -5px;
        }

        .panel-group .panel-title-inner:after {
            content: "";
            width: 12px;
            height: 2px;
            display: block;
            background: white;
            position: absolute;
            top: 50%;
            right: 10px;
        }

        .panel-group .panel-title-inner.collapsed:before {
            content: "";
        }

    .panel-group .panel-body {
        margin: 0;
        padding: 0 0.625rem;
    }

.group-inner {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
}

@font-face {
    font-family: 'svg-icon';
    src: url("../fonts/svg-icon.eot?6tg7se#iefix") format("embedded-opentype"), url("../fonts/svg-icon.ttf?6tg7se") format("truetype"), url("../fonts/svg-icon.woff?6tg7se") format("woff"), url("../fonts/svg-icon.svg?6tg7se#svg-icon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.icon-car:before {
    content: "\e800";
    font-size: 2.4rem !important;
}

.icon-driver:before {
    content: "\e804";
    font-size: 2.4rem !important;
}

.icon-vehicleDriver:before {
    content: "\e805";
    font-size: 2.875rem !important;
}

.icon-gallery-gridview:before {
    color: #007DC3 !important;
}

.icon-burger-list:before {
    color: #007DC3;
}

.icon-font {
    font-family: 'svg-icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.site-button-cards {
    font-family: Arial;
    font-weight: bold;
    background: white;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all .2s linear;
    width: 100%;
    border: 1px solid #0072a6;
    color: #4D4D4F;
    text-align: center;
    padding: 2.9375rem 0.375rem 0.375rem;
}

.btn-site-cards {
    font-family: Arial;
    font-weight: bold;
    background: white;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all .2s linear;
    width: 100%;
    border: 1px solid #007DC3;
    text-align: center;
    padding: 12.9375rem 3.475rem 3.375rem;
    background-color: #007DC3;
}

.pending-card {
    background-color: #81B8E0;
    border: 1px solid #81B8E0;
}

.inactive-card {
    background-color: #D2D2D3;
    border: 1px solid #D2D2D3;
}

.icon-car:before {
    font-family: 'svg-icon';
    content: "\e800";
    font-size: 1.875rem;
    color: white;
    position: absolute;
    top: 2.625rem;
    left: 50%;
    margin-left: -1.275rem;
}

.icon-driver:before {
    font-family: 'svg-icon';
    content: "\e804";
    font-size: 1.875rem;
    color: white;
    position: absolute;
    top: 2.625rem;
    left: 50%;
    margin-left: -1.275rem;
}

.icon-vehicleDriver:before {
    font-family: 'svg-icon';
    content: "\e805";
    font-size: 1.875rem;
    color: white;
    position: absolute;
    top: 2.625rem;
    left: 50%;
    margin-left: -1.275rem;
}

.icon-list:before {
    content: "\e909";
}

.wss-icon-car:before {
    top: 0px !important;
    bottom: 2px !important;
    color: #007DC3 !important;
}

.wss-icon-car-pending:before {
    top: 0px !important;
    bottom: 2px !important;
    color: !important;
}

.wss-icon-car-inactive:before {
    top: 0px !important;
    bottom: 2px !important;
    color: !important;
}

.wss-icon-driver:before {
    top: 0px !important;
    bottom: 2px !important;
    color: #007DC3 !important;
}

.wss-icon-driver-pending:before {
    top: 0px !important;
    bottom: 2px !important;
    color: !important;
}

.wss-icon-driver-inactive:before {
    top: 0px !important;
    bottom: 2px !important;
    color: !important;
}

.wss-icon-vehicledriver:before {
    top: 0px !important;
    bottom: 2px !important;
    color: #007DC3 !important;
}

.wss-icon-vehicledriver-pending:before {
    top: 0px !important;
    bottom: 2px !important;
    color: !important;
}

.wss-icon-vehicledriver-inactive:before {
    top: 0px !important;
    bottom: 2px !important;
    color: !important;
}

.listview div.list-cardtype {
    font-family: Arial;
    font-weight: bold;
    background: white;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all .2s linear;
    width: 100%;
    text-align: center;
    padding: 7.9375rem 3.375rem 0.375rem;
    background-color:;
}

    .listview div.list-cardtype .icon-car:before {
        font-family: 'svg-icon';
        content: "\e800";
        font-size: 1.875rem;
        color: #0072a6;
        position: absolute;
        top: 2.625rem;
        left: 50%;
        margin-left: -1.275rem;
    }



.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align: center;
    z-index: 1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

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

/*.transaction-header-content-wss {
    border-bottom: 1px solid #d2d2d3 !important;
}*/

.transaction-margin-right {
    margin-right: 20px;
}

.transaction-td-padding {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wss-transaction-content {
    min-height: 400px;
}

.transactions-content .wss-heading-transaction {
    padding-top: 27px !important;
    padding-left: 10px !important;
}

.savedcard-content .wss-heading-savedcard {
    padding-top: 27px !important;
}

.savedcard-content .heading-savedcard {
    border-bottom: 2px solid #4D4D4F;
    position: relative;
}

.savedcard-content .panel {
    border-bottom: 1px solid #d2d2d3;
}

.savedcard-content .panel-heading .panel-title > a {
    display: block;
    width: 100%;
    padding: 11px 0 5px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}

.savedcardsearchinput {
    padding: 0;
}

.savedcard .filter-button {
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}

savedcard .savedcard-filter {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 0;
}

.savedcard .filter-section .radio-to-button {
    margin-right: 10px;
    border-radius: 5px !important;
}

.savedcard .row {
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}

.savedcard .panel-collapse {
    padding: 23px 10px 0 10px;
    background: #fafafa;
    background-color: rgb(250, 250, 250);
    color: #5e5e60;
    margin-bottom: 15px;
    width: 100%;
}

.savedcard {
    border-top: 1px solid #4D4D4F;
    margin-top: 35px;
    padding-top: 50px;
    min-height: 600px;
}

.savedcard-content .panel-heading .panel-title > a:hover,
.savedcard-content .panel-heading .panel-title > a:active {
    color: #4D4D4F;
    text-decoration: none;
    background: #e5f2f9;
}

.savedcard .appid {
    width: 12%;
}

.savedcard .date {
    width: 14%;
}

.savedcard .applicant-name {
    width: 40%;
}

.savedcard .abn {
    width: 14%;
}

.savedcard .status {
    width: 8%;
}

.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 {
            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;
            }

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

        .pagination ul > .disabled > span,
        .pagination ul > .disabled > a,
        .pagination ul > .disabled > a:hover {
            color: #999999;
            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;
}

a.download_link {
    font-size: 15px;
    color: #4D4D4F;
    cursor: pointer;
    text-decoration: underline;
}


    a.download_link:before {
        font-size: 15px;
        color: #4D4D4F;
        cursor: pointer;
        text-decoration: underline;
        padding-left: 23px;
        display: block;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e904";
        position: absolute;
        left: 0;
        top: 5px;
        color: #4D4D4F;
    }

a:hover.download_link {
    font-size: 15px;
    color: blue;
}

.fade-window {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

.loading-div {
    display: none;
    position: fixed;
    top: 45%;
    left: 45%;
    background-color: white;
    z-index: 1002;
    text-align: center;
}

.billed-transaction {
    opacity: 0.75;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?b93ly3');
    src: url('../fonts/icomoon-wex.eot?b93ly3#iefix') format('embedded-opentype'), url('../fonts/icomoon-wex.ttf?b93ly3') format('truetype'), url('../fonts/icomoon-wex.woff?b93ly3') format('woff'), url('../fonts/icomoon-wex.svg?b93ly3#icomoon-wex') format('svg');
    font-weight: normal;
    font-style: normal;
}

[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;
    color: !important;
}

[class^="icon-colourless"], [class*=" icon-colourless"] {
    /* override default icon colour where it is not desired */
    color: unset !important;
}

.icon-calendar:before {
    content: "\e912";
}

.icon-double-arrow:before {
    content: "\e913";
}

.icon-flag:before {
    content: "\e914";
}

.icon-gallery:before {
    content: "\e915";
}

.icon-graph:before {
    content: "\e916";
}

.icon-listview:before {
    content: "\e917";
}

.icon-Logo .path1:before {
    content: "\e918";
    color: rgb(255, 196, 37);
}

.icon-Logo .path2:before {
    content: "\e919";
    margin-left: -5.404296875em;
    color: rgb(255, 196, 37);
}

.icon-Logo .path3:before {
    content: "\e91a";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path4:before {
    content: "\e91b";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path5:before {
    content: "\e91c";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path6:before {
    content: "\e91d";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path7:before {
    content: "\e91e";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path8:before {
    content: "\e91f";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path9:before {
    content: "\e920";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path10:before {
    content: "\e921";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path11:before {
    content: "\e922";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path12:before {
    content: "\e923";
    margin-left: -5.404296875em;
    color: rgb(207, 10, 44);
}

.icon-Logo .path13:before {
    content: "\e924";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path14:before {
    content: "\e925";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path15:before {
    content: "\e926";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo .path16:before {
    content: "\e927";
    margin-left: -5.404296875em;
    color: rgb(207, 10, 44);
}

.icon-Logo .path17:before {
    content: "\e928";
    margin-left: -5.404296875em;
    color: rgb(207, 10, 44);
}

.icon-Logo2 .path1:before {
    content: "\e929";
    color: rgb(255, 196, 37);
}

.icon-Logo2 .path2:before {
    content: "\e92a";
    margin-left: -5.404296875em;
    color: rgb(255, 196, 37);
}

.icon-Logo2 .path3:before {
    content: "\e92b";
    margin-left: -5.404296875em;
    color: rgb(12, 126, 193);
}

.icon-Logo2 .path4:before {
    content: "\e92c";
    margin-left: -5.404296875em;
    color: rgb(12, 126, 193);
}

.icon-Logo2 .path5:before {
    content: "\e92d";
    margin-left: -5.404296875em;
    color: rgb(12, 126, 193);
}

.icon-Logo2 .path6:before {
    content: "\e92e";
    margin-left: -5.404296875em;
    color: rgb(12, 126, 193);
}

.icon-Logo2 .path7:before {
    content: "\e92f";
    margin-left: -5.404296875em;
    color: rgb(12, 126, 193);
}

.icon-Logo2 .path8:before {
    content: "\e930";
    margin-left: -5.404296875em;
    color: rgb(12, 126, 193);
}

.icon-Logo2 .path9:before {
    content: "\e931";
    margin-left: -5.404296875em;
    color: rgb(12, 126, 193);
}

.icon-Logo2 .path10:before {
    content: "\e932";
    margin-left: -5.404296875em;
    color: rgb(12, 126, 193);
}

.icon-Logo2 .path11:before {
    content: "\e933";
    margin-left: -5.404296875em;
    color: rgb(12, 126, 193);
}

.icon-Logo2 .path12:before {
    content: "\e934";
    margin-left: -5.404296875em;
    color: rgb(207, 10, 44);
}

.icon-Logo2 .path13:before {
    content: "\e935";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo2 .path14:before {
    content: "\e936";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo2 .path15:before {
    content: "\e937";
    margin-left: -5.404296875em;
    color: rgb(255, 255, 255);
}

.icon-Logo2 .path16:before {
    content: "\e938";
    margin-left: -5.404296875em;
    color: rgb(207, 10, 44);
}

.icon-Logo2 .path17:before {
    content: "\e939";
    margin-left: -5.404296875em;
    color: rgb(207, 10, 44);
}

.icon-long-arrow:before {
    content: "\e93a";
}

.icon-minus:before {
    content: "\e93b";
}

.icon-plus:before {
    content: "\e93c";
}

.icon-expand:before {
    content: "\e913";
}

.icon-search:before {
    content: "\e93d";
}

.btn-icon-search {
    background-color: #4D4D4F;
    color: white;
}

    .btn-icon-search:before {
        padding: 8px 14px 9px 14px !important;
    }

.common-element ul {
    padding-left: 0px;
    margin-bottom: 15px;
}

.border-bottom {
    border-bottom: 1px solid #4D4D4F;
}

.nav-tabs-wss {
    background-color: #f2f2f2 !important;
}

    .nav-tabs-wss > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs-wss > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border-radius: 4px 4px 0 0;
            opacity: .50;
        }

        .nav-tabs-wss > li.active > a,
        .nav-tabs-wss > li.active > a:focus,
        .nav-tabs-wss > li.active > a:hover {
            cursor: default;
            border-bottom-color: transparent;
            opacity: 1;
        }

.panel-group .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'icomoon'; /* essential for enabling icomoon */
    content: "\e901";
    float: right;
    font-size: 7px;
    padding-top: 5px;
}

.panel-group .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e900";
}

.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'icomoon'; /* essential for enabling icomoon */
    content: "\e901";
    float: right;
    font-size: 7px;
    padding-top: 5px;
}

.title-bold {
    font-weight: bold;
    margin-bottom: 20px;
}

.radio-to-button {
    color: #007DC3;
    background-color:;
    border: 1px solid transparent;
    border-color: #2e6da4;
    text-decoration: none !important;
}

    .radio-to-button.focus,
    .radio-to-button:focus {
        color:;
        background-color: #286090;
        border-color: #122b40;
    }

    .radio-to-button:hover {
        color:;
        background-color: #007DC3;
    }

    .radio-to-button.active,
    .radio-to-button:active,
    .open > .dropdown-toggle.btn-primary {
        color:;
        background-color: #007DC3;
    }

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

.radio-to-button-cards {
    font-family: Arial;
    font-weight: bold;
    background: white;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all .2s linear;
    width: 20%;
    border: 1px solid #0072a6;
    text-align: center;
    padding: 2.9375rem 0.375rem 0.375rem;
    text-transform: none !important;
    border-radius: 5px !important;
    margin-right: 15px;
}

.radio-to-button-cardTypes {
    font-family: Arial;
    font-weight: bold;
    background: white;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all .2s linear;
    border: 1px solid #0072a6;
    text-align: center;
    text-transform: none !important;
    border-radius: 5px !important;
    margin-right: 15px;
    width: 23.5%;
    height: 77.13px;
    white-space: normal;
}

.cardtypesheader {
    margin-top: 30px;
}

.radio-to-button-yesno {
    width: 40%;
    border-radius: 5px !important;
    margin-right: 10px;
}

.radio-to-button-setPin {
    width: 28%;
    border-radius: 5px !important;
    margin-right: 10px;
}

.radio-to-button .icon-car:before {
    font-family: 'svg-icon';
    content: "\e800";
    font-size: 1.875rem;
    color: #007DC3;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -1.275rem;
}

.radio-to-button .icon-driver:before {
    font-family: 'svg-icon';
    content: "\e804";
    font-size: 1.875rem;
    color: #007DC3;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -1.275rem;
}

.radio-to-button .icon-vehicleDriver:before {
    font-family: 'svg-icon';
    content: "\e805";
    font-size: 1.875rem;
    color: #007DC3;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -1.275rem;
}

.radio-to-button:hover .icon-car:before,
.radio-to-button:hover .icon-driver:before,
.radio-to-button:hover .icon-vehicleDriver:before,
.radio-to-button.active .icon-car:before,
.radio-to-button.active .icon-driver:before,
.radio-to-button.active .icon-vehicleDriver:before {
    color: #f7f7f7;
}

.radio-to-button:checked {
    color: #f7f7f7;
    background-color: #007DC3;
}

.main-container h2 {
    margin-top: 0 !important;
}

.input-search {
    padding-right: 0;
    float: left;
}

.horizontal-line {
    border-bottom: 1px solid #d2d2d3;
    position: relative;
    padding-top: 10px;
    margin-left: 15px;
    width: 97%;
}

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

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

.checkbox {
    margin-bottom: 1.5rem;
}

    .checkbox input[type="checkbox"] ~ .text {
        position: relative;
        display: inline-block;
        padding-left: 2.5rem;
        font-family: Arial;
        font-size: 1rem;
        font-weight: normal;
        color: #4D4D4F;
        cursor: pointer;
    }

        .checkbox input[type="checkbox"] ~ .text:before {
            content: '';
            width: 30px;
            height: 30px;
            border: 1px solid #dadada;
            position: absolute;
            left: 0;
            top: 0.1875rem;
        }

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

.checkbox input[type="checkbox"] ~ .text a {
    text-decoration: underline;
    color: #4D4D4F;
}

    .checkbox input[type="checkbox"] ~ .text a:hover {
        text-decoration: none;
    }

.checkbox input[type="checkbox"]:checked ~ .text:before {
    background: url("../images/icon-checked.png") center center no-repeat;
}

.checkboxCorrespondance {
    margin-top: 7px !important;
    margin-right: 7px !important;
}

.search-button {
    cursor: pointer;
}

.carddetail .common-element {
    margin-bottom: 10px;
}

    .carddetail .common-element .border-bottom {
        margin-bottom: 0;
    }

.filter-button {
    padding-top: 15px;
    margin-left: 15px;
    background-color: white;
}

.cancelcard-content {
    margin-top: 23px;
    padding-bottom: 23px;
}

.reportlostorstolen-content {
    margin-top: 23px;
    padding-bottom: 23px;
}

.cancelcard-comment {
    height: 120px;
}

.requestvoucher-reason {
    height: 100px;
}

.checkbox .checkbox-label {
    padding-left: 0;
}

    .checkbox .checkbox-label .text {
        font-size: 16px !important;
    }

.radio input[type=radio]:checked ~ .text:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -7px;
    display: inline-block;
    background-color: #0072ad;
    border-color: #dadada;
    width: 14px;
    height: 14px;
    border-radius: 100%;
}

.radio input[type=radio] ~ .text:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 1px solid #dadada;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    line-height: 30px;
    background-color: white;
    border-radius: 100%;
}

.group-element .typeahead {
    text-overflow: ellipsis;
}

.bracketed {
    padding: 15px 20px;
}

.bordered {
    text-align: center;
    display: flex;
}

    .bordered::before, .bordered::after {
        content: "";
        flex: 1;
        align-self: center;
        border: 1px solid black;
        border-width: 1px 0px 0px;
        height: 0;
    }

    .bordered .panel-title-inner {
        -ms-transform: rotate(270deg); /* IE 9 */
        -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
        transform: rotate(270deg);
    }


        .bordered .panel-title-inner.collapsed {
            /* symbol for "collapsed" panels */
            -ms-transform: rotate(90deg); /* IE 9 */
            -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
            transform: rotate(90deg);
        }

.reportlostorstolen-content .title-bold {
    margin-top: 30px;
}

.reportlostorstolen-Address-content .group-element {
    margin-top: 30px;
}

.card-information > .row {
    margin-bottom: 20px;
}

.table-calculator .description {
    width: 30%;
    padding-right: 10px;
}

.p-osc {
    margin-bottom: 0;
}

.panel-body .row {
    padding-bottom: 30px;
}

.panel-body .group-inner {
    padding-left: 20px;
}

.label-card-left-column {
    /*margin-right: 90px;*/
    min-width: 100%;
}

.label-card-right-column {
    min-width: 100%;
}

.margin-right-40 {
    margin-right: 40px;
}

.label-title-ReadOnly-short {
    margin-right: 90px;
}

.label-title-ReadOnly-long {
    margin-right: 40px;
}

.dropdownselection {
    background-color: #f7f7f7;
    height: 41px !important;
    /*  width: 83.5%;   */
    width: calc(100% - 20px);
    font-size: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* remove the original arrow */
select.input-lg {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    /* no standardized syntax available, no ie-friendly solution available */
}


.text-group-element select + i.glyphicon {
    float: right;
    margin-top: -28px;
    margin-right: 25px;
    /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
    pointer-events: none;
    /* everything after this is just to cover up the original arrow */
    /* (for browsers that don't support the syntax used above) */
    background-color: #f7f7f7;
    padding-right: 5px;
}

.dropdownarrow {
    background-color: #f7f7f7;
}

.text-card {
    font-style: italic;
    font-size: 0.9375rem;
}

.text-hint {
    font-style: italic;
    font-size: 0.9375rem;
    margin-top: 10px;
}

.btn-show-vehicleOnly {
    width: 23.5%;
}

.btn-show-driverOnly {
    width: 23.5%;
}

.btn-show-vehicleDriver {
    margin-right: 0 !important;
    width: 25.5%;
}

.btn-color-style {
    margin-right: 10px !important;
    margin-bottom: 5px;
    width: 13%;
}

    .btn-color-style.active,
    .btn-color-style:active,
    .open > .dropdown-toggle.btn-primary {
        border: 1px solid black;
    }

.btn-color-cream {
    background-color: #FFF8DC
}

.btn-color-beige {
    background-color: #F5DEB3
}

.btn-color-bronze {
    background-color: #B8860B
}

.btn-color-brown {
    background-color: #8B4513;
}

.btn-color-yellow {
    background-color: #FFFF00;
}

.btn-color-gold {
    background-color: #DAA520;
}

.btn-color-orange {
    background-color: #FF4500;
}

.btn-color-red {
    background-color: #FF0000;
}

.btn-color-maroon {
    background-color: #800000;
}

.btn-color-pink {
    background-color: #FF69B4;
}

.btn-color-purple {
    background-color: #9400D3;
}

.btn-color-blue {
    background-color: #0000FF;
}

.btn-color-green {
    background-color: #006400;
}

.btn-color-aqua {
    background-color: #7FFFD4;
}

.btn-color-silver {
    background-color: #D3D3D3;
}

.btn-color-grey {
    background-color: #808080;
}

.btn-color-black {
    background-color: #000000;
}

.btn-color-white {
    background-color:;
}

.docket-number {
    font-size: 14px;
    padding-right: 10px;
    width: 110px;
}

.input-date-search {
    padding-right: 0;
}


.date-search {
    background-color:;
    border-color: #d2d2d3;
    border-style: solid;
    position: relative;
}

    .date-search .icon-long-arrow {
        font-size: 9px;
        position: relative;
        top: 7px;
    }

.date-search-statement {
    background-color:;
    border-color: #d2d2d3;
    border-style: solid;
    position: relative;
}

    .date-search-statement .icon-long-arrow {
        font-size: 9px;
        position: relative;
        top: 7px;
    }

.start-date {
    float: left;
    border: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 38px !important;
    background: !important;
}

.start-date-statement {
    float: left;
    border: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: !important;
}

.end-date {
    float: right;
    border: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 38px !important;
    background: !important;
}

.transaction-search {
    padding-top: 15px;
}

.row-no-margin-no-padding {
    margin: 0;
    padding: 0 !important;
}

.row-no-margin {
    margin-left: 0px;
    margin-right: 0px;
}

.row-no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.transactions-content {
    min-height: 420px !important;
}

.savedcard-content {
    min-height: 420px !important;
}

.docket-number {
    padding-bottom: 7px;
}

.table-calculator-final-total {
    border-top: 1px solid #a6a6a7 !important;
}

.table-accordion .price {
    text-align: right;
}

.accountsearch {
    margin-top: 30px;
    padding-bottom: 20px;
}

.accountsearchcategory {
    margin-bottom: 15px;
    float: left;
    background-color:;
    position: relative;
    border-width: 0;
}

    .accountsearchcategory .dropdownselection {
        -moz-appearance: none;
        background-color:;
        float: left;
        font-size: 100%;
        height: 40px !important;
        width: 200px;
    }

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

.accountsearchinput {
    background-color:;
    float: left;
    padding: 0;
}

    .accountsearchinput input {
        background-color:;
    }

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

    .account-content .account-number {
        width: 20%;
    }

    .account-content .account-name {
        width: 50%;
    }

    .account-content .status {
        width: 20%;
    }

    .account-content .row {
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 0;
    }

    .account-content .panel-collapse {
        margin-bottom: 15px;
        width: 100%;
    }

    .account-content .filter-button {
        margin-left: 0;
    }

    .account-content .filter-section {
        padding-top: 25px;
        padding-bottom: 30px;
        background-color: white;
        margin-left: 15px;
        margin-right: 15px;
    }

        .account-content .filter-section .radio-to-button {
            margin-right: 10px;
            border-radius: 5px !important;
        }


    .account-content .status-change-date {
        width: 20%;
        text-align: right;
    }

    .account-content .panel {
        border-bottom: 1px solid #d2d2d3;
    }


        .account-content .panel:last-child {
            border-bottom: 1px solid #4D4D4F;
        }


        .account-content .panel.active {
            border-bottom: 1px solid #4D4D4F;
        }


            .account-content .panel.active .panel-heading .panel-title > a {
                background: #007DC3;
                color:;
            }

    .account-content .heading-account {
        border-bottom: 2px solid #4D4D4F;
        position: relative;
        padding-left: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .account-content .heading-account h2 {
            margin-top: 0;
            float: left;
            margin-bottom: 15px;
        }

    .account-content .panel-heading .panel-title > a {
        display: block;
        width: 100%;
        padding: 11px 0 5px 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
    }


        .account-content .panel-heading .panel-title > a:hover,
        .account-content .panel-heading .panel-title > a:active {
            color: #4D4D4F;
            text-decoration: none;
            background: #e5f2f9;
        }


        .account-content .panel-heading .panel-title > a.active .arrow .icon:before {
            content: "\e901";
        }


        .account-content .panel-heading .panel-title > a.collapsed {
            color: #4D4D4F;
            background: none;
        }


            .account-content .panel-heading .panel-title > a.collapsed:hover,
            .account-content .panel-heading .panel-title > a.collapsed:active {
                color: #4D4D4F;
                text-decoration: none;
                background: #bfdef0;
            }


            .account-content .panel-heading .panel-title > a.collapsed .arrow .icon:before {
                content: "\e900";
            }


    .account-content .panel-collapse {
        padding: 23px 10px 0 10px;
        background: #fafafa;
        color: #5e5e60;
    }


.request-previous-statement-select-date-section-header {
    margin-top: 30px;
}

.request-previous-statement-select-date-select-date {
    margin-top: 80px;
    padding-bottom: 120px;
}

    .request-previous-statement-select-date-select-date .date-search {
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
        border: 1px solid #ccc;
    }

.download-and-sort {
    border-top: 1px solid #4D4D4F;
    padding-top: 50px;
    margin-top: 30px;
}

.reports .annualActivityReport .delivery {
    padding-top: 50px;
}

.reports .annualActivityReport .address {
    padding-top: 20px;
}

.reports .annualActivityReport .UpdateAddressCheck {
    padding-top: 10px;
}

.reports .annualActivityReport .row {
    margin-top: 40px;
}

.reports .quarterlyActivityReport .row {
    margin-top: 40px;
}

.reports .quarterlyActivityReport .address {
    padding-top: 20px;
}

.profile-setting > :first-child {
    border-top: 1px solid #4D4D4F;
}

.profile-setting .panel {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #4D4D4F;
}

.profile-setting .vertical-align {
    height: 40px;
    display: flex;
    align-items: center;
}

.profile-setting-currentpassword {
    margin-bottom: 20px;
}

.profile-setting-newpassword {
    margin-bottom: 20px;
}

.profile-setting-confirmpassword {
    margin-bottom: 20px;
}

.profile-setting-secretquestion {
    margin-bottom: 20px;
}

.profile-setting-secretanswer {
    margin-bottom: 20px;
}

.no-float {
    float: none !important;
}

#AccountSummary_NewCreditLimit {
    border: none !important;
    width: 90%;
}

.formatted-textbox {
    background-color:;
    border-color: #d2d2d3;
    border-style: solid;
    position: relative;
}

    .formatted-textbox .input-validation-error {
        background: #fef1ec none repeat scroll 0 0;
        border: 1px solid #cd0a0a;
    }

.currency-sign {
    float: left;
    padding-top: 9px;
    padding-left: 5px;
}

.account-organization-detail .icon {
    float: left;
    font-size: 40px;
    margin-right: 15px;
}

.account-organization-detail-copy {
    margin-top: 30px;
}

.remove-invoice-email img, .remove-action img, .remove-email img, .remove-creditlimit-email img {
    padding-bottom: 0px;
    margin-left: 10px;
    width: 14px;
}

.remove-invoice-email img, .remove-email, .remove-creditlimit-email img {
    margin-top: 3px;
}

.remove-action img {
    margin-top: -3px;
}

.add-invoice-email {
    margin-top: 22px;
}

    .add-invoice-email img {
        margin-right: 8px;
        padding-bottom: 2px;
        width: 18px;
    }


.add-creditlimit-email {
    margin-top: 22px;
}

    .add-creditlimit-email img {
        margin-right: 8px;
        padding-bottom: 2px;
        width: 18px;
    }

#newInvoiceEmailPanel {
    margin-top: 10px;
}

#newCreditLimitEmailPanel {
    margin-top: 10px;
}

.creditlimit-email strong {
    float: left;
}

.remove-creditlimit-email {
    float: right;
}

.invoice-email strong {
    float: left;
}

.remove-invoice-email, .remove-action {
    float: right;
}

.requestvoucher-content p {
    margin-top: 20px;
}

#divAccountBusinessAddress h3 {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

#divAccountBusinessAddressEdit h3 {
    margin-top: 10px !important;
}

#divAccountContactDetails h3 {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

#divAccountContactDetailsEdit h3 {
    margin-top: 10px !important;
}

#divAccountCreditLimit h3 {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

#divAccountCreditLimitEdit h3 {
    margin-top: 10px !important;
}

.account-organization-detail h3 {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

.qar-search-box {
    margin-top: 40px;
    margin-left: 10px;
}

.quarterlyActivityReport .table-accordion .selectcard {
    width: 150px;
}

.quarterlyActivityReport .table-accordion .cardnumber {
    padding-top: 10px;
    width: 300px;
    padding-bottom: 10px;
}

.quarterlyActivityReport .table-accordion .carddescription {
    padding-top: 10px;
    width: 300px;
    padding-bottom: 10px;
}

.quarterlyActivityReport .table-accordion .cardstatus {
    padding-top: 10px;
    width: auto;
    padding-bottom: 10px;
}

.transaction-report-select-date .date-search {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #ccc;
}

.transactionreports-content p {
    margin-top: 20px;
}

#transaction-controls .panel-group .panel-body {
    padding-left: 0;
}

#transaction-controls .panel-body .group-inner {
    padding-left: 15px;
}

#transaction-controls .left-column {
    padding-left: 0;
    padding-right: 15px;
}

#transaction-controls .right-column {
    padding-left: 0;
    padding-right: 0;
}

#transaction-controls .radio-to-button {
    margin-right: 10px;
    border-radius: 5px !important;
}

#transaction-controls .remove-action {
    padding-top: 9px;
}

#transaction-controls .transaction-control-label {
    width: 220px;
    padding-top: 9px;
}

#transaction-controls table {
    table-layout: fixed;
}

#transaction-controls .transaction-control-input {
    width: 10px;
}

#transaction-controls .transaction-control-input-lable {
    float: left;
    padding-left: 5px;
    padding-top: 9px;
}

#transaction-controls .transaction-control-hint-icon h3 {
    float: left;
    margin-top: 2px !important;
}

#transaction-controls .transaction-control-input .transaction-control-hint-icon {
    margin-left: 8px;
    margin-top: 11px;
    color: #4D4D4F;
    opacity: 0.75;
}

#transaction-controls .transaction-control-hint {
    margin-left: 30px;
}

.transaction-control-notifications .panel-title {
    font-size: 21px;
    font-family: #F#headfont#/F#;
    color: black;
    font-size: 19px;
}

.transaction-control-notifications .notifications-email-address {
    width: 80%;
}

.reset-pin-div-header {
    padding-left: 0;
}

.reset-pin-div-row-container {
    padding-bottom: 0;
    padding-top: 20px;
}

.pin-settings-panel-body {
    border-top-style: none;
    padding-top: 27px;
}

.paymendDue-MainDiv-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}

.paymentdue-overdue {
    background-color: red !important;
    color: white !important;
}

.paymentdue-nextpayment {
    background-color: white;
}

#billing-payment .paymentdue-box {
    margin-bottom: 20px;
}

.video-overlay-wex {
    visibility: hidden;
}

.productControls-radio {
    color: #4D4D4F !important;
    text-align: left;
}

    .productControls-radio input[type=radio], .radio-inline input[type=radio] {
        visibility: hidden !important;
    }

.error-page h2 {
    color: #31708f;
}

.main-container {
    padding-top: 40px !important;
}

.lastOverviewUpdate {
    margin-top: 15px;
}

.lastUpdate {
    margin-top: 6px;
}

.nav-pills > li {
    margin: 0 8px 10px 2px;
}

p > a {
    text-decoration: underline;
}

.divAccountPaymentButton {
    float: right;
}

.btn-primary-inactive {
    color: gray;
    background-color: lightgray;
}

    .btn-primary-inactive:hover {
        text-decoration: underline;
    }

.searchButton {
    color: white;
    background-color: #4D4D4F;
    font-family: icomoon;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    box-shadow: none;
    text-shadow: none;
    border: solid 1px #4D4D4F;
    border-radius: 4px;
    padding: 11px 14px 11px 14px;
}

    .searchButton:focus {
        color: #333;
        border: dotted 1px white;
    }

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    color: #EAEAEE !important;
}


.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    color: #EAEAEE !important;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    color: #EAEAEE !important;
}

.oa-menu-dropdown-content {
    display: none;
    position: absolute;
    width: 200px;
    margin-top: 20px;
    margin-left: -84px;
    z-index: 1;
    background-color: white;
}

.oa-menu-dropdown:hover .oa-menu-dropdown-content {
    display: block;
}

.oa-menu-dropdown-item {
    padding: 8px;
    width: 100%;
    cursor: pointer;
    text-align: left;
    font-weight: 400;
}

    .oa-menu-dropdown-item:hover {
        background-color: #BFDEF0;
        text-decoration: none;
    }

header .container-wrapper .header-right .header-links li .oa-menu-dropdown-content a {
    color: #777;
    font-size: 14px;
}

.gly-spin {
    -webkit-animation: spin 2s 1s linear;
    -moz-animation: spin 2s 1s linear;
    -o-animation: spin 2s 1s linear;
    animation: spin 2s 1s linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotateY(0deg);
    }

    100% {
        -moz-transform: rotateY(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotateY(0deg);
    }

    100% {
        -o-transform: rotateY(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(359deg);
        transform: rotateY(359deg);
    }
}

.activation-code-text.box-content.highlight-box.success-box {
    padding: 1px 10px;
    border-width: 2px;
}

.wex-repair-assist .panel-body {
    padding-top: 3.125rem;
    padding-left: 25px;
    padding-right: 15px;
}

.wex-repair-assist-copy {
    margin-bottom: 22px;
}

.ViewWEXRepairAssist .panel-body {
    padding-bottom: 30px;
}

.additional-services a {
    text-decoration: underline;
    font-size: 16px;
}

.EditWEXRepairAssist .radio-to-button {
    margin-top: 13px;
    border-radius: 0px !important;
    margin-right: 10px;
}

.accountdetail .ViewWEXRepairAssist .panel-body .row {
    padding-bottom: 40px;
}

.accountdetail .EditWEXRepairAssist .panel-body .row {
    padding-bottom: 30px;
}

    .accountdetail .EditWEXRepairAssist .panel-body .row:nth-child(2) {
        padding-bottom: 10px;
    }

    .accountdetail .EditWEXRepairAssist .panel-body .row:nth-child(4) {
        padding-bottom: 40px;
    }

/* Use this media query if you want your css to apply ONLY for medium and large screens */
@media (min-width: 767px) {

    .cardCategory {
        margin-top: 20px;
    }

    .horizontal-line-trn-xs {
        border-bottom: 1px solid #d2d2d3;
        position: relative;
        padding-top: 10px;
        margin-left: 15px;
        width: 97%;
        margin-bottom: 20px;
        margin-top: 15px;
    }


    .panel-group .panel-title-inner {
        padding: 20px 50px 20px 15px;
        font-size: 21px;
    }

    .transaction-control-notifications .panel-title {
        font-size: 21px;
    }

    .overlay-menu {
        display: none;
    }

    .common-element ul {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        margin-bottom: 15px;
        align-items: baseline;
        flex-wrap: nowrap;
        min-width: 0;
        overflow: hidden;
    }

        .common-element ul li:before {
            position: relative;
            height: 12px;
            width: 2px;
            background: #4D4D4F;
            content: "";
            margin-right: 8px;
        }

        .common-element ul li:first-child:before {
            background: none;
            margin-right: 0px;
        }

        .common-element ul li {
            display: flex;
            align-items: baseline;
            min-width: 0;
            flex-shrink: 0;
            flex-grow: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .common-element ul li.username-item {
                flex-grow: 0;
                flex-shrink: 1;
                min-width: 160px;
            }

            .common-element ul li strong {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-right: 8px;
                margin-left: 6px;
                display: inline-block;
                flex-grow: 1;
                flex-shrink: 1;
                min-width: 0;
            }

    .common-element .username-item .popover {
        width: fit-content !important;
    }

    .button-top-right {
        float: right;
        text-align: right;
    }

    .button-bottom-right {
        margin-top: 40px;
    }

        .button-bottom-right .btn-secondary {
            float: right;
            margin-right: 10px;
        }

        .button-bottom-right .btn-primary {
            float: right;
        }

    .button-bottom-left .btn-secondary {
        margin-right: 10px;
    }

    .carddetail .nav-pills {
        margin-bottom: 20px;
    }

    .common-element-card-detail {
        margin-bottom: 40px;
    }

    .carddetail {
        border-top: 1px solid #4D4D4F;
        padding-top: 50px;
        min-height: 600px;
        min-height: 600px;
    }

    .reportlostorstolen-Address-content #Address {
        width: 50%
    }

    .card-information {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .input-search {
        width: auto;
    }

    .bootstrap-tagsinput {
        height: 40px !important;
        min-width: 376px !important;
        max-width: 376px !important;
    }

    .savedcardsearchinput .bootstrap-tagsinput {
        min-width: 767px !important;
        max-width: 767px !important;
    }

    .input-date-search .bootstrap-tagsinput {
        height: 40px !important;
        min-width: 276px !important;
        max-width: 276px !important;
    }

    .text-group-element input[type="text"] {
        width: 83.5%;
    }

    .table-calculator .quantity {
        width: 20%;
        padding-right: 10px;
    }

    .table-calculator .unitcost {
        width: 30%;
        padding-right: 10px;
    }

    .date-search {
        margin-left: 15px;
        width: 220px;
        float: left;
        border-width: 1px 0 1px 1px;
    }

    .input-date-search {
        width: 276px;
        float: left;
        padding-left: 0px;
    }

    .start-date {
        width: 103px !important;
    }

    .end-date {
        width: 103px !important;
    }

    .accountdetail .nav-pills {
        margin-bottom: 20px;
    }

    .accountdetail {
        border-top: 1px solid #4D4D4F;
        margin-top: 35px;
        padding-top: 50px;
        min-height: 600px;
    }

        .accountdetail .radio-to-button {
            font-size: 12.4px !important;
        }

    .accountsearch-content {
        padding-top: 50px;
    }

    header .container-wrapper .header-right .header-links {
        min-width: 525px;
    }

        header .container-wrapper .header-right .header-links li a {
            margin-right: 13px;
        }

    .logout {
        margin-right: 0 !important;
    }

    .accountsearchcategory .dropdownselection {
        width: 200px;
    }

    .accountsearchinput {
        width: 276px !important;
    }

    .account-content .account-filter {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        margin-bottom: 15px;
        padding: 0;
    }

    .reports .nav-pills {
        margin-bottom: 20px;
    }

    .reports {
        border-top: 1px solid #4D4D4F;
        margin-top: 35px;
        padding-top: 50px;
        min-height: 600px;
    }

        .reports .pull-right .btn-secondary {
            margin-right: 10px;
        }

        .reports .annualActivityReport .delivery .radio-to-button {
            width: 90px;
        }

        .reports .quarterlyActivityReport .radio-to-button {
            width: 90px;
        }

        .reports .annualActivityReport .address input {
            width: 400px;
        }

        .reports .quarterlyActivityReport .address input {
            width: 400px;
        }

    .profile-setting-dropdown-menu {
        opacity: 1 !important;
    }

        .profile-setting-dropdown-menu > a {
            margin-right: 0 !important;
            margin-top: -6px !important;
        }

        .profile-setting-dropdown-menu ul li {
            color: #777 !important;
        }

    .header-links .profile-setting-dropdown-menu li {
        float: none !important;
        opacity: 1 !important;
    }

    .header-links .profile-setting-dropdown-menu .dropdown-header {
        padding-bottom: 20px;
    }

    .profile-setting-dropdown-menu .dropdown-menu > li > a {
        clear: none !important;
        color: #777 !important;
        display: block;
        font-weight: 400;
        line-height: 1.42857;
        padding: 3px 20px;
        white-space: nowrap;
    }

    .header-links .dropdown-toggle img {
        width: 31px;
        height: 31px;
    }

    .EditModeAccountContactDetails input[type="text"] {
        width: 90% !important;
    }

    .EditModeAccountContactDetails input[type="email"] {
        width: 90% !important;
    }

    .creditlimit-email {
        width: 90%;
    }

    .invoice-email {
        width: 90%;
    }

    .button-bottom-left .account-close {
        float: left !important;
    }

    .text-area-account-close {
        width: 70% !important;
    }

    .transactions-content .qar-heading {
        padding-top: 27px !important;
        padding-left: 10px !important;
    }

    .paymentdue-content .btn-primary {
        float: right;
    }

    .paymentdue-content .content {
        float: left;
        margin-top: 27px;
    }

        .paymentdue-content .content strong {
            margin-top: 7px;
        }

    .paymentdue-content .make-a-payment {
        float: right;
    }

    .paymentdue-content {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 15px;
        border: 1px solid;
        border-color: #4D4D4F !important;
    }

        .paymentdue-content .date {
            width: 150px !important;
            float: left;
            font-weight: bold;
        }

        .paymentdue-content .amount {
            width: 150px !important;
            float: left;
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 0 !important;
        }

        .paymentdue-content .bill-number {
            width: 90px !important;
            float: left;
            vertical-align: bottom;
        }

        .paymentdue-content .bill-cycle {
            width: 110px !important;
            float: left;
        }

        .paymentdue-content .payment-terms {
            width: 150px !important;
            float: left;
        }

        .paymentdue-content .payment-type {
            width: 160px !important;
            float: left;
        }

    .info-icon-pull-right {
        margin-bottom: 3px;
        margin-left: 10px;
    }

    .card-set-width {
        width: 44% !important;
    }

    .payment-date-padding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .payment-hr {
        width: 55% !important;
    }
}

.accountpayment {
    width: 200px;
    height: 150px;
    border-radius: 0px;
    border: 1px solid #007DC3;
    box-shadow: none;
    font-size: 16px;
    text-align: center;
    display: table-cell;
    cursor: pointer;
    font-weight: bold;
    color: #007DC3;
}

    .accountpayment p {
        padding-top: 31%;
    }

.accountpayment-button-selected {
    border-color: #007DC3;
    border-style: solid;
    border-width: 2px;
    background-color: #007DC3;
    color:;
}

.accountpayment-selected {
    border-color:;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
}

.directAgreement {
    display: block;
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px;
}

.directPayTextGradant {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, ), color-stop(100, #333));
    background-image: -ms-linear-gradient(bottom, 0%, #333 1000%);
    background-image: -webkit-linear-gradient(bottom, 0%, #333 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cc-expiry {
    width: 50px !important;
}

.direct-margin {
    margin: 65px 40px 40px 40px !important
}

.directPay-slider {
    border-top: 1px solid gray;
}

.directPay-slider-icon-down {
    background: url("../images/arrows-down.png") no-repeat scroll center top;
}

.directPay-slider-icon-up {
    background: url("../images/arrows-up.png") no-repeat scroll center top;
}

.directPay {
    margin: 15px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#transaction-controls .left-column, .middle-column, .right-column {
    float: left;
}

#transaction-controls .transaction-control-input {
    width: 70px;
}

#transaction-controls .left-column {
    width: 335px;
    margin-right: 20px;
}

#transaction-controls .middle-column {
}

.error-highlight {
    border: 1px solid #CD0A0A !important;
    outline: 1px solid #CD0A0A !important;
}

#transaction-controls .right-column {
    width: 200px;
}


/* Use this media query if you want your css to apply ONLY for small screens */
@media (max-width: 767px) {
    #divCardTypesToggleButton {
        display: none;
    }

    .icon-key:before {
        content: url("../images/log-out-icon.png");
    }

    .icon-profile:before {
        content: url("../images/profile-settings-icon.png");
    }

    .icon-bell:before {
        content: url("../images/account-notifications-icon.png");
    }

    .myprofilesettings {
        background: white;
    }

    .searchButton {
        border-radius: 4px;
        padding: 12px 14px 12px 14px;
    }

    .horizontal-line-trn-xs {
        border-bottom: 1px solid #d2d2d3;
        position: relative;
        padding-top: 10px;
        margin-left: 15px;
        width: 97%;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .account-number a {
        color: #007DC3;
        text-decoration: underline;
    }

    .overview-page-top-button-container {
        margin-top: 16px;
    }

    .lastOverviewUpdate {
        margin-top: 10px;
        font-size: 14px;
    }

    .lastUpdate {
        font-size: 14px;
        margin-top: 7px;
    }

    .forgot-username-input-container .btn-secondary {
        margin-right: 0;
        margin-top: 0;
    }

    .paging {
        text-align: right;
    }

    .common-element ul li {
        padding-left: 0;
        list-style: none;
    }


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

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

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

    .btn-icon-search {
        border: 1px solid #ccc;
        background: white;
        color: #4D4D4F;
        border-left: none;
        line-height: 130%;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        padding-bottom: 10px;
        margin-left: -1px;
    }

    .horizontal-line {
        width: 92%;
        padding-top: 20px;
    }

    .download-csv {
        padding-right: 15px;
    }

    .paging {
        margin-right: 0;
    }

    .filter-button {
        text-transform: uppercase;
        background-color: #f2f2f2;
        padding-left: 0;
    }

    .filter-dropdownselection {
        color:;
        background-color: #007DC3;
        height: 40px;
        /*width:230px;
        padding:10px;
        color:#fff;
        background:#3E6373 url("http://s6.postimg.org/yzxyb2kv1/arrow.png") no-repeat 90% 50%;;
        font-size:15px;
        font-family:'Roboto', sans-serif;
        border-radius:5px;*/
        /*-webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;*/
    }

    .bootstrap-select.btn-group .dropdown-toggle .caret {
        color: green;
        background-color: green;
    }

    .radio-to-button-cards {
        margin-right: 15px;
        width: 30%;
    }

    .radio-to-button-cardTypes {
        margin-right: 15px;
        width: 100%;
    }

    .cardTypes .row {
        padding-bottom: 0;
    }

    .cardtypedesc {
        padding-bottom: 30px;
    }

    .radio-to-button-setPin {
        width: 25%;
        margin-right: 5px;
        padding: 10px 8px 9px 8px;
    }

    .radio-to-button-setPin-setLater {
        width: 44% !important;
    }


    .button-bottom-right .btn-secondary {
        float: right;
        margin-top: 13px;
        margin-right: 0 !important;
    }


    .button-bottom-right .btn-primary {
        float: right;
        margin-top: 23px;
        margin-right: 0 !important;
    }

    .common-element-card-detail {
        padding-bottom: 17px;
        margin-bottom: 20px;
    }

    .button-bottom-left .btn-secondary {
        margin-top: 13px;
    }

    .card-information {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .bootstrap-tagsinput {
        height: 42px !important;
        min-width: 226px !important;
    }

    .cancelcard .btn-group .radio-to-button {
        margin-top: 13px;
    }

    .reportlostorstolen-content .btn-group .radio-to-button {
        margin-top: 13px;
    }

    .label-card-left-column {
        /*margin-right: 150px;*/
        min-width: 100%;
    }

    .docket-number {
        font-size: 11px;
    }

    .docket-number-value {
        font-size: 11px;
    }

    .table-calculator .description {
        font-size: 11px;
    }

    .table-calculator .quantity {
        width: 20%;
        font-size: 11px;
    }

    .table-calculator .unitcost {
        width: 25%;
        font-size: 11px;
    }

    .table-calculator .amount {
        font-size: 11px;
    }

    .table-calculator-total {
        font-size: 11px;
    }

    .request-voucher-link {
        font-size: 11px;
    }

    .label-card-right-column {
        /*margin-right: 150px;*/
        min-width: 100%;
        padding-top: 30px;
    }

    .btn-show-vehicleOnly {
        width: 28%;
        margin-right: 8px !important;
    }

    .btn-show-driverOnly {
        width: 28%;
        margin-right: 8px !important;
    }

    .btn-show-vehicleDriver {
        width: 37%;
        margin-right: 0 !important;
    }

    .radio-to-button-yes-inline {
        width: 47% !important;
        margin-right: 13px !important;
    }

    .radio-to-button-no-inline {
        width: 47% !important;
        margin-right: 0 !important;
    }

    .dropdownselection {
        width: 100%;
    }

    .btn-color-style {
        margin-right: 6px !important;
        width: 14% !important;
    }

    .text-group-element select + i.glyphicon {
        margin-right: 5px;
    }

    .date-search {
        margin-left: 15px;
        margin-right: 15px;
        border-width: 1px 1px 0px 1px;
    }

        .date-search .icon-long-arrow {
            top: 0 !important
        }

    .date-search-statement .icon-long-arrow {
        top: 0 !important
    }

    .date-search-statement {
        margin-left: 15px;
        margin-right: 0 !important;
        border-width: 1px 1px 1px 1px;
        float: left !important;
        width: 74.5% !important;
    }

    .start-date {
        float: left;
        width: 48% !important;
        border: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 38px !important;
    }


    .start-date-statement {
        float: left;
        width: 45% !important;
        border: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .end-date {
        float: none !important;
        width: 45% !important;
        border: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 38px !important;
    }

    .button-mobile {
        margin-top: 15px;
    }

    .transaction-search {
        padding-bottom: 15px;
    }

    /* line 177, ../../../../../../inetpub/wexmotorpass/assets/src/styles/sass/partials/_home-bottom-module.scss */

    .heading-transaction .link-view-all:before {
        top: 31px;
    }

    .account-content .panel-collapse {
        background: none;
        padding: 0;
    }

    .account-content .panel-title {
        padding: 10px;
    }

    .account-content .colapse-link {
        text-align: right;
    }

    .account-content .btn-filter-group pull-right {
        margin-right: 15px;
        margin-top: 15px;
    }

    .accountsearchcategory {
        width: 100%;
    }

        .accountsearchcategory .dropdownselection {
            width: 100%;
            border-radius: 0 !important;
        }

    .accountsearchinput {
        margin-left: 0;
        border-radius: 0 !important;
        border-left-width: 0;
    }

        .accountsearchinput input {
            border-radius: 0 !important;
            border-width: 0;
            height: 40px;
        }

        .accountsearchinput .form-control:focus {
            border-color: #ccc;
            outline: 0;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        }

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

    .account-content .panel-heading .panel-title > a {
        display: block;
        width: 100%;
        padding: 11px 10px 5px 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
    }

        .account-content .panel-heading .panel-title > a:hover,
        .account-content .panel-heading .panel-title > a:active {
            color: #4D4D4F;
            text-decoration: none;
            background: #e5f2f9;
        }

        .account-content .panel-heading .panel-title > a.collapsed {
            color: #4D4D4F;
            background: none;
        }

            .account-content .panel-heading .panel-title > a.collapsed:hover,
            .account-content .panel-heading .panel-title > a.collapsed:active {
                color: #4D4D4F;
                text-decoration: none;
                background: #bfdef0;
            }

    .account-content .arrow .icon::before {
        content: "";
        font-size: 7px;
    }

    .account-content .panel-heading .panel-title .arrow > a.active .icon::before {
        content: "\e901";
    }

    .account-content .panel-heading .panel-title .arrow > a.collapsed .icon:before {
        content: "\e900";
    }

    .account-content .account-info {
        margin-left: 30px;
        margin-right: 10px;
    }

    .account-content .panel-title .account-name {
        color: #4D4D4F;
        font-size: 15px;
    }


    .account-info td {
        padding-bottom: 10px;
    }
    /*.request-previous-statement-select-date-section-header {
        margin-top: 20px;
    }

    .request-previous-statement-select-date-select-date {
       margin-top: 20px;
       padding-bottom: 10px;
    }

    .request-previous-statement-select-date-select-date .date-search {
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        border: 1px solid #ccc;
    }

    .request-previous-statement-select-date-content .btn-primary {
        margin-top: 20px;
    }*/

    .accountdetail {
        border-top: 1px solid #4D4D4F;
        margin-top: 25px;
        padding-top: 20px;
    }

    .reports {
        border-top: 1px solid #4D4D4F;
        margin-top: 25px;
        padding-top: 20px;
    }

        .reports .cancel-report-btn {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .reports .annualActivityReport .delivery .btn-group {
            width: 100%;
        }

        .reports .annualActivityReport .delivery .btn-group {
            width: 100%;
        }

        .reports .quarterlyActivityReport .radio-to-button {
            width: 90px;
        }

        .reports .annualActivityReport .address input {
            width: 100%;
        }

    .header-links .open .dropdown-menu {
        background-color: transparent;
        border: 0 none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto;
    }

    .header-links .profile-setting-dropdown-menu li {
        border-bottom: none !important;
    }

    .profile-setting-currentpassword {
        margin-top: 25px;
    }

    .profile-setting-secretquestion {
        margin-top: 25px;
    }

    .accountsearch .btn-icon-search {
        border-width: 0;
    }

    .border-box {
        background-color:;
        border: 1px solid #ccc;
    }


    a:hover,
    a:active {
        color: #007DC3;
        text-decoration: none;
    }

    .accountdetail .panel-body .group-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    #transaction-controls .panel-body .group-inner {
        padding: 15px !important;
    }

    .accountdetail .panel-group .panel-body {
        margin: 0;
        padding: 0;
    }

    .dropdown-backdrop {
        position: static !important;
    }

    .pagination ul {
        padding-left: 0;
        padding-right: 0;
    }

    #transaction-controls .left-column {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    #transaction-controls .right-column {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    #transaction-controls .radio-to-button {
        margin-top: 13px;
    }


    #transaction-controls #TransactionControlMobile_TransactionValueLimit {
        width: 94%;
    }

    #transaction-controls #TransactionControlMobile_TransactionVolumeLimit {
        width: 80%;
    }

    #transaction-controls .currency-sign {
        float: right;
    }

    #transaction-controls #TransactionControlMobile_DailyTransactionValueLimit {
        width: 94%;
    }

    #transaction-controls #TransactionControlMobile_DailyTransactionVolumeLimit {
        width: 80%;
    }

    #transaction-controls #TransactionControlMobile_WeeklyTransactionValueLimit {
        width: 94%;
    }

    #transaction-controls #TransactionControlMobile_WeeklyTransactionVolumeLimit {
        width: 80%;
    }

    #transaction-controls #TransactionControlMobile_MonthlyTransactionValueLimit {
        width: 94%;
    }

    #transaction-controls #TransactionControlMobile_MonthlyTransactionVolumeLimit {
        width: 80%;
    }

    #transaction-controls .currency-sign {
        float: right;
    }

    #transaction-controls .transaction-control-input-lable {
        float: right;
        padding-left: 5px;
        padding-top: 9px;
    }

    #transaction-controls .left-column p {
        float: left;
        margin-right: 8px;
    }

    .qar-selectAll-box {
        padding-left: 0px !important;
    }

    .transactions-content .qar-heading {
        padding-top: 27px !important;
        padding-left: 0px !important;
    }

    .select-nav-dropdown {
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform: uppercase;
        color:;
        background-color: #337ab7;
        height: 40px;
        font-size: 12.4px !important;
        font-weight: bold;
    }

    .transaction-control-notifications .notifications-email-address {
        width: 60%;
    }


    .paymentdue-content .date {
        font-weight: bold;
    }

    .paymentdue-content .amount {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 27px;
    }

    .paymentdue-content .bill-number {
        vertical-align: bottom;
        float: left;
    }

    .paymentdue-content .bill-cycle {
        margin-bottom: 15px;
        float: right;
    }

    .paymentdue-content .payment-terms {
        margin-bottom: 15px;
    }

    .paymentdue-content .payment-type {
        margin-bottom: 15px;
    }

    .paymentdue-content .content {
        margin-top: 15px;
    }

        .paymentdue-content .content strong {
            margin-top: 7px;
        }

    .paymentdue-content {
        padding-top: 17px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        border: 1px solid;
    }

        .paymentdue-content .make-a-payment {
        }

    .divAccountPaymentButton {
        float: left;
        width: 200px;
    }

        .divAccountPaymentButton a {
            font-size: 14px;
        }

    .info-icon-pull-right {
        float: right !important;
    }

    .info-icon-pull-right-cc {
        margin-right: 14px !important;
    }

    .payment-amount-box {
        width: 100% !important;
    }

        .payment-amount-box input[type="text"] {
            width: 90% !important;
        }

    .card-set-width {
        width: 45% !important;
    }

    .info-icon-pull-right-cc > .popover {
        left: -140.667px !important;
    }

    .info-icon-pull-right-acc > .popover {
        left: -20.667px !important;
    }

    .popover .arrow {
        display: none !important;
    }

    .payment-date-padding {
        padding-left: 10px !important;
        padding-right: 0px !important;
    }

    .mobile-cc-padding {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    footer .container-wrapper .footer-right {
        margin: -21px 0 0 68px !important;
        font-size: 9px !important;
    }

    .copyright-text {
        font-size: 9px !important;
    }

    footer .container-wrapper .footer-right ul li a {
        font-size: 9px !important;
    }

    .panel-margin-fix {
        margin-left: -13px !important;
        margin-right: -12px !important;
    }

    .EditWEXRepairAssist .radio-to-button {
        margin-top: 13px;
        border-radius: 0px !important;
    }

    .accountdetail .wex-repair-assist .panel-body {
        padding-top: 3.125rem;
        padding-left: 25px;
        padding-right: 15px;
    }

    .wex-repair-assist .btn-primary {
        margin-top: 10px;
    }

    .wex-repair-assist .btn input[type=radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }
}


/* use this media query if you want your css to apply ONLY for large screens */
@media (min-width: 1024px) {
    .transaction-header-td-width-106 {
        width: 106px !important;
    }

    .transaction-header-td-width-180 {
        width: 180px !important;
    }

    .transaction-header-td-width-110 {
        width: 110px !important;
    }

    .transaction-header-td-width-100 {
        width: 100px !important;
    }

    .transaction-body-td-width-106 {
        width: 106px !important;
    }

    .transaction-body-td-width-180 {
        width: 180px !important;
    }

    .transaction-body-td-width-220 {
        width: 220px !important;
    }

    .transaction-body-td-width-110 {
        width: 110px !important;
    }

    .transaction-body-td-width-100 {
        width: 100px !important;
    }

    .transaction-body-td-width-80 {
        width: 80px !important;
    }

    .transaction-header-td-width-80 {
        width: 80px !important;
    }

    .transaction-header-td-width-220 {
        width: 220px !important;
    }

    .btn-group-element {
        padding-right: 20px;
    }

    .horizontal-line-trn-lg {
        border-bottom: 1px solid #d2d2d3;
        position: relative;
        padding-top: 10px;
        margin-left: 15px;
        width: 97%;
        margin-bottom: 50px;
        margin-top: 30px;
    }

    .info-icon-pull-right {
    }

    .card-set-width {
        width: 43% !important;
    }
}

.white-bg {
    background: !important;
}

.no-balance {
    background: !important;
    color: !important;
}

    .no-balance a {
        color: !important;
    }

.pay-due {
    background: !important;
    color: !important;
}

    .pay-due a {
        color: !important;
    }

    .pay-due .billings ul .billings-date {
        font-family: 'Museo-700';
        font-size: 20px;
        margin: 10px 0 10px 0;
    }

.nextpay-credit-amount {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}



.pay-due .billings ul .billings-price {
    font-family: 'Museo-700';
    font-size: 28px;
}

.payment-content .table-row .table-cell {
    border-bottom: 1px solid #a0cfe9;
}

.bg-white {
    background-color: white;
}

.padding-10 {
    padding: 10px;
}

.account-close .icon {
    margin: 20px;
}

.chart-wrapper-statement {
    margin: 25px;
}

.logo-footer-svg {
    width: 60px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

.overview-page-top-button-container {
    margin-top: 31px;
}

.logo-header-svg {
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    vertical-align: middle;
}

.logo-footer-link {
    text-decoration: none !important;
}

#grid {
    box-shadow: none;
}

.profile-menu {
    border: none !important;
    border-radius: 0 !important;
    top: 110%;
}

    .profile-menu > li {
        height: 37px !important;
        width: 100%;
        margin-bottom: -6px;
    }

        .profile-menu > li > a {
            height: 100% !important;
            width: 100%;
            line-height: 33px !important;
            font-size: 14px !important;
        }

.profile-menu {
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.175) !important;
}

.oa-menu-dropdown-content {
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.175) !important;
}

.profile-menu > li > a:hover {
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-color: !important;
}

.profile-menu > .dropdown-header:hover {
    background-color: !important;
}

.profile-menu > .dropdown-header {
    margin-bottom: 0 !important;
    padding: 10px 0 10px 20px !important;
    font-size: 14px !important;
}

.profile-icon-svg {
    height: 31px;
    width: 31px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    vertical-align: middle;
}

.margin-20 {
    margin: 20px;
}

.savedcardsearchinput > .form-group > .bootstrap-tagsinput {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.image-icon-individually {
    background: url('../images/icon-individually.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-position-y: 5px;
    line-height: 1.2;
    width: 28%;
    margin-right: 8px !important;
}

    .image-icon-individually:hover, .image-icon-individually.active {
        background: url('../images/icon-individually-selected.png');
        background-color: #007DC3;
        background-repeat: no-repeat;
        background-position: top center;
        background-position-y: 5px;
        width: 28%;
        margin-right: 8px !important;
    }

.image-icon-bulk {
    background-image: url('../images/icon-bulk.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-position-y: 5px;
    line-height: 1.2;
    width: 28%;
    margin-right: 8px !important;
}

    .image-icon-bulk:hover, .image-icon-bulk.active {
        background-image: url('../images/icon-bulk-selected.png');
        background-color: #007DC3;
        background-position: top center;
        background-repeat: no-repeat;
        background-position-y: 5px;
        width: 28%;
        margin-right: 8px !important;
    }

.download-file-button {
    color: #007DC3;
    background-color:;
    border: 1px solid transparent;
    border-color: #2e6da4;
    text-decoration: none !important;
    width: inherit;
}

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

.pnlUploadedBulk {
    margin: 5px 5px 5px 5px;
    border: solid 1px #DBDBDB;
    padding: 5px 5px 1px 5px;
}



.icon-car-bulk:before {
    font-family: 'svg-icon';
    content: "\e800";
    font-size: 1.875rem;
    color: #007DC3;
    margin-left: -1.275rem;
}

.icon-driver-bulk:before {
    font-family: 'svg-icon';
    content: "\e804";
    font-size: 1.875rem;
    color: #007DC3;
    left: 50%;
    margin-left: -1.275rem;
}

.icon-vehicleDriver-bulk:before {
    font-family: 'svg-icon';
    content: "\e805";
    font-size: 1.875rem;
    color: #007DC3;
    margin-left: -1.275rem;
}

.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;
}

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

.form-group .error-message-wex {
    color: #dc2052;
    font-size: 1.25rem;
}



.filter-button-container:after {
    content: '';
    width: calc(100% - 155px);
    height: 1px;
    background: gray;
    position: absolute;
    bottom: 100%;
    left: 155px;
}

.activate-button-color {
    background-color: #4D4D4F !important;
    color: !important;
}


.card-activation-form > div {
    margin-top: 20px;
}

.panel-group-card-activation .panel-title-inner-card-activation {
    display: block;
    padding: 15px 10px 15px 10px;
    background: #007DC3;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

    .panel-group-card-activation .panel-title-inner-card-activation:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 0;
        top: 6px;
        color: white;
        font-size: 7px;
        content: "\e901";
        margin: 18px;
    }

    .panel-group-card-activation .panel-title-inner-card-activation.collapsed:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 0;
        top: 6px;
        color: #4D4D4F;
        font-size: 7px;
        content: "\e900";
    }

    .panel-group-card-activation .panel-title-inner-card-activation.collapsed {
        background: white;
        color: black;
        border-bottom: 2px solid silver;
    }

.activation-page-content-body {
    border-top: 1px solid #4D4D4F;
    margin-top: 35px;
    padding-top: 50px;
    min-height: 600px;
}

.readOnlyButton {
    opacity: 0.25;
    background: #4D4D4F;
    color: white !important;
    text-decoration: none !important;
}

.date_background {
    background-color: rgba(247, 247, 247, 1) !important;
}

.transaction-header-amt {
    text-align: right;
    padding-right: 10px;
}

.express-delivery-message {
    margin-left: 4.5rem;
}

.express-delivery-header {
    font-weight: bold !important;
    padding-top: 5px !important;
}

.pnlEmailAndMobile :last-child div {
    margin-bottom: 30px;
}

.modal-content .header {
    padding: 10px 15px 10px 10px;
}

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

.modal-content .icon-close:hover:before {
    color: #007DC3;
}

header {
    background-color: #414042 !important;
}

h1 {
}

h2 {
}

h3 {
}

.btn-primary {
    /*defaults apply if not set*/;
}

    .btn-primary:hover {
        /*defaults apply if not set*/;
    }

.btn-secondary, .btn.btn-secondary:active {
    /*defaults apply if not set*/;
}

a:hover.btn.btn-secondary {
    /*defaults apply if not set*/;
}

.radio-to-button {
    /*defaults apply if not set*/;
}

    .radio-to-button:hover {
        /*defaults apply if not set*/;
    }

li.active > a.radio-to-button, .btn.radio-to-button.active {
    /*defaults apply if not set*/;
}

.searchButton {
    /*defaults apply if not set*/
}

.profile-menu > li > a {
    /*defaults apply if not set*/
}

    .profile-menu > li > a:hover {
        /*defaults apply if not set*/
    }

.further-material-content ul li a:before {
    /*defaults apply if not set*/
}

.further-material-content ul li a:hover:before {
    /*defaults apply if not set*/
}

.pending-card {
    /*defaults apply if not set*/
}

.inactive-card {
    /*defaults apply if not set*/
}

.radio input[type=radio]:checked ~ .text:after {
    /*defaults apply if not set*/
}

td.day.active.today, td.day.active {
    /*defaults apply if not set*/
}

.date-search {
    /*defaults apply if not set*/
}

body, input[type=text], input[type=email], label > span, .filter-option {
    /*defaults apply if not set*/
}

.payment-content a.link-primary {
    color: !important;
}

.current-balance, .balance-credits {
    color: !important;
}

.payment-amount {
    color: !important;
}

.payment-content {
    background-color: !important;
    color: !important;
}

.dropdown-menu > li > a {
    /*defaults apply if not set*/
}

.bootstrap-select.btn-dropdown-group div.dropdown-menu ul.dropdown-menu li.selected a {
    /*defaults apply if not set*/
}

.bootstrap-select.btn-dropdown-group div.dropdown-menu ul.dropdown-menu li a:hover {
    /*defaults apply if not set*/
}

.download-file-button {
    /*defaults apply if not set*/
}

    .download-file-button:hover {
        /*defaults apply if not set*/
    }

.transactions-content .panel-heading .panel-title > a.collapsed:hover, .transactions-content .panel-heading .panel-title > a.collapsed:active,
.transactions-content .panel-heading .panel-title > a:hover, .transactions-content .panel-heading .panel-title > a:active {
    /*defaults apply if not set*/
}

.transactions-content .panel.active .panel-heading .panel-title > a {
    /*defaults apply if not set*/
}

.visa {
    background-image: url('../images/visa-card-logo.png');
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    margin-left: 10px;
}

.visa-disabled {
    background: url("../images/visa-card-logo-grey.png");
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    margin-left: 10px;
}

.amex {
    background-image: url('../images/amx-card-logo.png');
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    margin-left: 10px;
}

.amex-disabled {
    background: url("../images/amx-card-logo-grey.png");
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    margin-left: 10px;
}

.mastercard {
    background-image: url('../images/master-card-logo.png');
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    margin-left: 10px;
}

.mastercard-disabled {
    background: url("../images/master-card-logo-grey.png");
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    margin-left: 10px;
}

.info-icon {
    width: 20px;
    height: 20px;
}

.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

input-validation-error-payment {
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
}

.payment-amount-box {
    background: #f7f7f7;
    border: 1px solid #d2d2d3;
    color: #4d4d4f;
    padding-left: 10px;
    padding-right: 10px;
    height: 42px;
    width: 83.5%;
}

.payment-amount-box-no-border {
    border: none !important;
}

.payment-receipt-margin-top {
    margin-top: 14px !important;
}

.payment-panel {
    padding-left: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

    .payment-panel h3 {
        margin-top: 10px !important;
        margin-bottom: 30px !important;
    }

    .payment-panel hr {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

.text-card-payment {
    font-size: 1.10rem;
    margin-right: -200px;
    margin-top: 5px;
    font-weight: bold;
}

.popover {
    width: 400px !important;
}

.payment-amounts-bold {
    font-weight: bold !important;
}

.receipt-page-pan {
    margin-top: 6px !important;
}

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

.receipt-cc-no-margin {
    margin-left: 0px !important;
}

.payment-receipt-heading {
    margin-bottom: 20px !important;
}

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

.payment-processing-message-container {
    position: fixed;
    top: 45%;
    left: 45%;
    background-color: white;
    z-index: 1002;
    text-align: center;
    border: 2px solid #9d9d9d;
    padding: 10px 25px 10px 25px;
}


.payment-processing-message-background {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
}

.cardsummaryList {
    margin-right: -15px
}

.btn-group > .btn.radio-to-button.card-summary-filter {
    padding: 10px 6px 9px;
    border-radius: 5px;
}

    .btn-group > .btn.radio-to-button.card-summary-filter:not(:last-child) {
        margin-right: 6px;
    }

input[type="email"].readonly-textbox {
    background: #d2d2d3;
}

span.new-label {
    background: #007DC3;
    color: #FFF;
    border-radius: 7px;
    padding: 4px 4px 2px 4px;
    margin: 0px 10px;
    font-size: smaller;
    text-align: center;
    justify-content: center;
}

.carousel {
    margin-top: -42px;
    margin-bottom: 10px;
}

.carousel-control.right {
    background-image: none;
    width: 4%;
    color: #4d4d4f;
    opacity: 1;
    text-shadow: none;
}

.carousel .carousel-inner .a:hover {
    cursor: pointer;
}

.carousel-image {
    width: 100%;
    padding: 0px;
    margin: auto;
    background-repeat: repeat;
    background-size: contain;
    display: block;
    vertical-align: middle;
    position: relative;
}

    .carousel-image::before {
        content: "";
        display: block;
        padding-top: 150px;
    }

.radio input[type=radio]:checked:disabled ~ .text:after {
    background-color: #dadada;
}

.date-search.disabled,
.date-search.disabled input {
    color: #dadada;
}

.date-search.custom {
    margin-left: -5px;
    border-width: 1px;
    width: 225px;
}

.box-content table td.middle-align {
    vertical-align: middle;
}

.no-statements-chart.home-top-container .dashboard {
    height: unset;
}

.no-statements-chart.home-top-container .table {
    display: flex;
}

    .no-statements-chart.home-top-container .table .table .table-row .table-cell {
        border-bottom: none;
        padding: 28px 20px 26px 26px;
    }

.no-statements-chart.home-top-container .payment-content ul.balance-credits {
    margin-top: 0;
}

.no-statements-chart.home-top-container .payment-content .payment-amount {
    padding-bottom: 10px;
}

.no-statements-chart .pay-due {
    display: flex !important;
}

.no-add-card {
    float: right;
}

.twoFactor-radio {
    margin-bottom: 20px;
}

.transaction-filter {
    display: flex;
    gap: 20px;
    margin-top: 16px;
}

.transaction-filter .checkbox {
    margin-top: unset;
}

.transaction-filter .checkbox label{
    margin-top: 5px;
}