/*Banjo Mint Green: C61 M0 Y33 K0 / R52 G217 B195 / HEX #34d9c3*/
.banjo-primary-color {
    color: #0039f6;
}
/*Banjo Red*/
.banjo-red {
    color: #800000;
}

/*Banjo Purple: C6 M6 Y8 K0 / R95 G115 B255 / HEX #5f73ff*/
.banjo-purple {
    color: #5f73ff;
}

/*Banjo Orange: C0 M62 Y97 K0 / R255 G115 B5 / HEX #ff7305*/
.banjo-orange {
    color: #ff7305
}

/*Banjo Blue : C100 M68 Y0 K0 / R16 G56 B245 / HEX #0039f6*/
.banjo-blue {
    color: #0039f6;
}

/*Banjo Warm Grey: C6 M6 Y8 K0 / R241 G239 B235 / HEX #f1efeb*/
.banjo-warm-grey {
    color: #f1efeb;
}

/*Banjo Aubergine: C84 M100 Y0 K60 / R48 G0 B60 / HEX #30003c*/
.banjo-aubergine {
    color: #30003c;
}

/*Banjo Soft Blue: C4 M0 Y5 K0 / R114 G208 B235 / HEX */
.banjo-soft-blue {
    color: #72d0eb;
}

.font-primary-display {
    font-family: 'Inter', arial;
}

#refportal {
    height: 100%;
}

    #refportal #content {
        height: 100%;
    }

@media (max-width: 1024px) {
    /* Fixing formatting problem for footer text links */
    .banjo-footer-links, .banjo-footer-links > a {
        margin-bottom: 10pt;
        text-align: left;
    }
}

@media (min-width: 1025px) {
    /* Fixing formatting problem for footer text links */
    .banjo-footer-links, .banjo-footer-links > a {
        margin-bottom: 10pt;
    }
}

/* Login Page */

.progress-bar-danger {
    background-color: #cd263c;
}

.progress-bar-warning {
    background-color: #cdb726;
}

.progress-bar-success {
    background-color: #26cdb7;
}

/* Footer Styling
------------------------------------------------ */

.footer.nav-down {
    opacity: 0;
    visibility: hidden;
}

.footer.nav-up {
    opacity: 1;
    visibility: visible;
}

.banjo-copyright {
    background-color: #1d252d;
    color: #576b86;
    font-size: 0.8em;
    padding: 11px 0;
    width: 100%;
}

.banjo-footer-links, .banjo-footer-links > a {
    color: #d9d9d6;
    font-family: 'Inter', arial;
    font-size: 1.05em;
    font-style: normal;
    font-weight: normal;
    padding: 0 15px 0 0;
    text-decoration: none;
}

.banjo-footer-content {
    margin-bottom: 0pt;
    margin-top: 15px;
    padding: 0;
}

@media (max-width: 384px) {
    .banjo-footer-links, .banjo-footer-links > a {
        font-size: 0.96em;
    }

    .banjo-footer-content {
        margin-top: 5px;
    }
}

@media (max-width: 769px) {
    .banjo-sitemap {
        padding: 0 30px !important;
    }

    .banjo-copyright {
        padding: 11px 30px !important;
    }
}

/* Nav Styling
------------------------------------------------ */

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

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        background-color: #0039f6;
        border-color: #0039f6;
        color: #ffffff;
    }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #5f73ff;
  border-color: #5f73ff;
}

.banjo-nav-container {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .125);
    position: relative;
    z-index: 13;
}

.banjo-nav-background {
    background: #333f4f;
    display: block;
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 9;
}

.banjo-header-container {
    background-color: #fff;
    height: 112pt;
    position: relative;
    z-index: 14;
}

.banjo-content-offset {
    margin-top: 55px;
}

.banjo-nav-links {
    text-align: right;
}

.banjo-parent-nav .roll .bold {
    display: none;
    font-weight: bold;
}

.banjo-parent-nav .dropdown .navbar-default .navbar-nav > .open > a,
.banjo-parent-nav .dropdown .navbar-default .navbar-nav > .open > a:hover,
.banjo-parent-nav .dropdown .navbar-default .navbar-nav > .open > a:focus,
.banjo-parent-nav .dropdown.open > a, .banjo-parent-nav .dropdown.open > a:hover,
.banjo-parent-nav .dropdown.open > a:focus {
    background-color: inherit;
    color: inherit;
}

.banjo-parent-nav .dropdown .dropdown-menu {
    padding: 0;
    top: 36px;
}

    .banjo-parent-nav .dropdown .dropdown-menu:before {
        border-bottom: 8px solid #fff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        content: "";
        position: absolute;
        right: 18px;
        top: -10px;
        z-index: 10;
    }

    .banjo-parent-nav .dropdown .dropdown-menu:after {
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        position: absolute;
        right: 16px;
        top: -10px;
        z-index: 9;
    }

    .banjo-parent-nav .dropdown .dropdown-menu li {
        margin-top: auto;
        max-height: inherit;
    }

        .banjo-parent-nav .dropdown .dropdown-menu li a {
            padding: 15px;
        }

    .banjo-parent-nav .dropdown .dropdown-menu > li > a:hover,
    .banjo-parent-nav .dropdown .dropdown-menu > li > a:focus {
        background-color: #099;
    }

.referrer-nav-tabs {
    background: transparent;
}

    .referrer-nav-tabs > li.active > a {
        background-color: #0039f6;
        color: #fff;
    }

ul.referrer-nav-tabs > li {
    float: left;
}

.referrer-nav-tabs > li:hover, .referrer-nav-tabs > li > a:hover {
    background-color: #0039f6;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    cursor: pointer;
}

.referrer-nav-tabs > li > a {
    background-color: #f1efeb;
    border: none;
    border-radius: 10px 10px 0px 0px;
    color: #252525;
    font-family: 'Inter', arial;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    width: auto;
}

