/*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;
}

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

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

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

/* Footer Styling
------------------------------------------------ */
footer.noshow {
    display: none;
}

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

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

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

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

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

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

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

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

    .banjo-copyright {
        padding: 11px 15px !important;
    }
}
/* Nav Styling
------------------------------------------------ */

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

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

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

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

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

#get-started .navbar-default .navbar-header {
    display: inline-block;
}

#get-started .navbar-default #loginLink {
    display: inline-block;
    border: 0;
    padding: 15px 5px;
    font-size: 16px !important;
    line-height: 26px;
    color: #34d9c3;
}

#get-started .navbar-default span {
    color: #fff;
}

#get-started .navbar-default .navbar-nav {
    display: inline-block;
}

.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: #34d9c3;
}

.banjo-parent-nav .dropdown .dropdown-menu {
    top: inherit;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: none;
    background-color: #30003c;
    border: solid 2px #f1efeb;
    margin-top: -1px;
}

    .banjo-parent-nav .dropdown .dropdown-menu li {
        margin-top: auto;
        border-bottom: 1px solid #4e5a6c;
    }

.menu-item-wrapper:hover {
    background-color: #066;
}

.banjo-parent-nav .dropdown .dropdown-menu li #manage {
    padding: 28px 15px 25px;
}

    .banjo-parent-nav .dropdown .dropdown-menu li #manage .favicon {
        background: url(../images/favicon-16x16.png);
        width: 20px;
        height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: top;
    }

    .banjo-parent-nav .dropdown .dropdown-menu li #manage:hover {
        background-color: inherit;
    }

    .banjo-parent-nav .dropdown .dropdown-menu li #manage:hover {
        color: #0039f6;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

        .banjo-parent-nav .dropdown .dropdown-menu li #manage:hover .marker {
            color: #fff;
        }

.banjo-parent-nav .dropdown .dropdown-menu li a {
    padding: 15px;
    color: #fff;
    width: 100%;
}

    .banjo-parent-nav .dropdown .dropdown-menu li a:hover,
    .banjo-parent-nav .dropdown .dropdown-menu li a:focus {
        /*background-color: #090c0e;*/
        color: #d9d9d6;
        text-decoration: none;
    }

.banjo-parent-nav .dropdown .dropdown-menu.toggle {
    display: block !important;
    background-color: #333f4f;
}

.navbar-nav > li > a#manageAccount .profile-icon, .profile-icon {
    object-fit: cover;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    opacity: 0.8;
    margin-left: -5px;
    margin-top: -5px;
}

@media (max-width: 768px) {
    .navbar-nav > li > a#manageAccount .profile-icon {
        width: 18px;
        height: 18px;
    }
}

.navbar-nav > li > a#manageAccount .profile-icon:hover {
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

@media (min-width: 769px) {
    .scrollbar-measurer {
        width: 100px;
        height: 100px;
        overflow: scroll;
        position: absolute;
        top: -9999px;
    }

    .no-scrollbar-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        /* OR */
        /* width: 100%;
      height: 250px; */
        overflow: hidden;
    }

    .no-scrollbar {
        position: relative;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 100%;
        height: 100%;
        /* Padding the width of the scrollbar will be added to the right */
        box-sizing: content-box;
    }

        .no-scrollbar .front {
            position: absolute;
            top: 0;
            width: 100%;
        }

    .dropdown-menu .hasScroll {
        width: 100%;
        text-align: center;
        background: rgb(29, 37, 45);
        position: absolute;
        bottom: 0;
        cursor: pointer;
        display: none;
    }

    .banjo-parent-nav .dropdown .dropdown-menu {
        width: 325px;
    }

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

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

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

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

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

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

.sub-menu {
    font-family: ProximaNova, arial;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: #738c99;
}

.sub-menu-bold {
    font-family: ProximaNova, arial;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    color: #738c99;
}

.banjo-attention {
    color: #ff4466;
}

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

.banjo-working {
    color: #34d9c3;
}

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

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

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

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

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

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

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

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

#accordion .panel.disabled .panel-heading {
    background: #293340;
}

#accordion .panel.disabled a {
    cursor: not-allowed;
}

    #accordion .panel.disabled a:hover {
        color: #94a6b0;
    }

.accordion-tab-offset {
    position: absolute;
    height: 5px;
    margin-top: -100px;
    width: 100%;
}

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

        .reg-accord.panel-group.identity-panel {
            margin-top: 100px;
        }

        .reg-accord.panel-group.ref-usr-panel, .dash-accord.panel-group.accordion.ref-usr-panel {
            margin-top: 50px;
        }
}

/* PAGE STYLING
------------------------------------------------------*/
.shellWrapper {
    min-height: 100%;
}

section.matter {
    padding-top: 0px;
}

    section.matter > .banjo-content-offset {
        border: 1px solid #d9d9d9;
        border-radius: 2px;
        padding: 30px;
        background: #fff;
        margin-bottom: 40px;
    }

@media(max-width: 768px) {
    section.matter > .banjo-content-offset {
        padding: 15px;
    }
}

section.matter.manage-profile {
    padding-top: 55px;
}

    section.matter.manage-profile .menu {
        border: 1px solid #dce0e0;
    }

        section.matter.manage-profile .menu h2 {
            font-size: 15px;
            border-bottom: 1px solid #e5e5e5;
            padding: 10px;
            margin-bottom: 0;
            color: #767676;
            font-weight: 600;
        }

        section.matter.manage-profile .menu a.active h2 {
            color: #333f4f;
            background: #e8e8e8;
        }

    section.matter.manage-profile .content {
        border: 1px solid #dce0e0;
        background-color: #fff;
    }

        section.matter.manage-profile .content .header {
            background: #e8e8e8;
            border-bottom: 1px solid #dce0e0;
            padding: 10px 20px;
        }

            section.matter.manage-profile .content .header h2 {
                margin-bottom: 0;
            }

        section.matter.manage-profile .content .body {
            padding: 20px 20px 40px;
        }

            section.matter.manage-profile .content .body form {
                display: none;
            }

                section.matter.manage-profile .content .body form.active {
                    display: block;
                }

                section.matter.manage-profile .content .body form label.error {
                    color: #ff004f;
                }

                section.matter.manage-profile .content .body form #result,
                section.matter.manage-profile .content .body form #passwordUpdateResult {
                    padding-top: 10px;
                }

                section.matter.manage-profile .content .body form #result,
                section.matter.manage-profile .content .body form #result-error,
                section.matter.manage-profile .content .body form #passwordUpdateResult {
                    font-size: 14px;
                }

            section.matter.manage-profile .content .body h2 {
                font-size: 14px;
                margin-bottom: 0;
                padding-top: 5px;
            }

            section.matter.manage-profile .content .body button {
                min-width: 140px;
            }

            section.matter.manage-profile .content .body .profile-name {
                font-weight: bold;
                font-size: 16px;
            }

            section.matter.manage-profile .content .body .banjo-text-field {
                min-height: 34pt;
                font-size: 16px;
            }

            section.matter.manage-profile .content .body form .input-requirements {
                font-size: 13px;
                list-style-position: inside;
                padding: 0;
            }

            section.matter.manage-profile .content .body form ul.input-requirements {
                list-style: none;
                min-height: 20px;
                margin-bottom: 0;
            }

            section.matter.manage-profile .content .body form .input-requirements li {
                display: none;
            }

                section.matter.manage-profile .content .body form .input-requirements li.invalid {
                    display: list-item !important;
                    position: relative !important;
                    color: #ff004f;
                    padding: 2px 0px 0px;
                }

                section.matter.manage-profile .content .body form .input-requirements li.valid {
                    display: list-item;
                    color: #646464;
                    padding: 2px 0px 0px;
                }

                    section.matter.manage-profile .content .body form .input-requirements li.valid i {
                        color: #34d9c3;
                    }

@media(max-width: 991px) {
    section.matter.manage-profile .content .body h2.text-right {
        text-align: left;
    }
}

section#mainnavigation {
    height: 101%;
    background: #fcfcfc;
}

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

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

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

            section#mainnavigation .table-wrapper .split-rhs .biz-list {
                padding: 15px 15px 30px 15px;
            }

#mainNavigationPage {
    padding-right: 15px;
}

    #mainNavigationPage .new-loan {
        padding: 15px;
        max-width: 240px;
        margin-left: auto;
        margin-bottom: 5px;
        border: 1px solid #e8e8e8;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, .05);
    }

@media(max-width: 768px) {
    #mainNavigationPage .new-loan {
        margin-left: inherit;
    }
}

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

    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        z-index: -1;
        top: 0;
        left: 0;
        background: #1D252D;
        opacity: .8;
    }

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

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

            section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box {
                padding: 15px;
                border: 10px solid #fff;
                text-align: center;
                width: 75%;
                margin: auto;
            }

                section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box .capitalise {
                    color: #fff;
                    font-size: 35px;
                    max-width: 320px;
                    line-height: 40px;
                    text-transform: capitalize;
                    border-bottom: 6px solid #fff;
                    padding-bottom: 15px;
                }

                section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box a {
                    height: 35px;
                    width: 35px;
                    display: inline-block;
                    background-size: contain;
                    background-repeat: no-repeat;
                    -webkit-transition: all 0s;
                    transition: all 0s;
                }

                section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box #db-liveChat {
                    background-image: url(../images/icons/live-chat.svg);
                }

                    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box #db-liveChat:hover {
                        background-image: url(../images/icons/live-chat-hover.svg);
                    }

                section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box #db-cusServEmail {
                    background-image: url(../images/icons/send-email.svg);
                    margin-left: 15px;
                }

                    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box #db-cusServEmail:hover {
                        background-image: url(../images/icons/send-email-hover.svg);
                    }

                section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box #db-account {
                    background-image: url(../images/icons/user-settings.svg);
                    margin-left: 15px;
                    width: 50px;
                }

                    section#mainnavigation .table-wrapper .split-lhs .title-box-wrapper .offset .box #db-account:hover {
                        background-image: url(../images/icons/user-settings-hover.svg);
                    }

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

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

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 .biz-wrapper {
    padding: 10px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .05);
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e8e8e8;
}

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

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

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

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

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

            section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .row .fbox .mid.status h1 {
                font-family: 'Inter', Helvetica, Arial, Sans-serif;
                font-size: 25px;
                line-height: 20px;
            }

            /*.biz-record:hover h1.subheader{ color: #fff;}*/

            section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .row .fbox .mid.completed h1 {
                display: table-cell;
                font-size: 3em;
                vertical-align: middle;
            }

            section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column .row .fbox .mid.completed p {
                display: table-cell;
                line-height: 1;
                max-width: 40px;
                padding-left: 5px;
                vertical-align: middle;
            }

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

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

