body {
    margin: 0px;
    
}

/*.item-active{
   
    border-bottom: 3px solid #1F3684 !important;
    
}*/
.footer {
    min-height: 200px !important;
    height: 270px !important;
}
.sub-header, .review-fund-footer {
    background-color: #1F3684 !important;
    height: fit-content;
}
.span-vb-1:before {
    content: "Valens Pay";
}

.span-vb-2:before {
    content: "Valens Pay";
}

.span-vb-3:before {
    content: "Valens Pay";
}

.span-vb-4:before {
    content: "Valens Pay";
}

.span-vb-5:before {
    content: "Valens Pay";
}

.span-vb-7:before {
    content: "ValensPay";
}

.span-vb-8:before {
    content: "Valens Pay";
}
.span-vb-9:before {
    content: "2102-58 Keefer Pl., Vancouver V6B 0B6, British Colombia, Canada";
}
.subtitle-text:before {
    /*content: "account@valensbank.com";*/
}

.sub-header, .review-fund-footer {
    background-color: #1F3684 !important;
    height: fit-content;
}

    .sub-header * {
        color: #FFFFFF !important;
    }

.title-section-receive-blue {
    color: #1F3684 !important;
}
.title-section-receive {
    color: #2D2E33 !important;
}
.receive-info .label-info {
    color: #1F3684 !important;
}

.custom-email:before {
    content: "info@global12.world";
}
.color-pink {
    color: green !important;
}
.review-fund-footer-content span:first-child:not(.custom-email) {
    color: #1F3684 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}
.item-active a:after {
        /*border-bottom: 3px solid #1F3684 !important;*/
    }
.btn-custom {
    text-transform: capitalize;
    border-color: #1F3684 !important;
    border-radius: 30px;
    background-color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    color: #1F3684 !important;
}
    .btn-custom.disabled {
        border-color: #cdcdcd !important;
        color: #8b8484 !important;
        background-color: #cdcdcd;
        cursor: default;
        padding: 4px 15px;
    }

.sub-header {
    /*background-color: #E9FBEF !important;*/
    height: fit-content;
}
.row title-section p{
    color:#000000 !important;
}
.title-section p {
    color: #1F3684 !important;
}
.btn-dashboard btn-section-body btn-custom{
    color:#1F3684 !important;
}
.account-item span:nth-child(n+1) {
    /*color: #1F3684 !important;*/
    font-size: 18px;
}
.btn-active {
    background: #1F3684 !important;
    color:white !important;
}
    .btn-active.disabled {
        background: #CFCFCF !important;
        color: #fdfdfd !important;
        border-color: #F14624 !important;
        pointer-events: none;
    }

.account-item span:nth-child(n+1) {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}

.border-thead tr * {
    color: #1F3684;
    font-size: 16px;
    font-weight: 400;
}
.menu-body * {
    color: #1F3684 !important;
}
.sub-header * {
    color: #FFFFFF !important;
}
.header {
    display: flex;
    justify-content: space-between;
    height: 96px;
    align-items: center;
    background-color: #FFFFFF !important;
}

.footer {
    background-color: #1F3684;
    margin-top: 60px;
    height: 200px;
}
.menu * {
    color: #000000 !important;
    font-size: 14px;
}
.btn-logout {
    color: #1F3684 !important;
    border-color: #1F3684 !important
}
.select-styled {
    /*position: inherit;*/
    border-bottom: 1px solid #1F3684 !important;
    /*border: 0.5px solid #1F3684 !important;*/
    background-color: #F5f5f5;
}
.select export-transactionType-fund .select-styled{
    border:0.5px solid #1F3684;
}
p {

    /*color: #000000 !important;*/

}
    p.error {
        color: #ff0000;
    }
label span {
    color: #000000 !important;
    margin-bottom: 4px;
}
.selectize-control, .selectize-input {
    border: 0;
    border-bottom: 1px solid #1F3684 ;
    border-radius: 0.25rem;
}
.left-section button {
    padding: 0 26px;
    margin-left: 10px;
    background-color: #ffffff !important;
    color: #1F3684 !important;
    border-color: #ffffff !important;
}
.copyright > .img-logo {
    content: url('/Client/valenspay/Logo_ValensPay.png');
    height: 24px;
}
.img-logo {
    content: url('/Client/valenspay/Logo_ValensPay1.png');
    height: 24px;
}
.form-group input, select {
    border: 0;
    border-bottom: 1px solid #1F3684;
    background-color: #F5F5F5 !important;
    padding: 10px;
    height: 45px;
}

#btn-cancel {
    background: #ffffff;
    border-radius: 30px;
    border: 1px solid #1F3684 !important;
    color: #1F3684;
    height: 40px;
    width: 150px;
}
#btn-submit {
    background: #1F3684 !important;
    border-radius: 30px;
    color: #ffffff !important;
    width: 150px;
}
#cboCustomDate .select-styled {
    background-color: #ffffff !important;
    font-size: 14px;
    font-weight: 400;
    border-color: #1F3684 !important;
}
#cboCurrencyFund .select-styled {
    background-color: #ffffff !important;
    font-size: 14px;
    border-color: #1F3684 !important;
    font-weight: 400;
}
#cboAccountNumber .select-styled {
    background-color: #ffffff !important;
    font-size: 14px;
    font-weight: 400;
    border-color: #1F3684 !important;
}
#cboCurrencySecurities .select-styled {
    background-color: #ffffff !important;
    font-size: 14px;
    border-color:#1F3684 !important;
    font-weight: 400;
}
#selecting-crypto .select-styled {
    background-color: #ffffff !important;
    font-size: 14px;
    font-weight: 400;
    border-color: #1F3684 !important;
}
.selectize-control, .selectize-input {
    border: 0;
    border-bottom: 1px solid #1F3684;
    border-radius: 0.25rem;
}
.btn-back {
    background: #FFFFFF;
    border: 1px solid #1F3684;
    color: #1F3684;
}
.btn-make-another {
    background: #1F3684;
    color: #FFFFFF;
    border: 1px solid #1F3684;
}
.so-content {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #1F3684;
}
/*Success order*/
.so-title {
    color: #000000 !important;
}
.so-content {
    color: #000000 !important;
}
.btn-make-another {
    background: #1F3684 !important;
    color: #FFFFFF;
    border: 1px solid #1F3684 !important;
}
.btn-back {
    background: #FFFFFF;
    border: 1px solid #1F3684 !important;
    color: #1F3684 !important;
}
.summary .title {
   
    color: #000000 !important;
}
/*style dangkitaikhoang*/
.wrapper-register {
    background: #f5f5f5 !important;
}
#index1 > p:nth-child(1) {
    
    color: #1F3684 !important;
}
.checkbox-container .checkmark {
    position: absolute;
   
    border: 2px solid #1F3684 !important;
}
    
    .checkbox-container .checkmark:after {
        border-color: #1F3684 !important;
    }