@media (min-width: 769px) {
    .banjo-header-container {
        background-color: #1D252D;
        height: 55px;
        position: fixed;
        top: 0px;
        width: 100%;
    }

    .banjo-parent-nav > li > a {
        font-family: 'Inter', arial;
        font-size: 12pt;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
    }

    .banjo-parent-nav .navbar-nav li {
        margin-top: 18px;
        max-height: 32px;
    }

    .banjo-parent-nav .roll span {
        color: #fff;
    }

    .banjo-parent-nav .roll .text {
        display: block;
        font-weight: 400;
        margin-top: -18px;
    }

    .banjo-parent-nav .roll span {
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .banjo-parent-nav .roll:hover .text {
        margin-bottom: 16px;
        margin-top: -55px;
    }

    .banjo-parent-nav .roll:hover .bold {
        display: block;
        font-weight: bold;
    }
}

.sub-menu {
    color: #738c99;
    font-family: 'Inter', arial;
    font-size: 12pt;
    font-style: normal;
    font-weight: normal;
}

.sub-menu-bold {
    color: #738c99;
    font-family: 'Inter', arial;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
}

.banjo-attention {
    color: #ff4466;
}

.banjo-complete {
    color: #93a8b2;
}

.banjo-working {
    color: #099;
}

.banjo-caret-pos {
    position: absolute;
    right: 10px;
    top: 11pt;
}

.banjo-title-container {
    height: 100%;
    position: relative;
    width: 100%;
}

.banjo-page-heading {
    max-width: 250pt;
}

.banjo-10pt-gap {
    margin-top: 10pt;
}

.banjo-gap {
    margin-top: 10pt;
}

.banjo-button-cancel {
    font-family: 'Inter', arial;
    font-size: 16pt;
    margin-left: 10pt;
    min-height: 42pt;
}

    .banjo-button-cancel:hover {
        background: #aaa;
    }

    .banjo-button-cancel:active {
        background: #999;
        border: none;
    }

/* index styling */

.shellWrapper {
    min-height: 100%;
}

#mainnavigation {
    background: #fcfcfc;
    height: 100%;
}

section#mainnavigation .container {
    height: 100%;
}

section#mainnavigation .table-wrapper {
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;*/
}

    section#mainnavigation .table-wrapper .split-rhs {
        position: absolute;
        right: 0;
        width: 75%;
    }

    section#mainnavigation .table-wrapper .split-lhs {
        background-position: center center;
        /*background: url('images/bg_landing_mobile.jpg');*/
        background-size: cover;
        /*display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;*/
        height: 100%;
        position: fixed;
        width: 25%;
        z-index: 1;
    }

        section#mainnavigation .table-wrapper .split-lhs:before {
            background: #30003c;
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: -1;
            /*background: -webkit-linear-gradient(to left, #1d252d , #0e1115);
    background: -webkit-linear-gradient(right, #1d252d, #0e1115);
    background: linear-gradient(to left, #1d252d, #0e1115);
    opacity: 0.8;*/
        }

        section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper {
            margin: auto;
        }

            section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .actions {
                text-align: left;
            }

                section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .actions i {
                    color: #fff;
                    font-size: 0.5em;
                    vertical-align: middle;
                }

                section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .actions a {
                    color: #fff;
                    font-size: 1.05em;
                    font-weight: normal;
                    vertical-align: middle;
                }

                    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .actions a:hover {
                        text-decoration: underline;
                        color: #fff;
                    }

                section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .actions .popover {
                    border: 2px solid #fff;
                    border-radius: 1px;
                    margin-left: 8px;
                    margin-top: 4px;
                    width: 150px;
                }

                    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .actions .popover .arrow {
                        display: none;
                    }

                    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .actions .popover .popover-content {
                        background: #1d252d;
                        color: #fff;
                        padding: 5px 10px;
                    }

            section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset {
            }

                section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box {
                    margin-left: 15px;
                    margin-right: 15px;
                    padding: 20px;
                    text-align: center;
                }

                    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box .welcome {
                        color: #fff;
                        font-size: 36px;
                        line-height: 40px;
                        text-align: left;
                        /*border-bottom: 6px solid #fff;
    padding-bottom: 15px;*/
                    }

.logo-container {
    margin: 10px 10px 10px 35px;
}

@media (max-width: 1580px) {
    section #mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box {
        border: 0;
        padding: 0;
    }

    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .logo-container {
        display: block;
        margin: auto;
        width: 90%;
    }

        section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .logo-container .banjo-logo-box { /*display: table;*/
        }

            section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .logo-container .banjo-logo-box.cobrand {
                border-left: none;
                display: block;
                margin: 0;
                margin-top: -10px;
                padding-left: 0;
            }

    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box .welcome,
    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box .actions {
        border-bottom: 0;
        margin: auto;
        max-width: 90%;
        padding-bottom: 10px;
        text-align: center;
    }

    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box .actions {
        margin-top: 20px;
        text-align: left;
    }

    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box .capitalise {
        font-size: 28px;
        margin: auto;
    }
}

section#mainnavigation form.head-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: right;
}

section#mainnavigation .table-wrapper .split-rhs .rhs-container {
    padding: 15px 15px 0px 15px;
}

section#mainnavigation .table-wrapper .split-rhs .biz-wrapper {
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .125);
    margin-bottom: 20px;
    padding: 10px;
}

.biz-record {
    border: 1px solid #e8e8e8;
    height: 74px;
    margin-bottom: 20px;
}

section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column {
    background-color: #fcfcfc;
    padding: 2px 15px;
}

    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .fbox {
        -ms-flex-align: center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -webkit-box;
        display: flex;
        float: right;
        height: 92px;
    }

        section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .fbox.invoiceOverviewWrapper,
        section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .fbox.invoiceOverviewWrapper .fbox {
            float: left;
        }

.subheader {
    font-family: 'Inter', Helvetica, Arial, Sans-serif;
    font-size: 3em;
}

section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .fbox.borrowerDiscountOverviewWrapper,
section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .fbox.borrowerDiscountOverviewWrapper .fbox {
    float: left;
}

section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .fbox #borrowerDiscountOverviewWidget .subheader {
    display: table-cell;
    font-family: 'Inter', Helvetica, Arial, Sans-serif;
    font-size: 2em;
}

section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .fbox .mid {
    margin-bottom: auto;
    margin-left: 15px;
    margin-top: auto;
}

section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .fbox h2.mid {
    margin-left: 15px;
    min-height: 50px;
}

section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light {
    background: #f2f2f2;
    padding-left: 0;
    text-align: right;
}