@media(min-width: 1200px) {
    section#mainnavigation .table-wrapper .split-rhs .biz-wrapper:hover {
        background: #4a5c73;
    }

        section#mainnavigation .table-wrapper .split-rhs .biz-wrapper:hover .biz-record {
            border: 1px solid #4a5c73;
        }

            section#mainnavigation .table-wrapper .split-rhs .biz-wrapper:hover .biz-record .arrow-column {
                background: #333f4f;
            }

                section#mainnavigation .table-wrapper .split-rhs .biz-wrapper:hover .biz-record .arrow-column .row .fbox h2.mid {
                    color: #fff;
                }

                section#mainnavigation .table-wrapper .split-rhs .biz-wrapper:hover .biz-record .arrow-column .row .fbox p,
                section#mainnavigation .table-wrapper .split-rhs .biz-wrapper:hover .biz-record .arrow-column .row .fbox h1,
                section#mainnavigation .table-wrapper .split-rhs .biz-wrapper:hover .biz-record .arrow-column .row .fbox h1.subheader {
                    color: #fff;
                }

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

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

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

    section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light .btn {
        margin-right: 0;
        margin-top: -8px;
    }

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

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

        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.header {
        border-bottom: 2px solid #00c0c0;
        width: 100%;
        padding: 5px 0;
    }

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

    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 {
            background: #fff;
            position: relative;
            padding: 15px;
        }
}

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

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

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

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

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

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

section#mainnavigation .table-wrapper .split-rhs .biz-record .arrow-column.light .triangle-right {
    border-bottom: 52px solid transparent;
    border-top: 50px solid transparent;
    border-left: 50px solid #fcfcfc;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
}

section#mainnavigation .table-wrapper .split-rhs .biz-wrapper:hover .biz-record .arrow-column.light .triangle-right {
    border-left: 50px solid #333f4f;
}

@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 {
        width: 100%;
        position: relative;
        height: 200px;
    }

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

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

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

@media(max-width:768px) {
    section.matter {
        padding-top: 0;
    }
}

#clientregistration-view .page-heading {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

    #clientregistration-view .page-heading .banjo-table {
        padding-bottom: 5pt;
    }

.page-heading {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 45px;
}

.banjo-small-percentage {
    background-color: #333f4f;
    height: 38px;
    /*text-align: center;*/
    color: #fff;
    border-bottom: 1px solid #999;
    position: relative;
}

.point-bar {
    position: absolute;
    right: 30%;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAIAAAAnX375AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVVJREFUeNq0l9uKwkAQROeSRQRXXBf9ePcLfVg3SMAH0xObKGLWXKZqJkHEl+Fw0ukqY/c/B4NfG194S5wz16YpiGNL53YFc1CvY311nCLHC8acRWDkh7Ur5zhkKbV+w4e3CYp/tcBIVVx7TysG08BIeoqmneL9B4B0hldUnq4HjPwqvGMVT+2DAyPpu1qF8FQEkHpLacXyRRFA0rtxCUE/MFIVdT045G9XMRZJT1FH+E8xCqkhvmAVT2+KUcjvBMXn+gNIVVyyId6rOI1cOzJudICVBBiZJcQxZHpPYciUEK9EhhTHkBridE8NPThjSFWk1/+1pwBkrp4CkJ/sbly6PRWLzBviUciMPRWFTFEsReL+Q2VKOB1hFXDkHCE+gczeUxPIheUVy2heB7nxfE+dCeRMPTWG3Ca8bIz01CBSQ3yV8LIBKT6Qs4Z4D3LWnuq9bgIMANK5o7c7UfLyAAAAAElFTkSuQmCC') /*../images/point_bar.png*/;
    background-position: 0% 0%;
    animation: animatePoint 40s linear infinite;
    -moz-animation: animatePoint 40s linear infinite;
    -webkit-animation: animatePoint 40s linear infinite;
    -ms-animation: animatePoint 40s linear infinite;
    -o-animation: animatePoint 40s linear infinite;
}

#pointCompleteBar {
    position: absolute;
    top: 0px;
    width: 0%;
    height: 100%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAIAAAAnX375AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVVJREFUeNq0l9uKwkAQROeSRQRXXBf9ePcLfVg3SMAH0xObKGLWXKZqJkHEl+Fw0ukqY/c/B4NfG194S5wz16YpiGNL53YFc1CvY311nCLHC8acRWDkh7Ur5zhkKbV+w4e3CYp/tcBIVVx7TysG08BIeoqmneL9B4B0hldUnq4HjPwqvGMVT+2DAyPpu1qF8FQEkHpLacXyRRFA0rtxCUE/MFIVdT045G9XMRZJT1FH+E8xCqkhvmAVT2+KUcjvBMXn+gNIVVyyId6rOI1cOzJudICVBBiZJcQxZHpPYciUEK9EhhTHkBridE8NPThjSFWk1/+1pwBkrp4CkJ/sbly6PRWLzBviUciMPRWFTFEsReL+Q2VKOB1hFXDkHCE+gczeUxPIheUVy2heB7nxfE+dCeRMPTWG3Ca8bIz01CBSQ3yV8LIBKT6Qs4Z4D3LWnuq9bgIMANK5o7c7UfLyAAAAAElFTkSuQmCC') /*../images/point_bar.png*/;
    background-position: 0% 0%;
    animation: animatePoint 40s linear infinite;
    -moz-animation: animatePoint 40s linear infinite;
    -webkit-animation: animatePoint 40s linear infinite;
    -ms-animation: animatePoint 40s linear infinite;
    -o-animation: animatePoint 40s linear infinite;
}

.banjo-point-text {
    position: relative;
    z-index: 12;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animatePoint {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 50% 0%;
    }

    100% {
        background-position: 100% 0%;
    }
}

/* Standard syntax */
@keyframes animatePoint {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 50% 0%;
    }

    100% {
        background-position: 100% 0%;
    }
}

.banjo_app_overview {
    display: none;
}

.banjo-table {
    padding: 10pt;
}

    .banjo-table canvas {
        width: 80%;
    }

.comforting-row {
    margin-top: 30pt;
}

.banjo-continue {
    margin-bottom: 40px;
}

.banjo-page-info {
    max-width: 90%;
    font-size: 1.25em;
}

.banjo-text-danger {
    color: #ff004f;
    font-size: 16pt;
    position: relative;
    top: 5pt;
    bottom: 5pt;
}

.banjo-manditory {
    display: none; /*hide the mandatory asterix as it is on all fields*/
    color: #ff004f;
    font-size: 8pt;
    position: relative;
    bottom: 8pt;
}

.banjo-live-chat {
    cursor: pointer;
}

.banjpo-licence-background {
    background-color: #333f4f;
    border-radius: 10pt;
    width: 320px;
    height: 190px;
    margin-left: auto;
    margin-right: auto;
    padding: 10pt;
}

.banjo-licence-title {
    background-color: #fff;
    border-radius: 5pt;
    width: 100%;
    text-align: center;
    font-family: 'Inter', arial;
    font-weight: normal;
    font-style: normal;
    font-size: 12pt;
}

.license-check {
    padding-top: 5px;
}

    .license-check > div > p,
    .license-check > ul > li > p,
    .license-check > ul > li .banjo-error-text p {
        font-size: 12pt;
        padding-bottom: 5px;
        margin: 0;
    }

    .license-check > div > p {
        padding-bottom: 15px;
    }

.banjo-centered-element {
    margin-left: auto;
    margin-right: auto;
}

.banjo-status {
    display: inline;
}

.banjo-status-container {
    text-align: center;
    height: 100%;
}

.banjo-page-btn {
    background: #d9d9d9;
    border: 2pt solid #d9d9d9;
    font-family: 'Inter', arial;
    font-weight: normal;
    font-style: normal;
    font-size: 12pt;
    min-width: 80pt;
}

.banjo-drop-button {
    font-family: ProximaNova, arial;
    font-weight: normal;
    font-style: normal;
    font-size: 1.1em;
    color: #646464;
    height: 40px;
    width: 100%;
    border: 1pt solid #cccccc;
}

.banjo-dropdown-caret {
    color: #0039f6;
}

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

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

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

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

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

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

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

.rhs-column.mobile-slider-field {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: 5px;
    border: 1px solid #e8e8e8;
}

@media (min-width: 568px) {
    .rhs-column.mobile-slider-field {
        padding: 20px 0;
    }
}

@media (min-width: 769px) { /* For medium-large device screens only */
    /*.banjo-darkener {
        background: url(../images/bg_landing.jpg );
        background-position: 0% center;
    }*/

    .banjo-nav-background {
        display: block;
    }

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

    .lhs-column {
        float: left;
    }

    .rhs-column {
        float: right !important;
        width: 100%;
    }

    .banjo-page-info {
        margin-left: 0px;
        margin-right: auto;
    }

    h2 {
        text-align: left;
    }

    .banjo-small-percentage {
        display: none;
    }

    .banjo-header-container {
        background-color: #30003c;
        height: 55px;
        position: fixed;
        width: 100%;
        top: 0px;
    }

    .banjo-content-container {
        top: 84pt;
    }

    .banjo-nav-container {
        position: fixed;
        width: 100%;
        /*margin-top:84pt;*/
    }

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

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

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

            .banjo-content-offset.invited .banjo-nav-background {
                display: none;
            }
}

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

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

    .banjo-large-percentage {
        display: none;
    }

    .banjo-small-percentage {
        display: block;
    }

    .banjo_app_overview {
        display: block;
    }

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

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

    .banjo-logo-white.logo-sm {
        margin-left: 15px !important;
        margin: 10px 0;
    }

    /* accordion */
    .banjo-content-offset.invited .panel-group .panel.invited {
        height: 100%;
    }

    .banjo-content-offset.invited .panel-group .panel {
        height: 0;
    }

    .banjo-content-offset.invited .panel-default > .panel-heading {
        padding: 0;
        height: 0 !important;
        min-height: 0 !important;
    }
}