.checkbox-container.disabled .checkmark {
    border-color: #979490 !important;
}

.upload-area:before {

    border: 10px dashed #1F3684 !important;
    
}
.upload-area p {
    color: #1F3684 !important;
}
.btn-next .btn-default {
   
    background: #1F3684 !important;  
}
.custom-footer p {
    color: #1F3684 !important;
}
div.center-wrapper > div.introduce-register > p {
    color: #1F3684 !important;
}
.form-register .form-group label {
    color: #000000 ;
    
}
.form-group input, select {
    border: 0;
    border-bottom: 1px solid #1F3684 !important;
    background-color: #f5f5f5 !important;
}
.form-group #selected-card {
    border: 1px solid #1F3684 !important;
}
.btn-group .btn-primary {
    background-color: transparent;
    color: #1F3684;
    border: 1px solid #1F3684;
    margin-right: 20px;
}
.btn-group .btn-danger {
    background-color: #1F3684 !important;
    border: 0px;
    margin: 0px 20px;
}
.btn-group .btn-default {
    color: #1F3684 !important;
}
.radio-container .checkmark {
    border: 2px solid #1F3684 !important;
}
    .radio-container .checkmark:after {
        
        background: #1F3684 !important;
    }

#btnAddShareholder {
    
    color: #1F3684 !important;
    border: 1px solid #1F3684 !important;
    
}
.radio-container input:checked ~ .checkmark {
    border: 2px solid #1F3684;
}
.col-form-label {
    color: #1F3684 !important;
}

.copyright-content span:before {
    content: "Copyright 2023. Valens Pay" !important;
    color: #1F3684;
}


