#loginModal .modal-content {
    background: var(--bs-secondary);
}

#loginModalLabel {
    color: var(--bs-primary);
}

.loginInner .register {
    color: white
}

.loginInner #loginError p {
    color: rgb(255, 83, 83)
}

/* #customerEmail .form-control {
    color: white
}

#loginPassword .input-group.pb-modalreglog-input-group input {
    color: white
} */


.loginInner form input.form-control {
    background-color: #292b2c;
    color: white;
}


.loginInner form input.form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white;
    background:#292b2c;
    }

.loginInner form input.form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1;
    background:#292b2c;
}

.loginInner form input.form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1;
    background:#292b2c;
}

.loginInner form input.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
    background:#292b2c;
}

.loginInner form input.form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
    background: #292b2c;
}

.loginInner form input.form-control::placeholder {
    /* Most modern browsers support this now. */
    color: white;
    background:#292b2c;
}

#loginModal .modal-content .modal-body .login__wrapper .register {
    margin-top: 1em;
}

#loginModal .modal-content .modal-body h3 {
    margin-bottom: 0;
}

.modal-content {
    background-image: none !important;
    padding: 0;
}

.whiteCol {
    background: #fff;
}

.blackCol {
    background: #fff;
}

.pad-4 {
    padding: 4em;
}

body .btn-smaller {
    line-height: 16px;
    min-width: none;
    padding: 16px 8px;
}

#certFCAModal h3 {
    color: var(--bs-primary);
    margin-bottom: 1em;
}
#certFCAModal ul {
    padding-top: 1em;
}
#certFCAModal ul li {
    line-height: 30px;
}
.info-hover {
    padding:4px;
    width:20px;
    height:20px;
    position: relative;
    display:inline-block;
    border: 1px solid var(--bs-primary);
    cursor: pointer;
    border-radius: 20px;
    line-height: 12px;
    color: var(--bs-primary);
    text-align: center;
}
.infoBox {
    background-color: #f7f9f9;
    border: 1px solid var(--bs-primary);
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 1em;
}
.certFCAModal {
    background-position: calc(100% + 207px) -316px
}
form #signature,
form #signature2,
form #signature3 {
    background: var(--bs-gray-200);
    min-height: none !important;
}
.checkbox-group input,
html body form .checkbox-group label,
html body .checkbox-group a,
#regLogModal .modal-content .checkbox-group label {
    display:inline;
}
.checkbox-group input {
    float: left;
    top: 5px;
    position: relative;
}
#investor_confirm_statement_step1 input.form-control {
    width: 100%;
}
.warning-top {
    padding-bottom: 69px !important;
}
.invalid-feedback {
    width: auto !important;
}