/* Range input styling
-------------------------------------------------*/
/* chrome */
input[type=range] {
    -webkit-appearance: none;
    margin: 7pt 0;
    width: 100%;
}

    input[type=range]:focus {
        outline: none;
    }

    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 7.2pt;
        cursor: pointer;
        animate: 0.2s;
        background: #cccccc;
        border-radius: 2pt;
        border: none;
    }

    input[type=range]:disabled::-webkit-slider-runnable-track {
        cursor: not-allowed;
    }

    input[type=range]::-webkit-slider-thumb {
        box-shadow: none;
        border: 6px solid #5f73ff;
        height: 20pt;
        width: 20pt;
        border-radius: 10pt;
        background: #ffffff;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -6.5pt;
    }

    input[type=range]:disabled::-webkit-slider-thumb {
        border: 6px solid #e0e0e0;
        cursor: not-allowed;
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
        background: #cccccc;
    }

    /* firefox */
    input[type=range]::-moz-range-track {
        width: 100%;
        height: 7.2pt;
        cursor: pointer;
        animate: 0.2s;
        background: #cccccc;
        border-radius: 3.5pt;
        border: none;
    }

    input[type=range]:disabled::-moz-range-track {
        cursor: not-allowed;
    }

    input[type=range]::-moz-range-thumb {
        box-shadow: none;
        border: 6px solid #5f73ff;
        height: 10pt;
        width: 10pt;
        border-radius: 10pt;
        background: #ffffff;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -6.5pt;
    }

    input[type=range]:disabled::-moz-range-thumb {
        border: 6px solid #e0e0e0;
        cursor: not-allowed;
    }

    /* ie */
    input[type=range]::-ms-track {
        width: 100%;
        height: 7.2pt;
        cursor: pointer;
        animate: 0.2s;
        background: transparent;
        border-color: transparent;
        border-width: 39px 0;
        color: transparent;
        margin-top: -24pt;
        margin-bottom: -24pt;
        padding: 0pt;
    }

    input[type=range]::-ms-fill-lower {
        background: #cccccc;
        border: none;
        border-radius: 50px;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    }

    input[type=range]:disabled::-ms-fill-lower {
        cursor: not-allowed;
    }

    input[type=range]::-ms-fill-upper {
        background: #cccccc;
        border: none;
        border-radius: 50px;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    }

    input[type=range]:disabled::-ms-fill-upper {
        cursor: not-allowed;
    }

    input[type=range]::-ms-thumb {
        box-shadow: none;
        border: 5px solid #5f73ff;
        height: 10pt;
        width: 10pt;
        border-radius: 10pt;
        background: #ffffff;
        cursor: pointer;
    }

    input[type=range]:disabled::-ms-thumb {
        border: 5px solid #cccccc;
        cursor: not-allowed;
    }

    input[type=range]:focus::-ms-fill-lower {
        background: #cccccc;
    }

    input[type=range]:focus::-ms-fill-upper {
        background: #cccccc;
    }

    input[type=range]::-ms-tooltip {
        display: none;
    }

@media(max-width: 768px) {
    input[type=range]::-webkit-slider-runnable-track {
        height: 14pt;
    }

    input[type=range]::-moz-range-track {
        height: 14pt;
    }

    input[type=range]::-ms-track {
        height: 14pt;
    }

    input[type=range]::-webkit-slider-thumb {
        height: 24pt;
        width: 24pt;
        border-radius: 50%;
    }

    input[type=range]::-moz-range-thumb {
        height: 16pt;
        width: 16pt;
        border-radius: 50%;
    }

    input[type=range]::-ms-thumb {
        height: 16pt;
        width: 16pt;
        border-radius: 50%;
    }
}

/* More slider styles */
input[type="range"] {
    position: relative;
    width: 100%;
    margin-top: -15px;
}

.rhs-column.mobile-slider-field .banjo-slider-style input[type="range"] {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#get-started .banjo-slider-legend-left,
#get-started .banjo-slider-legend-right {
    margin-top: -28px;
    top: auto;
}

.banjo-slider-legend-left {
    position: absolute;
    top: 0px;
    left: 12pt;
}

.banjo-slider-legend-right {
    position: absolute;
    top: 0px;
    right: 12pt;
}

.rhs-column.mobile-slider-field .banjo-slider-legend-left {
    left: 12%;
    top: 30%;
}

.rhs-column.mobile-slider-field .banjo-slider-legend-right {
    right: 12%;
    top: 30%;
}

@media (max-width:586px) {
    .rhs-column.mobile-slider-field .banjo-slider-legend-left,
    .rhs-column.mobile-slider-field .banjo-slider-legend-right {
        top: 38%;
    }
}

#get-started .banjo-slider-title {
    padding-bottom: 25px;
    margin-top: 15px;
}

.banjo-slider-title {
    text-align: center;
    padding-bottom: 35px;
    position: relative;
    margin-top: 0;
}

@media(min-width: 568px) {
    .rhs-column.mobile-slider-field .banjo-slider-title {
        padding-bottom: 40px;
    }
}

@media(max-width: 568px) {
    #get-started .banjo-slider-title {
        margin-top: 0;
        padding-bottom: 0;
    }

    #get-started .banjo-slider-legend-left,
    #get-started .banjo-slider-legend-right {
        margin-top: -42px;
    }

    .rhs-column.mobile-slider-field .banjo-slider-title {
        padding-bottom: 15px;
    }

    .banjo-slider-style {
        padding-top: 35px;
    }

    .banjo-slider-title {
        font-size: 1.25em;
        padding-top: 10px;
    }

    .banjo-slider-legend-right, .banjo-slider-legend-left {
        top: 35px;
    }
}

/* end of slider styles */

.termSpecialCase {
    color: #333f4f;
}

.banjo-not-displayed {
    display: none;
}

.banjo-btn-send {
    min-width: 80pt;
    font-size: 12pt;
    border: 2pt solid #0039f6;
}

.banjo-btn-cancel {
    height: 42pt;
    margin-left: 4pt;
}


/* Error states styles */


.banjo-error-container {
    width: 100%;
    position: relative;
    margin-bottom: 10pt;
}

    .banjo-error-container i {
        color: #ff004f;
    }

.banjo-error-box {
    padding: 15px;
    border: 2px solid #1D252D;
    max-width: 400px;
}

.banjo-error-field {
    border-color: #ff004f;
}

.banjo-large-error-icon {
    color: #ff004f;
    font-size: 18pt;
    padding: 2pt 10pt 10pt 0pt;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.banjo-error-text {
    display: inline-block;
    /*margin-bottom: 20px;*/
}

    .banjo-error-text h3 {
        font-weight: bold;
    }

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

    .banjo-error-container p .fa-warning {
        margin-right: 5px;
    }

#banjo-pi-f1 {
    display: block;
}

#banjo-pi-f1-error {
    display: none;
}

#banjo-pi-f2 {
    display: block;
}

#banjo-pi-f2-error {
    display: none;
}

#banjo-pi-f3 {
    display: block;
}

#banjo-pi-f3-error {
    display: none;
}

#banjo-bi-f4 {
    display: block;
}

#banjo-bi-f4-error, #banjo-field-bi-f4-verified, #banjo-field-bi-f4-received {
    display: none;
}

#banjo-bi-f5 {
    display: block;
}

#banjo-bi-f5-error, #banjo-field-bi-f5-received, #banjo-field-bi-f5-verified {
    display: none;
}

#banjo-bi-f6 {
    display: block;
}

#banjo-bi-f6-error, #banjo-field-bi-f6-received, #banjo-field-bi-f6-verified {
    display: none;
}

#banjo-bi-f7 {
    display: block;
}

#banjo-bi-f7-error, #banjo-field-bi-f7-received, #banjo-field-bi-f7-verified {
    display: none;
}

.banjo-verified {
    color: #34d9c3;
}

.banjo-received {
}

.banjo-sm-button {
    font-size: 16pt;
    border: 2pt solid #0039f6;
}

.banjo-btn-dir-container {
    border: 2pt solid #0039f6;
    border-radius: 8pt;
    margin-left: auto;
    margin-right: auto;
    min-width: 244pt;
}

.banjo-btn-dir {
    height: 44pt;
    font-family: 'Inter', arial;
    font-weight: normal;
    font-style: normal;
    font-size: 11pt;
    border-radius: 6pt;
    background: #ffffff;
    color: #374851;
    min-width: 80pt;
    padding-top: 14pt;
}

    .banjo-btn-dir:hover {
        color: #111;
    }

.banjo-btn-dir-mid {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.banjo-btn-dir-container.active {
    background: #d9d9d9;
}

/* Application Status Style */
.banjo-app-status {
    background: #ffffff;
    border-radius: 5pt;
    box-shadow: 0 0px 10px rgba(0, 0, 0, .125);
    padding: 20pt;
    margin-top: 50pt;
    margin-left: auto;
    margin-right: auto;
    min-width: 250pt;
    max-width: 300pt;
}

    .banjo-app-status p strong {
        font-family: 'Inter', arial;
        color: #333f4f;
    }

    .banjo-app-status h1 {
        font-size: 22pt;
        font-family: 'Inter', arial;
        font-weight: normal;
        font-style: normal;
        margin-bottom: 0pt;
    }

.banjo-appId-label {
    font-size: 16pt;
    color: #333f4f;
}


/* Tab override */
.checkbox {
    padding-left: 20px;
}

/* Checkbox override */
.checkbox {
    padding-left: 20px;
}

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

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

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

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

        .checkbox input[type="checkbox"] + label::before {
            background-color: #fff;
            border: 2pt solid #0039f6;
            width: 20pt;
            height: 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 {
            font-family: 'FontAwesome';
            content: "\f00c";
            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 #0039f6;
}

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

.checkbox-primary input[type="checkbox"]:checked.bnk-acct-disabled + label::before {
    background-color: #ddd;
    border: 2pt solid #ddd;
    box-shadow: -1px -1px 1px #888;
    opacity: 0.9;
}

.checkbox-primary input[type="checkbox"]:not(:checked).bnk-acct-disabled + label::before {
    background-color: #ddd;
    border: 2pt solid #ddd;
    box-shadow: -1px -1px 1px #888;
    opacity: 0.9;
}

/* get started page */
#get-started .banjo-nav-background {
    position: absolute;
    background: url(../images/login_header.jpg);
    top: 0;
    height: 247px;
    background-size: cover;
    z-index: -1;
}

#get-started #get-started-view h1 {
    font-size: 2.2em;
}

#get-started #get-started-view .title {
    min-height: 81px;
}

#get-started #get-started-view h1,
#get-started #get-started-view p {
    color: #fff;
}

#get-started .content {
    padding-top: 60px;
}

#get-started .question {
    max-width: 600px;
}

    #get-started .question label {
        display: block;
    }

    #get-started .question h2 {
        font-weight: bold;
        color: #425267;
        margin-bottom: 5px;
    }

    #get-started .question ul li {
        font-weight: normal;
    }

@media(max-width: 768px) {
    #get-started .banjo-nav-background {
        display: block;
    }

    #get-started .nav-tabs {
        display: none;
    }

    #get-started #get-started-view .title h1 {
        font-size: 1.8em;
    }

    #get-started #get-started-view .title p {
        font-size: 1em;
    }

    #get-started .banjo-content-offset {
        margin-top: 45px;
    }

        #get-started .banjo-content-offset.content {
            margin-top: 15px;
        }
}

@media(max-width: 386px) {
    #get-started .banjo-content-offset.content {
        padding-top: 15px;
    }
}

.employee-tooltip {
    overflow-y: auto;
    max-height: 65px;
}

.employee-tooltip {
    -webkit-transition: height .15s ease-in-out;
    transition: all .15s ease-in-out;
    height: 0;
    opacity: 0;
    max-width: 70%;
    box-sizing: border-box;
    position: absolute;
    border: 1px solid #d1d6dc;
    background: #333f4f;
    color: #fff;
    padding: 5px 15px;
    border-radius: 2px;
}

    .employee-tooltip .content {
        border-radius: 4px;
        opacity: 0;
        height: 0;
        -webkit-transition: height .15s ease-in-out;
        transition: all .15s ease-in-out;
    }

    .employee-tooltip.active {
        height: auto;
        opacity: 1;
        z-index: 9999;
    }

        .employee-tooltip.active .content {
            opacity: 1;
            height: auto;
        }

/* end get started page */

@media (min-width: 787px) {
    .acc-pkg-manage-banks {
        height: 235px;
    }
}