@media (max-width: 1480px) {
    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset {
        font-size: 1.6em;
        margin-left: auto;
        margin-right: auto;
        width: 98%;
    }

        section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box .actions {
            border-bottom: 2px solid #fff;
            max-width: 94%;
            text-align: left !important;
        }
}

@media (max-width: 1200px) {
    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .logo-container {
        width: 94%;
    }

    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box .actions {
        border-bottom: 2px solid #fff;
        max-width: 94%;
        text-align: left !important;
    }

    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .row .fbox {
        min-height: auto;
    }

        section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .row .fbox .mid {
            margin-left: 0;
        }

            section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .row .fbox .mid p {
                text-align: left;
            }

        section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .row .fbox h2.mid {
            border-bottom: 2px solid #00c0c0;
            width: 100%;
        }

    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light {
        position: absolute;
        right: 0;
        top: 0;
        width: AUTO;
    }

    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column {
        background-color: #fff;
    }

    section#mainnavigation .table-wrapper .split-rhs .biz-record {
        border: 0;
        margin-bottom: 0;
        position: relative;
    }

        section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light #invoiceDownload {
            display: inline-block;
            margin-top: -5px;
            text-align: left;
        }

        section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light #invoiceLinks {
            display: block;
            text-align: left
        }
}

@media (max-width: 768px) {
    section#mainnavigation form.head-btn {
        float: none;
        padding-bottom: 20px;
    }

    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box .actions {
        border-bottom: 2px solid #fff !important;
    }

    section#mainnavigation form.head-btn button {
        margin-left: 0;
    }

    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light {
        background: #fff !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 15px;
        position: relative;
    }

        section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light #invoiceDownload a {
            float: left;
        }
}

section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light .open > .dropdown-menu {
    background: #f2f2f2;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    display: block;
    min-width: 200px;
    padding: 0;
}

    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light .open > .dropdown-menu:before {
        border-bottom: 10px solid #f2f2f2;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        position: absolute;
        right: 16px;
        top: -10px;
        z-index: 10;
    }

    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light .open > .dropdown-menu:after {
        border-bottom: 12px solid #e8e8e8;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        content: "";
        position: absolute;
        right: 14px;
        top: -12px;
        z-index: 9;
    }

    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light .open > .dropdown-menu button {
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 15px;
        text-align: left;
        width: 100%;
    }

.triangle-right {
    border-bottom: 52px solid transparent;
    border-left: 50px solid #fcfcfc;
    border-top: 50px solid transparent;
    left: 0;
    line-height: 0;
    top: 0;
}

@media (max-width: 1280px) {
    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light .triangle-right {
        display: none;
    }

    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light {
        background: #fcfcfc;
    }

    .hide-col {
        display: none;
    }

    .span-row {
        width: 100%
    }

    .span-row-80 {
        width: 80%;
    }
}

@media (max-width: 1100px) {
    section#mainnavigation .table-wrapper .split-rhs {
        width: 70%;
    }

    section#mainnavigation .table-wrapper .split-lhs {
        width: 30%;
    }
}

@media (max-width: 850px) {
    section#mainnavigation .table-wrapper .split-lhs {
        display: none;
        height: 200px;
        position: relative;
        width: 100%;
    }

        section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset {
            margin: 0;
        }

    section#mainnavigation .table-wrapper .split-rhs {
        position: absolute;
        width: 100%;
    }
}

section#mainnavigation .table-wrapper .split-rhs .biz-record h4 {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

/* end index styling */

@media (max-width: 769px) {
    /* mobile accordion */
    .reg-accord.panel-group {
        margin-top: 93px;
    }

    .dash-accord.panel-group {
        margin-top: 80px;
    }
}

.loginEmailSuffix {
    border: 0pt solid #099;
    border-radius: 2px;
    font-family: 'Inter', arial;
    font-size: 14pt;
    font-style: normal;
    font-weight: bold;
    min-height: 36pt;
}

.banjo-text-field {
    background: #ffffff;
    border: 1pt solid #5f73ff;
    border-radius: 2px;
    font-family: Inter, arial;
    font-size: 14pt;
    font-style: normal;
    font-weight: normal;
    min-height: 36pt;
}

.banjo-text-field-small {
    background: #ffffff;
    border: 1pt solid #009999;
    border-radius: 2px;
    font-family: 'Inter', arial;
    font-size: 12pt;
    font-style: normal;
    font-weight: normal;
    min-height: 40px;
    padding: 0 3px;
    text-align: left;
    width: 100%;
}

.banjo-text-field-disabled {
    background: #eceff1;
    border: none;
    border-radius: 5pt;
    box-shadow: none;
    font-family: 'Inter', arial;
    font-size: 14pt;
    font-style: normal;
    font-weight: normal;
    height: 36pt;
}

.banjo-logo {
    background: url(../images/small_logo_white_new.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px !important;
    margin-bottom: 15px;
    margin-left: 0px !important;
    width: 200px;
}

.banjo-logo-white {
    background: url(../images/small_logo_white_new.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px !important;
    margin-top: 6px;
    width: 115px;
}

.banjo-darkener {
}

.logo-sm {
    height: 35px !important;
    margin-top: 8px;
    width: 100px;
}

    .logo-sm.cobrand {
        height: 27px !important;
        margin-left: 0 !important;
        margin-top: 14px !important;
        width: 85px;
    }

@media (min-width: 769px) {
    /* For medium-large device screens only */
    .banjo-nav-background {
        display: block;
    }

    .banjo-logo-container {
        background: url(../images/small_logo.png);
        background-repeat: no-repeat;
        background-size: contain;
        height: 98px !important;
        width: 200px;
    }
}

@media (max-width: 769px) {
    /* For small device screens only */
    .banjo-nav-background {
        display: none;
    }

    .banjo-logo-container {
        background: url(../images/very_small_logo.png);
        background-repeat: no-repeat;
        height: 80px !important;
        width: 161px;
    }

    .banjo-header-container {
        height: auto;
        position: fixed;
        top: 0px;
        width: 100%;
    }

    .banjo-nav-container {
        margin-top: 88pt;
        position: relative;
        position: fixed;
        width: 100%;
    }
}

@media (max-width: 850px) {
    .logo-sm, .logo-sm.cobrand {
        margin-left: 15px !important;
    }
}

.kiosk-mode .logo-sm.cobrand {
    height: 50px !important;
    margin-right: 10px;
    width: 120px;
}

.kiosk-mode .banjo-logo-box.cobrand {
    margin-top: 12px;
}

    .kiosk-mode .banjo-logo-box.cobrand img {
        height: 50px !important;
        max-width: 200px !important;
    }

/* toaster message styles */

.banjo-toaster {
    border-radius: 8pt;
    bottom: 10pt;
    box-shadow: 0 0px 10px rgba(0, 0, 0, .5);
    display: none;
    max-width: 250pt;
    padding: 10pt;
    position: fixed;
    right: 10pt;
    z-index: 99;
}

#banjo-toaster {
    background: #ff004f;
    bottom: 10pt;
    right: 10pt;
}

    #banjo-toaster h1, #banjo-toaster p {
        color: white;
        margin: 0pt;
    }

