body {
    background-color: #F7F9FC;
    color: #6D788F;
    font-size: 13px;
    min-width: -webkit-fill-available;
}

#dropdownLogout {
    font-weight: 700;
    margin: 0;
}

.dropdown-item {
    color: #6D788F;
    font-size: 13px;
}

    .dropdown-item:hover {
        color: #6D788F;
        background-color: transparent;
    }

#secondsecondpercentageDesktopcircle {
    right: 111px;
    top: 12px;
    position: fixed
}

.staff-name-header {
    right: 130px;
}

.stay-hidden {
    display: none !important;
}

.logout-container {
    position: fixed;
    z-index: 6;
    right: 12px;
}

pre {
    background-color: #fff;
    border: 1px solid #444e66;
    display: block;
    margin: 0 0 10px;
    overflow: auto;
    padding: 10px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

.cursor-default {
    cursor: default !important;
}

b {
    -webkit-font-smoothing: antialiased;
}

a {
    color: #2D91E8;
}

form input.readonly {
    background-color: #eeeeee;
}

.nojs-header {
    background: #ff0000;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

@keyframes nojs-header-blink {
    50% {
        background: #000;
    }
}

@-webkit-keyframes nojs-header-blink {
    50% {
        background: #000;
    }
}


.headerdesktop {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);
    display: block;
    height: 80px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
}

    .headerdesktop .navbar {
        padding-bottom: 23px;
        padding-top: 23px;
    }

.headermobile {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);
    display: block;
    height: 85px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
}

    .headermobile .navbar {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .headermobile .navbar-item {
        min-width: 50px;
    }

.logo {
    display: block;
    width: 139px;
}

.contactinfo_heading {
    display: flex;
    font-weight: 600;
    justify-content: center;
    line-height: 36px;
    margin-top: 0px;
    padding-left: 18%;
    padding-right: 18%;
    text-align: center;
}

.p34 {
    padding-bottom: 34px;
}

.header-space {
    margin-top: 137px !important;
}

.vCenter {
    align-items: center;
    display: flex !important;
}

.pswdshow {
    color: #2D91E8;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 56px;
}

.appidtitle {
    color: #6D788F;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 6px;
    margin-top: 0px;
}

.help-text {
    color: #253656;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.form-label {
    display: block;
    font-size: 13px;
    margin-bottom: 9px;
}

.custom-label {
    color: #1D2941;
    font-size: 16px;
    font-weight: 600 !important;
}

.progress {
    background: #D3D3D3;
    border-radius: 4px;
    margin-top: 25px;
    padding: 21px 23px;
}

    .progress.progress-mobile {
        background: #0a4472;
        border-radius: 4px;
        position: absolute;
        top: 54.6px;
        right: 0px;
        width: 100% !important
    }


.progress-bar {
    background: #053052;
    position: relative;
}

.progress-step {
    background: #a7be39;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 12.5%;
}

.progress-area {
    border-radius: 10px;
    height: 10px;
}

.userDetails {
    position: absolute;
    right: 20px;
    top: 0;
}

    .userDetails a {
        color: #fff;
        font-size: 12px;
        text-decoration: none;
    }

    .userDetails .userName {
        color: #fff;
        display: block;
        font-weight: 700;
    }

.applicantDetails {
    font-size: 14px;
}

.applicantDetails-appId {
    font-size: 24px;
    font-weight: bold;
    line-height: 31px;
    padding-bottom: 10px;
}

/* title area */

.titleBar {
    background: #0a4472;
}

.titleBarTitle {
    position: relative;
}

    .titleBarTitle:after {
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        bottom: -1px;
        content: '';
        left: 0;
        position: absolute;
    }

.helpTitle:after {
    border-bottom: 10px solid #e0e0e0;
    left: 30px;
}

.helpTitle {
    color: #fff;
    line-height: 3.8;
}

    .helpTitle > span {
        padding-left: 30px;
    }

.titleBar .container {
    position: relative;
}


h1 {
    color: #253656;
    font-size: 125%;
    margin: 0;
}

tr h2 {
    color: #455;
}

h2,
.bigLegend {
    color: #253656;
    font-size: 112.5%;
    font-weight: bold;
}

h3 {
    font-size: 100%;
}

form h2 {
    font-size: 18px;
}

form h3 {
    /*font-size: 156%;*/
    margin: 0 0 10px;
}

.legend-plain {
    border: none;
    font-size: inherit;
    font-weight: bold;
}

.bigLegend {
    display: inline-block;
    margin-bottom: 10px;
}

/* content area */

.content {
    background-color: #F7F9FC;
}

.contentArea {
    padding: 40px 56px;
    /* TODO: v11: made adaptive for mobile and tablet */
    width: 50%;
}

.shadow {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .15) !important;
    opacity: 1;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.button-right-box {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 450px) {
    .btn-row {
        display: block !important;
    }
}

@media (min-width: 450px) and (max-width: 640px) {
    .btn-row .btn-save {
        margin-right: 4px;
    }

    .btn-row .continuebtn {
        margin-left: 4px;
    }
}

.border {
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    opacity: 1;
}

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

.box-center {
    align-items: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    box-shadow: 0px 1px 3px #0000000D;
    display: flex;
    height: 216px;
    justify-content: center;
    margin-bottom: 16px;
    opacity: 1;
    text-align: center;
    width: 264px;
}

.bottom-box {
    background-color: transparent;
    border: 1px solid #DADFE8;
    border-radius: 4px;
    min-height: 120px;
    opacity: 1;
    padding: 24px;
    width: 264px;
}

.contentArea h2:first-child {
    margin-top: 0;
}

/*.bigTitle {
    font-size: 24px;
    font-family: var(--bold_font);
}*/

.lending-determination-checkmark {
    color: #0c9b01;
    font-size: 35px;
}

.lending-halted-warning {
    color: #ff0000;
    font-size: 35px;
}

.sidebar {
    background-color: #1D2941;
    padding: 0;
    padding: 23px 0 0 0;
}

.list-group-item {
    border-bottom: 1px solid #cdcdcd;
    color: #515151;
    display: block;
    font-size: 75%;
    margin-bottom: -1px;
    padding: 10px 0;
    position: relative;
    text-decoration: none;
}

    .list-group-item a {
        color: #515151;
        text-decoration: none;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
    }

.callout {
    display: table;
    margin: 10px 0;
    width: 100%;
}

.info {
    margin: 15px 0;
    background: #f2f2f2;
    padding: 20px;
    position: relative;
}

    .info > p {
        margin: 0;
    }

    .info.restrict-dimensions {
        margin-bottom: 5px;
        margin-left: 5px;
        margin-top: 10px;
        width: 460px;
    }

    .info.width-lock {
        width: 580px;
    }

    .info.broughtyou {
        border-bottom: 1px solid #666;
        border-top: 1px solid #666;
    }

        .info.broughtyou > .control-label {
            font-size: 16px;
            margin-bottom: 10px;
        }


.info-body {
    margin-left: 40px;
}

.info-close {
    color: #6D788F;
    cursor: pointer;
    font-size: 22px;
    left: 15px;
    position: absolute;
    top: 12px;
}

.info-close-right {
    left: auto;
    right: 12px;
    top: 12px;
}

.business-type-choices .choice {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 20px 10px 0;
    overfloW: hidden;
    text-align: center;
    vertical-align: top;
    width: 146px;
}

    .business-type-choices .choice .business-type {
        background-color: #FFF;
        background-position: 30px 30px;
        background-repeat: no-repeat;
        background-size: 80px 80px;
        border: 3px solid #e5e5e5;
        border-radius: 5px;
        display: block;
        height: 140px;
        width: 140px;
    }

    .business-type-choices .choice:hover .business-type {
        background-color: #1dbbb0;
        border-color: #1dbbb0;
    }

    .business-type-choices .choice.selected .business-type,
    .business-type-choices .choice.selected:hover .business-type {
        background-color: #00529c;
        border-color: #00529c;
    }

    .business-type-choices .choice .business-type.corporation {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0iIzY2NjY2NiI+PGc+PGc+PHBhdGggZD0iTTE3LjUsMjVoLTUuMVYzMGg1LjFWMjV6IE0zNy42LDIwLjFoLTUuMXY1LjFoNS4xVjIwLjF6IE00Ny42LDIwLjFoLTUuMXY1LjFoNS4xVjIwLjF6IE01Ny41LDIwLjFoLTUuMXY1LjFoNS4xVjIwLjF6IE0zNy42LDEwLjFoLTUuMXY1LjFoNS4xVjEwLjF6IE00Ny42LDEwLjFoLTUuMXY1LjFoNS4xVjEwLjF6IE01Ny41LDEwLjFoLTUuMXY1LjFoNS4xVjEwLjF6IE0zNy42LDQwaC01LjF2NS4xaDUuMVY0MHogTTQ3LjYsNDBoLTUuMXY1LjFoNS4xVjQweiBNNTcuNSw0MGgtNS4xdjUuMWg1LjFWNDB6IE0zNy42LDUwaC01LjFWNTVoNS4xVjUweiBNNTcuNSw1MGgtNS4xVjU1aDUuMVY1MHogTTM3LjYsNTkuOWgtNS4xVjY1aDUuMVY1OS45eiBNNTcuNSw1OS45aC01LjFWNjVoNS4xVjU5Ljl6IE0zNy42LDMwaC01LjF2NS4xaDUuMVYzMHogTTQ3LjYsMzBoLTUuMXY1LjFoNS4xVjMweiBNNTcuNSwzMGgtNS4xdjUuMWg1LjFWMzB6IE0xNy41LDM0LjloLTUuMVY0MGg1LjFWMzQuOXogTTE3LjUsNDUuMWgtNS4xdjUuMWg1LjFWNDUuMXogTTE3LjUsNTVoLTUuMXY1LjFoNS4xVjU1eiBNMTcuNSw2NWgtNS4xVjcwaDUuMVY2NXogTTQ3LjYsNTBoLTUuMVY1NWg1LjFWNTB6IE03Mi42LDM0LjloLTUuMVY1LjFjMC0yLjgtMi4zLTUuMS01LjEtNS4xSDI3LjdjLTIuOCwwLTUuMSwyLjMtNS4xLDUuMXYxMGgtMTVjLTIuOCwwLTUuMSwyLjMtNS4xLDUuMXY1NC45YzAsMi44LDIuMyw1LjEsNS4xLDUuMWg2NC44YzIuOCwwLDUuMS0yLjMsNS4xLTUuMVY0MEM3Ny41LDM3LjIsNzUuMywzNC45LDcyLjYsMzQuOUw3Mi42LDM0Ljl6IE0yMi42LDc0LjloLTE1VjIwLjFoMTVDMjIuNiwyMC4xLDIyLjYsNzQuOSwyMi42LDc0Ljl6IE02Mi42LDc0LjloLTE1di0xNWgtNS4xdjE1aC0xNVY1LjFoMzQuOXY2OS45SDYyLjZ6IE03Mi42LDc0LjloLTUuMXYtNS4xaDUuMVY3NC45eiBNNzIuNiw2NWgtNS4xdi01LjFoNS4xVjY1eiBNNzIuNiw1NWgtNS4xVjUwaDUuMVY1NXogTTcyLjYsNDUuMWgtNS4xVjQwaDUuMVY0NS4xeiIvPjwvZz48L2c+PC9zdmc+);
    }

    .business-type-choices .choice:hover .business-type.corporation,
    .business-type-choices .choice.selected .business-type.corporation {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNSwyNWgtNS4xVjMwaDUuMVYyNXogTTM3LjYsMjAuMWgtNS4xdjUuMWg1LjFWMjAuMXogTTQ3LjYsMjAuMWgtNS4xdjUuMWg1LjFWMjAuMXogTTU3LjUsMjAuMWgtNS4xdjUuMWg1LjFWMjAuMXogTTM3LjYsMTAuMWgtNS4xdjUuMWg1LjFWMTAuMXogTTQ3LjYsMTAuMWgtNS4xdjUuMWg1LjFWMTAuMXogTTU3LjUsMTAuMWgtNS4xdjUuMWg1LjFWMTAuMXogTTM3LjYsNDBoLTUuMXY1LjFoNS4xVjQweiBNNDcuNiw0MGgtNS4xdjUuMWg1LjFWNDB6IE01Ny41LDQwaC01LjF2NS4xaDUuMVY0MHogTTM3LjYsNTBoLTUuMVY1NWg1LjFWNTB6IE01Ny41LDUwaC01LjFWNTVoNS4xVjUweiBNMzcuNiw1OS45aC01LjFWNjVoNS4xVjU5Ljl6IE01Ny41LDU5LjloLTUuMVY2NWg1LjFWNTkuOXogTTM3LjYsMzBoLTUuMXY1LjFoNS4xVjMweiBNNDcuNiwzMGgtNS4xdjUuMWg1LjFWMzB6IE01Ny41LDMwaC01LjF2NS4xaDUuMVYzMHogTTE3LjUsMzQuOWgtNS4xVjQwaDUuMVYzNC45eiBNMTcuNSw0NS4xaC01LjF2NS4xaDUuMVY0NS4xeiBNMTcuNSw1NWgtNS4xdjUuMWg1LjFWNTV6IE0xNy41LDY1aC01LjFWNzBoNS4xVjY1eiBNNDcuNiw1MGgtNS4xVjU1aDUuMVY1MHogTTcyLjYsMzQuOWgtNS4xVjUuMWMwLTIuOC0yLjMtNS4xLTUuMS01LjFIMjcuN2MtMi44LDAtNS4xLDIuMy01LjEsNS4xdjEwaC0xNWMtMi44LDAtNS4xLDIuMy01LjEsNS4xdjU0LjljMCwyLjgsMi4zLDUuMSw1LjEsNS4xaDY0LjhjMi44LDAsNS4xLTIuMyw1LjEtNS4xVjQwQzc3LjUsMzcuMiw3NS4zLDM0LjksNzIuNiwzNC45TDcyLjYsMzQuOXogTTIyLjYsNzQuOWgtMTVWMjAuMWgxNUMyMi42LDIwLjEsMjIuNiw3NC45LDIyLjYsNzQuOXogTTYyLjYsNzQuOWgtMTV2LTE1aC01LjF2MTVoLTE1VjUuMWgzNC45djY5LjlINjIuNnogTTcyLjYsNzQuOWgtNS4xdi01LjFoNS4xVjc0Ljl6IE03Mi42LDY1aC01LjF2LTUuMWg1LjFWNjV6IE03Mi42LDU1aC01LjFWNTBoNS4xVjU1eiBNNzIuNiw0NS4xaC01LjFWNDBoNS4xVjQ1LjF6Ii8+PC9nPjwvZz48L3N2Zz4=);
    }

    .business-type-choices .choice .business-type.unincorporated {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiAgICAgdmlld0JveD0iMCAwIDgwIDgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4MCA4MDsiIGZpbGw9IiM2NjY2NjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik03NC43LDIwQzYzLjcsMC45LDM5LjEtNS43LDIwLDUuM0MwLjksMTYuMy01LjcsNDAuOSw1LjMsNjBjMTEsMTkuMSwzNS41LDI1LjcsNTQuNiwxNC43Qzc5LjEsNjMuNyw4NS43LDM5LjEsNzQuNywyMEw3NC43LDIweiBNNzMuNCw1NC45bC0wLjktMS41Yy0wLjQtMC42LTEuMS0xLTEuOC0wLjhMNTkuMSw1NWwtOC40LTYuMkw1Mi4xLDM1bDkuOC01LjZsMTAuNyw0LjhjMC43LDAuMywxLjUsMC4xLDItMC40bDEuMi0xLjNDNzcuNCw0MCw3Ni41LDQ3LjksNzMuNCw1NC45TDczLjQsNTQuOXogTTY0LjUsMTIuOGwtMS43LDAuNGMtMC43LDAuMi0xLjMsMC44LTEuMywxLjVsLTEuMiwxMS43TDUwLjQsMzJsLTEyLjctNS43bC0xLjEtMTAuNGw3LjktOC44YzAuNS0wLjUsMC42LTEuNCwwLjItMmwtMC45LTEuNUM1MS41LDQuNSw1OC43LDcuNiw2NC41LDEyLjhMNjQuNSwxMi44eiBNMjEuOCw4LjNMMjEuNiwxMGMwLDAuNCwwLDAuNywwLjIsMWMwLjIsMC4zLDAuNCwwLjYsMC44LDAuN2wxMC42LDQuN2wxLjEsMTAuNGwtOS40LDEwLjVMMTYsMzUuOGwtNS45LTEwLjNjLTAuNC0wLjYtMS4xLTEtMS44LTAuOGwtMS43LDAuNEM5LjcsMTguMywxNC44LDEyLjMsMjEuOCw4LjNDMjEuNyw4LjMsMjEuNyw4LjMsMjEuOCw4LjNMMjEuOCw4LjN6IE00LjIsNDcuNmwxLjYsMC43YzAuNywwLjMsMS41LDAuMSwyLTAuNGw3LjgtOC43bDguOSwxLjZsNy4xLDEyLjNsLTMuMSw4LjVMMTcsNjMuOWMtMC43LDAuMi0xLjMsMC44LTEuMywxLjVsLTAuMiwxLjdjLTIuOC0yLjUtNS4yLTUuNS03LjItOC45QzYuMyw1NC44LDUsNTEuMiw0LjIsNDcuNkw0LjIsNDcuNnogTTM2LjIsNzYuM2wxLjEtMS4zYzAuNS0wLjUsMC42LTEuNCwwLjItMmwtNS45LTEwLjJsMy4xLTguNWwxMy44LTIuOWw4LjQsNi4ybC0xLjIsMTEuNmMwLDAuNCwwLDAuNywwLjIsMWMwLjIsMC4zLDAuNCwwLjYsMC44LDAuN2wxLjYsMC43YzAsMCwwLDAsMCwwQzUxLjMsNzUuNyw0My42LDc3LjEsMzYuMiw3Ni4zTDM2LjIsNzYuM3ogTTM2LjIsNzYuMyIgLz48L2c+PC9zdmc+);
    }

    .business-type-choices .choice:hover .business-type.unincorporated,
    .business-type-choices .choice.selected .business-type.unincorporated {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzQuNywyMEM2My43LDAuOSwzOS4xLTUuNywyMCw1LjNDMC45LDE2LjMtNS43LDQwLjksNS4zLDYwYzExLDE5LjEsMzUuNSwyNS43LDU0LjYsMTQuN0M3OS4xLDYzLjcsODUuNywzOS4xLDc0LjcsMjBMNzQuNywyMHogTTczLjQsNTQuOWwtMC45LTEuNWMtMC40LTAuNi0xLjEtMS0xLjgtMC44TDU5LjEsNTVsLTguNC02LjJMNTIuMSwzNWw5LjgtNS42bDEwLjcsNC44YzAuNywwLjMsMS41LDAuMSwyLTAuNGwxLjItMS4zQzc3LjQsNDAsNzYuNSw0Ny45LDczLjQsNTQuOUw3My40LDU0Ljl6IE02NC41LDEyLjhsLTEuNywwLjRjLTAuNywwLjItMS4zLDAuOC0xLjMsMS41bC0xLjIsMTEuN0w1MC40LDMybC0xMi43LTUuN2wtMS4xLTEwLjRsNy45LTguOGMwLjUtMC41LDAuNi0xLjQsMC4yLTJsLTAuOS0xLjVDNTEuNSw0LjUsNTguNyw3LjYsNjQuNSwxMi44TDY0LjUsMTIuOHogTTIxLjgsOC4zTDIxLjYsMTBjMCwwLjQsMCwwLjcsMC4yLDFjMC4yLDAuMywwLjQsMC42LDAuOCwwLjdsMTAuNiw0LjdsMS4xLDEwLjRsLTkuNCwxMC41TDE2LDM1LjhsLTUuOS0xMC4zYy0wLjQtMC42LTEuMS0xLTEuOC0wLjhsLTEuNywwLjRDOS43LDE4LjMsMTQuOCwxMi4zLDIxLjgsOC4zQzIxLjcsOC4zLDIxLjcsOC4zLDIxLjgsOC4zTDIxLjgsOC4zeiBNNC4yLDQ3LjZsMS42LDAuN2MwLjcsMC4zLDEuNSwwLjEsMi0wLjRsNy44LTguN2w4LjksMS42bDcuMSwxMi4zbC0zLjEsOC41TDE3LDYzLjljLTAuNywwLjItMS4zLDAuOC0xLjMsMS41bC0wLjIsMS43Yy0yLjgtMi41LTUuMi01LjUtNy4yLTguOUM2LjMsNTQuOCw1LDUxLjIsNC4yLDQ3LjZMNC4yLDQ3LjZ6IE0zNi4yLDc2LjNsMS4xLTEuM2MwLjUtMC41LDAuNi0xLjQsMC4yLTJsLTUuOS0xMC4ybDMuMS04LjVsMTMuOC0yLjlsOC40LDYuMmwtMS4yLDExLjZjMCwwLjQsMCwwLjcsMC4yLDFjMC4yLDAuMywwLjQsMC42LDAuOCwwLjdsMS42LDAuN2MwLDAsMCwwLDAsMEM1MS4zLDc1LjcsNDMuNiw3Ny4xLDM2LjIsNzYuM0wzNi4yLDc2LjN6IE0zNi4yLDc2LjMiLz48L2c+PC9zdmc+);
    }

    .business-type-choices .choice .business-type.sole {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiAgICAgdmlld0JveD0iMCAwIDgwIDgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4MCA4MDsiIGZpbGw9IiM2NjY2NjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGQ9Ik00MC4xLDM3LjJjOC43LDAsMTUuNy03LDE1LjctMTUuN2MwLTguNi03LTE1LjctMTUuNy0xNS43Yy04LjYsMC0xNS43LDctMTUuNywxNS43QzI0LjYsMzAuMSwzMS42LDM3LjIsNDAuMSwzNy4yTDQwLjEsMzcuMnoiIC8+PHBhdGggZD0iTTQ2LjgsMzguM0gzMy41Yy0xMSwwLTIwLjEsOC45LTIwLjEsMjAuMXYxNi4zdjAuMmwxLDAuM2MxMC41LDMuMywxOS44LDQuNCwyNy4zLDQuNGMxNC43LDAsMjMuMy00LjIsMjMuOC00LjVsMS0wLjVoMC4yVjU4LjJDNjYuOSw0Ny4yLDU3LjgsMzguMyw0Ni44LDM4LjNMNDYuOCwzOC4zeiIgLz48cGF0aCBkPSJNMjYuNywzNS41IiAvPjwvZz48L2c+PC9zdmc+);
    }

    .business-type-choices .choice:hover .business-type.sole,
    .business-type-choices .choice.selected .business-type.sole {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDAuMSwzNy4yYzguNywwLDE1LjctNywxNS43LTE1LjdjMC04LjYtNy0xNS43LTE1LjctMTUuN2MtOC42LDAtMTUuNyw3LTE1LjcsMTUuN0MyNC42LDMwLjEsMzEuNiwzNy4yLDQwLjEsMzcuMkw0MC4xLDM3LjJ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ2LjgsMzguM0gzMy41Yy0xMSwwLTIwLjEsOC45LTIwLjEsMjAuMXYxNi4zdjAuMmwxLDAuM2MxMC41LDMuMywxOS44LDQuNCwyNy4zLDQuNGMxNC43LDAsMjMuMy00LjIsMjMuOC00LjVsMS0wLjVoMC4yVjU4LjJDNjYuOSw0Ny4yLDU3LjgsMzguMyw0Ni44LDM4LjNMNDYuOCwzOC4zeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNi43LDM1LjUiLz48L2c+PC9nPjwvc3ZnPg==);
    }

    .business-type-choices .choice .business-type.partnership {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgZmlsbD0iIzY2NjY2NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PHBhdGggZD0iTTQ3LjUsMjIuNGMzLjUsMi4yLDYsNiw2LjUsMTAuMmMxLjUsMC42LDMsMSw0LjcsMWM2LjEsMCwxMS4yLTUsMTEuMi0xMS4ycy01LTExLjItMTEuMi0xMS4yQzUyLjUsMTEuNSw0Ny43LDE2LjMsNDcuNSwyMi40TDQ3LjUsMjIuNHoiLz48cGF0aCBkPSJNNDAuMiw0NS4zYzYuMiwwLDExLjItNSwxMS4yLTExLjJjMC02LjEtNS0xMS4yLTExLjItMTEuMmMtNi4xLDAtMTEuMiw1LTExLjIsMTEuMkMyOS4yLDQwLjIsMzQuMSw0NS4zLDQwLjIsNDUuM0w0MC4yLDQ1LjN6Ii8+PHBhdGggZD0iTTQ0LjksNDZoLTkuNGMtNy44LDAtMTQuMyw2LjMtMTQuMywxNC4zdjExLjV2MC4xbDAuNywwLjJjNy40LDIuNCwxNCwzLjEsMTkuNCwzLjFjMTAuNCwwLDE2LjUtMywxNi45LTMuMmwwLjctMC40aDAuMVY2MC4yQzU5LjIsNTIuMyw1Mi43LDQ2LDQ0LjksNDZMNDQuOSw0NnoiLz48cGF0aCBkPSJNNjMuMywzNC40SDU0Yy0wLjEsMy43LTEuNyw3LjEtNC4yLDkuNmM3LDIuMSwxMiw4LjYsMTIsMTYuMXYzLjZjOS4yLTAuNCwxNC41LTMsMTQuOS0zLjFsMC43LTAuNGgwLjFWNDguN0M3Ny42LDQwLjksNzEuMiwzNC40LDYzLjMsMzQuNEw2My4zLDM0LjR6Ii8+PHBhdGggZD0iTTIwLjcsMzMuN2MyLjIsMCw0LjItMC42LDYtMS43YzAuNS0zLjYsMi41LTYuNyw1LjItOC44YzAtMC4yLDAtMC40LDAtMC42YzAtNi4xLTUtMTEuMi0xMS4yLTExLjJjLTYuMSwwLTExLjIsNS0xMS4yLDExLjJDOS41LDI4LjcsMTQuNiwzMy43LDIwLjcsMzMuN0wyMC43LDMzLjd6Ii8+PHBhdGggZD0iTTMwLjYsNDRjLTIuNS0yLjQtNC4xLTUuNy00LjItOS40Yy0wLjQsMC0wLjcsMC0xLDBIMTZjLTcuOCwwLTE0LjMsNi4zLTE0LjMsMTQuM3YxMS41djAuMWwwLjcsMC4yYzYsMS45LDExLjQsMi43LDE2LDN2LTMuNUMxOC42LDUyLjYsMjMuNyw0Ni4xLDMwLjYsNDRMMzAuNiw0NHoiLz48cGF0aCBkPSJNMzAuNiw0NCIvPjwvZz48L2c+PC9zdmc+);
    }

        .business-type-choices .choice .business-type.partnership svg {
            fill: red;
        }

    .business-type-choices .choice:hover .business-type.partnership,
    .business-type-choices .choice.selected .business-type.partnership {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcuNSwyMi40YzMuNSwyLjIsNiw2LDYuNSwxMC4yYzEuNSwwLjYsMywxLDQuNywxYzYuMSwwLDExLjItNSwxMS4yLTExLjJzLTUtMTEuMi0xMS4yLTExLjJDNTIuNSwxMS41LDQ3LjcsMTYuMyw0Ny41LDIyLjRMNDcuNSwyMi40eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MC4yLDQ1LjNjNi4yLDAsMTEuMi01LDExLjItMTEuMmMwLTYuMS01LTExLjItMTEuMi0xMS4yYy02LjEsMC0xMS4yLDUtMTEuMiwxMS4yQzI5LjIsNDAuMiwzNC4xLDQ1LjMsNDAuMiw0NS4zTDQwLjIsNDUuM3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQuOSw0NmgtOS40Yy03LjgsMC0xNC4zLDYuMy0xNC4zLDE0LjN2MTEuNXYwLjFsMC43LDAuMmM3LjQsMi40LDE0LDMuMSwxOS40LDMuMWMxMC40LDAsMTYuNS0zLDE2LjktMy4ybDAuNy0wLjRoMC4xVjYwLjJDNTkuMiw1Mi4zLDUyLjcsNDYsNDQuOSw0Nkw0NC45LDQ2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02My4zLDM0LjRINTRjLTAuMSwzLjctMS43LDcuMS00LjIsOS42YzcsMi4xLDEyLDguNiwxMiwxNi4xdjMuNmM5LjItMC40LDE0LjUtMywxNC45LTMuMWwwLjctMC40aDAuMVY0OC43Qzc3LjYsNDAuOSw3MS4yLDM0LjQsNjMuMywzNC40TDYzLjMsMzQuNHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAuNywzMy43YzIuMiwwLDQuMi0wLjYsNi0xLjdjMC41LTMuNiwyLjUtNi43LDUuMi04LjhjMC0wLjIsMC0wLjQsMC0wLjZjMC02LjEtNS0xMS4yLTExLjItMTEuMmMtNi4xLDAtMTEuMiw1LTExLjIsMTEuMkM5LjUsMjguNywxNC42LDMzLjcsMjAuNywzMy43TDIwLjcsMzMuN3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzAuNiw0NGMtMi41LTIuNC00LjEtNS43LTQuMi05LjRjLTAuNCwwLTAuNywwLTEsMEgxNmMtNy44LDAtMTQuMyw2LjMtMTQuMywxNC4zdjExLjV2MC4xbDAuNywwLjJjNiwxLjksMTEuNCwyLjcsMTYsM3YtMy41QzE4LjYsNTIuNiwyMy43LDQ2LjEsMzAuNiw0NEwzMC42LDQ0eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMC42LDQ0Ii8+PC9nPjwvZz48L3N2Zz4=);
    }