/* accounts page */
.acc-plat-grid {
    padding-top: 40px;
}

@media (max-width: 787px) {
    .acc-plat-grid {
        padding-top: 0;
    }
}

.acc-platforms {
    margin: 0;
    background-color: #fff;
    border: 1px solid #f0f1f4;
}

    .acc-platforms.grayed {
        background-color: #fff;
    }

.acc-pkg {
    display: inline-block;
    padding: 0;
    border: 1px solid transparent;
}

    .acc-pkg.disabled {
        background-color: #f1efeb;
        opacity: 0.9;
    }

        .acc-pkg.disabled.off {
            background-color: #c2c7d2;
            opacity: 0.4;
        }

    .acc-pkg.active {
        background-color: #fff;
        border: 1px solid #56dcc8;
    }

    .acc-pkg a {
        padding-top: 15px;
        padding-bottom: 5px;
        display: block;
    }

    .acc-pkg h3 {
        height: 60px;
        margin-bottom: 0;
    }

    .acc-pkg input {
        max-width: 70%;
    }

    .acc-pkg .title {
        max-width: 70%;
        margin: auto;
        color: #51647d;
    }

        .acc-pkg .title .caps {
            font-size: 1.1em;
            font-weight: normal;
        }

        .acc-pkg .title .mini {
            vertical-align: top;
            margin-left: -5px;
            line-height: 1.2;
            font-weight: normal;
            font-size: 1em;
        }

    .acc-pkg .subtitle {
        font-size: 0.6em;
        color: #5e5d5d;
        font-family: 'ProximaNova',Helvetica,Arial,Sans-serif;
        max-width: 70%;
        margin: auto;
    }

        .acc-pkg .subtitle .icon {
            font-size: 0.9em;
            margin-left: 2px;
            opacity: 0.6;
        }

    .acc-pkg .icon .fa-stack {
        font-size: 1.1em;
        margin-top: -7px;
    }

    .acc-pkg .icon .fa-stack-1x {
        font-size: 0.9em;
        margin-top: 1px;
    }

    .acc-pkg:hover, .acc-pkg:active, .acc-pkg:focus {
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .acc-pkg:hover {
        background-color: #56dcc8;
        border: 1px solid #fff;
    }

        .acc-pkg:hover .title .caps {
            color: #fff;
            -webkit-transition: all .4s ease-out;
            transition: all .4s ease-out;
        }

        .acc-pkg:hover .title .mini {
            color: #fff;
            -webkit-transition: all .6s ease-out;
            transition: all .6s ease-out;
        }

        .acc-pkg:hover .subtitle,
        .acc-pkg:hover .subtitle i {
            color: #576b86;
        }

    .acc-pkg.disabled.off:hover .subtitle,
    .acc-pkg.disabled.off:hover .subtitle i {
        color: inherit;
    }

    .acc-pkg.disabled:hover {
        border: 1px solid transparent;
    }

    .acc-pkg.disabled.off:hover {
        background: #ececec;
        border: 1px solid transparent;
    }

        .acc-pkg.disabled.off:hover .title .caps,
        .acc-pkg.disabled.off:hover .title .mini {
            color: #5e5d5d;
        }

        .acc-pkg.disabled.off:hover a {
            cursor: not-allowed;
        }

    .acc-pkg.active:hover {
        background-color: #80e5d6;
        border: 1px solid transparent;
    }

        .acc-pkg.active:hover .title .caps,
        .acc-pkg.active:hover .title .mini {
            color: #fff;
        }
/* skins for data refresh bank/acc platforms on dashboard */
.outdated .acc-pkg {
    margin-top: 5px;
}

.acc-pkg-banks .acc-pkg {
    min-width: 180px;
}

    .acc-pkg-banks .acc-pkg a {
        margin: 0 15px;
    }

    .acc-pkg-banks .acc-pkg .title {
        font-size: 0.75em;
        max-width: 100%;
        color: #333f4f;
    }

        .acc-pkg-banks .acc-pkg .title .caps {
            font-size: 0.9em;
            vertical-align: bottom;
        }

        .acc-pkg-banks .acc-pkg .title .mini {
            font-family: ProximaNova, arial;
            margin-left: 2px;
        }

    .acc-pkg-banks .acc-pkg .subtitle {
        max-width: 100%;
        margin-bottom: 5px;
    }

    .acc-pkg-banks .acc-pkg .disabled {
        background-color: #fdfdfd;
        opacity: 0.9;
    }

        .acc-pkg-banks .acc-pkg.disabled:hover {
            background: #ececec;
            border: 1px solid transparent;
        }

            .acc-pkg-banks .acc-pkg.disabled:hover .title .caps,
            .acc-pkg-banks .acc-pkg.disabled:hover .title .mini {
                color: #5e5d5d;
            }

            .acc-pkg-banks .acc-pkg.disabled:hover a {
                cursor: not-allowed;
            }

.outdated .banjo-white-field {
    padding-top: 0;
}

.outdated .header {
    background-color: #30003c;
    border-top-left-radius: 4pt;
    border-top-right-radius: 4pt;
}

    .outdated .header h2 {
        color: #fff;
        padding-top: 5px;
    }

/* End skins for data refresh bank/acc platforms on dashboard */
.rf-acc-pkg .step {
    line-height: 4;
}

.rf-acc-pkg .acc-pkg {
    vertical-align: top;
    min-width: 120px;
    display: inline-block;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

    .rf-acc-pkg .acc-pkg:hover {
        background-color: #fff;
        border: 1px solid #0039f6;
    }

    .rf-acc-pkg .acc-pkg a {
        padding: 15px 0 0;
    }

.spinner {
    margin-left: 0;
}

    .spinner .ball {
        width: 6px;
        height: 6px;
    }

.othersForm .checkbox label.disabled::before {
    background-color: #d6d6d6;
    cursor: not-allowed;
    opacity: 0.4;
}

.othersForm .checkbox label.disabled::after {
    opacity: 0.4;
}

.othersForm .disabled {
    opacity: 0.4;
}

.othersForm button:disabled {
    cursor: not-allowed;
}

.upload-form .fa {
    font-size: 1.2em;
}

.upload-form button {
    min-width: 85px;
}

.button-link-disabled {
    pointer-events: none;
    background-color: #5F73FF !important
}

@media(max-width: 768px) {
    .upload-form .pull-right {
        float: left !important;
    }

    .upload-form .btn {
        margin-right: 5px;
    }

    .upld-ctrl {
        margin-left: 20px;
    }
}

@media (min-width: 986px) {
    .banjo-account-btns {
        max-width: 400pt;
        margin: auto;
    }
}

.banjo-account-container {
    background: #fdfdfd;
    padding: 20pt;
    margin-bottom: 10pt;
    max-width: 400pt;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    border: 1px solid #e5e5e5;
    -webkit-animation: fade 0.5s linear;
    animation: fade 0.5s linear;
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media(max-width: 986px) {
    .banjo-account-container {
        margin-left: inherit;
        margin-top: 20px;
    }
}

@media(max-width:769px) {
    .banjo-account-container {
        margin: initial;
        margin-bottom: 15px;
    }
}

.loan-schedule .nav-tabs {
    position: relative;
    background-color: transparent;
}

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

    .loan-schedule .nav-tabs > li > a,
    .loan-schedule .nav-tabs > li > a:hover,
    .loan-schedule .nav-tabs > li > a:focus {
        background-color: #d9d9d9;
        color: #333f4f;
        margin-right: 1px;
    }

        .loan-schedule .nav-tabs > li > a:hover {
            background-color: #f0f0f0;
            color: #333f4f;
        }

    .loan-schedule .nav-tabs > li {
        float: left;
        width: auto;
    }

        .loan-schedule .nav-tabs > li p {
            margin: 0;
        }

        .loan-schedule .nav-tabs > li > a {
            height: 40px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

@media(max-width: 768px) {
    .loan-schedule .tab-content {
        border-top-right-radius: 0 !important;
    }
}

.loan-schedule .tab-content {
    border: 1px solid #d9d9d9;
    border-top-right-radius: 5px;
}

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

.upload-docs .nav-tabs {
    position: relative;
    background-color: transparent;
}

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

    .upload-docs .nav-tabs > li > a,
    .upload-docs .nav-tabs > li > a:hover,
    .upload-docs .nav-tabs > li > a:focus {
        background-color: #d9d9d9;
        color: #333f4f;
        margin-right: 1px;
    }

        .upload-docs .nav-tabs > li > a:hover {
            background-color: #f0f0f0;
            color: #333f4f;
        }

    .upload-docs .nav-tabs > li {
        float: right;
        width: auto;
    }

        .upload-docs .nav-tabs > li p {
            margin: 0;
        }

    .upload-docs .nav-tabs.menu-sm > li > a {
        height: auto;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

@media(max-width: 768px) {
    .upload-docs .nav-tabs.menu-sm > li {
        width: 50%;
    }

        .upload-docs .nav-tabs.menu-sm > li > a {
            min-height: 52px;
        }

    .upload-docs .tab-content {
        border-top-right-radius: 0 !important;
    }
}

.upload-docs .tab-content {
    border: 1px solid #d9d9d9;
    border-top-right-radius: 5px;
}

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

.purposeContent {
    padding: 0 15px;
}

/* Personal Info Page Styles */

.intro .client-tooltip {
    margin-top: 10px;
    overflow-y: auto;
    max-height: 635px;
}

.client-tooltip {
    -webkit-transition: height .15s ease-in-out;
    transition: all .15s ease-in-out;
    height: 0;
    opacity: 0;
    max-width: 80%;
    box-sizing: border-box;
    position: absolute;
    border: 1px solid #d1d6dc;
    background: #333f4f;
    color: #fff;
    padding: 10px;
}

    .client-tooltip .content {
        background: #293340;
        padding: 15px;
        border-radius: 4px;
        border-right: 1px solid #33444f;
        border-bottom: 1px solid #33444f;
        border-left: 1px solid #33414f;
        border-top: 1px solid #33414f;
        opacity: 0;
        height: 0;
        -webkit-transition: height .15s ease-in-out;
        transition: all .15s ease-in-out;
    }

    .client-tooltip.active {
        height: auto;
        opacity: 1;
        z-index: 9999;
    }

        .client-tooltip.active .content {
            opacity: 1;
            height: auto;
        }

.clientImage {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 40px;
}

    .clientImage .ctrls span {
        display: inline-block;
        position: relative;
    }

    .clientImage .ctrls img {
        max-width: 100px;
        opacity: 0.9;
        border: 4px solid #ced2db;
    }

    .clientImage .ctrls .fa-check,
    .clientImage .ctrls .fa-times {
        position: absolute;
        bottom: 5%;
        right: 5%;
        font-size: 18px;
    }

    .clientImage .ctrls .fa-check {
        color: #34d9c3;
    }

    .clientImage .ctrls .fa-times {
        color: #ff004f;
    }

#accordion .clientImage .ctrls span {
    float: left !important;
    margin-left: 10px;
}

#accordion .clientImage .ctrls button {
    float: left !important;
}

.clientImage .photo-review.placeholder {
    height: 240px;
    width: 100%;
}

    .clientImage .photo-review.placeholder .thumbnail > div {
        background: #fff;
        margin: 15px;
        height: 200px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        display: -ms-flexbox;
        -ms-flex-align: center;
    }

        .clientImage .photo-review.placeholder .thumbnail > div i {
            font-size: 50px;
            margin: auto;
            color: #ced2db;
        }

.photo-options {
    width: 100%;
}

    .photo-options button:first-of-type img {
        height: 12px;
    }

    .photo-options button {
        width: 33.3%;
        padding: 15px 20px 3px;
    }

    .photo-options img {
        height: 16px;
    }

    .photo-options p {
        font-size: 14px;
    }

#accordion .photo-options button {
    width: 50%;
}

.clientregistration .modal-dialog {
    max-width: 560px;
}

.clientregistration #ng-camera-feed video {
    height: 100% !important;
    width: 100% !important;
}

@media(max-width:1280px) {
    .clientregistration .modal-dialog {
        width: 50%;
    }
}

@media(max-width:1024px) {
    .clientregistration .modal-dialog {
        width: 60%;
    }
}

@media(max-width:986px) {
    .clientregistration .modal-dialog {
        width: 70%;
    }
}

@media(max-width:768px) {
    .clientregistration .modal-dialog {
        width: 80%;
    }
}

@media(max-width:568px) {
    .clientregistration .modal-dialog {
        width: 100%;
    }
}

.webcam-popup,
.uploader-popup {
    padding: 20px;
    background: #1D252D;
}

#webcamTakePhoto {
    width: 100%;
    border-radius: 4px;
    border-color: #33414f;
    background: #30003c;
    min-height: 40px;
}

    #webcamTakePhoto i {
        vertical-align: bottom;
        font-size: 1.4em;
    }

    #webcamTakePhoto span {
        margin-left: 5px;
        font-size: 16px;
        line-height: 20px;
    }