.typeModal h4 .caret {
    position: absolute; 
    top: 1.6em;
    right: 20px;
    height:0px;
    width:0px;
    border:none;
    border-top:15px solid #000000;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    opacity: 0.6;
}
.typeModal h4 .caret.blue {
    border-top:15px solid var(--bs-primary);
    transform:rotate(180deg); 
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}
.typeModal h4 .caret span {
    position: relative;
    top: -5px;
    left: -14.5px;
    border-top:15px solid #fff;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
}
.typeModal .intro {
    border-top: solid 2px var(--bs-secondary);
    border-bottom: 0;
}
.typeModal .modal-header h2:after {
    display: none;
}
.typeModal .intro {
/*                    padding-left: 0;*/
    padding-bottom: 0;
/*                    padding-right: 0;*/
}
.typeModal form p,
.typeModal form ul {
    height: 632px;
    margin-top: 45px;
    overflow: hidden;
    margin-bottom:0;
}
.modal-padding {
    padding:2em 6%;
}
.typeModal .modal-body .form__content-wrapper .modal__content-wrapper {
    min-height: 0;
}
.typeModal .modal-body .form__content-wrapper .modal__content-wrapper h4, 
.typeModal .modal-body .form__content-wrapper .modal__content-wrapper .h4 {
    cursor: pointer;
    margin-bottom:1em;
}
/*.hiNetWorthModal .close {
    display:none;
}*/
.typeModal .modal-body .form__content-wrapper .modal__content-wrapper p,
.typeModal .modal-body .form__content-wrapper .modal__content-wrapper ul {
    padding-top: 0;
}
.form-check-input {
    display:none;
}
form input.form-control, form textarea.form-control {
    max-width: 637px;
}
.radio-header p {
    position: relative;
    margin-left:25px;
}
.radio-header .form-section__letter {
    position: absolute;
    left: -11px;
    top: -8px;
}
.back-btn {
    z-index: 1;
    position: absolute;
    top: 87px;
    right: 50px;
    padding: 10px 64px !important;
    min-width: auto;
    background-color: #fff !important;
    color: #343434;
    font-size: 14px;
    border: 1px solid #343434;
}
.form-check-label {
    background-color: #ccc;
    border-radius: 30px;
    width: 56px;
    display: block;
    line-height: 20px;
    height: 26px;
    padding: 3px;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    background-image: url("/frontend/html/assets/images/toggle-circle.png");
    background-size: 41%;
    background-position: 6%;
    font-size: 13px;
    background-repeat: no-repeat;
}
.form-check-input:checked + label {
    background-color: var(--bs-primary);
    text-align: left;
    padding-left: 7px;
    background-position: 94%;
}
.hiNetWorthModal .form-check, 
.selfCertStateModal .form-check, 
.certSophModal .form-check {
    min-width: 1px;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
/*                    margin: 0;*/
}
.radio-header {
    margin-top: 18px;
}
.radio-header p {
    padding-left: 20px;
}
.modalProgressBar {
    display: flex;
    width: 568px;
    max-width: 100%;
    margin: 0 auto;
    justify-content: space-around;
    padding-top:3em;
}
.modalProgressBar p {
    font-size: 13px;
}
.modalProgressBarAfter {
    width: 568px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 94px;
    position: relative;
    top: -24px;
}
.modalProgressBar div {
    position: relative;
}
.modalProgressCircle {
    border-radius: 10px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border:1px solid #999;
    position: absolute;
    z-index: 1;
    left:49%;
}
.modalProgressCircle.active {
    background-color: #76C9E6;
    border:1px solid #76C9E6;
}
.btn-solid-primary.alt {
    padding: 12px 24px;
    border:1px solid #76C9E6;
    width: auto;
    min-width: auto;
}
.modalTitleBar {
    padding:8px;
    background-color: #76C9E6;
    width: 100%;
    text-indent: -17px;
    text-align: center;
    font-size:13px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
}
.grey,
.grey:hover {
    background-color: #444 !important;
}

#emailVerifyModal .modal-dialog,
#emailVerifiedModal .modal-dialog {
    width: 1072px;
    max-width: 100%;
    padding:2em 4em;
}

div.btn-solid-primary:hover,
a.btn-solid-primary:hover,
input.btn-solid-primary:hover {
    color: #1a1a1a !important;
    background-color: #EBF7FB !important;
    border:1px solid #76C9E6 !important;
}
.btn-solid-primary span:hover {
    color: #1a1a1a !important;
}
.modal .modal-header .close {
    margin: 1rem 1rem 1rem auto;
}
.invLockedModal .modal-body {
    padding-top: 0 !important;
}
.global-lender-provisions-page .main section,
.declaration-of-trust-page .main section {
    padding-top: 0;
}
.register-single {
    max-width: 720px;
}

.form-eyebrow {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 4px;
}
.btn-outline-primary2 {
    color:#111 !important;
    transition: all 0.2s !important;
    padding: 0.5rem 2rem !important;
    padding: 1rem 3rem !important;
    border: 1px solid #000;
}
.btn-outline-primary2:hover {
    color:#111 !important;
    border: 1px solid #76C8E5 !important;
}
.form-title {
    font-size: 36px;
    font-weight: 300;
    color: #79bcd6;
    margin-bottom: 16px;
    margin-bottom:1.5em;
}

.form-subtitle {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .navbar .nav-admin .dropdown-admin {
        padding-left: 90px;
    }
}
@media (min-width: 1400px) {
    .navbar .nav-admin .dropdown-admin {
        padding-left: 112px;
    }
}
@media (max-width: 1399px) {
    .back-btn {
        top: 159px;
    }
}
@media screen and (max-width: 600px) {
    .typeModal .modal-body .form__content-wrapper .modal__content-wrapper h4, 
    .typeModal .modal-body .form__content-wrapper .modal__content-wrapper .h4 {
        max-width:90%;
    }
}
@media screen and (max-width: 600px) {
    .quickEnqModal .modal-body, .preAssessModal .modal-body {
        padding: 1rem !important;
    }
}
@media (max-width: 1420px) {
    .certFCAModal .modal-header h2:after, .certFCAModal .modal-header .h2:after {
        bottom: -40px;
    }
    .certFCAModal .intro {
        padding-top:3em;
    }
    .certFCAModal .modal-header {
        padding: 0 0 50px 0 !important;
        margin: 1.5em !important;
    }
    .certFCAModal .intro {
        padding-left: 1.5em;
        padding-right:1.5em;
    }
}
@media (max-width: 1420px) {
    .certFCAModal .modal-header h2:after, .certFCAModal .modal-header .h2:after {
        bottom: -60px;
    }
}