.noteToggle {
    padding: 18px 18px 18px 57px;
}

    .noteToggle > div > p:first-child {
        margin-top: 0;
    }

    .noteToggle > div > p:last-child {
        margin-bottom: 0;
    }

.tcell {
    display: table-cell;
    vertical-align: middle;
}

/* footer */

.footer {
    background: #0b5b9c linear-gradient(to bottom, #094c82, #0b5b9c);
    color: #6393bc;
    font-size: 12px;
    line-height: 18px;
    padding: 35px 0;
}

    .footer h2 {
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

    .footer a {
        color: #23bcf4;
        text-decoration: none;
    }

        .footer a:hover {
            color: #fff;
        }

    .footer .feedback {
        color: #fff;
    }

.subfooter {
    color: #696969;
    padding: 35px 0;
}

.navFooter li {
    border-left: 1px solid #696969;
    margin-left: 10px;
    padding-left: 10px;
}

    .navFooter li:first-child {
        border-left: none;
        margin-left: 0;
    }

.navFooter a {
    color: #959595;
}

    .navFooter a:hover {
        color: #fff;
    }

.helpBar {
    display: none;
}

.applicationCriteria {
    margin-bottom: 1em;
    overflow: hidden;
}

    .applicationCriteria div {
        float: left;
    }

    .applicationCriteria .text {
        width: 565px;
    }

        .applicationCriteria .text h3 {
            font-size: 18px;
            margin: 0.5em 0 0;
        }

    .applicationCriteria .icon {
        border-radius: 50px;
        height: 35px;
        margin-right: 20px;
        padding: 20px;
        text-align: center;
        width: 35px;
    }

        .applicationCriteria .icon svg {
            height: 35px;
            width: 35px;
        }

            .applicationCriteria .icon svg path,
            .applicationCriteria .icon svg circle,
            .applicationCriteria .icon svg rect {
                fill: #FFF;
            }

/* simple grid */

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
    padding-left: 15px;
    /* may need clearfix */
    padding-right: 15px;
}