.uploader-popup .progress {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #333f4f;
    border: 4px dashed #fff;
}

    .uploader-popup .progress .centered {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        display: -ms-flexbox;
        -ms-flex-align: center;
        height: 100%;
        background: none;
    }

    .uploader-popup .progress h1 {
        margin: auto;
    }

#upload-box {
    width: 100%;
}

#uploader .droparea {
    position: relative;
}

    #uploader .droparea > div {
        min-height: 400px;
        height: 1px; /* IE workaround for centering */
        width: 100%;
        background: #333f4f;
        border: 4px dashed #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        display: -ms-flexbox;
        -ms-flex-align: center;
    }

    #uploader .droparea .guide {
        margin: auto;
    }

        #uploader .droparea .guide h2 {
            max-width: 80%;
            margin: auto;
            text-align: center;
            padding-bottom: 20px;
        }

.webcam {
    width: auto !important;
}

    .webcam img {
        max-height: 350px !important;
    }

.captures:last-child .thumbnail-outer {
    padding-right: 0px;
}

a.thumbnail, .thumbnail {
    background: #ced2db;
    height: 100%;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0px;
    width: 100%;
    border-radius: 0px;
}

    a.thumbnail:hover,
    a.thumbnail:focus,
    a.thumbnail:active {
        border-color: #c3c8d3;
        outline: none;
    }

    .thumbnail img {
        padding: 10px;
        width: auto;
    }

        .thumbnail img:focus {
            outline: none;
        }

#driver-cam h2,
#upload-box h2 {
    color: #fff;
}

.driver-warning,
.popdown {
    display: block;
    padding: 0 10px;
    text-align: left;
}

@media(max-width:986px) {
    .driver-warning {
        margin-bottom: 40px;
    }
}

.driver-via-mobile-btn {
    border: 2px solid #333f4f !important;
    width: 100%;
    font-weight: bold;
}

    .driver-via-mobile-btn:hover,
    .driver-via-mobile-btn:focus,
    .driver-via-mobile-btn:active {
        color: #0039f6 !important;
    }

.popcontent {
    margin-top: 10px;
}

#driver-cam p,
#upload-box p {
    color: #fff;
}

.ng-camera {
    position: relative;
}

.ng-camera-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
}

    .ng-camera-center p {
        font-size: 80px;
        margin: auto;
    }

    .ng-camera-center h1 {
        margin: auto;
    }

#ng-camera-action {
    font: normal normal normal 14px/1 FontAwesome;
    width: 100%;
    border: 0;
    font-size: 22px;
    background: #0039f6;
    padding: 6px 0;
    margin-top: 10px;
    z-index: 999;
    position: relative;
}

    #ng-camera-action:hover {
        background: #066;
        -webkit-transition: all 0s;
        transition: all 0s;
    }

    #ng-camera-action:before {
        content: "\f030";
        color: #fff;
    }

.sp-licence {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.thumbnail-outer .placeholder h4 {
    font-size: 20px;
    color: #fff;
    border-bottom: 1px solid rgba(206, 210, 219, 0.15);
    padding-bottom: 10px;
}

.thumbnail-outer .prompt p {
    font-size: 16px;
}

.thumbnail-outer .status p {
    margin-bottom: 0;
    background-color: #333f4f;
    font-size: 1em;
    text-align: center;
    padding: 5px 0;
}

.thumbnail-container-mobile,
.thumbnail-container {
    overflow: hidden;
}

    .thumbnail-container-mobile .thumbnail-outer .btn-group .btn {
        width: 100%;
        border-radius: 0;
        margin-left: 0;
    }

    .thumbnail-container .column {
        text-align: center;
        width: 100%;
    }

    .thumbnail-container-mobile .column {
        width: 100%;
    }

    .thumbnail-container-mobile .thumbnail {
        display: block;
        height: auto;
    }

    .thumbnail-container-mobile .placeholder {
        position: absolute;
        line-height: 200px;
        font-size: xx-large;
        text-align: center;
        margin-left: auto;
        text-shadow: 1px 1px 0 rgb(223, 227, 229), 4px 4px 0 rgba(0, 0, 0, 0.05);
        color: #333f4f;
        width: 100%;
    }

        .thumbnail-container-mobile .placeholder.off {
            display: none;
        }

    .thumbnail-container-mobile .thumbnail {
        display: block;
        height: 100%;
        border: 0;
        padding: 0;
    }

        .thumbnail-container-mobile .thumbnail img {
            width: 100%;
            height: inherit !important;
        }

            .thumbnail-container-mobile .thumbnail img.holder {
                max-height: 210px;
            }

.nsw-card-prompt {
    padding: 15px;
}
/* End Personal Info Page Styles */

/* Image capture styles */
.banjo-imagecap-tabset {
    min-width: 300pt;
}

.banjo-take-pic-group {
    padding-left: 5pt;
    padding-right: 5pt;
}

.banjo-imagecap-tabset > ul {
    position: relative !important;
    background-color: #333f4f;
}

.banjo-imagecap-tabset > li, .banjo-imagecap-tabset > li > a:hover, .banjo-imagecap-tabset > li > a:focus {
    border-radius: 0;
    border: 2px solid #f00;
}

.nav-justified.nav-tabs > li.active > a, .nav-justified.nav-tabs > li.active > a:hover, .nav-justified.nav-tabs > li.active > a:focus {
    border: none;
    border-radius: 0;
}


.banjo-imagecap-tabset > nav-justified.nav-tabs > ul > li {
    float: none;
    font-size: 40pt;
}

.banjo-camera-preview {
    margin: -20pt -10pt -10pt -10pt !important;
}

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

.banjo-capture-menu {
    background: #333f4f;
    height: 50pt;
}

.banjo-capture-menu-selected {
    background: #666d79;
    height: 50pt;
}

.banjo-capture-menu h2 {
    color: #94a6b0;
    font-size: 12pt;
    margin-top: 12.5pt;
}

.banjo-capture-menu-selected h2 {
    color: #ffffff;
}

.banjo-capture-container {
    max-width: 350pt;
    margin-left: auto;
    margin-right: auto;
}

.banjo-pic-capture-menu {
    padding-top: 10pt !important;
    height: auto !important;
}

.banjo-capture-label {
    font-size: 11pt;
    text-align: left;
    line-height: 20pt;
}


.banjo-camera-preview img {
    width: 100%;
}

.banjo-imagecap-take-pic-container {
    text-align: right;
}

.banjo-imagecap-button-container {
    padding: 5pt;
}

.banjo-btn-circle {
    /*width: 50pt;
    height: 50pt;*/
    text-align: center;
    /*font-size: 18pt;
    line-height: 41pt;*/
    border-radius: 25pt;
    color: #ffffff;
}

.banjo-blue-button {
    background-color: #333f4f;
}

.banjo-grey-button {
    background-color: #72d0eb;
}
/* End Permissions */

/* Dashboard specific styles */
#dashboard-view .subheader {
    font-size: 1.1em;
    margin-bottom: 5px;
}

@media (max-width: 769px) {
    #dashboard-view .overview {
        margin: 0 15px;
    }
}

.banjo-btn-continue {
    min-width: 140px;
}

#loanSubmitBtn-hover {
    min-width: 280px;
}

#actionbar {
    z-index: 9999;
    background: #30003c;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

@media(max-width: 768px) {
    #actionbar .col-md-6.col-md-offset-6 {
        margin-left: -15px;
    }
}

#actionbar .ab-rhs {
    margin-top: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
}

#actionbar .ab-error i {
    padding: 10px;
    vertical-align: middle;
    font-size: 24px;
}

#actionbar a {
    -webkit-transition: all 0s;
    transition: all 0s;
}

#liveChat-hover {
    cursor: pointer;
    margin-left: auto;
    margin-right: -160px;
    padding: 10px 36px;
    background: #30003c;
    z-index: 9999;
}

    #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: 10px;
        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;
    }
}

@media(max-width: 380px) {
    .banjo-btn-continue {
        min-width: 100px !important;
        font-size: 1em !important;
        padding: 8px 18px !important;
        max-height: 40px;
    }

    #loanSubmitBtn-hover {
        min-width: 250px;
    }
}

.loan-details {
    display: inline-block;
}

.banjo-white-field {
    background: #fff;
    border-radius: 2px;
    padding: 25px 15px 30px 15px;
    margin-bottom: 20pt;
    border: 1px solid #e8e8e8;
}

.banjo-compact-white-field {
    background: #ffffff;
    border-radius: 4pt;
    box-shadow: 0 0 5pt rgba(0, 0, 0, .125);
    padding: 10pt 10pt 0 15pt;
    margin: 0 0 10pt 0;
}

.banjo-paid-field {
    background: #fafafa;
}

.banjo-bottom-space {
    padding-bottom: 5pt;
}

.banjo-top-space {
    padding-top: 5pt;
}

.banjo-reborrow-top-space {
    padding-top: 25pt;
}


.banjo-btn-green {
    color: #ffffff;
    background-color: #34d9c3;
    font-family: 'Inter', arial;
    font-weight: normal;
    font-style: normal;
    font-size: 16pt;
}