@media (max-width: 1419px) {
    #inputPwsCont,
    #inputConfirmPwsCont {
        width:100%;
    }
    .typeModal .mt-3 {
        padding-top:3em;
    }
    .typeModal form p,
    .typeModal form ul {
        height: auto;
    }
}
@media (max-width: 1024px) {
    #emailVerifyModal .modal-dialog, #emailVerifiedModal .modal-dialog {
        width:auto;
    }
    .certFCAModal {
        min-width: 0;
        padding: 0;
    }
}
@media (min-width: 840px) {
    #certFCAModal .certFCAModal {
        left: -2px;
    }
}
@media (min-width: 992px) {
    .pad-4 {
        padding: 6em;
    }
    .desktop-10-m {
        margin-top:11.7em!important;
    }
    #certFCAModal .certFCAModal {
        min-width: 725px;
        left: -23%;
    }
}
@media (max-width: 992px) {
    .invThanksModal {
        width: auto !important;
        left: 0 !important;
    }
    #invThanksModal .modal-dialog {
        width: auto !important;
    }
    .global-lender-provisions-page .header-image,
    .declaration-of-trust-page  .header-image {
        padding-top: 4.5em;
    }
    .m-modified {
        padding-top: 0.1em !important;
        margin-bottom: 2rem;
    }
}
@media (min-width: 1420px) {
    .desktop-10-m {
        margin-top:10em!important;
    }
    #certFCAModal .certFCAModal {
        min-width: 730px;
        left: -23%;
        padding: 0;
    }
}
@media (max-width: 839px) {
    .modal-dialog {
        max-width: 720px;
    }
    .radio-header .form-section__letter {
        left: 20px; 
        top: -28px;
    }
    .radio-header p {
        margin-left:0;
    }
    .radio-header {
        margin-top:32px;
    }
}
@media (max-width: 576px) {
    .modal-dialog {
        margin: 0;
    }
    .back-btn {
        top: 45px;
        right: 17px;
    }

    .modalProgressBarAfter,
    .modalProgressBar {
        display: none;
    }
    .mobile-hidden {
        display: none !important;
    }
    .risk-warn-bar .warning {
        padding: 10px;
    }
    #scrolling_bar {
        display: none;
    }
    .documents .intro__title {
        text-align: center;
        margin-bottom: 2rem;
    }
    .documents .documents__list {
        padding-left: 0;
    }
    #login_register_model .modal-content .modal-body {
        padding: 1rem 2rem 6rem;
    }
    .pre-footer {
        padding: 5.5rem 0 3.5rem 0;
    }
    .n-featured-logo {
        width: 40%;
        margin:0 !important;
        text-align: center;
    }
    .n-featured-logo img {
        height: auto !important;
        width: 100%;
    }
    .b-a-c {
        width: 100%;
    }
    .b-a-c img {
        margin-left: 70px;
        margin-top:20px;
        margin-bottom:20px;
    }
    .footer {
        position: relative;
        top:50px;
    }
    body {
        overflow: hidden !important;
    }
    #emailVerifyModal .modal-dialog,
    #emailVerifiedModal .modal-dialog {
        padding:0;
    }
    .invThanksModal h3.f-regular {
        margin-bottom: 1em;
    }
    .certFCAModal .modal-body.intro p {
        margin-bottom: -23px;
    }
}
@media (max-width: 476px) {
    .btn-solid-primary {
        min-width: 100% !important;
        width:100% !important;
    }
    .modal .back-btn {
        min-width: calc(100% - 4rem) !important;
        right: 2rem;
        top:55px;
    }
    
    #investor_confirm_statement_step_hnw .modal-title,
    #investor_confirm_statement_step_scsi .modal-title,
    #investor_confirm_statement_step_csi .modal-title {
        padding-top: 1.5em;
        margin-bottom:0 !important;
    }
    .button__holder--center {
        width:100% !important;
    }
    .m-remove-margin-top {
        margin-top: 0 !important;
    }
    .m-remove-margin-bottom {
        margin-bottom: 0 !important;
    }
}