.btm100 {
    margin-bottom: 100px;
}

.row {
    margin-left: 0px;
    /* needs clearfix */
    margin-right: 0px;
}

.greyicn {
    height: 50px;
    margin-bottom: 25px;
    width: 50px;
}

.activecircle {
    color: #2D91E8;
    font-size: 6px;
    margin-left: 15px;
    margin-right: 9px;
}

.greycircle {
    color: #AAB0BD;
    font-size: 6px;
    margin-left: 15px;
    margin-right: 9px;
}

.redcircle {
    color: #a94442;
    font-size: 6px;
    margin-left: 15px;
    margin-right: 9px;
}

.greencheck {
    color: #24D17E;
    font-size: 8px;
    margin-left: 15px;
    margin-right: 9px;
}

.greencheck-product-selection {
    color: #24D17E;
    font-size: 8px;
    margin-left: 15px;
    margin-right: 9px;
    width: 16px;
    height: 16px;
    margin-top: 4px;
}

.sizesm {
    font-size: 16px;
}

.cmplogo {
    height: 35px;
    width: 134px;
}

.custpadding {
    padding-bottom: 23px;
    padding-left: 28px;
    padding-top: 23px;
}

.custheight {
    align-items: flex-end;
    display: flex;
    height: 40px;
}

[class*="span"] {
    float: left;
    margin-left: 20px;
}