.banjo-adjust-fa-stack {
    top: -1pt;
}

.banjo-btn-blue {
    color: #0039f6;
    background-color: #fff;
    font-family: 'Inter', arial;
    font-weight: normal;
    border: 2px solid #0039f6;
    font-style: normal;
    font-size: 16pt;
    min-width: 80px;
}

    .banjo-btn-blue:hover,
    .banjo-btn-blue:active,
    .banjo-btn-blue:focus {
        border: 2px solid #0039f6;
        color: #fff;
        background-color: #0039f6;
    }

.banjo-btn-gray {
    color: #fff;
    background-color: #72d0eb;
    border: 2px solid #72d0eb;
    font-family: 'Inter', arial;
    font-weight: normal;
    font-style: normal;
    font-size: 16pt;
    min-width: 80px;
}

    .banjo-btn-gray:hover,
    .banjo-btn-gray:active,
    .banjo-btn-gray:focus {
        background-color: #5f73ff;
        border: 2px solid #5f73ff;
        color: #fff;
        box-shadow: none !important;
    }


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

@media (max-width: 991px) { /* For small device screens only */
    .banjo-lhs-to-rhs {
        text-align: right;
    }

    .banjo-clickable-telephone {
        display: inline-block;
    }

    .banjo-telephone {
        display: none;
    }
}

@media (min-width: 992px) { /* For medium and large device screens only */

    .banjo-lhs-to-rhs {
        text-align: left;
    }

    .banjo-lhs-to-center {
        text-align: left;
    }

    .banjo-clickable-telephone {
        display: none;
    }

    .banjo-telephone {
        display: inline-block;
    }
}

.banjo-compact-heading {
    padding: 0;
    margin: 0;
}

.banjo-semi-compact-heading {
    padding: 0;
    margin: 5px;
}

.banjo-keep-left {
    text-align: left;
}

.banjo-btn-group {
    border: 2pt #00cccc solid;
    border-radius: 6pt;
}

.banjo-button-select {
    background: rgba(0, 0, 0, .125);
    color: #333f4f;
    border: none;
}

    .banjo-button-select:hover {
        background: #cccccc;
        color: #333f4f;
    }

.banjo-btn-group > .active {
    background: #0039f6;
    color: #ffffff;
}

    .banjo-btn-group > .active:focus, .banjo-btn-group > .active:hover {
        background: #00cccc;
        color: #ffffff;
    }

/*********************

    Management Screen


**********************/

nav + section {
    padding-top: 50px;
}

/* Business officers */
.biz-officers {
    z-index: 1;
    padding: 30px 15px;
    margin: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    .biz-officers textarea {
        font-size: 16px;
    }

    .biz-officers:nth-child(even) {
        background-color: #f5f5f5;
    }

    .biz-officers:last-child {
        border-bottom: 1px solid #ddd;
    }

/* End Business officers */

/* Business doc dashboard styling
-------------------------------------------------*/
@media (max-width: 992px) {
    .doc-details-large {
        display: none !important;
    }
}

@media (min-width: 993px) {
    .doc-details-small {
        display: none !important;
    }
}

.doc-details-small {
    padding-top: 15px;
}
/* End business doc dashboard styling
-------------------------------------------------*/

/* schedule repayment dashboard */

.schedule-row {
    border-bottom: 1px solid #eeeeee;
    padding: 5px 0;
}

/* end schedule repayment dashboard  */

/* Myob callback form*/

.accounting-callback {
    background: #333F4F;
    background: -webkit-linear-gradient(right, #333F4F, #243949);
    background: linear-gradient(to left, #333F4F, #243949);
}


/* End Myob callback */

/* Specifics for multiple views */
.license-check > div > p,
.license-check > ul > li > p,
.license-check > ul > li .banjo-error-text p,
.acc-info-details p {
    font-size: 12pt;
    padding-bottom: 5px;
    margin: 0;
}

.acc-info-details p,
.license-check > div > p {
    padding-bottom: 15px;
}

.acc-docs h4,
.othersForm h4 {
    border-bottom: 1px solid #1D252D;
    padding-bottom: 4px;
    margin-top: 8px;
}

.acc-docs button {
    padding: 8px 12px;
}

.acc-docs .btn-outline {
    min-width: 185px;
    text-align: center;
}

.acc-docs .actions {
    text-align: right;
}

.callback-form {
    max-width: 480px;
    margin: auto;
    margin-top: 20px;
}

    .callback-form .banjo-logo {
        display: block;
        margin-left: 0px !important;
        width: 120px;
        height: 50px !important;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .callback-form .content {
        background: rgba(29,37,45,0.4);
        padding: 18px;
        border-radius: 4px;
        margin: 15px 0;
    }

        .callback-form .content .title {
            color: #fff;
            border-bottom: 1px solid rgba(255,255,255,.2);
            padding-bottom: 10px;
        }

.input-divider {
    border-top: 1px solid #e5e5e5;
}

    .input-divider span {
        position: absolute;
        top: -10px;
        left: 45%;
        padding: 0 10px;
        background: #fff;
    }

@media (max-width: 768px) {
    #cancelAppBeingAssessed {
        float: left !important;
        margin-top: 10px;
    }
}

#notificationSettings,
#invitePage,
#appSubmitted {
    height: 100%;
}

    #notificationSettings section,
    #invitePage section,
    #appSubmitted section {
        background: #1d252d;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
    }

    #notificationSettings .logo-sm,
    #invitePage .logo-sm,
    #appSubmitted .logo-sm {
        height: 55px !important;
    }

@media(min-width: 600px) {
    #notificationSettings .logo-sm,
    #invitePage .logo-sm,
    #appSubmitted .logo-sm {
        margin-left: 0 !important;
    }
}

@media(max-width: 768px) {
    #notificationSettings .logo-sm,
    #invitePage .logo-sm,
    #appSubmitted .logo-sm {
        height: 45px !important;
        margin-bottom: 0;
    }
}

#notificationSettings .content {
    margin: auto;
    /*max-width: 600px;*/
    border-radius: 2px;
    padding-bottom: 40px;
}

#invitePage .content,
#appSubmitted .content {
    margin: auto;
    max-width: 600px;
    border-radius: 2px;
    padding-bottom: 40px;
}

#notificationSettings .heading {
    background: url(../images/banjo_partners.jpg) no-repeat;
}

#invitePage .heading {
    background: url(../images/banjo_partners.jpg) no-repeat;
}

#appSubmitted .heading {
    background: linear-gradient(rgba(29, 37, 45, 0.6), rgba(29, 37, 45, 0.8)), url(../images/freedom.jpg) no-repeat center top;
}

#invitePage .heading,
#appSubmitted .heading {
    width: 100%;
    height: 280px;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
}

#notificationSettings .heading {
    width: 100%;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
}

    #notificationSettings .heading h1,
    #invitePage .heading h1,
    #appSubmitted .heading h1 {
        color: #fff;
        font-size: 3em;
        z-index: 1;
        margin: auto;
        padding: 0 15px;
        line-height: 1.1;
    }

    #notificationSettings .heading h2 {
        color: #fff;
        font-size: 2em;
        z-index: 1;
        margin: auto;
        /*padding: 0 25px;*/
        line-height: 1.1;
    }

#notificationSettings .context,
#invitePage .context,
#appSubmitted .context {
    background: #fff;
    padding: 15px 15px 30px;
}
/* End specifics for multiple views */


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

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

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

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

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

.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-10 {
    margin-bottom: 10px !important;
}

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

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

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

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

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

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

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


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

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

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

.padright-0 {
    padding-right: 0px;
}

.padright-5 {
    padding-right: 5px;
}

.padright-10 {
    padding-right: 10px;
}

.padright-20 {
    padding-right: 20px;
}

.padleft-0 {
    padding-left: 0px;
}

.padleft-5 {
    padding-left: 5px;
}

.padleft-10 {
    padding-left: 10px;
}

.padleft-20 {
    padding-left: 20px;
}

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

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

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

.x-sm-p {
    /*font-size: 1.03em;*/
    font-size: 14px;
}

.bold {
    font-weight: bold;
}

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

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

.muted {
    color: #8b8888;
}

.attention {
    color: #ff004f !important;
}

.valid {
    color: #56dcc8;
}

.center {
    text-align: center;
}

.capitalise {
    text-transform: capitalize;
}

.max-lines-2 {
    display: block; /* or inline-block */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal;
    -ms-word-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.8em;
}

.mid-num,
.big-num {
    font-family: 'ProximaNova', 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 {
        display: none;
    }
}

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

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

    .mob-padtop-20 {
        padding-top: 20px;
    }
}
/* ENd Generics
-------------------------------------------------*/

/* Specifics
-------------------------------------------------*/
.flip {
    -webkit-animation-name: xflip;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-name: xflip;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    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);
    }
}

#testCaseModalBtn {
    position: fixed;
    top: 50%;
    right: 5px;
    z-index: 99999999;
    border-radius: 0;
    cursor: pointer;
    font-size: 28px;
    font-weight: bold;
}

    #testCaseModalBtn:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

.partnerUrl a {
    font-size: 1.15em;
    display: inline-block;
    padding-top: 15px;
    color: #d9d9d6;
}

    .partnerUrl a i,
    .partnerUrl a span {
        vertical-align: middle;
    }

.partnerUrl.hide {
    display: none;
}

@media (max-width: 768px) {
    .partnerUrl a {
        padding-left: 10px;
    }

    #retrievingDataButtons button {
        margin: 5px 0;
    }
}

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

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

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

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

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

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

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

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

.details-box {
    padding: 20pt;
    border: 2px solid #1D252D;
    background: #fdfdfd;
}

.date-dropdown {
    min-width: 300px;
}

    .date-dropdown .form-group select {
        border: 2pt solid #0039f6;
        min-height: 40px;
        border-radius: 5pt;
    }

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

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

    [class^="banjo-tooltip"]:after {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        content: attr(data-bjtooltip);
        padding: 6px 10px;
        top: 1.4em;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-2px);
        transform: translateX(-50%) translateY(-2px);
        background: grey;
        color: white;
        white-space: nowrap;
        z-index: 2;
        border-radius: 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);
        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);
    }

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

    [class^="banjo-tooltip"]:after {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        content: attr(data-bjtooltip);
        padding: 6px 10px;
        top: 1.4em;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-2px);
        transform: translateX(-50%) translateY(-2px);
        background: grey;
        color: white;
        white-space: nowrap;
        z-index: 2;
        margin-top: 4px;
        border-radius: 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);
        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);
    }
/* End tooltip
-------------------------------------------------*/

/* Loading bar status */
#loading-bar .bar {
    height: 4px !important;
    background: #ff7305 !important;
    border-radius: 0 !important;
}
/* End loading bar status
-------------------------------------------------*/

/* safety certs  */
.banjo-secure-footer {
    display: inline;
    opacity: 1;
}

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

.safe-certs a {
    opacity: 0;
}

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

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

        .add-bankac-secure .digicert div {
            display: inline-block !important;
            width: 60px !important;
            height: 40px !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: 5px !important;
    max-height: 35px !important;
}

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

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

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

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