.banjo-toaster-icon {
    color: rgba(255, 255, 255, 0.75);
}

#banjo-toaster p {
    font-size: 12pt;
    margin: auto 15pt 20pt 40pt;
}

#banjo-toaster h1 {
    font-size: 14pt;
    margin: 15pt 25pt auto 40pt;
}

.banjo-toaster-icon {
    font-size: 30pt;
    line-height: 0pt;
    position: absolute;
    top: 50%;
}

.banjo-toaster-close-icon {
    color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    font-size: 14pt;
    position: absolute;
    right: 10pt;
}

    .banjo-toaster-close-icon:hover, .banjo-toaster-close-icon:focus {
        color: rgba(255, 255, 255, 1);
    }

/* end of toaster styles */

/* Tab override */

.checkbox {
    padding-left: 20px;
}

/* Checkbox override */

.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        padding-left: 15px;
        position: relative;
    }

        .checkbox label::before {
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            background-color: #fff;
            border: 1px solid #cccccc;
            border-radius: 3px;
            content: "";
            display: inline-block;
            height: 17px;
            left: 0;
            margin-left: -10px;
            position: absolute;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            width: 17px;
        }

        .checkbox label::after {
            color: #555555;
            display: inline-block;
            font-size: 11px;
            height: 16px;
            left: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            position: absolute;
            top: 0;
            width: 16px;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
    }

        .checkbox input[type="checkbox"] + label::before {
            background-color: #fff;
            border: 2pt solid #099;
            height: 20pt;
            width: 20pt;
        }

        .checkbox input[type="checkbox"]:focus + label::before {
            /*
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    */
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            content: "\f00c";
            font-family: 'FontAwesome';
            font-size: 15pt;
            margin-top: -2pt;
        }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

    .checkbox.checkbox-single label {
        height: 17px;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #fff;
    border: 2pt solid #099;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #666;
}

/* Dashboard styling
-------------------------------------------------*/

#dashboard-view .widget {
    background: #fff;
    margin-bottom: 20px;
}

#dashboard-view .overview h2 {
    border-bottom: 2px solid #00c0c0;
    font-size: 1.6em;
    font-weight: bold;
    width: 85%;
}

#dashboard-view .widget .action {
    color: #646464;
    font-size: 1.15em;
    font-weight: normal;
    margin-left: 10px;
    vertical-align: sub;
}

    #dashboard-view .widget .action:hover {
        color: #099;
    }

#liveChat-hover {
    cursor: pointer;
    position: fixed;
    margin-left: auto;
    margin-bottom: 10px;
    margin-right: 30px;
    bottom: 10px;
    right: 30px;
    padding: 10px 36px;
    background: rgb(48, 0, 60);
}

#liveChat-hover span {
    color: #fff;
    font-weight: normal;
    font-size: 1.1em;
    vertical-align: text-top;
}

@media(max-width: 1480px) {
    #liveChat-hover {
        position: fixed;
        right: 0;
        bottom: 5px;
        margin-right: 0;
        padding: 10px;
    }

    #liveChat-hover:hover span {
        display: inline;
        margin-left: 5px;
    }

    #liveChat-hover img {
        width: 16px;
        margin-right: 0;
    }

    #liveChat-hover span {
        display: none;
    }
}

@media(max-width: 460px) {
    #liveChat-hover span {
        font-size: 1em;
    }
}

.referer-icon {
    margin-top: 3px;
    width: 16px;
}

    .referer-icon.stats {
        width: 84px;
    }

.badge-header {
    background-color: #00c0c0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
    height: 45px;
    overflow: hidden;
}

    .badge-header h2 {
        background-color: #333f4f;
        border: 4px solid #fff;
        border-radius: 50%;
        bottom: 0;
        color: #fff;
        font-size: 2.5em;
        font-weight: bold;
        height: 65px;
        left: 0;
        line-height: 1.7;
        margin: 0 auto;
        margin-top: 10px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 65px;
    }

        .badge-header h2:hover {
            -moz-transform: rotateY(360deg);
            -o-transform: rotateY(360deg);
            -webkit-transform: rotateY(360deg);
            -webkit-transition: 0.8s;
            cursor: pointer;
            transform: rotateY(360deg);
            transition: 0.8s;
        }

.badge-content {
    background-color: #00c0c0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0;
    margin-top: 4px;
    padding: 2px;
}

.badge-content-padding h2 {
    font-size: 1.8em;
    margin-bottom: 0;
}

.badge-content-padding {
    background-color: #fff;
    padding: 25px 15px 15px;
}

.badge-footer {
    background-color: #00c0c0;
    margin-top: -2px;
    padding: 5px 10px;
    text-align: center;
}

    .badge-footer p {
        color: #fff;
        display: inline;
        font-weight: bold;
    }

/* End dashboard */

.load-status:before {
    -webkit-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite;
    color: #72d0eb;
    content: attr(data-content);
    max-width: 6.5em;
    overflow: hidden;
    position: absolute;
}

.main-loading.load-container {
    background: #30003c;
    height: 100%;
    position: fixed;
    width: 100%;
}

.load-container {
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    text-align: center;
    z-index: 1000;
}

    .load-container img {
        display: inline-block;
        height: 60px;
        vertical-align: initial;
    }

/* Responsive table styling
-------------------------------------------------*/

.filterSearch {
    margin-left: 2%;
    width: 56%;
}

.inProgressFilterSearch {
    margin-left: 2%;
    width: 56%;
}

.reborrowAndManageFilterSearch {
    width: 98%;
}