form[action="/application/documentsigning"] [class*="span"] {
    margin-left: 15px;
}

.span50 {
    width: 40%;
}

/*.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 309px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}*/

.col-offset-12 {
    margin-left: 940px;
}

.col-offset-11 {
    margin-left: 860px;
}

.col-offset-10 {
    margin-left: 780px;
}

.col-offset-9 {
    margin-left: 700px;
}

.col-offset-8 {
    margin-left: 620px;
}

.col-offset-7 {
    margin-left: 540px;
}

.col-offset-6 {
    margin-left: 460px;
}

.col-offset-5 {
    margin-left: 380px;
}

.col-offset-4 {
    margin-left: 300px;
}

.col-offset-3 {
    margin-left: 220px;
}

.col-offset-2 {
    margin-left: 140px;
}

.col-offset-1 {
    margin-left: 60px;
}

/* nav helpers */

.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .nav a {
        text-decoration: none;
    }

.navHorizontal li {
    float: left;
}

/* list helpers */

.list-unstyled {
    list-style: none;
    padding-left: 0;
}

.list-inside {
    list-style-position: inside;
    padding-left: 0;
}

/* text helpers */

b {
    color: #333;
}

.small {
    font-size: 70%;
    line-height: 1;
}

.requiredAllFields {
    font-size: 11px;
}

.requiredField:after {
    content: ' *';
}

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

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

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

/* helpers */

.inline {
    display: inline;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.full-width {
    width: 100%;
}

select.full-width {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 54px;
    width: 100%;
}

.row [class*="span"] > input[type=text],
.row [class*="span"] > input[type=password],
.row [class*="span"] > textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    box-sizing: border-box;
    opacity: 1;
    /*width: 98%;*/
    width: 100%;
}

.smallInput {
    width: 60px !important;
}

/* hours of operation */

.hours-of-operation > .title {
    /*padding-bottom: 10px;*/
    font-weight: 700;
}

.hours-of-operation .day {
    float: left;
    padding-right: 10px;
    width: 100px;
}

.hours-of-operation .hours {
    float: left;
    padding-bottom: 5px;
    width: 100px;
}

/* tables */

.table {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

.table-standard > thead > tr > th,
.table-standard > tfoot > tr > td {
    background-color: #f2f2f2;
    text-align: left;
}

.table-standard > thead > tr > th {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.table-standard > tbody > tr > td:first-child {
    color: #919191;
    font-weight: bold;
}

.table-standard > tfoot {
    color: #58b4e5;
}

.table-standard th,
.table-standard td {
    border-color: #dfdfdf;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    padding: 10px 15px;
    vertical-align: top;
}

.table-standard tr.trow-lg td,
.table-standard tr.trow-lg th {
    padding: 20px 15px;
}

.table-standard tr th:first-child,
.table-standard tr td:first-child {
    border-left: 0 none;
}

.table-standard tr td .form-group:first-child {
    padding-top: 0;
}

.table-standard tr td > .row {
    margin-left: 0;
}

.table-standard tr td [class*="span"]:first-child {
    margin-left: 0;
}

/* ----- page specific styles ----- */

/* index */

#joint {
    width: 50%;
}

#jointText {
    background: #0b5b9c;
    color: #fff;
    padding: 10px 0;
    width: 50%;
}

#jointTextInner {
    padding: 0 8%;
    position: relative;
}

    #jointTextInner:before {
        border-bottom: 13px solid transparent;
        border-left: 13px solid #f2f2f2;
        border-top: 13px solid transparent;
        content: '';
        left: 0;
        margin-top: -13px;
        position: absolute;
        top: 50%;
    }

#products,
#busProducts {
    margin-top: 40px;
}

.product-group-heading,
.financials-item-heading {
    background-color: #def0fa;
    background-position: 14px center;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 20px 25px 20px 11px;
    text-align: left;
    width: 100%;
}

    .product-group-heading.selected,
    .financials-item-heading.selected {
        background-color: #58b4e5;
    }

        .product-group-heading.selected b,
        .product-group-heading.selected strong {
            color: #fff;
        }

.product-group {
    margin: 0;
}

    .product-group > li {
        background: #f2f2f2;
        border: 2px solid #fff;
        padding: 10px 25px;
        position: relative;
    }

        .product-group > li:hover {
            border-color: #666;
        }


.products-separated .product-group > li ~ li,
.products-separated .product-group ~ .product-group {
    margin-top: 20px;
}

.product-group li .checkbox > input[type=checkbox],
.product-group li .radio > input[type=radio] {
    cursor: pointer;
    float: left;
    margin: 3px 15px 0 -10px;
}

    .product-group li .checkbox > label,
    .product-group li .radio > input[type=radio] + label {
        display: block;
        margin-left: 18px;
    }

.product-group li > a {
    color: #8b8b8b;
    margin-left: 10px;
}

.product-group li .description,
.product-group li .account-links {
    margin: 10px 0 10px 18px;
}

    .product-group li .account-links .lnk-accnt-features + a {
        margin-left: 10px;
    }

.product-group li .fee-interest {
    font-size: 165%;
    font-weight: bold;
    line-height: 16px;
    position: absolute;
    right: 25px;
    text-align: right;
    top: 15px;
}

    .product-group li .fee-interest span {
        font-size: 60%;
    }

.product-group li .account-features-popup {
    background: #ccc;
    border: 1px solid #999;
    margin-top: 20px;
    padding: 20px;
    position: relative;
}

    .product-group li .account-features-popup .arrow-up {
        border-bottom: 15px solid #666;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        height: 0;
        position: absolute;
        top: -15px;
        width: 0;
    }

    .product-group li .account-features-popup li {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        list-style-type: none;
        position: relative;
        top: 1px;
    }

        .product-group li .account-features-popup li:before {
            content: "\e013";
            font-family: 'Glyphicons Halflings';
            margin-left: -21px;
            margin-right: 8px;
            width: 15px;
        }

.product-group .note {
    background: #e3e3e3;
}

.product-details,
.fee-structure-details {
    background: #e3e3e3;
    margin: 15px -25px -11px -25px;
    padding: 10px 25px;
}

    .product-details .feature {
        padding-top: 10px;
    }

li:hover .product-details {
    margin: 15px -23px -8px -23px;
    padding: 10px 23px 8px;
}

.financials-item-heading-status {
    float: right;
}

financials-item-heading-status > img {
    margin-left: 5px;
}

.financials-item-heading + .financials-item-details {
    display: none;
}

.financials-item-heading.selected + .financials-item-details {
    background: #f2f2f2;
    display: block;
    padding: 0;
}

.financials-item-heading.selected > .financials-item-heading-status {
    display: none;
}

.financials-item-details [class*="span"] {
    margin-left: 5px;
}


.overdraft-modal {
    width: 443px;
}

    .overdraft-modal .inner {
        background-color: #82c7ec;
        border: 1px solid #82c7ec;
        border-radius: 4px 4px 0 0;
        color: #fff;
        font-size: 16px;
        padding: 20px 30px;
    }

        .overdraft-modal .inner .title {
            display: block;
            font-size: 26px;
            font-weight: bold;
        }

        .overdraft-modal .inner p {
            margin: 5px 0 10px;
        }

        .overdraft-modal .inner label {
            font-size: 12px;
        }

        .overdraft-modal .inner .checkbox > input[type=checkbox] {
            margin: 6px 0 0;
        }

    .overdraft-modal button {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 0;
    }

#fundAccount {
    margin-bottom: 15px;
}

#existingAccountToolTip {
    cursor: pointer;
}

#existingAccountToolTip-info {
    border: 1px solid #e7e7e7;
    display: none;
    margin-top: 15px;
    padding: 15px;
    position: relative;
}

    #existingAccountToolTip-info::before {
        border-bottom: 10px solid #e7e7e7;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: '';
        left: 57px;
        position: absolute;
        top: -11px;
    }

/* legal */

.legal-terms {
    /*max-height: 300px;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 10px;*/
    margin-bottom: 20px;
}

.trigger-font, .trigger-font a {
    color: #2D91E8;
    text-decoration: underline;
}
/* verify identity */

.question > ul {
    list-style-type: none;
    padding-left: 0;
}

    .question > ul li {
        padding-bottom: 10px;
    }

        .question > ul li:last-child {
            padding-bottom: 0;
        }

/* deposit page */

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

/* cheque page */

.info-table {
    background-color: #f2f2f2;
    border: 1px solid #e7e7e7;
    display: table;
}

    .info-table .tcell {
        padding: 20px;
        vertical-align: top;
    }

        .info-table .tcell:first-child {
            border-right: 1px solid #dfdfdf;
            color: #999;
            font-weight: bold;
        }

    .info-table .amount {
        color: #58b4e5;
        font-size: 40px;
        line-height: 40px;
    }

        .info-table .amount sup {
            font-size: 24px;
        }

.cheque-preview {
    background-color: #f2f2f2;
    padding: 35px 100px;
}

    .cheque-preview > img {
        display: block;
        margin: 0 auto;
    }

.img-sample {
    display: none;
}

/* employment info page */

#selfemployedText {
    margin-top: 15px;
}

td.hideMobile {
    display: table-cell;
}

.showMobile {
    display: none;
}

/* Verify - Staff */

.form-control.staffComments {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

/* Business Application - General*/

.bus-app {
    padding-bottom: 0;
}

    /*.bus-app + .titleBar .helpTitle {
	display: none;
}*/

    .bus-app .header-title {
        margin-bottom: 20px;
    }

.bus-app-nav {
    margin: 20px 0 0;
}

    .bus-app-nav .titleBar {
        display: none;
    }

    .bus-app-nav ul {
        margin: 0;
    }

    .bus-app-nav li {
        background-color: #4285c2;
        border-radius: 5px 5px 0 0;
        color: #fff;
        float: left;
        font-size: 80%;
        margin-left: 2px;
        padding: 10px 18px;
        text-align: center;
    }

        .bus-app-nav li:first-child {
            margin-left: 0;
        }

    .bus-app-nav .selected {
        /*font-weight: bold; causes ipad to break to next line*/
        background-color: #174173;
    }

    .bus-app-nav .locked {
        cursor: not-allowed;
        opacity: .5;
    }

    .bus-app-nav a {
        color: #fff;
        text-decoration: none;
    }

/* Business Application - Index */

#busAppLogin .resume-button {
    font-family: var(--regular_font);
    padding-top: 6px;
}