@media(max-width: 768px) {
    .banjo-footer-links {
        padding: 0;
    }

    .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 {
    width: 5px;
    height: 5px;
    margin: 8px;
    margin-left: 2px;
    position: relative;
    display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0%;
        left: 50%;
        background: rgba( 0, 102, 102, .5);
        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;
    }

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

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

    .load-container img {
        height: 60px;
        display: inline-block;
        vertical-align: inherit;
    }
/* End Connect Bank Layout */

/* Responsive table styling
-------------------------------------------------*/
.filterSearch {
    margin-left: 2%;
    width: 58%;
}

.filterCategory {
    margin-right: 2%;
    width: 38%;
}

.loans-table {
    display: table;
    width: 100%;
}

.search-form {
    float: right;
    margin-bottom: 10px;
    width: 400px;
}

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

        .no-more-tables table {
            width: 100%;
        }

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

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

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

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

.no-more-tables thead {
    background-color: #fff;
    color: #333f4f;
    border-bottom: 1px solid #0039f6;
}

.table-bordered {
    border-left: none;
    border-right: none;
    border-bottom-width: 1px;
}

    .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-left: none;
        border-right: none;
        border-bottom-width: 1px;
    }

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

@media (min-width: 787px) {
    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #fff;
        border-bottom: 1px solid #d8d8d8;
    }

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

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

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

@media only screen and (max-width: 800px) {

    /* 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 {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

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

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

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

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

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

.loan-link.disabled {
    color: #ff004f;
    cursor: not-allowed;
}
/* End responsive table styling */

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

.olark-box-wrapper {
    position: fixed;
    bottom: 80px;
    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 {
    margin: 0 !important;
    width: 100% !important;
}

    #habla_window_div #habla_topbar_div {
        background-color: rgba(29,37,45,.9) !important;
    }

    #habla_window_div span {
        font-family: 'ProximaNova',Helvetica,Arial,Sans-serif !important;
        color: #646464 !important;
        font-size: 1em !important;
    }

    #habla_window_div p {
        margin-bottom: 5px !important;
    }

    #habla_window_div #habla_name_input, #habla_window_div #habla_offline_email_input,
    #habla_window_div #habla_offline_body_input, #habla_window_div #habla_pre_chat_name_input,
    #habla_window_div #habla_pre_chat_email_input, #habla_window_div #habla_pre_chat_phone_input,
    #habla_window_div #habla_offline_phone_input, #habla_window_div #habla_pre_chat_phone_input {
        background: #ffffff;
        border: 1pt solid #0039f6 !important;
        min-height: 20pt;
        font-family: 'ProximaNova',Helvetica,Arial,Sans-serif !important;
        font-weight: normal;
        font-style: normal;
        font-size: 16px !important;
        border-radius: 2px !important;
        line-height: 1.6 !important;
    }

    #habla_window_div input[type='submit'], #habla_window_div button {
        float: left;
        font-size: 1em !important;
        font-family: 'ProximaNova',Helvetica,Arial,Sans-serif !important;
        color: #fff;
        background-color: #0039f6 !important;
        padding: 6px 20px !important;
        border: 2px solid #0039f6;
    }

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

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

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

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

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

#habla_conversation_div {
    height: 260px !important;
}

#habla_link_div {
    display: none !important;
}

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

/* Start Referral Campaign
-------------------------------------------------*/
.referrals-app .profile-icon {
    object-fit: cover;
    width: 100px;
    height: 100px;
    border-radius: 2px;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .referrals-app .profile-icon {
        width: 100px;
        height: 100px;
    }
}

.referrals-app .profile-icon:hover {
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

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

.referrals-app .float-row-item {
    float: left;
    padding-right: 15px
}

.referrals-app .input-large {
    font-size: 16px;
    padding-bottom: 13px;
    padding-left: 3px;
    padding-top: 11px;
}

.referrals-app .input-addon {
    display: table;
    float: left;
    width: 100%;
}

    .referrals-app .input-addon input {
        border: none;
        float: left;
        width: 80%;
    }

    .referrals-app .input-addon button {
        float: right;
    }

.referrals-app .input-addon2 {
    display: table;
    float: left;
    width: 100%;
}

    .referrals-app .input-addon2 input {
        border: solid 2px;
        float: left;
        width: 100%;
    }

    .referrals-app .input-addon2 button {
        float: right;
    }

.referrals-app .input-copy {
    --border-color: #0039f6;
    --border-right: 0;
    --border-style: solid;
    border-radius: 0 0px 0px 0 !important;
}

.referrals-app .btn-copy {
    border-radius: 0 4px 4px 0 !important;
    min-width: 81px;
    padding: 10px !important;
    vertical-align: middle;
}

.referrals-app .btn-sendinvites {
    margin-left: -2px;
    padding: 10px !important;
    --min-width: 70px;
    vertical-align: middle;
    width: 100%;
}

.referrals-app .or-separator {
    background: none;
    height: 34px;
    position: relative;
    text-align: center
}

.referrals-app .or-separator--text {
    --background-color: #f0f0f0;
    background-color: white;
    display: inline-block;
    font-weight: bold;
    padding: 8px;
    font-size: 18px;
}

.referrals-app .or-separator hr {
    margin: -23px auto 10px;
    border-color: #646464;
    width: 100%
}

.referrals-app .btn-facebook {
    background-color: #3B5998;
    border-color: #3B5998;
    color: #fff;
    padding: 10px !important;
}

    .referrals-app .btn-facebook:hover, .btn-facebook:focus {
        background-color: #4568b2;
        border-color: #4568b2;
        color: #fff
    }

    .referrals-app .btn-facebook:active {
        background-color: #263a63;
        border-color: #263a63;
        color: #fff
    }

.referrals-app .btn-facebook-messenger {
    background-color: #0084ff;
    border-color: #0084ff;
    color: #fff;
    padding: 10px !important;
}

    .referrals-app .btn-facebook-messenger:hover, .btn-facebook-messenger:focus {
        background-color: #2495ff;
        border-color: #2495ff;
        color: #fff
    }

    .referrals-app .btn-facebook-messenger:active {
        background-color: #0056a6;
        border-color: #0056a6;
        color: #fff
    }

.referrals-app .btn-linkedIn {
    background-color: #0077B5;
    border-color: #0077B5;
    color: #fff;
    padding: 10px !important;
}

    .referrals-app .btn-linkedIn:hover, .btn-linkedIn:focus {
        background-color: #00A0DC;
        border-color: #00A0DC;
        color: #fff
    }

    .referrals-app .btn-linkedIn:active {
        background-color: #00A0DC;
        border-color: #00A0DC;
        color: #fff
    }

.referrals-app .btn-twitter {
    background-color: #1DA1F2;
    border-color: #1DA1F2;
    color: #fff;
    padding: 10px !important;
}

    .referrals-app .btn-twitter:hover, .btn-linkedin:focus {
        background-color: #0c7abf;
        border-color: #0c7abf;
        color: #fff
    }

    .referrals-app .btn-twitter:active {
        background-color: #0c7abf;
        border-color: #0c7abf;
        color: #fff
    }

@media (max-width: 743px) {
    .referrals-app .social-share-btn .social-share-icon {
        /*float: left;
        margin-right: -18px*/
    }

    .referrals-app .or-separator--text {
        background-color: white;
    }
}

@media screen and (min-width: 744px) {
    .referrals-app .social-share-btn .social-share-icon {
        /*left: 25px;
        position: absolute;
        top: 13px;*/
    }

    /*#sendInviteButton {
        width: 200px !important;
    }*/
}

@media (max-width: 743px) {
    .referrals-app .social-share-btn {
        height: 60px;
        margin-bottom: 10px;
        padding: 20px 15px;
    }
}

.referrals-app .input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}

.referrals-app .input-group-btn {
    font-size: 0;
    position: relative;
    white-space: nowrap
}

.referrals-app .top-section-box {
    /*-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);*/
}

.referrals-app .btn-green {
    border: solid 2px !important;
    border-color: #34d9c3 !important;
    height: 48px !important;
    background-color: #34d9c3 !important;
    color: white !important
}

    .referrals-app .btn-green:hover {
        border-color: #066 !important;
        background-color: #066 !important;
    }

.referrals-app .share-box {
    padding: 20px;
    border: 1px solid #dce0e0;
    background: white;
}

.referrals-app .hero {
    background-color: #34d9c3;
    /*background: linear-gradient(#099, white);*/
    /*background-image: url(https://a0.muscache.com/airbnb/static/global_supply/mentor-hero-960afafb1da53528c3e876cde79d239e.png);*/
    /*background-image: url(../images/referralhero01.jpg);*/
}

.referrals-app .top-box {
    padding: 20px;
    border: 1px solid #dce0e0;
    border-bottom: none;
    --background: #1D252D;
    --color: white;
}

    .referrals-app .top-box h1 {
        color: white !important;
    }

    .referrals-app .top-box h2 {
        color: white !important;
    }

.referrals-app span.rollover {
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    --background: #1D252D;
    --background: transparent;
    cursor: pointer;
    height: 140px;
    width: 140px;
    position: absolute;
    z-index: 10;
    opacity: 0;
}

    .referrals-app span.rollover:hover {
        opacity: 1;
        -o-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -webkit-transition: -webkit-transform 1s;
    }

.referrals-app .default-profile-image {
    opacity: 1;
    z-index: 1;
}

    .referrals-app .default-profile-image:hover {
        opacity: .4;
    }

.referrals-app .plus {
    font-family: Helvetica;
    font-weight: 900;
    color: white;
    font-size: 96px;
}

.referrals-app .myFade {
    background: black;
}

.referrals-app .divider {
    margin: 20px 0;
}

    .referrals-app .divider .line {
        width: 100%;
        margin: auto;
    }

        .referrals-app .divider .line h2 span {
            background: white;
            padding: 0 10px;
            color: #425267;
            font-size: 1.2em;
        }

        .referrals-app .divider .line h2 {
            width: 100%;
            text-align: center;
            border-bottom: 2px solid #425267;
            line-height: 0.1em;
            font-weight: bold;
            margin: 0px 0 0px;
        }

#confirmReferralPage {
    height: 100%;
}

    #confirmReferralPage section {
        /*background: #1d252d;*/
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
    }

    #confirmReferralPage .logo-sm {
        height: 55px !important;
    }

    #confirmReferralPage .header {
        background: #1d252d;
    }

@media(min-width: 600px) {
    #confirmReferralPage .logo-sm {
        margin-left: 0 !important;
    }
}

@media(max-width: 768px) {
    #confirmReferralPage .logo-sm {
        height: 45px !important;
        margin-bottom: 0;
    }
}

#confirmReferralPage .content {
    margin: auto;
    max-width: 600px;
    border-radius: 2px;
    padding-bottom: 40px;
}

#confirmReferralPage .heading {
    background: url(../images/banjo_partners.jpg) no-repeat;
}