.copyright-content-cms:before {
    content: "Copyright 2023. Valens Pay";
}
.email-otc:before {
    content: "otc@global12.world" !important;
}
.summary-valensbank-fee:before {
    content: "ValensPay Fee" !important;
}

.copyright {
    margin-top: 20px !important;
}
.btn-refresh {
    border: 0.5px solid #1F3684 !important;
    color: #1F3684 !important;
}
#SavedRegistration .modal-header > p:nth-child(1) {
   
    color: #1F3684 !important;
}
#main-login {
 
    color: #000000 !important;
}
#SavedRegistration #Email {
    background-color: #1F3684 !important;
    border-bottom: 1px solid #1F3684 !important;
}
#SavedRegistration .btn-close {
    border: 0.5px solid #1F3684 !important;
    color: #1F3684 !important;
}

.form-register .form-group .form-control {

    border-bottom: 1px solid #1F3684 !important;
}
#SavedRegistration .btn-submit {
    background: #1F3684 !important;
}
.form-register .form-group label {
    color: #000000;
}
.selectize-control selectize contries-multi-select multi{
    border:none;
}
#Gender-selectized{
    height:25px !important;
}
/*#Nationality-selectized {
    height: 25px !important;
}*/
/*#PassportIssuedAt-selectized {
    height: 25px !important;
}*/
#MaritalStatus-selectized {
    height: 25px !important;
}
#AddressObj_Country-selectized {
    height: 25px !important;
}
#TaxableIn-selectized {
    height: 25px !important;
}
/*#Currency-selectized {
    height: 25px !important;
}*/

.page-item a {
    color: #000000 !important;
    font-size: 16px;
}
.modal-title {
    
    /*color: #000000 !important;*/
  
}
.ui-datepicker-month {
    height: 45px !important;
}
.ui-datepicker-year{
    height:45px !important;
}
.selectize-control.form-control.selectize.single {
    border: none !important;
}
.selectize-control.selectize.contries-multi-select.multi {
    border: none !important;
}
.button.btn.btn-primary.btn-user.btn-block {
    background-color: #1F3684 !important;
}
.btn-forgot > a {
    color: #000000 !important;
    text-decoration: underline;
    background-color: transparent;
}

.checkmark {
   
    border: 2px solid #1F3684 !important;
}
.login-checkbox input:checked ~ .checkmark {
    background-color: #1F3684 !important;
}
#btn-login > button {
    border-radius: 30px;
    background: #1F3684 !important;
    font-size: 14px;
    height: 100%;
}
#forgot-password{
    color: #000000 !important;
}
p#fg-title, #fg-content {
    color: #1F3684 !important;
}
.icon-back-custom > img {
    float: left;
}
span.ml-2.btn-back-custom {
    position: absolute;
    width: 135px;
    height: 17px;
    float: left;
    margin-left: 25px !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
    color: #1F3684 !important;
}
a:hover{
    color:#1F3684;
}
.btn-register {
    border: 1px solid #1F3684 !important;
}
    .btn-register > button {
        color: #1F3684 !important;
   
    }
.btn-save-register {
    border-radius: 30px;
    border: 1px solid #1F3684 !important;
    height: 51px;
}
    .btn-save-register > button {
        
        color: #1F3684 !important;

    }
        .btn-save-register > button:focus {
            background: #1F3684 !important;
            color: #ffffff;
        }
a#dropdownLang {
    color: #ffffff !important;
}
#btn-popup-edit-email > button {
   
    border-radius: 30px !important;
    background-color: #FFFFFF !important;
    color: #1F3684 !important;
    border: 1px solid #1F3684 !important;
}

.field-required {
    color: red !important;
}