.filterCategory {
    width: 40%;
}

.filterSelectedReferralBusiness {
    width: 80%;
}

.filterSelectedReferralBusinessGoButton {
    margin-left: -5px;
    min-height: 35px;
    padding-bottom: 2px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 2px !important;
}

.filterSelectedReferralBusinessIsParent {
    font-weight: bold;
    padding-left: 0em;
}

.filterSelectedReferralBusinessHasParent {
    padding-left: 1em;
}

.search-form .select2-container {
    width: 100%;
}

.search-form {
    margin-bottom: 10px;
}

.no-more-tables {
    display: -ms-flexbox;
}

.select2-container {
    width: 80% !important;
}

.businessLoanApplicationReferralDetails {
    display: block;
}

.btn-LoanDetails {
    background-color: #ffc72c;
    display: none;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: -25px;
    text-align: center;
}


@media (max-width: 986px) {
    .no-more-tables {
        padding-top: 20px;
    }

    .search-form {
        float: none;
        margin: 15px 0;
        width: auto;
    }

    .filterSelectedReferralBusiness {
        width: 100%;
    }

    .select2-container {
        width: 80% !important;
    }
}

@media (max-width: 1186px) {
    .no-more-tables .toggle-expand {
        display: none;
    }

    .no-more-tables .toggle-expand-button {
        display: block;
    }

    .no-more-tables .btn-expand, .no-more-tables .btn-collapse {
        border: 0;
        border-radius: 0;
        font-size: 0.9em;
        padding: 6px;
        width: 100%;
    }

    .filterSelectedReferralBusinessContainer {
        padding-bottom: 10px;
        text-align: left;
        width: 100%;
    }

    .filterSelectedReferralBusiness {
        width: 100%;
    }

    .btn-LoanDetails {
        display: block;
    }

    .btn-collapse {
        display: none;
        width: 100%;
    }

    .businessLoanApplicationReferralDetails {
        display: none;
    }

    .in-progress-loans tr.loan-details.odd {
        border-bottom: 3px solid #30003c;
        border-left: 3px solid #30003c;
    }

    .in-progress-loans tr.loan-details.even {
        border-bottom: 3px solid #30003c;
        border-left: 3px solid #30003c;
    }
}

.no-more-tables thead, .responsive-table thead {
    background-color: #30003c;
    color: #fcfcfc;
}

.no-more-tables .innerLoans thead {
    background-color: #D0D0D0;
    color: #222222;
}

.innerLoansDetails {
    background-color: #fff !important;
}

.table-bordered {
    border: 0;
    width: 100% !important;
}

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 0;
    }

    .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
        padding: 15px 10px;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        padding: 10px;
    }


.loan-details {
    border-left: 5px solid transparent;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

    .loan-details.shown, .innerLoansDetails {
        border-left: 5px solid #099;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

@media (min-width: 1187px) {
    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #fff;
    }

    .table-striped > tbody > tr:nth-of-type(even) {
        background-color: #eceff1;
    }

    .no-more-tables .toggle-expand {
        display: table-cell !important;
    }

    .no-more-tables .toggle-expand-button {
        display: none;
    }
}

@media only screen and (max-width: 1186px) {
    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .no-more-tables thead tr {
            left: -9999px;
            position: absolute;
            top: -9999px;
        }

        .no-more-tables tr.loan-details {
            background-color: #fff;
            /* border: 1px solid #ccc; */
        }

        .no-more-tables tr.user-details {
            background-color: #fff;
            border: 1px solid #ccc;
        }

        .no-more-tables tr.toggle-expand-button {
            margin-bottom: 20px;
        }

        .no-more-tables tr.loan-details td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            min-height: 30px;
            padding-left: 50%;
            position: relative;
            text-align: left;
            white-space: normal;
        }

            .no-more-tables tr.loan-details td:last-of-type {
                padding-left: 5px;
            }

    .innerLoans tr.loan-details td:last-of-type {
        padding-left: 50%;
    }

    .no-more-tables tr.user-details td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        min-height: 30px;
        padding-left: 50%;
        position: relative;
        text-align: left;
        white-space: normal;
    }

    .no-more-tables td:before {
        font-weight: bold;
        left: 6px;
        padding-right: 10px;
        /* Now like a table header */
        position: absolute;
        text-align: left;
        /* Top/left values mimic padding */
        top: 12px;
        white-space: nowrap;
        width: 45%;
    }

    /*
    Label the data
    */
    .no-more-tables td:before {
        content: attr(data-title);
    }

    .invoices-table tr.invoice-details:nth-of-type(odd) {
        border-bottom: 3px solid #099;
        border-left: 3px solid #099;
    }

    .invoices-table tr.invoice-details:nth-of-type(even) {
        border-bottom: 3px solid #066;
        border-left: 3px solid #066;
    }
}


.loan-link, .stepframe-link {
    font-size: 14px !important;
    font-weight: normal;
    text-transform: capitalize;
    margin: auto;
    width: 50%;
    display: block;
}

.loan-link-info.disabled {
    color: #ff004f;
    cursor: not-allowed;
}

.loan-link.disabled {
    color: #ff004f;
    cursor: not-allowed;
}

.business-link-info.disabled {
    color: #ff004f;
    cursor: not-allowed;
}


/* End responsive table styling */

/* Generics
-------------------------------------------------*/

.no-padding-lr {
    padding-left: 0;
    padding-right: 0;
}

.padtop-0 {
    padding-top: 0 !important;
}

.padtop-5 {
    padding-top: 5px;
}

.padtop-10 {
    padding-top: 10px;
}

.padtop-20 {
    padding-top: 20px;
}

.padtop-40 {
    padding-top: 40px;
}

.padbot-0 {
    padding-bottom: 0 !important;
}

.padbot-5 {
    padding-bottom: 5px;
}

.padbot-10 {
    padding-bottom: 10px;
}

.padbot-20 {
    padding-bottom: 20px;
}

.padbot-40 {
    padding-bottom: 40px;
}

@media (max-width: 787px) {
    .mob-padtop-10 {
        padding-top: 10px;
    }

    .mob-padtop-20 {
        padding-top: 20px;
    }

    .mob-padtop-40 {
        padding-top: 40px;
    }
}

.martop-5 {
    margin-top: 5px;
}

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