#confirmReferralPage .heading {
    background: linear-gradient(rgba(29, 37, 45, 0.6), rgba(29, 37, 45, 0.8)), url(../images/freedom.jpg) no-repeat center top;
}

#confirmReferralPage .heading {
    width: 100%;
    height: 280px;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
}

    #confirmReferralPage .heading h1 {
        color: #fff;
        font-size: 3em;
        z-index: 1;
        margin: auto;
        padding: 0 15px;
        line-height: 1.1;
    }

#confirmReferralPage .context {
    background: #fff;
    padding: 15px 15px 30px;
}

/* End Referral Campaign
-------------------------------------------------*/

.cobrandPoweredBy {
    display: none;
}

.loanScheduleTotalFees {
    font-size: 1.25em;
    margin-bottom: 0;
    color: #34d9c3;
}

@media (min-width: 200px) {
    input.overdraftlimit {
        max-width: 100%;
    }
}

.productSelectorButton {
    padding: 10px 10px !important;
    margin-right: 5px;
    margin-top: 5px;
    width: 220px;
}

.productGroupSelectorButton {
    padding: 10px 10px !important;
    margin-right: 5px;
    margin-top: 5px;
    width: 256px;
}

@media (min-width: 787px) {
    .acc-pkg-manage-banks {
        height: auto;
    }
}

.banjo-rhs-form .ctx .box .banjo-img {
    height: 55px;
    margin: auto
}

.dropdown-menu .divider {
    margin: 0px;
    height: 2px;
}

.dropdown-menu {
    max-height: 420px;
}

.menu-anchor {
    min-width: 100%;
    display: table-row;
    padding: 10px;
    color: #fff;
}

.menu-item {
    display: table;
    padding: 15px;
    min-width: 100%;
}

    .menu-item:hover {
        background-color: #5f73ff;
    }


.sub-menu {
    padding: 0px;
}

.business-name, .menu-action, .banjo-parent-nav .dropdown .dropdown-menu li a.menu-action, .menu-action:hover {
    color: #fff;
    font-weight: bold;
    background: transparent;
    padding: 0px;
}

    .menu-action:hover, .menu-action:focus {
        color: #fff;
    }

.business-name-btn {
    font-size: 0.9em;
    background: transparent;
    border: none;
    margin: 15px 40px 10px 40px;
    height: 25px;
    width: 80%;
}

    .business-name-btn:focus {
        border: none;
        outline: none;
    }

.business-name {
    white-space: nowrap;
    overflow: hidden;
    margin-top: 5px;
    text-overflow: ellipsis;
    float: left;
    max-width: 290px;
}

.menu-business {
    font-size: 1.2em;
}

.menu-details, .menu-app-link {
    font-weight: normal;
    font-size: 13px;
    color: #fff;
}

.menu-app-link {
    color: #00cccc;
    font-size: 17px;
    font-weight: bold;
}

.navbar-header {
    float: none;
}

.accordion {
    margin-top: 105px;
    /*border-top: 1px solid rgb(51, 63, 79);*/
}

.menu-scroll-btn, .banjo-parent-nav .dropdown .dropdown-menu li.menu-scroll-btn {
    border: none;
}

.scroll-btn {
    width: 100%;
    background: transparent;
}

.btn-collapse, .btn-collapse:hover {
    border: none;
    background: transparent;
    color: #fff;
    float: right;
}

    .btn-collapse i {
        margin-top: 5px;
    }

.menu-action-container {
    margin-top: 7px;
}

.menu-selected {
    background-color: #0039f6;
}

.top-menu-link {
    font-size: 1.7em;
    margin-top: 10px;
    color: #30003c;
}

.white {
    color: #fff !important;
}

@media (max-width: 768px) {

    .banjo-parent-nav .dropdown .dropdown-menu.toggle, .dropdown-menu .toggle {
        max-height: auto;
    }

    .business-name {
        max-width: 100%;
    }

    .business-name-btn {
        width: 85%;
    }

    .menu-item {
        padding-left: 50px;
    }

    .banjo-parent-nav .dropdown .dropdown-menu {
        width: 100%
    }
}


@media(max-width: 320px) {
    .business-name {
        max-width: 260px;
    }

    .menu-item {
        padding-left: 50px;
    }

    .business-name-btn {
        width: 80%;
    }
}

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

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

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

.hm-disclaimer {
    display: none;
}

.box, .details {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.box {
    width: 80%;
}

.divider {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.line {
    width: 70%;
    margin: auto;
    border: 1px solid #fff;
    height: 2px;
}


@media screen and (min-width: 320px) {
    .register-frm-wrap {
        padding: 10px 0px;
        width: 100%;
        overflow: hidden;
    }

    .box {
        width: 100%;
        vertical-align: middle;
    }

    .line, .divider {
        display: none;
    }
}

@media screen and (min-width: 692px) {
    .register-frm-wrap {
        overflow: hidden;
        font-weight: bold;
        font-size: 20px;
        padding-bottom: 5px;
        color: #333f4f;
        background-color: #fff;
        border-radius: 5px;
    }

    .box {
        width: 80%;
        vertical-align: middle;
    }

    .line {
        display: block;
        width: 90%;
    }
}

@media screen and (min-width: 769px) {
    .divider {
        display: block;
    }

    .line {
        display: block;
        width: 75%;
    }
}

/* Month Date Ranger Picker*/

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

.banjocal-icon {
    border: solid 1px #ddd;
    border-radius: 5px 0px 0px 5px;
    color: #40667A;
    background: #eee;
    padding: 7px;
    margin-right: 0px;
}

.banjocal-monthdisplay {
    display: inline-block !important;
    border: solid 1px #ddd;
    padding: 5px 12px 5px 8px;
    border-radius: 0px 5px 5px 0px;
    background-color: #fff;
    cursor: pointer;
    margin-left: -5px;
}

.banjocal-lowerMonth, .banjocal-upperMonth {
    color: #40667A;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.banjocal-to {
    color: #aaa;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 11px;
    text-transform: uppercase;
    /* background-color: #eee; */
    padding: 5px 3px 5px 3px;
}

.banjocal-calendar {
    display: inline-block;
    padding: 3px 5px;
    border-right: solid #999 1px;
}

    .banjocal-calendar::last-child {
        border-right: none;
    }

.banjocal-month {
    padding: 20px;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 12px;
    height: 50px;
}

.banjocal-calendar h5 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 18px
}

.banjocal-disabled {
    opacity: 0.6;
}

    .banjocal-disabled:hover {
        cursor: not-allowed !important;
    }

.banjocal-selected {
    background: #34d9c3;
    color: #fff;
}

.banjocal-month:hover {
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ddd inset;
    cursor: pointer;
}

.banjocal-selected.banjocal-month:hover {
    border-radius: 0px;
    box-shadow: none;
}

.banjocal-calendarholder .col-xs-6 {
    max-width: 250px;
    min-width: 250px;
}

.banjocal-calendarholder .col-xs-1 {
    max-width: 150px;
    min-width: 150px;
}

.banjocal-calendarholder .btn-info {
    background-color: #40667A;
    border-color: #406670;
    width: 100%;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 10px;
    padding: 10px 0px;
}

.banjocal-quickset {
    color: #666;
    text-transform: uppercase;
    text-align: center;
}

.banjocal-yeardown, .banjocal-yearup {
    margin-left: 5px;
    cursor: pointer;
    color: #666;
}

.banjocal-yeardown {
    float: left;
}

.banjocal-yearup {
    float: right;
}

    .banjocal-yeardown:hover, .banjocal-yearup:hover {
        color: #40667A;
    }

.banjocal-calendar:first .banjocal-selected:first {
    background-color: #40667A;
}

.banjocal-calendar:last .banjocal-selected:last {
    background-color: #40667A;
}

.popover {
    max-width: 1920px !important;
}

.inline-object {
    display: inline;
}

.xero-button {
    border: none;
    display: inline;
    float: right;
    margin-top: -0.2em;
    margin-right: 1em;
}

.xero-logo {
    margin-top: -0.5em;
    margin-left: 2em;
    width: 50px;
    height: 50px;
}

.xero-settings-header {
    padding-left: 1.1em;
}

.xero-consent-checkbox {
    padding-left: 3.7em;
}

.xero-tenant-header {
    padding-left: 2.3em;
}

.xero-checkbox-label {
    margin-top: 4px;
}

.xero-expense-select {
    margin-left: 1em;
}

.xero-update-expense-button {
    margin-top: 2.4em;
}

.xero-log-header {
    padding-left: 5px;
    padding-right: 5px
}

.xero-log-cell {
    margin: 5px;
    padding: 5px
}

.accounting-software-button {
    height: 100px;
    background-color: white;
    border: 2px solid #d9d9d9;
    border-radius: 0px !important;
}

    .selected, .accounting-software-button:hover, .accounting-software-button:focus, .accounting-software-button:active, .accounting-software-button.active {
        border: 2px solid #0039f6
    }

.short-accounting-button {
    width: 32%;
}

.long-accounting-button {
    width: 64%;
}

.zero-padding-left {
    padding-left: 0;
}

.radio-button-medium {
    display: inline;
    width: 15px;
    height: 15px;
}

.radio-button-medium-margin-left {
    margin-left: 6em !important;
}

.radio-button-medium-label {
    font-weight: normal;
    font-size: 1.2em;
    margin-left: 10px;
}

.asset-finance-financiertype {
    border-radius: 4px;
    padding: 10px 16px;
}


a.bank-statement-attention:visited {
    color: green;
    text-decoration: none;
}

a.bank-statement-attention {
    color: #0039f6;
    font-weight: bold;
    padding-top: unset !important;
}

.csv-upload-bank-account-name {
    word-break: break-all;
}
/*
 ******************* CSS Vertical Tabs *******************
 ******************* Author: Asif Mughal *****************
    https://codeconvey.com/pure-css-responsive-vertical-tabs/
*/
.vtabs-container {
    position: relative;
    /*background: #2652CC;*/
    /*width: 120px;*/
    /*height: 100vh;*/
    float: left;
    z-index: 19;
}
    /* vtabs names */
    .vtabs-container label {
        position: relative;
        padding: 10px;
        border-bottom: 2px solid rgba(0, 0, 0, 0.1);
        display: block;
/*        font-size: 13px;
        color: #fff;*/
        cursor: pointer;
        user-select: none;
    }

        /* Hover effect on vtabs names */
        .vtabs-container label:hover {
            background: rgba(0, 0, 0, 0.2);
        }

/* Content area for vtabs */
.vtab-content {
    position: relative;
/*    background: #eee;
    width: calc(100% - 120px);*/
    min-height: 100vh;
    padding: 15px;
    float: left;
    box-sizing: border-box;
    z-index: 20;
    display: none;
}

    .vtab-content:after {
        content: "";
        clear: both;
    }
/* Hide input radio from users */
input[name="vtab"] {
    display: none;
}
    /* Show vtab when input checked */
    input[name="vtab"]:checked + .vtab-content {
        display: block;
        animation: vtabslide 0.5s forwards;
    }

/* Slide animation for tab contents */
@keyframes vtabslide {
    from {
        left: -50%;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}