#btn-popup-ok > button {
    font-size: 14px;
    width: 120px;
    left: 353px;
    top: 220px;
    border-radius: 30px !important;
    background-color: #1F3684 !important;
    color: #FFFFFF !important;
}
#Shareholders_0__PersonNationality-selectized {
    height: 25px !important;
}
.selectize-input.items.not-full.has-options {
    border: none ;
}
#Shareholders_0__PersonMarriage-selectized{
    height:25px !important;
}
#Shareholders_0__PersonIssueCountry-selectized{
    height:25px !important;
}
#Shareholders_0__AddressObj_Country-selectized{
    height:25px !important;
}
#CorporateAddressObj_Country-selectized{
    height:25px !important;
}
#UltimateBeneficialOwners_0__PersonMarriage-selectized{
    height:25px !important;
}
#UltimateBeneficialOwners_1__AddressObj_Country-selectized{
    height:25px !important;
}
#UltimateBeneficialOwners_0__Type-selectized, #UltimateBeneficialOwners_1__Type-selectized, #UltimateBeneficialOwners_2__Type-selectized {
    height: 25px !important;
}
#UltimateBeneficialOwners_0__AddressObj_Country-selectized{
    height:25px !important;
}
#UltimateBeneficialOwners_0__CompanyMailingAddress_Country-selectized{
    height:25px !important;
}
#MailingAddress_Country-selectized{
    height:25px !important;
}
UltimateBeneficialOwners_0__PersonSex-selectized
UltimateBeneficialOwners_0__PersonIssueCountry-selectized
input#CountryReceiveFundFrom-selectized {
    padding: 0px;
    margin: 0px;
    height: 32px;
}
input#CountrySendFundTo-selectized {
    height: 27px;
}
a#dropdownLang {
    padding: 10px 30px;
    /*background-color: #45342c;*/
}
.personal-detail .selectize-control .selectize-input {
    border: 0;
    border-bottom: 1px solid #1F3684 !important;
    border-radius: 0.25rem;
}
.selectize-input items not-full has-options {
    border-bottom: 1px  solid #1F3684;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #1F368426 !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem #1F368426 !important;
}

.selectize-input.focus {
    border-color: #1F368426 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgba(24, 169, 76, 1 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgba(24, 169, 76, 1 / 60%);
}

#main-logo {
    margin-top: 50px;
    width: auto !important;
}

.culture-ddl {
    float: left !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #1F3684;
    border-color: #1F3684;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff !important;
    background-color: #1F3684;
}

.btn-primary:hover {
    color: #ffffff !important;
    background-color: #1F3684 !important;
}
#btn-cancel {
   
    color: #1F3684 !important;
  
}
/*footer*/
.footer p {
    color: #ffffff !important;
    margin: 0px 20px 16px 0px;
}
#my-overlay i {
    color: #1F3684 !important;
}
.table-custom img {
    /*filter: invert(43%) sepia(88%) saturate(3017%) hue-rotate(119deg) brightness(100%) contrast(81%) !important;*/
}
.border-thead img {
    /*filter: invert(43%) sepia(88%) saturate(3017%) hue-rotate(119deg) brightness(100%) contrast(81%) !important;*/
}
#icon-calender {
    /* color: #1F3684; */
    /*filter: invert(43%) sepia(88%) saturate(3017%) hue-rotate(119deg) brightness(100%) contrast(81%) !important;*/
    /* background-color: #1F3684; */
}
select {
    /*background: url("arrow-select.svg") no-repeat !important;*/
    /*background-position: top 11px right 8px !important;*/
    background-color: #f5f5f5 !important;
}
.select-styled {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px 15px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #969DBA;
    background-image: url("arrow-select.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
}
.select.export-transactionType-fund .select-styled{
    border:1px solid #1F3684 !important;
}
.pagination.pagination-custom img {
    /*filter: invert(43%) sepia(88%) saturate(3017%) hue-rotate(119deg) brightness(100%) contrast(81%) !important;*/
}
.selectize-input.items {
    background-color: white !important;
    /*background: url("arrow-select.png") no-repeat white !important;*/
    background-position: top 15px right 17px !important;
    -webkit-appearance: none !important;
}
.datepicker-expirydate {
    background: url("Calendar.png") no-repeat #ffffff !important;
}
.datepicker, .datepicker-sh, .passport-expiry-date, .passport-expiry-date-sh {
    background-color: #ffffff !important;
    background: url("Calendar.png") no-repeat #ffffff !important;
    background-position: top 11px right 8px !important;
    -webkit-appearance: none !important;
}
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}
.checkbox-container input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
.checkbox-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        border: 2px solid #1F3684;
    }
.checkbox-container .checkmark:after {
        left: 3px;
        top: 0px;
        width: 5px;
        height: 9px;
        border: solid black;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate( 45deg );
        -ms-transform: rotate(45deg);
        transform: rotate( 45deg );
    }
.checkbox-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
    .checkbox-container.disabled {
        color: #939090;
    }
.radio-container {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-right: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #000000 !important;
}
.radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 50%;
    border: 2px solid #1F3684;
}
.radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
.radio-container .checkmark:after {
        top: 1px;
        left: 1px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #1F3684;
    }