.switchApplication {
    margin-bottom: 20px;
}

    .switchApplication h2 {
        float: left;
        margin-top: 0.83em !important;
    }

/* Business Application - Document Upload */

.upload-list {
    background: #f2f2f2;
    margin: 20px 0;
    padding-top: 10px;
    position: relative;
}

    .upload-list:before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
        content: '';
        left: 20px;
        position: absolute;
        top: 0;
    }

    .upload-list .upload-table {
        border-bottom: 1px solid #ccc;
        display: table;
        width: 100%;
    }

    .upload-list .filename {
        width: 50%;
    }

    .upload-list .filenameInner {
        font-weight: bold;
        padding-left: 3%;
    }

    .upload-list .options {
        padding: 10px 0;
        text-align: right;
        width: 50%;
    }

    .upload-list .optionsInner {
        padding-right: 3%;
    }

/* Business Application - Review */

.header-row h2 {
    margin-bottom: 0;
}

hr.thick-line {
    border-top: 2px solid #ccc;
}

.status-complete {
    color: #24D17E;
    font-weight: bold;
}

    .status-complete:before {
        content: '\e808';
        font-weight: bold;
    }

.status-incomplete {
    color: #6d6d6d;
    font-weight: bold;
}

.status-percentage {
    color: #6d6d6d;
    font-weight: bold;
}

.status-incomplete:before {
    content: '\e80a';
    font-weight: bold;
}

.minus-in-circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 13px;
    height: 13px;
    position: relative;
    left: -20px;
}

.minus-in-circle::before {
        border-radius: 50%;
        border: 2px solid #AAB0BD;
        content: '-';
        position: absolute;
        left: -30px;
        padding: -12px;
        font-size: 20px;
        width: 13px;
        height: 13px;
        line-height: 6px;
        text-align: center;
    }

.float-right {
    float: right; /* Ensures the element floats to the right */
}
/* Signing Authority - Index */

.signing-authority-nav li {
    color: #62b2e6;
    float: left;
}

    .signing-authority-nav li.selected {
        font-weight: bold;
    }

    .signing-authority-nav li.sep {
        margin: 0 10px;
    }

.verified > .ic {
    color: #3ca92f;
    float: left;
    font-size: 200%;
    font-weight: bold;
    margin-right: 15px;
}

.verified > strong {
    display: block;
    margin-left: 50px;
}

/* Mobile Login */

.mobileLogin > .mobileLoginLinkWrapper {
    background: #b2b5b8;
    padding: 15px;
}

.mobileLoginLink {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJJY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDE0IDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0IDkiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgcG9pbnRzPSI3LDkgMC4wNDIsMi4wNDEgMi4wODMsMCA3LDQuOTE3IDExLjkxNywwIDEzLjk1OCwyLjA0MSAiLz4NCjwvc3ZnPg0K);
    background-position: right center;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    float: right;
    font-weight: bold;
    padding-right: 25px;
    text-decoration: none;
}

.mobileLogin > .mobileLoginForm {
    background: #e0e0e0;
    padding: 15px;
}

.mobileApplicantDetails {
    background: #e0e0e0;
    padding: 15px;
}

/* Promo Page */

.promo-hero-image {
    display: block;
    max-width: 100%;
}

.hr-or {
    margin: 1.5em 0;
    position: relative;
}

    .hr-or:after {
        background: inherit;
        content: 'OR';
        display: block;
        left: 46%;
        padding: 0 15px;
        position: absolute;
        top: -10px;
    }

.span-pt-27 {
    padding-top: 27px;
}

@media (max-width: 640px) {
    .left-text {
        text-align: left !important;
    }

    .userDetails {
        padding: 15px 0 0 5px;
        position: relative;
        right: 0;
        top: 0;
    }

    .hideMobile {
        display: none !important;
    }

    .showMobile {
        display: block;
    }

    tr.showMobile {
        display: table-row;
    }

    br.showMobile {
        display: inline;
    }

    button.showMobile {
        display: inline-block;
    }

    .row.showMobile {
        display: block;
    }

    [class*="span"].showMobile {
        display: block;
    }

    select.mobile-full-width {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    body {
        min-width: 0;
    }

    .pageTitle {
        line-height: normal;
        margin: 20px 0;
    }

        .pageTitle:after {
            bottom: -20px;
        }


    .row {
        margin-left: 0;
        /* needs clearfix */
        margin-right: 0;
    }

    .callout {
        display: block;
    }

        .callout .tcell {
            display: block;
        }

    /* index */
    #joint {
        padding: 30px 4%;
        width: auto;
    }

    #jointText {
        padding: 18px 4%;
        width: auto;
    }

    #jointTextInner:before {
        border-bottom: 13px solid #f2f2f2;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        left: 0;
        margin-top: -18px;
        top: 0;
    }

    #jointText.invisible,
    .helpTitle {
        display: none;
    }

    .sidebar {
        background-image: none;
    }

    /* grid */
    [class*="span"] {
        float: left;
        margin-left: 2%;
    }

    .span12 {
        width: 100%;
    }

    .span11 {
        width: 91.66666666666666%;
    }

    .span10 {
        width: 83.33333333333334%;
    }

    .span9 {
        width: 75%;
    }

    .span8 {
        width: 66.66666666666666%;
    }

    .span7 {
        width: 58.333333333333336%;
    }

    .span6 {
        width: 50%;
    }

    .span5 {
        width: 41.66666666666667%;
    }

    .span4 {
        width: 33.33333333333333%;
    }

    .span3 {
        width: 25%;
    }

    .span2 {
        width: 16.666666666666664%;
    }

    .span1 {
        width: 8.333333333333332%;
    }

    .col-offset-12 {
        margin-left: 100%;
    }

    .col-offset-11 {
        margin-left: 91.66666666666666%;
    }

    .col-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-offset-9 {
        margin-left: 75%;
    }

    .col-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-offset-6 {
        margin-left: 50%;
    }

    .col-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-offset-3 {
        margin-left: 25%;
    }

    .col-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .contentArea {
        margin-left: 0;
        width: 100%;
    }

    .footer .container [class*="span"] {
        float: none;
        margin: 0;
        width: auto;
    }

    .footersocial {
        padding: 20px 0;
    }

    #changeit {
        display: none;
    }

    #follow > h2 {
        display: none;
    }

    /*.subfooter {
	background: #0b5b9c;
	color: #6393bc;
	padding: 10px 0 100px;
  }*/
    .subfooter .copyright {
        display: block;
        float: none;
        padding-bottom: 20px;
    }

    .navFooter li:first-child {
        padding-left: 0;
    }

    .navFooter li {
        border-left: 1px solid #6393bc;
    }

    .navFooter a {
        color: #fff;
    }

        .navFooter a:hover {
            color: #fff;
        }

    .helpBar {
        background: #f2f2f2;
        display: block;
        font-size: 14px;
        padding: 15px 0;
    }

        .helpBar a {
            color: #515151;
            font-weight: bold;
            text-decoration: none;
        }

        .helpBar .navHorizontal li {
            text-align: center;
            width: 33%;
        }

    .product-details select {
        width: 95%;
    }

    .legal-terms { /*max-height: 200px;*/
    }

    .product-group li .checkbox > input[type=checkbox] {
        margin-top: 0;
    }

    .span50 {
        width: 48%;
    }

    .form-group [class*="span"]:not(.span50),
    .small-form-group [class*="span"]:not(.span50) {
        float: none;
        margin: 0;
        width: -webkit-fill-available;
        max-width: -webkit-fill-available;
        padding: 0 !important;
    }

    /*.form-group [class*="span"]:not(.span50) + [class*="span"]:not(.span50),
    .small-form-group [class*="span"]:not(.span50) + [class*="span"]:not(.span50) { margin-top: 2%; }*/

    .review {
        display: block;
        font-weight: bold;
    }

    .form-group > input[type=text],
    .form-group > input[type=password],
    .form-group > select {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    /*.form-group > select {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}*/
    .mainTitle {
        font-size: 25px;
        line-height: 1;
        margin-top: 0;
        width: 50%;
    }

    .input-money {
        text-align: left;
    }

    .table-standard td .row [class*="span"] {
        float: none;
        margin-left: 0;
        width: -webkit-fill-available;
    }

    /* index page */
    .overdraft-modal {
        width: 100%;
    }

    /* cheque page */
    #chequeTotal {
        border-right: 0 none;
        display: block;
    }

    #chequeNote {
        border-top: 1px solid #dfdfdf;
        display: block;
    }

    #chequeTotal .amountLabel,
    #chequeTotal .amount {
        float: left;
    }

    #chequeTotal .amount {
        margin-left: 20px;
    }

    .img-sample {
        display: block;
        margin: 20px 0;
        max-width: 100%;
    }

    #uploadHelpText {
        clear: both;
        margin-left: 0;
    }

    .cheque-preview {
        padding: 15px;
    }

    /*.titleBar .container .row [class*="span"] {
		margin-left: 0;
	}*/

    .titleBarTitle:after {
        display: none;
    }

    /* Business Application - General*/
    .hideMobileNav {
        display: none;
    }

    .bus-app .container {
        padding-left: 0;
        padding-right: 0;
    }

        .bus-app .container > div:first-child {
            padding-left: 15px;
            padding-right: 15px;
        }

    .bus-app + .titleBar {
        display: none;
    }

    .bus-app-nav + .userDetails {
        padding-bottom: 15px;
        padding-left: 15px;
    }

    .bus-app-nav .container .row .span12 {
        margin-left: 0;
    }

    .bus-app-nav .titleBar {
        display: block;
    }

    .bus-app-nav .titleBarTitle {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJJY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDE0IDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0IDkiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgcG9pbnRzPSI3LDkgMC4wNDIsMi4wNDEgMi4wODMsMCA3LDQuOTE3IDExLjkxNywwIDEzLjk1OCwyLjA0MSAiLz4NCjwvc3ZnPg0K);
        background-position: right center;
        background-repeat: no-repeat;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .bus-app-nav .titleBarTitle:after {
            display: none;
        }

    .bus-app-nav li {
        border-radius: 0;
        border-top: 1px solid #fff;
        float: none;
        font-size: 100%;
        font-weight: bold;
        margin-left: 0;
        padding: 0;
        text-align: left;
    }

    .bus-app-nav a {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikljb25zIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjlweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgOSAxNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOSAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjksNyAyLjA0MiwwLjA0MiAwLDIuMDgzIDQuOTE3LDcgMCwxMS45MTcgMi4wNDIsMTMuOTU5ICIvPg0KPC9zdmc+DQo=);
        background-position: right center;
        background-repeat: no-repeat;
        border-right: 15px solid transparent;
        display: block;
        padding: 20px 15px;
    }

    .bus-app-nav .selected {
        padding: 20px 15px;
    }

    .switchApplication h2 {
        float: none;
    }

    .upload-list .upload-table {
        display: block;
        width: auto;
    }

        .upload-list .upload-table .tcell {
            display: block;
        }

    .upload-list .filename {
        width: auto;
    }

    .upload-list .filenameInner {
        font-weight: bold;
        padding-left: 3%;
        padding-top: 10px;
    }

    .upload-list .options {
        padding: 10px 0 10px 3%;
        text-align: left;
        width: auto;
    }

    .signing-authority-nav {
        margin-top: -25px;
    }

        .signing-authority-nav + hr {
            margin-left: -15px;
            margin-right: -15px;
        }

        .signing-authority-nav li {
            display: none;
        }

            .signing-authority-nav li.selected {
                display: list-item;
            }

    .info.broughtyou {
        margin: 0 -15px 35px;
        padding: 20px 35px;
    }

    .product-group li .account-features-popup ul {
        padding-left: 0;
    }

    .product-group li .account-features-popup li {
        line-height: normal;
        margin-bottom: 5px;
    }

    .product-group li .fee-interest {
        margin: 0 0 25px 40px;
        position: relative;
        text-align: left;
    }

    .business-type-choices {
        text-align: center;
    }

        .business-type-choices .choice .business-type {
            background-position: 25px 25px;
            background-size: 50px 50px;
            height: 100px;
            width: 100px;
        }

    .span-pt-27 {
        padding-top: 0;
    }
}