.martop-20 {
    margin-top: 20px;
}

.marbot-0 {
    margin-bottom: 0;
}

.marbot-5 {
    margin-bottom: 5px !important;
}

.marbot-40 {
    margin-bottom: 40px;
}

.marleft-5 {
    margin-left: 5px;
}

.marleft-20 {
    margin-left: 20px;
}

.marright-5 {
    margin-right: 5px;
}

.no-lr-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.sm-p {
    font-size: 1.1em;
    line-height: 14pt;
}

.xx-sm-p {
    font-size: 0.9em;
}

.x-sm-p {
    font-size: 1.03em;
}

.bold {
    font-weight: bold;
}

.section-title {
    display: inline-block;
    padding-bottom: 2px;
    padding-right: 25px;
}

.border-topbtm {
    border-bottom: 1px solid #4e5a6c;
    border-top: 1px solid #4e5a6c;
}

.muted {
    color: #8b8888;
}

.attention {
    color: #ff004f;
}

.valid {
    color: #56dcc8;
}

.center {
    text-align: center;
}

.capitalise {
    text-transform: capitalize;
}

.mid-num,
.big-num {
    font-family: 'Inter', Helvetica, Arial, Sans-serif;
}

.big-num {
    font-size: 25px;
}

.mid-num {
    font-size: 20px;
}

@media (min-width: 769px) {
    .center-large {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .tablet-padtop-20 {
        padding-top: 20px;
    }

    .tablet-center {
        text-align: left;
    }
}

@media (max-width: 769px) {
    .center-large {
        text-align: right;
    }

    .mob-separator {
        border-top: 1px solid #d9d9d9;
    }

    .mob-padtop-20 {
        padding-top: 20px;
    }
}

/* ENd Generics
-------------------------------------------------*/

/* Specifics
-------------------------------------------------*/

.kiosk-mode {
    -moz-background-size: 100%;
    -moz-background-size: cover;
    -o-background-size: 100%;
    -o-background-size: cover;
    -webkit-background-size: 100%;
    -webkit-background-size: cover;
    background: linear-gradient(rgba(29, 37, 45, 0.3), rgba(29, 37, 45, 0.2)), url(../images/kiosk_bg.jpg) no-repeat center center fixed;
    background-color: #1d252d;
    background-position: center center;
    background-size: 100%;
    background-size: cover;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
}

    .kiosk-mode .content {
        -ms-flex-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        display: -ms-flexbox;
    }

        .kiosk-mode .content .showcase {
            height: 90%;
            margin: auto;
            position: relative;
        }

            .kiosk-mode .content .showcase .logo {
                margin-bottom: 40%;
            }

                .kiosk-mode .content .showcase .logo img {
                    max-width: 155px;
                }

                .kiosk-mode .content .showcase .logo h1 {
                    color: #fff;
                    font-size: 2.4em;
                    margin-left: 45px;
                    text-transform: capitalize;
                }

            .kiosk-mode .content .showcase .cta {
                position: relative;
                text-align: center;
            }

                .kiosk-mode .content .showcase .cta a {
                    background: rgba(29, 37, 45, .7);
                    border: 8px solid #fff;
                    border-radius: 2px;
                    color: #fff;
                    font-family: 'Inter', Helvetica, Arial, Sans-serif;
                    font-size: 34px;
                    padding: 80px 120px;
                    position: relative;
                }

            .kiosk-mode .content .showcase ul {
                padding-left: 0;
            }

                .kiosk-mode .content .showcase ul li {
                    display: inline-block;
                    margin-right: 10px;
                }

                    .kiosk-mode .content .showcase ul li a i {
                        color: #fff;
                        font-size: 1.8em;
                        opacity: 0.6;
                    }

#homescreen-tip {
    background: rgba(29, 37, 45, .9);
    color: #fff;
    font-size: 0.9em;
    padding: 10px 15px 0px;
    position: fixed;
    right: -1px;
    top: 11px;
    z-index: 1000;
}

    #homescreen-tip p {
        color: #fff;
        font-size: 1.05em;
        margin-bottom: 5px;
    }

    #homescreen-tip ul {
        padding-left: 15px;
    }

.flip {
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: xflip;
    -webkit-animation-timing-function: linear;
    -webkit-transform-style: preserve-3d;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: xflip;
    animation-timing-function: linear;
    transform-style: preserve-3d;
}

/* WebKit and Opera browsers */

@-webkit-keyframes xflip {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(-360deg);
    }
}

/* all other browsers */

@keyframes xflip {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

.arrow-up {
    position: relative;
}

    .arrow-up:after, .arrow-up:before {
        border: solid transparent;
        bottom: 100%;
        content: " ";
        height: 0;
        pointer-events: none;
        position: absolute;
        right: 14px;
        width: 0;
    }

    .arrow-up:before {
        border-bottom-color: rgba(29, 37, 45, .9);
        border-width: 10px;
        margin-left: -10px;
    }

@media (max-width: 769px) {
    #retrievingDataButtons button {
        margin: 5px 0;
    }
}

#loginForm p.banjo-error-text,
#registerForm p.banjo-error-text {
    display: block;
    font-size: 0.98em;
}

.banjo-error-container p {
    color: #ff004f;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0pt 10pt 0pt 0pt;
}

#registerForm div.banjo-error-text {
    margin-bottom: 0;
}

.fa-stack {
    font-size: 0.9em;
}

@media (max-width: 568px) {
    .licence-upload-link .navbar {
        min-height: 70px;
    }
}

.banjo-guidance {
    max-width: 460px;
}

.banjo-icon-secure {
    height: 35px;
}

.banjo-icon-info {
    height: 30px;
}

.details-box {
    border: 1px solid #e5e5e5;
    padding: 20pt;
}

#loanStatusModal .modal-body, #businessStatusModal .modal-body {
    padding: 20px 15px;
}

    #loanStatusModal .modal-body .step, #businessStatusModal .modal-body .step {        
        box-shadow: 0px 2px 6px rgba(0, 0, 0, .125);
        margin-bottom: 10px;
        padding: 10px 10px 5px;
        width: 100%;
    }

    #loanStatusModal .modal-body h1, #businessStatusModal .modal-body h1 {
        font-size: 1.25em;
        font-weight: normal;
    }

    #loanStatusModal .modal-body p, #businessStatusModal .modal-body p {
        font-size: 0.8em;
        margin-top: 5px;
    }

    #loanStatusModal .modal-body i, #businessStatusModal .modal-body i {
        font-size: .7em;
        margin-top: 7px;
    }