.radio-container input:checked ~ .checkmark {
        border: 2px solid #1F3684;
    }
.radio-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
.radio-container input:checked ~ .checkmark:after {
    display: block;
}
.icon, .container-upload img {
    /*filter: invert(43%) sepia(88%) saturate(3017%) hue-rotate(119deg) brightness(100%) contrast(81%) !important;*/
}
.upload-area{
    border:1px solid #1F3684 !important;
}

.content-input img {
    /*filter: invert(43%) sepia(88%) saturate(3017%) hue-rotate(119deg) brightness(100%) contrast(81%) !important;*/
}
.custom-control {
    padding-left: 0rem !important;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all select {
    /*background: url("arrow-select.svg") no-repeat !important left;*/
}
.custom-btn-back img {
    /*filter: invert(43%) sepia(88%) saturate(3017%) hue-rotate(119deg) brightness(100%) contrast(81%) !important;*/
}
/*width 414px*/
#sort-order-date-fund .select-styled {
    background-color: #ffffff !important ;
}
.sortOrderDateFund .select-styled {
    border: 1px solid #1F3684 !important;
}
.sortOrderDateSecurities .select-styled {
    border: 1px solid #1F3684 !important;
}

.btn-custom.float-right.border-none img {
    /*filter: invert(43%) sepia(88%) saturate(3017%) hue-rotate(119deg) brightness(100%) contrast(81%) !important;*/
}

#continue-register-kyc .modal-body .bold {
    font-weight: 700;
    color: #1F3684 !important;
}

#continue-register-kyc .modal-header .bold {
    font-weight: 700;
    color: #1F3684 !important;
}
#kyc-update-profile .modal-header .bold {
    font-weight: 700;
    color: #1F3684 !important;
}

#continue-register-kyc > div > div.modal-body {
    align-items: normal;
}

#popup-title {
    color: #1F3684 !important;
}

#popup-button {
    background-color: #1F3684 !important;
}
#popup-button-home {
    background-color: #1F3684 !important;
}
.sub-status {
    font-size: 13px;
    position: relative;
    bottom: 20px;
}

.btn-onboard {
    background-color: #ffffff !important;
    color: #1F3684 !important;
    border-color: #ffffff !important;
}
/*  OTP  */
.modal-content {
    width: fit-content;
}

#fg-title {
    font-size: 25px;
    text-align: center;
    font-weight: 600;
}

#fg-content {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #112577;
}

.otp-input {
    max-width: 65px;
    text-align: center;
    margin-right: .5rem;
}

.otp-form {
    width: 540px;
}
.otp-resend {
    font-size: 12px;
    border: none;
    text-decoration: underline;
    padding: 0;
    position: relative;
    top: -10px;
}

.introduce-title {
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    color: #1F3684 !important;
}
.beneficary-item-selected {
    background-color: #1F3684 !important;
}
.beneficary-item {
    color: #1F3684 !important;
}

.beneficary-item-sub {
    color: #1F3684 !important;
}

.beneficary-selected {
    color: white !important;
}

.beneficary-item-menu-title {
    background-color: #1F3684 !important;
}

.panel-group.help-group .panel {
    border-color: #1F3684 !important;
}

.form-group textarea {
    border-color: #1F3684 !important;
}
/*for new UI*/
.dashboard-left-section button {
    padding: 0 26px;
    margin-left: 10px;
    background-color: white !important;
    color: #1f3684 !important;
}
.account-wallet-name {
    color: #1F3684;
    font-size: 22px !important;
    font-weight: 400;
    margin-bottom: 0px !important;
}

.account-balance-overview {
    color: #1F3684 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.dashboard-account-currency {
    font-weight: 400 !important;
    font-size: 20px !important;
}

.account-balance {
    color: #1F3684 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}
.account-status {
    color: #1F3684 !important;
    font-weight: 400 !important;
}
.side-control .form-group input, .side-control select {
    border: 1px solid #1F3684 !important;
}
/*end for new UI*/
.btn-back-open-card {
    background-color: #1F3684 !important;
    border-color: #1F3684 !important;
    color:#ffffff;
}
.btn-disabled {
    border-color: #DEDEDE !important;
    background-color: #DEDEDE;
    color: #FFFFFF !important;
}
.border-color {
    border-color: #1F3684 !important;
}