@media (max-width: 415px) {
    .mainTitle {
        margin-left: 0;
        margin-top: 10px;
        width: auto;
    }

    .pageTitle {
        width: 100%;
    }
}

@media (max-width: 350px) {
    .step-review {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.form-horizontal .section {
    border: 0px solid transparent;
    margin: -2px 0 8px -17px;
    padding-bottom: 20px;
    padding-left: 12px;
}

    .form-horizontal .section.focus {
        border-color: #f5f2f2;
    }

.intro {
    margin-bottom: 15px;
    text-align: center;
}

.contentArea .intro h2 {
    color: #666;
    font-size: 28px;
    font-weight: bold;
    margin: 0;
}

.intro h3 {
    color: #666;
    font-size: 22px;
    margin: 0;
}

.intro-images {
    overflow: hidden;
}

    .intro-images > div {
        float: left;
        text-align: center;
        width: 33%;
    }

    .intro-images div img {
        display: block;
        margin: 0 auto 5px;
    }

    .intro-images div .title {
        font-family: "chunkfiveroman";
        font-size: 23px;
    }

    .intro-images div .desc {
        font-size: 15px;
        font-weight: bold;
    }

    .intro-images .buttons {
        display: none;
    }

#setupform .row {
    margin: 0 -20px;
}

@media (max-width: 800px) {
    .intro-images {
        height: 200px;
        position: relative;
    }

        .intro-images > div {
            background: #fff;
            left: 50%;
            margin-left: -100px;
            opacity: 0;
            position: absolute;
            width: 200px;
        }

            .intro-images > div.active {
                -moz-transition: 1.5s opacity ease;
                -o-transition: 1.5s opacity ease;
                -webkit-transition: 1.5s opacity ease;
                opacity: 1;
                transition: 1.5s opacity ease;
                z-index: 10;
            }

        .intro-images .buttons {
            bottom: 0;
            display: block;
            left: -10px;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 0;
            text-align: center;
        }

            .intro-images .buttons li {
                background: #666;
                border: 2px solid #666;
                border-radius: 20px;
                display: inline-block;
                height: 2px;
                margin-left: 10px;
                padding: 0;
                width: 2px;
            }


    .section {
        margin: 0 -10px;
        padding-right: 10px;
    }

        .section.focus {
            margin: -2px -12px;
            padding-left: 0;
        }

    #setupform .row {
        margin: 0 -10px;
    }
}

@media (max-width: 415px) {
    .applicationCriteria .text {
        width: 61%;
    }
}

@media (min-width: 416px) and (max-width: 600px) {
    .applicationCriteria .text {
        width: 72%;
    }
}

@media (min-width: 601px) and (max-width: 800px) {
    .applicationCriteria .text {
        width: 82%;
    }
}

.dob-wrapper select {
    display: inline-block;
}

.add-beneficiary-to-app-product {
    margin-bottom: 20px;
}

.radio.selection-type {
    padding-bottom: 8px;
}

    .radio.selection-type label {
        padding-left: 6px;
        padding-top: 6px !important;
    }

    .radio.selection-type input[type="radio"] {
        margin-left: 0 !important;
        margin-top: 1px !important;
    }

.add-beneficiary-to-app-product > div {
    margin-bottom: 10px;
}

.green {
    color: #24D17E;
    font-weight: bold;
}

.red, #beneficiary-modal form .col-sm-6 .error {
    color: #a94442;
    font-weight: bold;
}

.existing-beneficiaries * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.existing-beneficiaries {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

    .existing-beneficiaries ul {
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 15px;
    }

    .existing-beneficiaries .rb-head {
        font-weight: bold;
    }

    .existing-beneficiaries .rb-th {
        color: #545454;
        font-weight: bold;
        margin: 5px 0;
    }

.row.beneficiary {
    border-bottom: 1px solid #eee;
    float: left;
    padding-bottom: 15px;
    padding-top: 15px;
}

    .row.beneficiary [class^=col-sm-] {
        padding-left: 0;
    }

.loading-spinner {
    display: none;
    margin-bottom: 20px;
}

.form-horizontal.beneficiary-form, .add-beneficiary-to-app-product {
    float: left;
    width: 100%;
}

.app-product-buttons.b-conf {
    float: left;
    padding: 10px 20px 10px 20px;
}

.beneficiary-heading, .alt-ben-note {
    color: #222;
    display: none;
    font-size: 14px;
}

.product-heading {
    color: #222;
    font-size: 16px;
}

#beneficiary-modal .modal-header button.close {
    float: right;
}

#beneficiary-modal .modal-body {
    min-height: 400px;
}

    #beneficiary-modal .modal-body .form-group input[type=text] {
        display: block;
    }

    #beneficiary-modal .modal-body.form-group {
        min-height: 34px;
    }

    #beneficiary-modal .modal-body .form-control {
        height: 34px;
        padding: 6px 12px;
        width: 100%;
    }

#beneficiary-modal .form-horizontal .form-group {
    height: 34px;
    margin-bottom: 10px;
}

#beneficiary-modal hr.divide {
    display: inline-block;
    float: left;
    width: 100%;
}

#beneficiary-modal .dob-wrapper .form-group {
    width: 100%;
}

    #beneficiary-modal .dob-wrapper .form-group select.form-control {
        width: 32% !important;
    }

#beneficiary-modal .offline-address {
    display: none;
}

#beneficiary-modal .address-lookup {
    padding: 0 15px;
}

    #beneficiary-modal .address-lookup .col-sm-6 {
        height: 57px;
    }

#beneficiary-modal .modal-footer {
    padding-bottom: 30px;
    padding-right: 30px;
}

#beneficiary-modal .address-lookup > .row.form-group {
    padding-right: 15px;
}

#beneficiary-modal form .col-sm-6 {
    height: 88px;
}

#beneficiary-modal .previous-address .col-sm-6 {
    height: 57px;
}

#beneficiary-modal .previous-address {
    display: block;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

#beneficiary-modal .info {
    display: inline-block;
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

#beneficiary-modal form .col-xs-6.prev-address-wrapper {
    padding-left: 0;
    padding-top: 2px;
}

body.cke-editable {
    background-color: #fff !important;
    padding: 10px;
}

@media (max-width: 800px) {
    .beneficiary-form-wrapper {
        padding: 2%;
    }

    .row.beneficiary {
        width: 100%;
    }

    .titleBarTitle.pageTitle.span9 {
        margin-left: 2%;
    }
}

#business-info-form #member-number-wrap .input-group {
    padding-top: initial;
}

#member-number-wrap .input-group {
    padding-top: 15px;
}

    #member-number-wrap .input-group .input-group-btn {
        display: table-cell;
        font-size: 0;
        height: 29px;
        vertical-align: middle;
        white-space: nowrap;
        width: 1%;
    }

        #member-number-wrap .input-group .input-group-btn .btn {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            font-size: 12px;
            font-size: 12px;
            height: 24px;
            margin-left: -1px;
            padding: 15px;
            width: 18px;
            z-index: 2;
        }

            #member-number-wrap .input-group .input-group-btn .btn.submit-business-number {
                width: initial;
            }

            #member-number-wrap .input-group .input-group-btn .btn.send-pac-code {
                width: initial;
            }

            #member-number-wrap .input-group .input-group-btn .btn span {
                display: block;
                margin-top: -2px;
            }

    #member-number-wrap .input-group input[type=text] {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        display: table-cell;
        float: left;
        margin-bottom: 0;
        position: relative;
        width: 200px;
        z-index: 2;
    }

#names .input-group.firstName {
    margin-left: 0;
}

.span9.hiddenSearch #searchForName {
    margin-top: 10px;
    padding: 10px;
}

hr.hiddenSearch {
    float: left;
    margin-bottom: 0;
    margin-left: 15px;
    width: 700px;
}

.membership-results {
    border-top: 1px solid #ccc;
    margin-left: 0px !important;
    padding-top: 15px;
    width: 700px;
}

    .membership-results .fl-only {
        margin-bottom: 3px;
        width: 100%;
    }

.membership-info .span9, .membership-info .span4, .membership-info .span3 {
    margin-left: 15px;
}

.membership-info, .no-ml {
    margin-left: 0px !important;
}

img.loading-svg {
    margin-left: -2px;
    margin-top: -8px;
    width: 20px;
}

.select-person {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

.member-numbers, .account-numbers {
    border-bottom: 1px solid #eaeaea;
}

.member-number-wrap .search-member {
    height: 15px;
    margin-top: -2px;
    padding: 8px;
}

.member-number, .account-number {
    padding-bottom: 10px;
}

.member-numbers h4, .account-numbers h4 {
    font-size: 1.2em;
    font-weight: 400;
}

.fl-only {
    float: left;
}

.row .span6 .form-control#naics-autocomplete {
    width: 100%;
}

.member-number-business .input-group-btn .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -4px;
    padding: 7px 12px 6px 12px;
}

.verify-code-err {
    float: left;
    padding-top: 10px;
    width: 100%;
}

    .verify-code-err strong {
        width: 100%;
    }