.loan-progress a {
    padding: 2px 5px;
}

.btn-help {
    background: transparent;
    border: none;
}

@media (max-width: 786px) {
    .loan-progress a {
        float: none !important;
        margin-left: 10px;
        margin-right: auto;
    }
}

/* End specifics
-------------------------------------------------*/

/* tooltip  */

[class^="banjo-tooltip"] {
    position: relative;
}

    [class^="banjo-tooltip"]:after {
        -webkit-transform: translateX(-50%) translateY(-2px);
        -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
        background: grey;
        border-radius: 2px;
        color: white;
        content: attr(data-bjtooltip);
        left: 50%;
        opacity: 0;
        padding: 6px 10px;
        position: absolute;
        top: 1.4em;
        transform: translateX(-50%) translateY(-2px);
        transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
        transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
        transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
        visibility: hidden;
        white-space: nowrap;
        z-index: 2;
    }

    [class^="banjo-tooltip"]:hover:after {
        -webkit-transform: translateX(-50%) translateY(0);
        display: block;
        opacity: 1;
        transform: translateX(-50%) translateY(0);
        visibility: visible;
    }

    [class^="banjo-tooltip"]:after {
        -webkit-transform: translateX(-50%) translateY(-2px);
        -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
        background: grey;
        border-radius: 2px;
        color: white;
        content: attr(data-bjtooltip);
        left: 50%;
        margin-top: 4px;
        opacity: 0;
        padding: 6px 10px;
        position: absolute;
        top: 1.4em;
        transform: translateX(-50%) translateY(-2px);
        transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
        transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
        transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
        visibility: hidden;
        white-space: nowrap;
        z-index: 2;
    }

/* End tooltip
-------------------------------------------------*/

/* safety certs  */

.banjo-secure-footer {
    display: inline;
    opacity: 1;
}

    .banjo-secure-footer img {
        float: right;
        height: 50px;
        margin-left: 10px;
        margin-top: -7px;
    }

.safe-certs a {
    opacity: 0;
}

.add-bankac-secure {
    float: right;
}

    .add-bankac-secure .digicert {
        display: inline-block;
        height: 40px !important;
        margin-left: 15px;
        margin-right: 10px;
        width: 60px !important;
    }

        .add-bankac-secure .digicert div {
            display: inline-block !important;
            height: 40px !important;
            width: 60px !important;
        }

@media (max-width: 586px) {
    .bank-account .add-bankac-secure {
        float: none !important;
        margin-left: -30px;
    }

    .bank-account .digicert img {
        float: none !important;
    }

}

.bank-account .digicert img {
    margin-left: 15px !important;
    max-height: 35px !important;
}

.digicert img {
    max-height: 40px !important;
}

.ssl {
    display: inline-block;
    float: right;
    max-height: 45px !important;
    vertical-align: top;
}

.safe-certs .digicert {
    float: right;
}

    .safe-certs .digicert span img,
    .add-bankac-secure .digicert span > a {
        display: none !important;
    }

#loginForm .signupMessage,
#registerForm .signupMessage {
    color: #333f4f;
    display: inline-block;
    font-size: 25px;
    font-weight: bold !important;
}

#loginForm .subSignupMessage,
#registerForm .subSignupMessage {
    color: #333f4f;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 769px) {
    .safe-certs .ssl {
        margin-left: -8px;
    }

    .banjo-secure-footer img {
        margin-left: 0;
        margin-right: 8px;
    }

    .safe-certs .digicert,
    .safe-certs img,
    .banjo-secure-footer img {
        float: left;
    }
}

/* End safety certs
-------------------------------------------------*/

/* Loading fussion balls animation  */

.spinner {
    display: inline-block;
    height: 5px;
    margin: 8px;
    margin-left: 2px;
    position: relative;
    width: 5px;
}

.ball {
    background-color: #1d252d;
    border-radius: 50%;
    float: left;
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 8px;
}

.ball-1 {
    -webkit-animation: ball1 1s 0s ease infinite;
    animation: ball1 1s 0s ease infinite;
    background: rgba(0, 102, 102, .5);
    left: 50%;
    top: 0;
    z-index: 1;
}

.ball-2 {
    -webkit-animation: ball2 1s 0s ease infinite;
    animation: ball2 1s 0s ease infinite;
    background: rgba(0, 102, 0, .5);
    left: 100%;
    top: 50%;
    z-index: 2;
}

.ball-3 {
    -webkit-animation: ball3 1s 0s ease infinite;
    animation: ball3 1s 0s ease infinite;
    background: rgba(0, 102, 102, .5);
    left: 50%;
    top: 100%;
    z-index: 1;
}

.ball-4 {
    -webkit-animation: ball4 1s 0s ease infinite;
    animation: ball4 1s 0s ease infinite;
    background: rgba(102, 0, 102, .5);
    left: 0%;
    top: 50%;
    z-index: 2;
}

@-webkit-keyframes ball1 {
    50% {
        background: rgba(102, 102, 0, .5);
        left: 175%;
        top: -75%;
    }

    100% {
        background: rgba(0, 102, 0, .5);
        left: 100%;
        top: 50%;
        z-index: 2;
    }
}

@keyframes ball1 {
    50% {
        background: rgba(102, 102, 0, .5);
        left: 175%;
        top: -75%;
    }

    100% {
        background: rgba(0, 102, 0, .5);
        left: 100%;
        top: 50%;
        z-index: 2;
    }
}

@-webkit-keyframes ball2 {
    50% {
        background: rgba(0, 255, 255, .5);
        left: 175%;
        top: 175%;
    }

    100% {
        background: rgba(0, 102, 102, .5);
        left: 50%;
        top: 100%;
        z-index: 1;
    }
}

@keyframes ball2 {
    50% {
        background: rgba(0, 255, 255, .5);
        left: 175%;
        top: 175%;
    }

    100% {
        background: rgba(0, 102, 102, .5);
        left: 50%;
        top: 100%;
        z-index: 1;
    }
}