.stage1 {
    display: block;
}

.stage2 {
    display: none;
}

span.dscr-heading {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
}

.dscr-value {
    display: inline;
    font-size: 156%;
    font-weight: bold;
}

.dscr-h3 {
    display: inline-block !important;
    padding-left: 12px;
}

#financials-form .tooltip {
    display: inline;
    float: left;
    font-size: 18px;
    margin-left: 10px;
    width: auto;
}

    #financials-form .tooltip.a-l {
        margin-left: 0;
    }

    #financials-form .tooltip.inline-block {
        display: inline-block;
        float: none;
        margin: 0;
    }

.asset-icon {
    max-width: 64px;
    max-height: 64px;
}

.asset-summary-table .asset-icon {
    max-width: 48px;
    max-height: 48px;
    margin-right: 15px;
}

.funding-method-icon {
    max-width: 64px;
    max-height: 64px;
}

.active-progress-bar-border {
    border-color: # #2D91E8;
}

.glyph-push-l {
    padding-left: 6px;
}

.dscr-wrapper {
}

    .dscr-wrapper.stage2 {
        display: block !important;
    }

    .dscr-wrapper.stage1 input {
        background-color: #eeeeee;
    }

    .dscr-wrapper input {
        width: 88%;
    }

@media (max-width: 800px) {
    .dscr-wrapper input {
        width: 100%;
    }

    .f-subdivision {
        margin-left: 1.9% !important;
        width: 98% !important;
    }
}

.f-subdivision {
    border-radius: 0 !important;
    margin-left: 2px;
    width: 620px;
}

    .f-subdivision .span8 {
        width: auto !important;
    }

.ml5 {
    margin-left: 5px;
}

.hide-until-oper1Y {
    display: none;
}

    .hide-until-oper1Y.value-entered {
        display: block !important;
    }

.no-only {
    display: none;
}

    .no-only.value-entered {
        display: block !important;
    }

.determined-content-wrap {
    height: 49px;
}

.determined-content-inner-wrap {
    display: inline-block;
    float: left;
}

    .determined-content-inner-wrap h2 {
        height: 49px;
        margin-bottom: 0;
        vertical-align: bottom;
    }

.determined-content-iconless-wrap {
}

.determined-content-wrap .lending-determination-checkmark {
    float: left;
    left: auto;
    margin-left: -51px;
    position: absolute;
    top: 176px;
}

.financials-all-err {
    display: none;
    float: left;
    width: 100%;
}

    .financials-all-err p {
        color: red;
        display: block;
        margin-left: 20px;
        width: 400px;
    }

.ps20 {
    padding-left: 20px;
    padding-right: 20px;
}

.checkbox.has-right-element {
    font-size: 16px;
    padding-right: 65px;
    position: relative;
}

    .checkbox.has-right-element .right-element {
        position: absolute;
        right: 0;
        top: 0;
    }

.account-links.bold.black a {
    color: #333;
    font-weight: 700;
}

.full-width-input input[type="text"],
.full-width-input input[type="password"],
.full-width-input input[type="email"],
.full-width-input select {
    width: 100%;
}

.radio-inputs label {
    margin-right: 15px;
}

.radio-inputs input {
    position: relative;
    top: 2px;
}

.green-notice, .red-notice {
    clear: both;
    margin: 10px 0 5px;
    padding: 10px 15px;
}

.green-notice {
    border: 2px solid #57BB61;
    color: #57BB61;
}

.red-notice {
    border: 2px solid #ff0000;
    color: #ff0000;
}

.row.three-coll .span3 {
    width: 200px;
}

.padding-child {
    padding-left: 11px;
}

.sub-title {
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 0 18px;
}

.divBorderRadius5 {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.marginForLendingSummary {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.marginForLendingSummaryMobile {
    margin: 0 7px 0 7px;
}

.textFullAlign {
    text-align: justify;
}

.padding-bottom20imp {
    padding-bottom: 20px !important;
}

.video-insurance {
    height: auto;
    max-height: 300px;
    max-width: 450px;
    width: 100%;
}

.debt-consolidation-item {
    background-color: #fafafa;
    border: 1px solid #bbb;
    margin-bottom: 5px;
    padding: 15px 15px;
}

.existing-owner-title {
    margin-right: 10px;
}

.greytext {
    color: #A6B0BD;
    font-size: 13px;
}

.val-active {
    color: #24D17E;
}

.setup-validation-icon {
    margin-left: 15px;
    margin-right: 10px;
}

.setup-psw-field {
    text-transform: initial !important;
}

.ico_open.material-icons {
    cursor: pointer;
}

.paswordRequirement {
    margin: 20px 0;
    /*font-size: 1.3em;*/
}


.inline-checkbox {
    margin-left: 8px;
}


@media (min-width: 0px) and (max-width: 420px) {
    .green-verified-tabview {
        float: left !important;
        margin-top: 5px !important;
    }

    .green-verified-tabview-m {
        float: left !important;
        margin-top: 5px !important;
        margin-left: 15px !important;
        margin-bottom: 20px;
    }
}

.green-verified {
    color: #24D17E;
    float: right;
    font-size: 14px;
    margin-right: 10px;
    margin-top: -49px;
    background-color: inherit;
}

button:focus {
    outline: 0px;
}

.onlymobile {
    display: none;
}

.onlydesktop {
    display: block;
}

img.onlydesktop {
    display: inline-block;
}

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

.flex {
    display: flex;
}

.mobile-logout-container {
    display: flex;
    justify-content: center;
    font-size: 15px;
}

.backheader {
    align-items: center;
    background-color: transparent;
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 30px 33px 30px 22px;
    position: fixed;
    top: 80px;
    z-index: 5;
}

.logoimg {
    height: 34px;
    width: auto;
}

.header_a,
.header_p {
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0px;
    opacity: 1;
}

.header_a {
    color: #AAB0BD;
}

.bigTitle {
    color: #1D2941;
    font-size: 36px;
    font-weight: 600;
}

.middleTitle {
    color: #1D2941;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 1em;
}

.smallTitle {
    color: #1D2941;
    font-size: 18px;
    font-weight: 600;
    padding-top: 1em;
}

.card {
    border-radius: 6px;
}

.margin-control {
    margin-left: 200px;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .btm100 {
        margin-top: 15px;
        width: 80%;
    }

    .tabview {
        display: none;
    }

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

    .contentArea {
        margin-top: 100px;
        margin-left: 0;
        width: 100%;
    }

    .nomargin {
        margin-bottom: 0px;
        padding-bottom: 20px;
    }

    .bigTitle {
        font-size: 30px;
    }

    .middleTitle {
        font-size: 20px;
    }

    .smallTitle {
        font-size: 16px;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .logoimg {
        height: 27px;
        width: 104px;
    }

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

    .tabview {
        display: flex;
        justify-content: center;
        padding-top: 40px;
    }

    .nomargin {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .contentArea {
        padding: 32px 0px;
    }

    .onlymobile {
        display: block !important;
    }

    .onlydesktop {
        display: none !important;
    }

    .bigTitle {
        font-size: 24px;
    }

    .middleTitle {
        font-size: 18px;
    }

    .smallTitle {
        font-size: 14px;
    }

    .contactinfo_heading {
        padding-left: 10%;
        padding-right: 10%;
    }

    .mb_15 {
        margin-bottom: 15px;
    }

    .padd-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .width87 {
        width: 100% !important;
    }

    .mr-t45 {
        margin-top: 45px;
    }
}

@media screen and (max-width: 550px) {
    .btm100 {
        margin-bottom: 15px;
        width: 100%;
    }
}

@media (min-width: 550px) and (max-width: 1100px) {
    .btm100 {
        margin-bottom: 15px;
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .header-space {
        margin-top: 137px !important;
    }
}
/*------------  Button CSS -------------------- */
.btn-primary.disabled, .btn-primary:disabled {
    background-color: gray;
    border-color: gray;
}

.btn:focus, .btn:active {
    box-shadow: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
}

.btn-download {
    color: #318DDD;
    font-size: 13px;
    font-weight: normal;
}

.btn.padding-rem3 {
    padding: .3rem;
}

.btn-add,
.continuebtn,
.btn-save,
.btn-select,
.btn-verify,
.btn-resend-link,
.btn-cancel {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    min-width: 154px;
    margin-left: 15px;
    border-radius: 2px !important;
    border-style: none;
    border-width: 0;
    box-sizing: content-box;
    padding: 13px 20px;
    text-align: center;
    text-decoration: none;
    line-height: 1;
}

.btn-cancel {
    background-color: grey;
    border: none;
    color: #fff;
}

.continuebtn,
.btn-save {
    background-color: #2D91E8;
    border: none;
    color: #fff;
}

    .continuebtn:after {
        content: "\2192";
        font-size: 22px;
        line-height: 14px;
        opacity: 0;
        position: absolute;
        right: -20px;
        transition: 0.5s;
    }

    .btn-save:after {
        content: "\1F5F8";
        font-size: 22px;
        opacity: 0;
        position: absolute;
        right: -20px;
        transition: 0.5s;
    }

    .continuebtn:hover,
    .btn-save:hover {
        color: #fff;
        padding-left: 8px;
        padding-right: 60px;
        min-width: 126px;
    }

        .continuebtn:hover:after,
        .btn-save:hover:after {
            opacity: 1;
            right: 10px;
        }

.btn-add, .btn-select {
    background-color: #ffffff;
    border: 1px solid !important;
    color: #2D91E8;
}

    .btn-select:after {
        content: "\2192";
        position: absolute;
        opacity: 0;
        right: -20px;
        transition: 0.4s;
        font-size: 22px;
        line-height: 14px;
        color: #fff;
    }

    .btn-add:hover:after {
        color: #fff;
        content: "\002B";
        font-size: 22px;
        line-height: 17px;
        opacity: 1;
        position: absolute;
        right: 18px;
        transition: 0.4s;
    }

    .btn-select:hover:after {
        opacity: 1;
        right: 10px;
    }

    .btn-add:hover, .btn-select:hover {
        background-color: #2D91E8;
        color: #fff;
        padding-left: 8px;
        padding-right: 60px;
        min-width: 126px;
    }

/*verify button CSS*/

.btn-verify, .btn-resend-link {
    background-color: white;
    border: 1px solid !important;
    border-color: #2D91E8;
    color: #2D91E8;
    cursor: pointer;
}

    .btn-verify:hover {
        color: #2D91E8;
    }

.btn-resend-verify {
    height: 62px !important;
}

.btn-resend-link {
    text-decoration: underline;
}

    .btn-resend-link:hover {
        color: #2D91E8;
        text-decoration: underline;
    }

.btn-container {
    width: 100%;
}

.btn-link {
    font-weight: 400;
    color: #007bff;
}
/*------------  end Button CSS -------------------- */

/*------------  RadioButton CSS -------------------- */

.radio-toolbar input[type="radio"] {
    display: inline;
    float: left;
    position: absolute;
}

.radio-toolbar label {
    font-size: 13px;
    height: 100%;
    margin: 0 !important;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 15px;
    width: 100%;
    border-radius: 3px;
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color: #253656;
    color: white;
    display: block;
}

.radio-toolbar input[type="radio"]:disabled + label {
    opacity: 0.7;
}

.radio-toolbar input[type="radio"]:disabled:not(:checked) + label {
    background-color: #e9ecef;
}

.radio-number-box {
    background-color: white;
    border: 1px solid #DADFE8;
    border-radius: 5px;
    color: #1D2941;
    height: 48px;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 100px;
}

.radio-wide-box {
    background-color: white;
    border: 1px solid #DADFE8;
    border-radius: 5px;
    color: #1D2941;
    min-height: 48px;
    margin: 5px 0;
}

    .radio-wide-box label {
        padding-right: 15px;
        height: auto !important;
    }

.radio-toolbar:hover input[type="radio"]:not(:disabled) + label {
    background-color: #253656;
    color: white;
}

.radio-toolbar label:before {
    background-color: white;
    border: 1px solid #DADFE8;
    border-radius: 11px;
    content: " ";
    display: inline-block;
    height: 14px;
    margin-right: 15px;
    position: relative;
    top: 3px;
    width: 14px;
}

.radio-toolbar input[type=radio]:checked + label:after {
    background: white;
    border: 1px solid #171F47;
    border-radius: 11px;
    content: " ";
    display: block;
    height: 12px;
    left: 16px;
    position: absolute;
    top: 16px;
    width: 12px;
}

.radio-toolbar {
    display: inline-block;
    position: relative;
}

    .radio-toolbar input[type='radio'] {
        height: 0;
        opacity: 0;
        position: absolute;
        width: 0;
    }

/*------------  RadioButton CSS End -------------------- */

/*------------  Owner Section CSS -------------------- */

.owner-circle {
    margin-right: 20px;
    background-color: #fee6e0;
    border-radius: 50%;
    color: lightcoral;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    width: 40px;
    max-width: 40px;
    padding-top: 8px !important;
    text-align: center;
}

.icon-owner-delete {
    cursor: pointer;
    float: right;
    height: 16px;
    margin-left: 10px;
    width: 14px;
}

.icon-owner-edit {
    cursor: pointer;
    float: right;
    height: 16px;
    margin-left: 10px;
    width: 16px;
}

.owner-name {
    color: #1D2941;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}

.owner-mail a, .owner-percentage-ownership {
    color: #6D788F !important;
    font-size: 14px;
    margin-top: -5px;
}

.owner-title {
    color: #A6B0BD;
    font-size: 12px;
    text-transform: uppercase;
}

.circle-question {
    width: 20px;
    margin-left: 15px;
}

.card-icon-img {
    width: 60px;
    margin-left: -10px;
}

/*------------  Owner Section CSS -------------------- */

/*------------  Documents Section CSS ---------------- */
.drop-files-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 112px;
    background: #F9FAFB;
    border: 1px dashed #A6B0BD;
    border-radius: 8px;
    opacity: 1;
    color: #999;
    text-align: center;
    margin-bottom: 0%;
    padding-left: 33px;
    padding-right: 20%;
    font-size: 12px;
    line-height: 21px;
}

    .drop-files-container:hover {
        background-color: #f1f1f1;
    }

.file-container {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F9FAFB;
    border: 1px solid #eceef1;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .file-container btn {
        padding: 5px;
    }

.file_name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.browse-text {
    color: #007bff;
    text-decoration: underline;
    cursor: pointer;
}

.download-template-link {
    font-size: 13px;
    color: #677285;
    display: inline-flex;
    align-items: center;
    width: 25%;
    float: right;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .drop-files-container {
        display: flex;
        justify-content: space-around;
        min-height: 112px;
        max-height: 207px;
        padding-left: 5%;
        padding-right: 5%;
    }
}

/*------------  Documents Section CSS ---------------- */

/*------------  Verification (Personal) Section CSS ---------------- */
.verification-method {
    width: 49%;
}

.dark-title {
    color: #1D2941;
}

.open-document-div {
    display: none;
}

.digital-card {
    width: 100%;
    border: 1px solid #A6B0BD;
    border-radius: 8px;
    opacity: 1;
    padding: 25px;
    cursor: pointer;
    height: 90%;
}

.digital_icon {
    height: 55px;
    opacity: 0.64;
}

.attachment-division {
    display: none;
}

.bank-statements {
    display: none;
}

.utility-bill {
    display: none;
}

.credit-card-statements {
    display: none;
}

.twoFile {
    margin: 10px;
}

.link-tag, .general-text {
    color: #6D788F !important;
    font-size: 14px;
}

.must-include {
    text-align: left;
    font-size: 11px;
    letter-spacing: 0px;
    color: #A6B0BD;
    opacity: 1;
    margin-top: -10px;
}



.digi_hover:hover {
    text-decoration: none;
}

.digital-card:hover {
    background: #F7F9FC;
    border: 1px solid #318DDD;
    text-decoration: none;
}

.digital-card:active {
    background: #F7F9FC;
    border: 1px solid #318DDD;
}

.selected-method {
    background: #F7F9FC !important;
    border: 1px solid #318DDD !important;
    text-decoration: none !important;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .verification-method {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 320px) and (max-width: 640px) {
    .twoFile {
        display: none;
    }

    .btn {
        width: -webkit-fill-available !important;
        margin: 0;
        margin-bottom: 5px;
    }

    .owner-mail a {
        font-size: 12px;
    }

    .btn-save {
        right: 0;
        margin-bottom: 5px;
    }
}

/*------------  Verification (Personal) Section CSS ---------------- */

/*------------  Funding Section CSS ---------------- */
.main-dark-text {
    font-size: 17px;
    color: #1D2941;
}

.main-light-text {
    font-size: 17px;
    color: #6D788F;
}

.main-text-size {
    font-size: 17px;
}
/*------------  Funding Section CSS ---------------- */

/*------------  Product Catalog and Before we start CSS ---------------- */

.vertical-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.cartbtn {
    width: 144px;
    border: 1px solid #DADFE8;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0px;
    color: #6D788F;
}

.product-description-container {
    width: 75%;
}



.w-20 {
    width: 20%;
}

.h-30 {
    height: 30%;
}

.h-70 {
    height: 70%;
}

.w-80 {
    width: 80%;
}

.tabs {
    top: 200px;
}

.disabledtab {
    pointer-events: none;
    color: #a7a7a7 !important;
    cursor: default;
}

.middleTitle {
    font-size: 28px;
    letter-spacing: 0px;
    color: #253656;
    opacity: 1;
    line-height: 36px;
    font-weight: 600;
    padding-top: 27px;
    margin-bottom: 12px;
}

.footer-white {
    position: fixed;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 64px;
    line-height: 60px;
    background-color: #ffffff !important;
    box-shadow: 2px 0px 3px #0000000D;
    align-items: center;
}

.underlined-link {
    color: #318DDD;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
}

@media (min-width: 320px) and (max-width: 640px) {

    .product-description-container {
        width: 100%;
    }

    .btn-container {
        width: 60%;
        margin-left: auto !important;
        margin-right: 0 !important
    }

    .cartbtn {
        width: 40px !important;
    }
}

/*------------  Product Catalog and Before we start CSS ---------------- */

.btn-floating {
    width: 96px;
    height: 46px;
    border-radius: 25px;
    border-color: #171F47;
    background-color: #171F47;
    color: #ffffff;
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: background-color .3s;
}

.fixed-action-btn {
    position: fixed;
    right: 23px;
    bottom: 28px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 997;
}

/* -------------------------Header css end-------------------------*/
.main-container {
    padding-bottom: 90px
}
/*Laptop resolution*/
@media (min-width: 1366px) and (max-width: 1699px) {
    .btn-floating {
        width: 86px;
        height: 40px;
        font-size: 14px;
    }

    .chaticn {
        height: 15px;
    }
}

@media (min-width: 320px) and (max-width: 640px) {

    .button-right-box {
        display: inline-block;
    }

    .main-container {
        padding-bottom: 90px
    }

    .fixed-action-btn {
        position: fixed;
        right: 23px;
        bottom: 28px;
        padding-top: 15px;
        margin-bottom: 0;
        z-index: 997;
    }

    .btn-floating {
        width: 67px;
        height: 32px;
        font-size: 12px;
        padding: 10px;
    }

    .chaticn {
        height: 12px;
    }
}

.first-element, .second-element {
    width: 50%;
}

.first-element {
    padding: 0px 5px 0px 0px !important;
}

.second-element {
    padding: 0px 0px 0px 5px !important;
}

@media (min-width: 320px) and (max-width: 640px) {
    .first-element, .second-element {
        width: 100%;
        padding: 0 !important
    }

    .col-sm-3 {
        max-width: 50%;
    }
}

.group-first-elem, .group-second-elem, .group-third-elem {
    width: 50%;
}

.group-first-elem {
    padding: 0px 0px 30px 0px !important;
}

.group-second-elem {
    padding: 0px 0px 30px 0px !important;
}

.group-max-width-140 {
    max-width: 150px;
}

@media (min-width: 320px) and (max-width: 780px) {
    .group-third-element {
        margin-bottom: 30px;
    }
}

@media (min-width: 760px) and (max-width: 767px) {
    .group-first-elem, .group-second-elem, .group-third-elem {
        padding: 0px 0px 0px 0px !important;
    }

    .group-mb-30 {
        margin-bottom: 30px;
    }
}

@media (min-width: 1081px) {
    .group-first-elem, .group-second-elem, .group-third-elem {
        padding: 0px 0px 0px 0px !important;
    }

    .group-mb-30 {
        margin-bottom: 30px;
    }
}

@media (min-width: 1081px) and (max-width: 1091px) {
    .group-pb-30 {
        padding: 0px 0px 30px 0px !important;
    }
}

@media (min-width: 1090px) and (max-width: 1238px) {
    .group-pb-30 {
        padding: 0px 0px 30px 0px !important;
    }
}

@media (max-width: 690px) {
    .group-third-elem {
        padding: 0px 0px 0px 0px !important;
        margin-bottom: 0px !important;
    }
}

@media (min-width: 690px) and (max-width: 760px) {
    .group-no-padding {
        padding-bottom: 10px !important;
    }
}

@media (min-width: 1020px) and (max-width: 1030px) {
    .group-no-padding {
        padding-bottom: 10px !important;
    }
}


@media (max-width: 630px) {
    .group-elem-space {
        margin-bottom: 30px !important;
    }
}


.issued-county-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.banking-address-text {
    min-width: 300px;
}

.cards-group .sub-product-row {
    row-gap: 2rem;
    justify-content: center;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}