@-webkit-keyframes ball3 {
    50% {
        background: rgba(255, 0, 255, .3);
        left: -75%;
        top: 175%;
    }

    100% {
        background: rgba(102, 0, 102, .2);
        left: 0%;
        top: 50%;
        z-index: 2;
    }
}

@keyframes ball3 {
    50% {
        background: rgba(255, 0, 255, .3);
        left: -75%;
        top: 175%;
    }

    100% {
        background: rgba(102, 0, 102, .2);
        left: 0%;
        top: 50%;
        z-index: 2;
    }
}

@-webkit-keyframes ball4 {
    50% {
        background: rgba(255, 127, 0, .5);
        left: -75%;
        top: -75%;
    }

    100% {
        background: rgba(0, 102, 102, .5);
        left: 50%;
        top: 0%;
        z-index: 1;
    }
}

@keyframes ball4 {
    50% {
        background: rgba(255, 127, 0, .5);
        left: -75%;
        top: -75%;
    }

    100% {
        background: rgba(0, 102, 102, .5);
        left: 50%;
        top: 0%;
        z-index: 1;
    }
}

/* End loading fussion balls animation */
.load-status {
    display: inline-block;
    font-family: 'Inter',Helvetica,Arial,Sans-serif;
    color: hsla(0,0%,100%,.3);
}

.load-status:before {
    content: attr(data-content);
    position: absolute;
    overflow: hidden;
    max-width: 6.5em;
    color: #72d0eb;
}

/* Olark
-------------------------------------------------*/

.olark-box-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 9998;
    right: 0;
}

.olark-box-position {
    margin-bottom: -1px;
}

@media(max-width: 768px) {
    .olark-box-wrapper .col-md-6.col-md-offset-6 {
        padding: 0;
    }
}

#habla_window_div #habla_topbar_div {
    background-color: #1d252d !important;
}

#habla_window_div.olrk-fixed-bottom .habla_panel_border,
#habla_window_div.olrk-fixed-bottom #habla_topbar_div {
    border: none;
    border-radius: 0 !important;
}

#habla_window_div #habla_topbar_div:before {
    background: url('../images/icon-chat.svg') no-repeat 0 0;
    content: '';
    display: inline-block;
    height: 15px;
    margin-left: 10px;
    position: relative;
    top: 2px;
    width: 15px;
}

#habla_window_div #habla_oplink_a {
    font-family: 'Inter', Helvetica, Arial, Sans-serif;
    font-weight: 400;
    padding-left: 10px;
}

#habla_window_div .habla_button {
    margin-top: 1px !important;
}

#habla_window_div #habla_oplink_a {
    font-family: 'Inter', Helvetica, Arial, Sans-serif;
    font-weight: 400;
    padding-left: 10px;
}

/* End Olark
-------------------------------------------------*/

.widget .panel, .widget.panel {
    overflow: hidden;
}

.widget {
    border: 0;
    margin-bottom: 20px;
}

.bg-danger {
    background-color: #f05050;
    color: #fff !important;
}

.radial-bar-danger.radial-bar-40 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #f05050 50%, #fafafa 50%, #fafafa);
}

.radial-bar-primary.radial-bar-50 {
    background-image: linear-gradient(90deg, #fafafa 60%, transparent 60%, transparent), linear-gradient(234deg, #5d9cec 60%, #fafafa 60%, #fafafa);
}

.m0 {
    margin: 0 !important;
}

.radial-bar {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    background-color: transparent;
    border: 2px solid #fafafa;
    border-radius: 50%;
    box-sizing: content-box;
    display: inline-block;
    font-size: 18px;
    height: 80px;
    margin-bottom: 20px;
    position: relative;
    width: 80px;
}

    .radial-bar:after, .radial-bar > img {
        height: 56px;
        line-height: 56px;
        margin-left: 12px;
        margin-top: 12px;
        width: 56px;
    }

    .radial-bar > img {
        z-index: 102;
    }

    .radial-bar:after, .radial-bar > img {
        border-radius: 50%;
        color: #a1a2a3;
        display: inline-block;
        font-weight: 700;
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
    }

.profileprogress2 {
    height: 8px;
    margin: 20px;
    position: relative;
    width: 80%;
}

/*.profileprogress2 > svg {
    height: 100%;
    display: block;
}*/

.profileprogress {
    height: 70px;
}

    .profileprogress > svg {
        display: block;
        height: 100%;
    }

.banjo-tab-content {
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .125);
    margin-bottom: 20px;
    padding: 10px;
}

.cobrandPoweredBy {
    display: none;
}

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

.card-body {
    padding-bottom: 10px;
    padding-left: 10px;
}

.innerTable table {
    border-left-width: 4px;
    margin: 0px auto;
}

td.innerTable {
    padding-left: 20px !important;
}

.tab-content > .tab-pane {
    width: 100%;
}

.dt-bootstrap {
    width: 100%;
}

.svg-inline--fa.fa-chevron-right, .svg-inline--fa.fa-chevron-up {
    background-color: #ff7305;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 10px;
    height: 25px;
    padding: 4px;
    width: 25px;
}

.btnReborrowManage {
    background-color: #fff;
    border-color: #0039f6;
    color: #0039f6;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    white-space: normal;
}

.btnReborrowManage:hover {    
    background-color: #0039f6;
    border-color: #0039f6;
    color: #fff;
}

@media (min-width: 769px) {
    .loanApplicationTabs {
        min-height: 45px !important;
    }

        .loanApplicationTabs > li > a {
            font-size: 1.7em !important;
            height: 100% !important;
            line-height: 19px !important;
            padding-bottom: 13.5px !important;
            /* (80px - line-height of 27px) / 2 = 26.5px */
            padding-top: 17.5px !important;
        }
}

@media (min-width: 1186px) {
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        padding: 10px 5px;
    }

    .dt-container {
        overflow-x: scroll;
        width: 100%;
    }
}

.no-padding {
    padding: 0px;
}

.viewinvoices-col {
    color: #fff;
}

.dis-inline {
    display: inline;
}

.marright-30 {
    margin-right: 30px;
}

.redirect-business-db {
    font-weight: bold;
}

select {
    border-radius: 4px;
    padding: 16px;
}

.poweredBy, .providedBy, .introducedBy {
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    display: none;
}