/* Keep this for all project */

@font-face {
    font-family: 'Konnect';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/konnect/KonnectThin.otf);
}

@font-face {
    font-family: 'Konnect';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/konnect/KonnectRegular.otf);
}

@font-face {
    font-family: 'Konnect';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/konnect/KonnectMedium.otf);
}

@font-face {
    font-family: 'Konnect';
    font-style: normal;
    font-weight: 500;
    src: url(fonts/konnect/KonnectSemiBold.otf);
}

@font-face {
    font-family: 'Konnect';
    font-style: normal;
    font-weight: 600;
    src: url(fonts/konnect/KonnectBold.otf);
}

@font-face {
    font-family: 'Konnect';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/konnect/KonnectExtraBold.otf);
}

@font-face {
    font-family: 'SecondFont';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/sui_generis/sui-generis-rg.otf);
}

@font-face {
    font-family: 'ChineseMainFont';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/miaozi-wenanti-Regular-2.ttf);
}

@font-face {
    font-family: 'Groupe';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/GroupeFont/groupemedium-8mxgn.otf);
}



.body, div, a, button, span, input, section,footer,header {
    font-family: Konnect;
    font-weight: 300;
}

.font2 {
    font-family: "SecondFont", sans-serif !important;
}

/* Keep until here */

:root {
    /* General default roots */
    --btn-primary-background-color: #50A542;
    --btn-primary-text-color: #FFF;
    --btn-secondary-background-color: #1E1E1E;
    --btn-secondary-text-color: #FFF;
    --btn-border-radius: 10px;
    --btn-padding: 1rem;
    --btn-font-size: 15px;
    --btn-width-short: 100px;
    --btn-width-long: 150px;
    --default-font-weight-thin: 300;
    --default-font-weight-thick: 500;
    --default-font-weight-bold: 700;
    --default-font-weight-max: 900;
    --primary-background-color: #000;
    --secondary-background-color: #000;
    --page-title-font-size: 28px;
    --default-font-size: 15px;
    --default-text-color: #FFF;
    --default-box-shadow: 0px 3px 6px #FFFFFF29;
    --default-container-color: rgba(255, 255, 255, 0.15);
/*    --default-box-shadow: 0px 1px 7px -3px rgba(0,0,0,0.69);*/
    --default-border-radius: 15px;
    --ternary-text-color: #BBBBBB;
    --form-control-border-radius: 10px;
    --form-control-border-color: #616364;
    --form-control-background-color: #1E1E1E;
    --secondary-font-family: "Groupe", sans-serif !important;
    /* General default roots */

    /* --forgot-password-box-shadow-color: #4CF5F3; */

    --default-bg-wrapper: #FFFFFF;
    --default-non-selected-dropdown-option: #BBBBBB;
    --default-selected-dropdown-option: #3E784E;
    --default-selected-dropdown-option-text: #FFFFFF;

    /* new card background color */
    --glow-card-background-color: rgba(0,0,0,0.5);
    --glow-card-box-shadow: 0px 0px 10px rgba(255,255,255,0.3);
    --glow-card-opacity: 0.3;
}

.table td {
    background-color: transparent !important;
    border-bottom: 1px solid #FFFFFF33;
    border-radius: unset !important;
    font-weight: 300;
}

.table tr:last-child td {
    border-bottom: none !important;
}

.table tbody tr {
    background-color: transparent !important;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.table thead th {
    border-bottom: 1px solid #FFFFFF33 !important;
    color: #ffffff;
}

.table thead th span{
    font-weight: 500 !important;
}

.table{
    /* background: transparent linear-gradient(180deg, #0000004D 0%, #FFFFFF26 100%) 0% 0% no-repeat padding-box; */
    border-radius: var(--default-border-radius);
}

.table-responsive {
    padding: unset;
}

.listingbox{
    margin-bottom: 10px;
}

.paginationStyle {
    color: var(--default-text-color);
    font-weight: 300;
}

.page-item.active .page-link {
    color: var(--btn-primary-background-color);
}

.paginationStyle:hover, .paginationStyle:focus {
    color: var(--btn-primary-background-color) !important;
}

/* mobile card listing */
#card-listing-container{
    display: none;
}

.mobile-card-paging {
    display: none;
}

.btn {
    width: var(--btn-width-short);
    border: unset;
    border-radius: var(--btn-border-radius);
    text-align: center;
    font-size: var(--btn-font-size);
    font-weight: var(--default-font-weight-bold);
}

.btn[disabled] {
    cursor: not-allowed;
}

.btn-primary {
    background: var(--btn-primary-background-color);
    color: var(--btn-primary-text-color);

}

.btn-primary:hover{
    background:var(--btn-primary-background-color)!important;
}

.btn-secondary {
    background: var(--btn-secondary-background-color);
    color: var(--btn-secondary-text-color);
}

.btn-secondary:hover{
    background:var(--btn-secondary-background-color)!important;
    color: var(--btn-secondary-text-color);
}

.btn.listing-btn,
.btn.form-btn {
    width: var(--btn-width-long);
    padding: 0.7rem 0rem;
/*    font-weight: var(--default-font-weight-thick);*/
}

.language-dropdown {
    position: relative;
}

.language-dropdown-list {
    position: absolute;
    top: 40px;
    right: 0px;
    background-color: #000;
    padding: 0.5rem 0rem;
    border-radius: var(--default-border-radius);
    border: 3px solid var(--btn-primary-background-color);
    width: max-content;
    max-width: 300%;
    z-index: 3;
}

.main-display-div .language-dropdown-list{
    width: 135px;
    z-index: 3;
    transform: translateY(22px) !important;
    max-width: unset;
    top: unset;
}

.language-dropdown-list.collapse {
    display: none;
}

.language-dropdown-list.collapse.show {
    display: block;
}

.language-dropdown-item {
    width: 100%;
    cursor: pointer;
    padding: 0.5rem 1rem;
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thin);
    display: inline-block;
    /*justify-content: space-between;
    align-items: center;*/
}

.language-dropdown-item img {
    width: 20px;
    height: 20px;
    box-shadow: var(--default-box-shadow);
    -webkit-box-shadow: var(--default-box-shadow);
    -moz-box-shadow: var(--default-box-shadow);
    border-radius: 50%;
}

.language-dropdown-item:hover {
    background-image: var(--btn-primary-background-color);
    color: var(--btn-primary-text-color);
    font-weight: var(--default-font-weight-thick);
}

.form-control {
    background-color: var(--form-control-background-color);
    border-radius: var(--form-control-border-radius);
    border: 1px solid var(--form-control-border-color);
    font-size: var(--default-font-size);
    color: var(--default-text-color);
}

.form-control:focus {
    outline: none;
    background: var(--form-control-background-color);
    color: var(--default-text-color);
    border-color: var(--btn-primary-background-color);
}

.form-control::placeholder {
    color: var(--default-text-color);
    font-size: 14px;
}

.form-control:disabled {
    color: var(--default-text-color);
    font-size: 14px;
    background: #000;
}

.modal .modal-content {
    border-radius: var(--default-border-radius);
    background-color: var(--primary-background-color);
    box-shadow: 0px 3px 6px #FFFFFF29;
    border: 3px solid var(--btn-primary-background-color)
}

.modal .modal-content .modal-header .close{
    color: var(--btn-primary-text-color) !important;
    position: absolute;
    right: 0;
    transform: translate(-14px, 0px);
}

.statusicondiv{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.statusicon{
    margin-right: 8px;
}

#canvasMessage{
    z-index: 2000;
}

#canvasMessage .modal-title {
    font-size: 18px;
    font-family: Groupe;
}

.modal-header {
    border-bottom: 1px solid #616364;
}

#canvasAlertMessage{
    text-align: center;
    color: var(--ternary-text-color);
}

.modalBodyFont {
    color: var(--default-text-color);
}

.modal .modal-content .modal-header .modal-title {
    font-family: var(--secondary-font-family);
    font-size: 20px !important;
    color: var(--default-text-color) !important;
}

.modal-footer {
    border-bottom-right-radius: var(--default-border-radius);
    border-bottom-left-radius: var(--default-border-radius);
    background-color: var(--primary-background-color);
}

.modal-header, 
.modal-body, 
.modal-footer {
    padding: 15px 2rem;
}

#canvasMessage .modal-dialog {
    max-width: 350px;
}

.buttoncanvasCloseBtn .btn {
    width: 48%;
}

html {
  scroll-behavior: smooth;
}

.ipad-below-display {
    display: none;
}

.grey-bg {
    background-color: #E3E3E3 !important;
}

/* Sidebar */

.sidebar-display-div {
    padding-bottom: unset;
}

.sidebar-div {
    background: transparent linear-gradient(180deg, #000000 0%, #2F6632 50%, #000000 100%) 0% 0% no-repeat padding-box;
    color: var(--ternary-text-color);
    padding: 1.5rem 1rem;
    box-shadow: var(--default-box-shadow);
    -webkit-box-shadow: var(--default-box-shadow);
    -moz-box-shadow: var(--default-box-shadow); 
    height: 100%;
    font-size: var(--default-font-size);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sidebar-logo {
    width: 60%;
    height: auto;
    margin: 20px 0px 0px;
}
.sidebaricon{
    display: none;
}
.sidebar-anchor.active .sidebaricon,
.sidebar-dropdown-div:has(.collapse.show) .sidebar-anchor .sidebaricon{
    display: block;


}

.sidebar-anchor {
    padding: 0.7rem 1.5rem;
    font-size: var(--btn-font-size);
    color: var(--ternary-text-color);
    border-radius: var(--btn-border-radius);
    width: 100%;
    display: flex;
    font-weight: 100;
    align-items: center;
    margin: 15px 0px;
    cursor: pointer;
    justify-content: space-between;
}

.sidebar-anchor:hover {
    color: var(--btn-primary-background-color);
}

.sidebar-anchor.active,
.sidebar-dropdown-div:has(.collapse.show) .sidebar-anchor {
    background: #3E784E;
    color: var(--btn-primary-text-color);
    font-weight: var(--default-font-weight-bold);
}

.sidebar-achor-img{
    width: 18px;
    height: auto;
    margin-right: 10px;
}

.download-app-btn{
    margin: 15px 0px;
}

a.sidebar-anchor:not([href]):not([tabindex]):hover {
/*    color: var(--btn-primary-text-color);*/
    color: #53E9EE;
    cursor: pointer;
}

.sidebar-dropdown-div {
    position: relative;
}

.sidebar-dropdown-list.collapse {
    display: none;
}

.sidebar-dropdown-list.collapse.show {
    display: block;
}

.sidebar-anchor-item {
    padding: 0.5rem 3rem;
    color: var(--ternary-text-color);
    display: block;
    font-size: 13px;
}

.sidebar-anchor-item:hover,
.sidebar-anchor-item.active {
    color:  var(--default-text-color);
}

.sidebar-bottom-div{
    width: 100%;
    padding: 0 1.5rem;
    position: relative
}

.sidebar-close-btn {
    background-color: transparent;
    color: #000;
    font-size: 20px;
    border: unset;
}

.sidebar-display-div.collapse {
    display: block !important;
}

.sidebar-bottom-img{
    width: 100%;
    background: transparent;
    mix-blend-mode: screen;
    opacity: 1;
}

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

.sidebar-welcome-text1{
    font-size: 13px;
}

.sidebar-welcome-text2{
    color: var(--default-text-color);
}

.sidebar-profile-div{
    text-align: center;
    margin: 15px 0px;
    position: relative;
}

.sidebar-showMore{
    position: absolute;
    bottom: 13px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 10px;
    cursor: pointer;
    margin-left: 3px;
    text-decoration: underline;
    color: white;
}

.sidebar-showMore:hover{
    color: var(--btn-primary-background-color);
}

/* Sidebar */

/*Start of Login Page*/
.btn-send-otp.active{
    background-color: #363636 !important;
}

#loginSection a:hover{
    color: var(--btn-primary-background-color);
}

#loginSection .language-btn img,
.publicRegistration .language-btn img{
    margin-top: 15px;
}
.disabled-Select .select2-container--default .select2-selection--single{
    background: var(--secondary-background-color) !important;
}
.bgvideo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    pointer-events: none; 
}
.homepage-section1{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; 
    min-height: 100vh;
    /* display: flex;
    align-items: center; */
}

.login-div{
    display: flex;
    justify-content: space-between;
}

.loginSection-2{
    background-color: #000;
    width: 30%;
    padding: 25px 25px 50px;
    min-height: 100vh;
}

.login-logo-image {
    width: 158px;
    height: 57px;
    margin: 0px 0px 40px 40px;
}

.loginSection-1{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.login-register-selection-tab{
    display: flex;
    color: var(--default-text-color);
    background: #1E1E1E;
    width: fit-content;
    border: 1px solid var(--form-control-border-color);
    border-radius: 10px;
    padding: 2px;
    margin-bottom: 20px;
}

.login-register-selection{
    color: var(--ternary-text-color);
    padding: 10px 13px;
    width: 80px;
    text-align: center;
    cursor: pointer;
}

.login-register-selection.active{
    color: var(--default-text-color);
    background: transparent linear-gradient(180deg, #50A542 0%, #285321 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
}

.login-title-1{
    font-size: 30px;
    font-family: Groupe;
    color: var(--default-text-color);
}

.login-title-2{
    font-size: 15px;
    color: var(--ternary-text-color);
}

#loginSection #captchaImage{
    border-radius: var(--form-control-border-radius);
}

#loginSection .btn-primary,
#sidebarDiv .btn-primary{
    width: 100%;
}

.login-captcha-container{
    display: flex;
}

.login-form-control-input-container{
    position: relative;
}

.login-form-password-btn{
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-15px, 11px);
    color: var(--ternary-text-color) !important;
    cursor: pointer;
}

.login-anchor2{
    font-size: 14px;
    color: var(--ternary-text-color);
    text-decoration: underline;
}

.login-anchor1{
   font-size: 14px;
   color: var(--ternary-text-color)
}

.login-anchor3{
    font-size: 14px;
    color: var(--btn-primary-background-color)
 }

.login-register-now-container{
    margin-top: 50px;
}

#forgotPasswordForm,
#changePasswordForm,
#purchasePackageForm {
    text-align: left;
}

.login-forgotpw-otp-btn{
    position: absolute;
    /* white-space: nowrap; */
    width: 30%;
    right: 0;
    padding: 6px;
    transform: translate(-3px, 3px);
}

#forgotPasswordPopup .modal-dialog{
    width: 450px;
}

#changePasswordForm .login-form-password-btn{
    transform: translate(-15px, 37px);
}
/*End of Login Page*/


.publicRegisteration-country span .selection .select2-selection,
.kyc-select-container span .selection .select2-selection {
    background-color: var(--form-control-background-color);
    border-radius: var(--form-control-border-radius);
    border: 1px solid var(--form-control-border-color);
    font-size: var(--default-font-size);
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    overflow: hidden;
}

.publicRegisteration-country span .selection .select2-selection__rendered,
.kyc-select-container span .selection .select2-selection__rendered {
    font-weight: 400;
    padding-left: 12px;
    /* padding-top: 6px; */
}

.publicRegisteration-country span .selection .select2-selection__arrow,
.kyc-select-container span .selection .select2-selection__arrow {
    top: 50%;
}
.publicRegisteration-country span .selection .select2-selection__rendered,
.kyc-select-container span .selection .select2-selection__rendered{
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    line-height: 28px;
}

.publicRegisteration-country,
.kyc-select-container {
    display: flex;
    flex-direction: column;
}

.publicRegisteration-country .select2-container,
.kyc-select-container .select2-container {
    width: 100% !important;
}

.publicRegisteration-country:has(.is-invalid) .select2-selection,
.kyc-select-container:has(.is-invalid) .select2-selection {
    border-color: #fd397a !important;
}

.publicRegisteration-country select,
.kyc-select-container select { 
    order: 2; 
}

.publicRegisteration-country span,
.kyc-select-container span { 
    order: 3; 
}
.publicRegisteration-country .invalid-feedback,
.kyc-select-container .invalid-feedback { 
    order: 4; 
}

.registration-confirm div .registration-input-pwd,
.registration-confirm div .registration-input {
    background-color: #e8e8e8;
    cursor: not-allowed;
}

.publicRegistration-country .select2-container--default .select2-selection--single .select2-selection__rendered,
#select2-loginModalMobilePreffixHiddenInput-container{
    height: calc(1.5em + 1.3rem + 2px);
    width: 100%;
    background-color: var(--form-control-background-color);
    border-radius: var(--form-control-border-radius);
}


#select2-loginModalMobilePreffixHiddenInput-container {
    width: 100%;
    color: var(--default-text-color);
    padding: .65rem 1rem;
    height: 41.5px !important;
    padding-top: 8px;
    font-size: 14px;
}

.loginModalMobilePreffixHiddenInputWrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 19px;
    right: -9px;
}

.publicRegistration-country .select2-container .select2-selection--single .select2-selection__rendered{
   padding: .65rem 1rem;
}

.publicRegistration-country .select2-container--default .select2-selection--single, .loginModalMobilePreffixHiddenInputWrapper .select2-selection.select2-selection--single{
    background-color: transparent!important;
    border: none !important;
}

.publicRegistration-country .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 25px;
    right: 5px;
    color: var(--default-text-color);
}

.publicRegistration-country .select2 .select2-container .select2-container--default{
    width: 100%;
}


.country-container{
    display: flex;
    flex-direction: column;
}

.country-container .invalid-feedback {
    margin-top: 2rem;
    order: 10;
}

.loginModalMobilePreffixHiddenInputWrapper .select2.select2-container.select2-container--default{
    width: 100% !important;
}

.publicRegistration-country.publicRegistration-country-tune .select2-container{
    width: 100% !important;
}

#loginModalMobilePreffixHiddenInpu .select2-container--default.select2-selection--single{
    background-color: red!important;
    border: none;
}

.phone-number-container{
    width: 100%;
    display: flex;
    padding-inline: 0;
}

#phoneNo.form-control{
    border-top-left-radius: 0%;
    border-bottom-left-radius: 0%;
    border-left: unset;
}

#select2-loginModalMobilePreffixHiddenInput-container{
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
    border: 1px solid var(--form-control-border-color);
    border-right: unset;
}

.loginModalMobilePreffixHiddenInputWrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 21px;
    right: -9px;
}

.publicRegisteration-country span .selection .select2-selection__arrow
,.loginModalMobilePreffixHiddenInputWrapper .select2-container--default .select2-selection--single .select2-selection__arrow {

    color: var(--default-text-color);
    font-weight: var(--default-font-weight-max);
}

.publicRegistration-sec,.publicRegistration{
    position: relative;
}

.publicRegistration-sec-bg-video {
    min-height: 100vh;
    height: 100%;
}
.register-outer-container{
    padding: 3rem;
    padding-inline: 2rem;
}

.register-title-container{
    padding-inline: 20px    ;
}


.communityPlacementContainer {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    margin-right: 20px;
    cursor: pointer;
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thick);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--default-text-color);
}

.communityPlacementContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #5a5a5a;
    border-radius: 50%;
}
  
.communityPlacementContainer input:checked ~ .checkmark {
    background-color: var(--btn-primary-background-color);
}
  
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
.communityPlacementContainer input:checked ~ .checkmark:after {
    display: block;
}
  
.communityPlacementContainer .checkmark:after {
    top: 3.4px;
    left: 3.6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.registration-relative-container{
    position: relative;
}

.public-registration-form-password-btn {
    border: unset;
    background: unset;
    right: 7px;
    top: 1px;
}
.register-form-label {
    color: var(--default-text-color);
    font-size: 14px;
    font-weight: var(--default-font-weight-thin);
    font: normal normal normal 14px / 20px Konnect;
    font-weight: 300;
}

#registerBtn,
.btnMaxWidth{
    width: 100%;
}

.publicRegistration-logo-section{
    display: flex;
    align-items: end;
    justify-content: flex-start;
}

.register-login{
    color: #BBBBBB;
    font-size: 14px;
}

.register-login #loginUrl{
    color: #50A542;
}

.btn-enter-otp{
    position: absolute;
    top: 41px;
    right: 30px;
    cursor: pointer;
    color: var(--default-text-color);
    text-decoration: underline;
}

.publicRegistrationConfirmationWrapper #select2-loginModalMobilePreffixHiddenInput-container ,.publicRegistrationConfirmationWrapper .publicRegisteration-country span .selection .select2-selection {
    background: #000;
    pointer-events: none;

 }
 .publicRegistrationConfirmationWrapper  .loginModalMobilePreffixHiddenInputWrapper .select2-selection.select2-selection--single{
    pointer-events: none;
 }

.publicRegistrationConfirmationWrapper #select2-loginModalMobilePreffixHiddenInput-container{

    height: 40px !important;
}

.publicRegistrationConfirmationWrapper .btn-enter-otp{
    pointer-events: none;
}

.publicRegistration-hr {
    border: 0.1px solid #262424;
}

.login-title-2-pr {
    font-size: 18px;
    font-family: Groupe;
    color: var(--default-text-color);
    margin-top: 1rem;
}

.loginModalMobilePreffixHiddenInputWrapper.is-invalid #select2-loginModalMobilePreffixHiddenInput-container{
    border-color: #fd397a !important;
}

.loginModalMobilePreffixHiddenInputWrapper.is-invalid #phoneNo{
    border-color: #fd397a;
}

#phoneNo.form-control:focus + #loginModalMobilePreffixHiddenInput {
    border-color: var(--btn-primary-background-color);
}

#phoneNo{
    padding-top: 12px;
}


.colorTest{
    border-color: var(--btn-primary-background-color) !important;
}

.publicRegistration-sec .select2-container--open .select2-dropdown--below{
    margin-top: 10px;
}

.register-small-text{
    font-size: 12px;
    color: var(--ternary-text-color);
}

.confirmation-back-btn{
    color: var(--default-text-color);
    text-decoration: underline;
    font-size: 14px;
    font-weight: 300;
    white-space: nowrap;
}

.confirmation-back-btn:hover{
    color: var(--default-text-color);
}

.registration-btn-container{
    width: 100%;
    flex-wrap: nowrap;
}

.register-error .invalid-feedback{
 margin-left: 15px;
}

#placementDetailsPopup .modal-dialog{
    margin-top: 100px;
}

/* Start of Live Arbitrage */
.coin_icon{
    width: 30px;
    position: absolute;
}

.base_icon{
    transform: translate(25px, -10px);
}

.top_icon{
    /* position: relative; */
    z-index: 2;
    transform: translate(10px, -20px);
}

.coin-diff-text{
    color: var(--ternary-text-color);
}

.coin-price{
    color: var(--ternary-text-color);
    font-size: 12px;
}

.toppair-container{
    width: 100%;
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    padding: 15px;
    display: flex;
    overflow-x: scroll;
    -ms-overflow-style: none;  
    scrollbar-width: none;  
    animation: scroll-horizontal 10s linear infinite;
}

.toppair-div{
    /* min-width: 25%; */
    position: relative;
    display: flex;
    height: 45px;
}

.toppair-container .top_icon{
    transform: translate(0px, 5px);
}

.toppair-container .base_icon{
    transform: translate(15px, 13px);
}

.toppair-content-left{
    line-height: 45px;
    margin-left: 5rem;
}
/* End of Live Arbitrage */

/* Start of Dashboard */
.dashboard-page{
    display: flex;
}

.dashboard-left-container{
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wallet-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wallet-div{
 /*   height: 167px;*/
    width: 49%;
    background: var(--glow-card-background-color);
    border-radius: var(--default-border-radius);
    box-shadow: var(--glow-card-box-shadow);
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
}

.wallet-text-1{
    color: var(--ternary-text-color);
    font-size: 20px;
    font-weight: 300;
}

.wallet-text-2{
    font-size: 24px;
    font-weight: 400;
}

.wallet-text-3{
    font-size: 15px;
    font-weight: 300;
    text-decoration: underline;
    color: var(--ternary-text-color);
    cursor: pointer;
}

.wallet-text-4{
    font-size: 18px;
    font-weight: 400;
    color: #F7F7F7;
}

.wallet-bottom-div{
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}

.wallet-circle{
    width: 22px;
    height: 22px;
    border-radius: 30px;
}

.wallet-circle-1{
    background: #2A2933;
    margin-right: -10px;
    z-index: 2;
}

.wallet-circle-2{
    background: transparent linear-gradient(180deg, #FCDA6F 0%, #A86203 100%) 0% 0% no-repeat padding-box;
}

.dashboard-listing-container{
    width: 28%;
    background: var(--glow-card-background-color);
    border-radius: var(--default-border-radius);
    box-shadow: var(--glow-card-box-shadow);
    display: flex;
    flex-direction: column;
    margin: 23px 0px 0px 30px;
    overflow-y: auto;
}

.no-result-found-img{
    width: 125px;
}

.dashboard-listing-no-result{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.no-result-found-text{
    color: var(--ternary-text-color);
}

.purchase-contract-div{
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    overflow: hidden;
}

.dashboard-video{
    width: 50%;
}

.purchase-contract-content{
    width: 50%;
    padding: 0px 20px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

#purchaseAmount{
    margin: 10px 0px;
}

.purchase-contract-content .btn{
    width: 60%;
}
.purchase-contract-container{
    margin-top: 30px;
}

#revealWalletIcon{
    background: unset;
    border: unset;
    color: var(--ternary-text-color);
    margin-left: auto;
    text-align: right;
}

.dashboard-listing-title{
    font-size: 20px;
    text-align: left;
    color: var(--ternary-text-color);
}

.dashboard-listing-div{
    border-bottom: 1px solid #616364;
    height: 33%;
    padding: 30px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dashboard-listing-img{
    height: 167px;
}

.dashboard-listing-icon{
   width: 30px;
}

.dashboard-listing-content{
    padding: 0px 20px;
    height: 73%;

}

.dashboard-listing-text{
    color: #EFEFEF
}

.dashboard-listing-amount{
    font-weight: 500;
}

.listing-circle img{
    width: 22px;
    height: 22px;
    margin: auto;
}

.listing-circle.yellow{
   background:  transparent linear-gradient(180deg, #FCDA6F 0%, #A86203 100%) 0% 0% no-repeat ;
}

.listing-circle{
    width: 31px;
    height: 31px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    margin: auto;
}

.listing-circle.black{
    background: #2A2933;
}

.dashboard-listing-item{
    display: flex;
    align-items: center;
}

.dashboard-listing-result{
    height: 100%;
    display: flex;
    flex-direction: column;
    /* background: var(--glow-card-background-color); */
    /* box-shadow: var(--glow-card-box-shadow); */
}


#purchasePackagePopup .login-form-password-btn,
#disable2faPopup .login-form-password-btn
{
    transform: translate(-15px, 37px);
}

#downloadAppPopUp{
    background: transparent linear-gradient(180deg, #50A542 0%, #3E784E 100%) 0% 0% no-repeat padding-box;
    width: 320px;
    position: absolute;
    left: 0;
    transform: translate(20px, -70px);
    bottom: 0;
    padding: 10px;
    border-radius: var(--default-border-radius);
    box-shadow: 0px 3px 6px #00000029;
    justify-content: space-around;
    display: flex;
    z-index: 5;
}

#downloadAppPopUp.collapse{
    display: none;
}

#downloadAppPopUp.collapse.show{
    display: flex;
}

.download-qr-background{
    width: 150px;
    padding: 5px;
    border-radius: var(--btn-border-radius);
    background-color: white;
    justify-content: center;
    display: flex;
    height: 150px;
    margin: auto;
}
.downloadcomingsoon{
    /* background-color: #ffd973; */
    width: 120px;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    text-align: center;
    transform: rotate(-29deg);
    right: -12px;
    color: #fff;
    bottom: 13px;
    background: transparent linear-gradient(#ffd973 0%, #a48942 100%) 0% 0% no-repeat padding-box;
}
.download-qr{
    width: 100%;
}

.download-app-div{
    margin: 5px 5px;
    padding: 5px;
    border-radius: var(--btn-border-radius);
    background: var(--primary-background-color);
    /* opacity: 0.5; */
    padding: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.download-app-div.active{
    opacity: 1;
    border: 2px solid white;
}

.download-app-container{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 60%;
}

.download-app-div img{
    height: 35px;
}

.download-app-text{
    font-size: 7px;
    color: var(--ternary-text-color);
}

.download-app-text-div{
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
/* End of Dashboard */

/* Start of Wallet */
.wallet-page .wallet-div{
    width: 33%;
    cursor: pointer;
    margin-right: 10px;
}

.wallet-page .wallet-container{
    justify-content: unset;
}

.wallet-page .wallet-div.active{
    background: rgba(80, 165, 66, 0.5)
}

.wallet-button{
    width: 20%;
    background: transparent linear-gradient(180deg, #D4A03B 0%, #00000066 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    text-align: center;
    padding: 7px 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
#walletbutton{
    display: flex;
}
.wallet-button-img{
    width: 13px;
    height: 13px;
    margin-right: 5px;
}
.wallet-page .filter-dateRange-row{
    margin-top: 15px !important;
}

.wallet-page .filter-dateRange-row img{
    width: 13px;
}
.data-icon-container img{
    width: 13px;
}
.date-range-type {
    display: flex;
    align-items: center;
    background-color: var(--form-control-background-color);
    border-radius: 10px;
    border: 1px solid var(--form-control-border-color);
    padding-inline: 1rem;
}
.date-range-input-group input{
    border: unset;  
    font-size: 14px;
}
.date-range-input-group input::placeholder{
    font-size: 14px;
}
.date-range-input-group .input-div .form-control {
    background-color: transparent;
    width: 45%;
    padding: 0.65rem 0.5rem;
}
.date-range-input-group .input-div {
    display: flex;
    align-items: center;
    width: 80%;
}
.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active{
    background: #3e784ea3 !important;
}
.daterangepicker {
    border-top: 5px solid #3E784E !important;
}
.daterangepicker .drp-calendar td.active {
    background-color: #3E784E !important;
}
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    background-color: #f6ffdb;
}
.wallet-search-btn{
    width: 30%;
}

.wallet-title{
    margin-top: 50px;
}

.wallet-dropdown{
    position: absolute;
    background: var(--primary-background-color);
    border: 3px solid var(--btn-primary-background-color);
    border-radius: var(--default-border-radius);
    padding: 10px;
    top:0;
    z-index: 2;
    transform: translate(0px, 150px);
}


.wallet-dropdown.collapse {
    display: none;
}

.wallet-dropdown.collapse.show {
    display: block;
}


.wallet-dropdown-list:hover{
    color: var(--btn-primary-background-color);
    cursor: pointer;
}

.filter-dateRange-row .form-group{
    margin-bottom: 0px !important;
}

.wallet-red-text{
    color: red;
    text-shadow: 2px 2px 5px black;
}

.wallet-green-text{
    color: #30D308;
    text-shadow: 2px 2px 5px black;
}

.wallet_question_icon{
    width: 12px;
    margin: 0px 5px 20px;
}

.wallet-popup-warning{
    padding: 10px;
    background: black;
    position: absolute;
    z-index: 3;
    border: 2px solid red;
    border-radius: var(--default-border-radius);
    width: 300px;
    display: none;
}
/* End of Wallet */

/* Start of Register */

.memberRegistration .register-section-content{
    background-color: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    padding: 20px 10px;
    margin-top: 20px;
}

.memberRegistration .login-form-password-btn {
    transform: translate(-3px, 8px);
}

.select2-container--disabled .select2-selection__rendered{
    background-color: #000 !important;
}

.memberRegistration #phoneNo.form-control {
    height: 41.5px;
}

.memberRegistration .checkmark{
    background-color: var(--form-control-background-color);
}

/* End of Register */


/* Start of 2FA */


.twofa-container{
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    margin-top: 35px;
}
.twofa-warning-container{
    border: red 1px solid;
    display: flex;
    border-radius: var(--default-border-radius);
    margin: 30px 0px;
    overflow: hidden;
}

.twofa-warning-img-container{
    background: transparent linear-gradient(180deg, #FF3939 0%, #801D1D 100%) 0% 0% no-repeat padding-box;
    display: flex;
    justify-content: center;
    width: 18%;
    text-align: center;
}

.twofa-warning-img-container img{
    width: 13px;
    height: 13px;
    margin: auto;
}

.twofa-warning-text-container{
    background: black;
    padding: 10px;
    width: 100%;
}

.twofa-top{
    padding: 30px;
    border-bottom: 1px solid #ffffff4e;
}

.twofa-bottom{
    padding: 0px 30px 30px;
}

.twofa-img-container img{
    height: 42px;
    margin-top: 10px;
}

.twofa-text1{
    font-weight: 600;
    margin-top: 50px;
}

.twofa-text2{
    font-weight: 300;
    color: #EFEFEF;
}


.twofa-qr-container{
    display: flex;
}

.qrtextbox{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--form-control-background-color);
    border-radius: var(--default-border-radius);
    border: 1px solid var(--btn-primary-background-color);
    padding: 20px;
    margin: 20px 0px;
    text-align: center;
}

.qrtextor{
    margin: auto 20px;
    font-size: 13px;
    color: #888888;
    text-align: center;
}

.twofatext{
    background: transparent linear-gradient(180deg, #50A542 0%, #3E784E 100%) 0% 0% no-repeat padding-box;
    border: none;
    color: white;
    text-align: center;
    padding: 20px 5px;
    cursor: pointer;
    width: 85%;
    margin-top: 10px;
}

.getGoogleAuthqrimg{
    width: 100%;
}

.twofa-active-container .twofa-warning-img-container{
    background: transparent linear-gradient(180deg, #50A542 0%, #285321 100%) 0% 0% no-repeat padding-box;
}

.twofa-active-container .twofa-warning-container{
    border-color: #50A542;
}

.twofa-active-container .btn{
    background: transparent linear-gradient(180deg, #FF3939 0%, #801D1D 100%) 0% 0% no-repeat padding-box;
    width: 143px;
    color: var(--btn-primary-text-color);
    margin-top: 30px;
}

.twofa-disable-text{
    font-size: 12px;
    color: var(--ternary-text-color);
    text-align: left;
    display: flex;
}

.twofa-disable-text img{
    width: 15px;
    margin: auto 5px;
    
}
/* End of 2FA */

/* My Profile */

.twofa-toggle-container{
    width: 38px;
    height: 19px;
    border-radius: 12px;
    background-color: white;
    box-shadow: inset 2px 3px 3px #00000057;
    padding: 0px 4px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: flex-start;
}
.twofa-toggle-circle{
    width: 15px;
    height: 15px;
    border-radius: 12px;
    background: #7f7f7f;
    z-index: 2;
}

#walletAddressCreditType span .selection .select2-selection {
    background-color: var(--form-control-background-color);
    border-radius: var(--form-control-border-radius);
    border: 1px solid var(--form-control-border-color);
    font-size: var(--default-font-size);
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
}

#walletAddressCreditType span .selection .select2-selection__wed {
    font-weight: 400;
    padding-left: 12px;
    /* padding-top: 6px; */
}

#walletAddressCreditType span .selection .select2-selection__arrow {
    top: 50%;
}
#walletAddressCreditType span .selection .select2-selection__rendered{
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    line-height: 28px;
}

#headerProfileImg.header-Icon-profile{
    height: 121px;
    width: 121px;
    border-radius: 50%;
    border: 1px solid #616364;
}
.myProfileEditBtn{ 
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: underline;
    cursor: pointer;
}

.avatar {
    width: 190px;
    height: 190px;
    border-radius: 50%;
}
.avatarbox{
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: center;
}
.avatarbox .row{
    justify-content: center;
}

.myprofiletopbox{
    max-width: 30% !important;
}

.myprofilemenu2 {
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin-bottom: 15px;
    height: 420px;
    padding-right: 1rem ;
}

.myprofilebtmbox {
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin-bottom: 15px;
    min-height: 420px;
    padding-right: 1rem;
    max-width: 70% !important;
}

.rankDisplay{
    width: 150px;
    border: none;
    color: white;
    border-radius: var(--btn-border-radius);
    font-size: var(--btn-font-size);
    background: transparent linear-gradient(180deg, #FCDA6F 0%, #A86203 100%) 0% 0% no-repeat padding-box;
    padding: .65rem 1rem;
}

.rankDisplay-inner{
    font-weight: var(--default-font-weight-bold);
}

.myprofile-details {
    font-size: var(--default-font-size);
    color: #efefef;
    margin-bottom: 1.5rem;
    word-break: break-word;
    text-wrap: pretty;
}

.myprofile-details-2{
    font-weight: var(--default-font-weight-thick);
    display: flex;
    justify-content: center;
    gap: 10px;
}

.editProfile {
    height: 17px;
    cursor: pointer;
}

.myProfileBtn{
    height: max-content;
    margin-right: 1rem;
    width: 150px;
}
.diagramtopbox{
    border: 1px solid #616364;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
}
.diagramimage{
    width: 15px;
    margin: 10px;
}
.diagramimagebox{
    padding: 0.1rem 3rem;
    cursor: pointer;
}
.allshuanxiang{
    padding: 5px 10px;
    border: 1px solid #616364;
    border-radius: 10px;
    background-color: #1E1E1E;
}
.diagramimagebox.active{
   background-image: linear-gradient(180deg, #50A542 0%, #285321 100%);
    border-radius: 10px;
    /* background-color: #1E1E1E; */
}
.allshuanxiangbox{
    justify-content: space-between;
}
.greyMinusBtn{
    width: 40px;
    padding: 10px;
    border-radius: 10px;
    background-color: #1E1E1E;
    color: #fff;
}
.compactSize{
    width: 40px;
    padding: 10px;
    border-radius: 10px;
    background-color: #50A542;
    color: #fff;
}
.treetitle{
    /* font-weight: var(--default-font-weight-bold); */
    color: #BBBBBB;
    font-size: 14px;
    /* margin-top: 30px; */
}
.treedatadisplay{
    font-weight: var(--default-font-weight-bold);
    font-size: 14px;
    /* margin-top: 30px; */


}
.treetop{
    margin-top: 16px;
}
.emptycss p{
    cursor: pointer;
    color: #fff;
    text-decoration: underline;
}

.emptycss p:hover {
    cursor: pointer;
    color: var(--blackText);
}

/* Select 2 css */
.select2-container--open .select2-dropdown{
    background-color: var(--form-control-background-color) !important;
    border: 1px solid var(--form-control-border-color) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
    background-color: var(--form-control-background-color) !important;
    border-radius: var(--form-control-border-radius) !important;
    border: 1px solid var(--form-control-border-color) !important;
    font-size: var(--default-font-size) !important;
    color: var(--default-text-color) !important;
}

.select2-results__option{
    color: var(--default-text-color) !important;
}


.select2-container--default .select2-results__option.select2-results__option--highlighted, .select2-container--default .select2-results__option[aria-selected=true]{
    background-color: #50A542 !important;
}

/* START of Change Login Password */
.component-wrapper{
    background-color: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    margin-block: 20px;
}

.mustFill{
    color: rgb(255, 0,0);
}

.inter-nav-option-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #1E1E1E;
    border: 1px solid #616364;
    border-radius: 10px;
    padding: 0.25rem 0.75rem;
}

.inter-nav-option{
    border-radius: 10px;
    padding: 0.5rem 1rem;
    cursor: pointer;

    display: flex;
    align-items: center;
}

.inter-nav-option a{
    color: var(--default-non-selected-dropdown-option);
}

.inter-nav-option.active{
    background: transparent linear-gradient(180deg, #50A542 0%, #285321 100%) 0% 0% no-repeat padding-box;
}

.inter-nav-option.active a{
    font-weight: var(--default-font-weight-thick);
    color: var(--btn-primary-text-color);
}

.inter-nav-option span img{
    width: 16px;
}

.profile-password-container{
    position: relative;
}

.reveal-password-btn{
    position: absolute;
    right: 15px;
    top: 10px;
    background-color: transparent;
    border: none;
    outline: none;
    color: var(--ternary-text-color);
}

#triggerSettingsDropdown{
    position: relative;
}

.dashboard-setting-dropdown{
    position: absolute;
    top: 50px;
    right: -70px;
    background-color: #010201;
    min-width: 240px;
    z-index: 99;
    border-radius: 15px;
    box-shadow: 0px 3px 6px #00000029;
}

.dashboard-setting-dropdown a{
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    color: var(--default-non-selected-dropdown-option);
}

.dashboard-setting-dropdown a:nth-child(1):hover{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.dashboard-setting-dropdown a:hover{
    background: var(--default-selected-dropdown-option);
    color: var(--default-selected-dropdown-option-text);
    font-weight: var(--default-font-weight-thick);
}

.dashboard-setting-dropdown a:nth-child(3):hover{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.select-arrow-icon img{
    width: 16px;
    filter: brightness(0);
}

.dashboard-setting-dropdown a:hover .select-arrow-icon img{
    filter: brightness(1);
}

.header-btn{
    cursor: pointer;
}

.form-control.is-invalid, .was-validated .form-control:invalid{
    background-image: url('');
}

.mobile-show{
    display: none;
}
/* END of Change Login Password */

/* Support */

#supportImgDisplay-container .view-img-icon{
    cursor: pointer;
    margin-left: 10px;
    color: #000;

}
.showUploadImage-modal-text{
    padding-top: 3px;
}
#supportImgDisplay{
    color: #000;
}

#supportImgDisplay-container .delete-img-icon{
    color: red;
    cursor: pointer;
    margin-left: 10px;
}
.uploadImgDiv {
    width: 100%;
    cursor: pointer;
    padding: 10px;
    display: flex;
    justify-content: center;
    background-color: #0000007d;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='15' ry='15' stroke='%23616364FF' stroke-width='3' stroke-dasharray='6%2c 13' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 15px;
    height: 43px;
    align-items: center;
}
.support-form-div{
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin-bottom: 15px;
}

.support-submit-btn{
    padding: .65rem 1rem !important;
    width: 150px ;
}

.support-text{
    display: flex;
    justify-content: center;
    align-items: center; 
}

.support-text .header-page-title{
    font-size: 48px; 
}
.image-file-input-title{
    text-decoration: underline;
}
/* End of Support */

/* Inbox */
#chatMsgDiv , #chatNoMsgDiv{
    background: var(--default-container-color);
    border-radius: var(--default-border-radius);
    display: flex;
    flex-direction: column;
    padding: 20px;
    padding-inline: 0;
    margin-bottom: 15px;
}

.unread-msg{
    width: 20px;
    height: 20px;
    background-color: #FF0200;
    color: #FFF;
    justify-content: center;
    align-items: center;
   padding: 1px 1px 0px 0px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
}


#chatboxMsg{
    border-top: 2px solid #595959;
    border-bottom: 2px solid #595959;
    height: 380px;
    overflow: auto;
    padding: 20px;
  
}

.sendMsgBtn-inbox{
    width: 150px;
    
}

.inbox-chat-list-item{
    /* border-bottom: 1px solid #BBBBBB; */
    padding: 20px;
    cursor: pointer;
}
.chatHr {
    width: 100%;
    border: 1.5px solid #59595991;
    margin-top: 0;
    margin-bottom: 0;
}
.inbox-chat-list-item{
    border-bottom: unset;
    padding: 20px;
}
#chatList,#chatNoMsgDiv {
    height: 593px;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    display: flex;
    flex-direction: column;
    /* padding: 20px; */
    margin-bottom: 15px;
}

#chatNoMsgDiv{
    align-items: center;
    display: flex;
    justify-content: center;

}
.inbox-chat-list-item-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: var(--default-text-color);
    font-size: 14px;
    align-items: center;
}

.inbox-chat-list-item-preview {
    font-size: 14px;
    color: #BBBBBB;
    /* height: 50px; */
    padding-top: 10px;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: pre-line; */
    word-break: break-all;
    line-height: 1.3rem;
    text-wrap: wrap;
    -webkit-line-clamp: 1;

}

.inbox-message-display-div{
    width: 50%;
}

.inbox-chat-list-item-title-preview{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: pre-line; */
    word-break: break-all;
    line-height: 1.3rem;
    text-wrap: wrap;
}

.inbox-chat-list-item-title .timeHistory{
    color: #BBBBBB;
    font-size: 10px;
    white-space: nowrap;
    margin-left: 5px;
}

.inbox-chat-textarea::placeholder {
    color: var(--default-text-color);
}

.inbox-chat-textarea {
    width: 100%;
    background-color: transparent;
    border: unset;
    color: var(--default-text-color);
}

.inbox-chat-textarea[disabled] {
    cursor: not-allowed;
}

.inbox-chat-textarea:focus {
    outline: none !important;
}

.chatboxTitle-container{
    padding: 20px;
    padding-top: 0;
}

.inbox-chat-title {

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-height: 1.3rem;
    text-wrap: wrap;
    width: 50%;
    text-align: center;
}

.inbox-chat-bottom-div{
    padding: 20px;
}

#inboxImgDisplay-container .view-img-icon{
    cursor: pointer;
    margin-left: 10px;
    color: var(--ternary-text-color);

}

#inboxImgDisplay{
    color:  var(--ternary-text-color);
}

#inboxImgDisplay-container .delete-img-icon{
    color: red;
    cursor: pointer;
    margin-left: 10px;
}

.inbox-chat-bubble-div {
    background: #1E1E1E;
    border-radius: 10px;
    padding: 1rem;
}

.inbox-chat-info {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: var(--ternary-text-color);
    align-items: center;
}

.inbox-chat-info .inbox-chat-info-title{
    color: var(--default-text-color);
    font-size: 16px;
}

.inbox-chat-bubble-div img{
    width: 100%;
}

.inbox-chat-img-btn{
    background: transparent;
    border: none; 
}

.inbox-chat-img-btn img{
   height: 20px;
}

/* End of Inbox */

.select2-container .select2-selection--single{
    height: calc(1.5em + 1.3rem + 2px) !important;
}

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

.select2-container--default .select2-selection--single{
    background: var(--form-control-background-color) !important;
    border: 1px solid var(--form-control-border-color) !important;
    border-radius: var(--form-control-border-radius) !important;


}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    /* background-color: var(--form-control-background-color) !important; */
    /* border-radius: var(--form-control-border-radius); */
    font-size: var(--default-font-size) !important;
    color: var(--default-text-color) !important;
    height: calc(1.5em + 1.3rem + 2px) !important;
    /* border: 1px solid var(--form-control-border-color) !important; */

}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 20px !important;
}
.input-container{
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#changeWalletAddressPopup .reveal-password-btn{
    top: 32px;
}
/* Start of Forget Transaction Password */
#forgetPassword .login-forgotpw-otp-btn {
    transform: translate(-13px, -37.5px);
}
/* End of Forget Transaction Password */


/* Transfer */
.wallet-action-div {
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    padding: 30px;
}

.selection-tab-div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
}

.selection-outer-div {
    border: 1px solid var(--form-control-border-color);
    background-color: var(--form-control-background-color);
    border-radius: var(--btn-border-radius);
    padding: 8px;
}

.selection-tab-div.active {
    background: linear-gradient(180deg, #50A542 0%, #285321 100%);
    border-radius: var(--form-control-border-radius);
    padding: 5px;
}

.selection-tab-div p {
    margin-bottom: 0;
}

.selection-icon-img {
    width: 16px;
    margin-right: 10px;
}

.transfer-pin-div .password-input-div,
.password-input-div {
    position: relative;
}

.transfer-pin-div a {
    position: absolute;
    top: 9px;
    right: 20px;
    color: grey;
}

.password-reveal-btn {
    position: absolute;
    transform: translate(50%, -50%);
    top: 20px;
    right: 5%;
    opacity: 0.5;
}

.password-reveal-btn-transfer {
    transform: translate(50%, 0%);

}
/* End of Transfer */

/* pop up memo */
.pop-up-memo-div {
    display: flex;
    align-items: center;
}

.pop-up-memo-btn {
    background: none;
    border: none;
    color: white;
}

.pop-up-memo-div img {
    width: 100%;
}
/* End of pop up memo */

/* KYC Listing */
.kyc-status-inner-div {
    border-radius: 10px;
    background-color: #000;

}
.kyc-status-inner-div.kycPending {
    border: 1px solid #D4A03B;
}

.kyc-status-icon {
    padding: 13px;
    border-radius: 10px;
}

.kyc-status-icon.kycPending {
    background: linear-gradient(180deg, #FCDA6F 0%, #A86203 100%);
}

.kyc-border-separator {
    border-right: 1px solid #616364;
    padding-right: 30px;
    margin-right: 30px;
}

.kyc-status-inner-div.kycApproved {
    border: 1px solid #50A542;
}

.kyc-status-icon.kycApproved {
    background: linear-gradient(180deg, #50A542 0%, #3E784E 100%);
}

.kyc-status-inner-div.kycRejected {
    border: 1px solid #FF3939;
}

.kyc-status-icon.kycRejected {
    background: linear-gradient(180deg, #FF3939 0%, #801D1D 100%);
}
/* End of KYC Listing */
/* KYC */
.content-container {
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    padding: 2rem;
}

.content-container .form-group {
    margin-bottom: 1rem;
}

.content-container .form-group label {
    font-weight: var(--default-font-weight-thin);
}

.kyc-form-inner-container {
    padding: 1rem 2rem;
    border-bottom: 1px solid #616364;
}

.kyc-form-inner-container:last-child {
    border-bottom: unset;
}

.kyc-upload-file-div {
    border: 1px dashed #616364;
    background-color: rgba(30, 30, 30, 0.5);
    padding: 1.5rem 0rem;
    border-radius: var(--form-control-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: underline;
    color: var(--default-text-color);
    width: 100%;
    margin: unset;
    padding: 0.6rem 0rem;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
label.kyc-upload-file-div {
    margin: unset;
}

.kyc-precaution-msg {
    font-size: 12px;
    color: #BBBBBB;
    font-weight: var(--default-font-weight-thin);
}

.kyc-form-inner-container #select2-loginModalMobilePreffixHiddenInput-container {
    height: calc(1.5em + 1.3rem + 2px) !important;
}

.kyc-form-otp-container {
    display: flex;
    align-items: center;
    border-radius: var(--form-control-border-radius);
    background-color: var(--form-control-background-color);
    padding: 0.2rem 0.3rem;
    border: 1px solid var(--form-control-border-color);
}

.kyc-form-otp-container input.form-control {
    width: 70%;
    background-color: transparent;
    border: unset;
    padding: 0rem 1rem;
    height: calc(1.5em + 0.8rem + 2px);
}

.kyc-form-otp-container .btn {
    width: 30%;
    padding: 0.3rem 0rem;
    cursor: pointer;
}

.date-input-div {
    position: relative;
}

.date-input-div .form-control {
    padding-right: 3rem;
}

.date-icon {
    position: absolute;
    width: 13px;
    height: auto;
    right: 5%;
    top: 21px;
    transform: translate(50%, -50%);
}

.kyc-notif-div {
    border-radius: var(--form-control-border-radius);
    border: 1px solid #D4A03B;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: #000;
    height: 100%;
}

.kyc-notif-div.kycPending {
    border-color: #D4A03B;
}

.kyc-notif-div.kycApproved {
    border-color: #50A542;
}

.kyc-notif-div.kycRejected {
    border-color: #FF3939;
}

.kyc-notif-icon-div {
    font-weight: 300;
    color: #FFF;
    font-size: 20px;
    background-image: linear-gradient(180deg, #FCDA6F 0%, #A86203 100%);
    padding: 1rem 0.9rem;
    border-radius: 7px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kycPending .kyc-notif-icon-div {
    background-image: linear-gradient(180deg, #FCDA6F 0%, #A86203 100%);
}

.kycApproved .kyc-notif-icon-div {
    background-image: linear-gradient(180deg, #50A542 0%, #3E784E 100%);
}

.kycRejected .kyc-notif-icon-div {
    background-image: linear-gradient(180deg, #FF3939 0%, #801D1D 100%);
}

.kyc-notif-icon {
    width: 15px;
    height: auto;
}

.kyc-notif-msg {
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
    margin-left: 1rem;
}

.kyc-notif-msg b {
    font-weight: var(--default-font-weight-bold);
}

.sample-img {
    width: 60%;
    height: auto;
}

.sample-display-btn {
    background-color: transparent;
    cursor: pointer;
    padding: 0.5rem;
    margin-right: 0.5rem;
}

.sample-display-btn img {
    width: 15px;
    height: auto;
}

.kyc-sample-modal .modal-dialog {
    max-width: 400px;
    margin-top: 10rem;
}

.kyc-sample-msg {
    opacity: 0.7;
    margin-bottom: 1rem;
}

.loginModalMobilePreffixHiddenInputWrapper .select2-container--default .select2-selection--single {
    border: unset !important;
}

.kyc-form-inner-container .loginModalMobilePreffixHiddenInputWrapper:has(select[disabled]) #select2-loginModalMobilePreffixHiddenInput-container {
    height: calc(1.5em + 1.2rem + 2px) !important;
    background: #000 !important;
}

.kyc-select-container:has(select[disabled]) span .selection .select2-selection {
    background: #000 !important;
}

.kyc-notif-display-div {
    display: flex;
    align-items: center;
}

.kyc-notif-display {
    border-right: 1px solid #616364;
    padding-right: 2rem;
}

.kyc-notif-display:not(:first-child) {
    margin-left: 2rem;
}

.kyc-notif-display:last-child {
    border-right: unset;
    padding-right: unset;
}

.btn.action-btn {
    width: unset;
    padding: 0.5rem 1rem;
}

.kyc-listing-view-modal .modal-dialog{
    margin-top: 10rem;
}

.kyc-preview-img-btn {
    background-color: transparent;
    cursor: pointer;
    padding: 0.5rem;
}

.kyc-upload-file-display-name {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--default-text-color);
    font-size: var(--default-font-size);
}

.kyc-upload-file-div.display-only-type {
    cursor: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0rem;
    text-decoration: none;
}

.document-view-img {
    width: 100%;
    height: auto;
}

.kyc-reject-view-report{
    text-decoration: underline;
    cursor: pointer;
}
/* KYC */

/* Start My Referral */

.my-referral-title {
    font-size: 50px;
    font-family: "Groupe", sans-serif !important;
    color: var(--default-text-color);
    text-shadow: 0px 3px 6px #0000007A;
    line-height: 40px;
}

.my-referral-social-media {
    margin-top: 32px;
    margin-right: 10px;
}

.my-referral-social-media img {
    width: 36px;
}

.my-referral-social-media div {
    cursor: pointer;
}

.my-referral-social-media div:not(:last-child) {
    margin-right: 9px;
}

.my-referral-modal .modal-dialog {
    max-width: 642px;
    max-height: 394px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
}

.referral-content {
    background: var(--referral-bg-img);
    background-size: 100%;
    background-repeat: no-repeat;

    overflow: visible;
}

.referral-black-container {
    padding: 25px 20px;
}

.referral-black-container::before {
    content: "";
    background: #000000;
    opacity: 0.55;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 15px;
}

.qrLink-container input {
    background: transparent;
    border: none;
    color: var(--default-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
}

.qrLink-container img {
    height: 15px;
    cursor: pointer;
}

.referralQrContainer {
    background-color: #FFF;
    border-radius: 10px;
    padding: 15px;
    width: fit-content;

    min-height: 190px;
    max-height: 190px;
}

.referralQRCompanyLogo {
    width: 29px;
}

.position-absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.my-referral-modal .modal-body {
    padding: 30px 40px;
}

.my-referral-modal button.close {
    position: absolute;
    top: 10px;
    right: 15px;
}

.my-referral-modal button.close,
.my-referral-modal button.close img {
    width: 13.5px;
}

.referralCommunityBtn {
    font-weight: 600;
    font-size: var(--default-font-size);
    color: var(--default-text-color);
    padding: 10px 20px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}

.referralCommunityBtn.active {
    background: linear-gradient(180deg, #50A542 0%, #285321 100%);
}

.referralCommunityBtn-container {
    background-color: var(--btn-secondary-background-color);
    border: 1px solid var(--form-control-border-color);
    border-radius: 10px;

    left: 50%;
    bottom: 100.7%;
    transform: translateX(-50%);
}

/* End My Referral */
/* Announcement */
#announcementRow .announcement-card-div p {
    margin-bottom: 0;
}


.announcement-card-div img {
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.announcement-card-div {
    border-radius: 15px;
    background-color: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    height: 100%;
}

.announcement-inner-div {
    padding: 20px;
    /* background-color: rgba(255, 255, 255, 0.15); */
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;;

    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.announcement-card-div .image-div {
    height: 145px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 15px 15px 0 0;
}

.announcement-desc {
    color: #BBBBBB;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.announcement-read-more {
    text-decoration: underline;
    color: #D4A03B;
    cursor: pointer;
}

#announcementModal .modal-header {
    border-bottom: none;
}

.announcement-modal-img {
    width: 100%;
}

.announcement-modal-body-right, .announcement-modal-body-left {
    flex: 1;
}

.announcement-modal-body-right {
    padding: 20px;
    max-height: 300px;
    overflow: auto;
}

.announcement-modal-description {
    color: #BBBBBB  ;
    font-size: var(--default-font-size);
}

.announcement-details-type.show {
    padding-top: 100px;
}

.announcement-modal-body-right #pdfDownloadButton a {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    line-height: 1;
    color: var(--default-text-color);
    font-weight: var(--default-font-weight-thick);
}

.announcement-modal-body-right #pdfDownloadButton span {
    cursor: pointer;
}


/* End of Announcement */

/* Start of Fund In */
.wallet-tabs-container {
    border: 1px solid var(--form-control-border-color);
    border-radius: var(--form-control-border-radius);
    background-color: var(--form-control-background-color);
    padding: 0.3rem;
}

.wallet-tabs {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thin);
    border-radius: var(--btn-border-radius);
    padding: 0.5rem 0rem;
    color: var(--default-text-color);
    cursor: pointer;
}

.wallet-tabs.active-tabs,
.wallet-tabs:hover {
    background-image: linear-gradient(180deg, #50A542 0%, #285321 100%);
    font-weight: var(--default-font-weight-bold);
    color: var(--default-text-color);
}

.wallet-tabs-icon {
    width: 20px;
    height: auto;
    margin-right: 0.5rem;
}

.wallet-tabs-icon.active-icon {
    display: none;
}

.wallet-tabs.active-tabs .wallet-tabs-icon,
.wallet-tabs:hover .wallet-tabs-icon {
    display: none !important;
}

.wallet-tabs.active-tabs .wallet-tabs-icon.active-icon,
.wallet-tabs:hover .wallet-tabs-icon.active-icon {
    display: block !important;
}

.fund-in-content-container {
    padding: 2rem;
    background-color: rgba(0, 0, 0, 0.46);
    border-radius: var(--default-border-radius);
    height: 100%;
}

.disabled-height {
    height: unset;
}

.fund-in-msg-div {
    display: flex;
    margin-bottom: 2rem;
}

.fund-in-tick-icon {
    width: auto;
    height: 11px;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
}

.fund-in-qr-div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.fund-in-qr-icon {
    position: absolute;
    width: 30px;
    height: auto;
    transform: translate(50%, -50%);
    top: 50%;
    right: 50%;
}

.fund-in-wallet-address-div {
    background-color: var(--form-control-background-color);
    border-radius: var(--form-control-border-radius);
    border: 1px solid var(--form-control-border-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
}

.fund-in-qr-input {
    background-color: transparent;
    border: unset;
    padding: unset;
    width: 90%;
    padding-left: 1rem;
    color: var(--default-text-color);
}

.fund-in-qr-copy-btn {
    background-color: transparent;
    border: unset;
    padding: 0rem 0.5rem;
}

.fund-in-qr-copy-btn img {
    width: 15px;
    height: auto;
}
/* End of Fund In */

/* START of Mystery Box Reward List */
.mystery-box-upper-container {
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    display: flex;
    padding: 20px;
    margin-block: 15px;
}

.mystery-box-claim-component{
    background-color: rgba(0,0,0, 0.36);
    border-radius: var(--default-border-radius);
    display: flex;
    align-items: center;
    padding: 1rem;
    flex-direction: column;
}

.mysterybox-money-icon{
    height: 12px;
    margin-bottom: 3px;
}

.mystery-box-claim-component-upper{
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    padding: 20px;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
    color: var(--default-text-color);
    font-size: 16px;
}

.mystery-box-tick{
    color: #9DFD8D;
    margin-right: 3px;
}

.mystery-box-claim-image-container{
    padding: 3rem;
}

.mystery-box-claim-image-container img{
    width: 100%;
}

.mystery-box-upper-container-title{
    font-size: 15px;
    font-weight: var(--default-font-weight-bold);
}

.mystery-box-title{
    font-family: Groupe;
    font-size: 15px;
    font-weight: var(--default-font-weight-bold);
}

.mystery-box-desc{
    font-size: 14px;
    color: #BBB;
    margin-block: 0.25rem 1.5rem;
}

.btn-claim{
    background: var(--btn-primary-background-color);
    color: var(--btn-primary-text-color);
    padding: 0.5rem 1rem;
    border-radius: 10px;
    border: none; 
    outline: none;
    min-width: 140px;
    font-size: 14px;
    font-weight: var(--default-font-weight-bold);
}

.btn-claim-deactivated{
    color: var(--btn-primary-text-color);
    padding: 0.5rem 1rem;
    border-radius: 10px;
    border: none; 
    outline: none;
    min-width: 140px;
    font-size: 14px;
    font-weight: var(--default-font-weight-bold);
    background-color: #1E1E1E;
    pointer-events: none;
}

.mystery-box-upper-container .progress{
    border-radius: 7px;
    background-color: #BBB;
    overflow: visible;
}

.mystery-box-upper-container .progress-bar{
    background-color: #3E784E;
    border-radius: 7px;
    position: relative;
}

.mystery-box-upper-container .progress-bar:after{
    content:"";
    position: absolute;
    z-index: 99;
    top: -5px;
    right: -5px;
    background-color: #50A542;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 5px solid #FFFFFF;
}

.progress-bar-figure-display-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.listing-grand-total-value{
    font-size: var(--default-font-size);
    color: #D4A03B!important;
    font-weight: var(--default-font-weight-bold);
}

.claim-mysterybox-video-div {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* END of Mystery Box Reward List */

.capital-redemption-data-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.capital-redemption-data-container-divider{
    background: #BBBBBB;
    width: 100%;
    height: 1px;
    margin-block: 1rem;
}

.capital-redemption-data{
    color: var(--btn-primary-text-color);
    font-weight: var(--default-font-weight-bold);
}

.capital-redemption-deducted-data{
    color: #F00;
    font-weight: var(--default-font-weight-bold);
}

.subscription-deposit-link{
    text-decoration: underline;
    color: var(--btn-primary-background-color);
    margin-right: 0.5rem;
    cursor: pointer;
}

.profile-edit-btn {
    color: var(--btn-primary-background-color);
    cursor: pointer;
    text-decoration: underline;
}
.merkletree .show{
    display: table-row;
}
.doubledisplay{
    /* border: 1px solid #f70505; */
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.doubledisplaydiagram{
    /* border: 1px solid #f70505; */
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mobiledc{
    /* width: 100%;  */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 1em;
    margin-block: 0.5em;
    font-size: 13px;
    padding-inline: 1em !important;
    padding-right: 1.5em !important;
}
.mobileviewdis{
    text-align: end;
    justify-content: end;
}
.collapsed .upiconsi{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.upiconsi{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.iconcolond{
    padding-inline: 10px;
}
.merkle{
    border-radius: 10px;
/* opacity: 1; */
    background: transparent linear-gradient(180deg, #FCDA6F 0%, #A86203 100%) 0% 0% no-repeat padding-box;
}
.merkle.downlines{
    text-align: center;
    background: #1E1E1E 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 1rem;
}
.diratitle{
    font-weight: 700 !important;
    font-size: 15px;
}
.merkdiagramIcon{
        width: 20px;
        height: auto;
        margin: 7px;
}
.copycssmek{
    width: 15px;
    height: 15px;
    margin-left: 10px;
}
.eyecssmek{
    /* width: 15px; */
    height: 15px;
    margin-right: 5px;
}
.viewMerkle{
color: #D4A03B;
text-decoration: underline;
cursor: pointer;

}
.recordtext{
color:#BBBBBB;
}
.merkleasd.diagramimagebox{
    padding: 0.8rem 3rem;
}
.merkletreediagramtoppbox{
    background: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: 15px;
    padding-top: 2rem;
}
.displaynewusdconfig {
    background-color: unset !important;
    color: #fff !important;
    font-size: 15px !important;
}
.merklebackbutton{
    font-weight: 900;
    font-size: 15px;
    text-align: justify;
    /* padding-left: 0 !important; */
}

.listing-anchor-btn {
    width: max-content;
    cursor: pointer;
}

.live-arbitrage-link{
    color: #D4A03B;
    text-decoration: underline;
    font-weight: var(--default-font-weight-thick);
}

.live-arbitrage-link:hover{
    color: #D4A03B;
}

.listing-summary-section {
    background-color: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    padding: 2rem;
}

.listing-summary-row {
    color: var(--btn-primary-text-color);
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.listing-summary-row:last-child {
    margin-bottom: unset;
}

.listing-summary-label {
    font-weight: var(--default-font-weight-bold);
    margin-right: 1rem;
}

.listing-summary-value {
    font-weight: var(--default-font-weight-thin);
    max-width: 100%;
    word-break: break-all;
}

/*Proof of Reserves*/
.reserve-proof-content-container {
    background-color: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    padding: 2rem;
    padding-bottom: 1rem;
    border-radius: var(--default-border-radius);
}

.reserves-proof-no-result-div {
    min-height: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.reserves-proof-item-container {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1.5rem 1rem;
    border-radius: var(--default-border-radius);
    color: var(--default-text-color);
    font-size: 13px;
    font-weight: var(--default-font-weight-thin);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: var(--glow-card-box-shadow);
}

.reserves-proof-item-img {
    width: 3rem;
/*    height: auto;*/
    height: 3rem;
    margin-top: 0.1rem;
    border-radius: 50%;
}

.reserves-proof-item-ratio-val {
    font-size: 24px;
    font-weight: var(--default-font-weight-thick);
    word-break: break-all;
}

.reserves-proof-item-ratio-coin-name {
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thick);
}

.reserves-proof-item-horizontal-line {
    border: 0.7px solid var(--btn-primary-background-color);
    margin: 1.2rem 0rem;
}

.reserves-proof-item-data-div {
    display: flex;
    flex-direction: column;
}

.reserves-proof-item-data-label {
    font-size: 12px;
    font-weight: var(--default-font-weight-thin);
}

.reserves-proof-item-data-val {
    font-size: 14px;
    font-weight: var(--default-font-weight-thin);
    word-break: break-all;
}

.btn.reserves-proof-listing-btn {
    width: max-content;
    padding: 0.7rem 1.5rem;
    display: flex;
    align-items: center;
}

.btn.reserves-proof-listing-btn img {
    margin-left: 0.7rem;
    width: 1rem;
    height: auto;
}
/*Proof of Reserves*/
.srokimage-moblie{
    display: none;
}
.sorticon .srontlimgage{
    -webkit-transform: rotate(180deg);
}

/*merkle tree listing*/

.doubleDisplay--showAll {
    overflow: unset;
    text-overflow: unset;
    overflow-wrap: break-word;
}

/* START Proof of Reserves UI Minor Update */

.reserves-proof-item-balance-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 10px;
}

.reserves-proof-item-bullet-title {
    color: var(--ternary-text-color);
    line-height: 1;
}

.reserves-proof-item-bullet-value {
    line-height: 1;
}

.reserves-proof-item-bullet {
    width: 5px;
    height: 5px;
    background: linear-gradient(180deg, #FCDA6F 0%, #D4A03B 100%);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    margin-right: 4px;
    margin-top: -1px;
}

/* END Proof of Reserves UI Minor Update */

/* START Proof of Reserve Notes */
.reserve-proof-content-container:not(:first-child) {
    gap: 0.5rem;
    padding-bottom: 2rem;
}

.reserve-proof-note-numbering {
    color: #000;
    background: linear-gradient(180deg, #FCDA6F 0%, #D4A03B 100%);
    border-radius: 50px;
    width: 18px;
    height: 18px;
    text-align: center;
}

.reserve-proof-note-subtitle,
.reserve-proof-note-numbering span {
    font-weight: var(--default-font-weight-bold);
}

.reserve-proof-note-title {
    font-size: 20px;
    font-weight: 700;
}

.reserve-proof-special-guess {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 45px;
    flex-wrap: wrap;
    row-gap: 20px;
}

.reserve-proof-special-guess img {
    height: 25px;
}

/* END Proof of Reserve Notes */

.musterybiexnumber{
    font-size: 11px;
    position: absolute;
    right: -20px;
    background-color: red;
    color: white;
    border-radius: 25px;
    /* height: 21px; */
    /* width: 21px; */
    display: none;
    top: -5px;
    padding: 0px 5px;
    margin: auto;
    text-align: center;
}

/* START of Overwrite table design */
#listingTable, #portfolioTable, .glow-diagram-background{
    background-color: var(--glow-card-background-color)!important;
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
}
/* END of Overwriting table design */

.glow-diagram-background{
    padding: 2rem;
}

.no-result-found-glow-bg{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: var(--glow-card-background-color);
    box-shadow: var(--glow-card-box-shadow);
    border-radius: var(--default-border-radius);
    padding-inline: 0;
}

.sidebar-anchor {
    color: #EFEFEF;
}

.user-select-none {
    user-select: none;
}
.progress-bar{
	background-color: #ba7a18;
    border-radius: 10px;
}
.progress{
 border-radius: 10px;
background-color: #8c8c8c85;
}
.dashboard-mobile-rank-progress-container {
    background-color: var(--default-content-container-bg-color);
    border-radius: var(--default-border-radius);
    padding: 1rem 1rem;
    position: relative;
}

.dashboard-mobile-progress-bar-div {
    position: relative;
    padding: 4rem 1rem;
}

.dashboard-mobile-progress-bar-div:first-child {
    padding-top: 2rem;
}

/*.dashboard-mobile-progress-bar-div.vertical-type {
    position: absolute;
    transform: translate(50%, -50%) rotate(90deg);
    right: 35px;
    top: 45%;
    width: 23%;
    padding: unset;
}*/

.dashboard-mobile-progress-outer-bar {
    background-color: #0000007d;
    border-radius: 0.25rem;
    height: 15px;
    width: 100%;
    display: flex;
    border-radius: 20px !important;
}

.reverse-type .dashboard-mobile-progress-outer-bar {
    justify-content: end;
}

.dashboard-mobile-progress-inner-bar {
    background: transparent linear-gradient(180deg, #FFF6DD 0%, #ba7a18 100%) 0% 0% no-repeat padding-box !important;
    border-radius:25px;
    height: 15px;
    width: 10%;
    transition: 0.5s;
}

/*.dashboard-mobile-rank-img-div {
    position: absolute;
    display: flex;
    transform: translate(50%, -50%);
    top: 45%;
    right: 50%;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    z-index: 20;
}*/

.dashboard-mobile-rank-img {
    height: 40px;
    width: auto;
}


.dashboard-mobile-rank-img-inner-div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    word-wrap: break-word;
    font-size: 13px;
/*    width: 50px;*/
    width: 45px;
    padding: 0.3rem 0rem 0.2rem 0rem;
    background-color: var(--default-content-container-bg-color);
}

.reverse-type .dashboard-mobile-rank-img-div {
    top: 0%;
}

.dashboard-mobile-rank-progress-container {
    background-color: var(--default-content-container-bg-color);
    border-radius: var(--default-border-radius);
    padding: 1rem 1rem;
    position: relative;
}

.dashboard-mobile-progress-bar-div {
    position: relative;
    padding: 4rem 1rem;
}

.dashboard-mobile-progress-bar-div:first-child {
    padding-top: 2rem;
}

.dashboard-mobile-progress-bar-div.vertical-type {
    position: absolute;
    transform: translate(50%, -50%) rotate(90deg);
    right: 35px;
/*    right: 8%;*/
    top: 44%;
    /* width: 40%; */
/*    width: 33%;*/
    width: 120px;
    padding: unset;
}


.dashboard-mobile-progress-outer-bar {
    background-color: #000;
    border-radius: 0.25rem;
    height: 15px;
    width: 100%;
    display: flex;
}

.reverse-type .dashboard-mobile-progress-outer-bar {
    justify-content: end;
}

.dashboard-mobile-progress-inner-bar {
    background: transparent linear-gradient(180deg, #FFF6DD 0%, #F3B81E 100%) 0% 0% no-repeat padding-box;
    border-radius: 0.25rem;
    height: 15px;
    width: 5%;
    transition: 0.5s;
}

.dashboard-mobile-rank-img-div {
    position: absolute;
    display: flex;
    transform: translate(50%, -50%);
/*    top: 60%;*/
    top: 45%;
    right: 50%;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    z-index: 20;
}

.dashboard-mobile-rank-img {
    height: 40px;
    width: auto;
}


.dashboard-mobile-rank-img-inner-div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    word-wrap: break-word;
    font-size: 13px;
/*    width: 50px;*/
    width: 45px;
    padding: 0.3rem 0rem 0.2rem 0rem;
    background-color: var(--default-content-container-bg-color);
}

.reverse-type .dashboard-mobile-rank-img-div {
/*    top: 55%;*/
    top: 57%;
/*    padding-right: 10px;*/
}
.ambassadortext{
    font-size: 12px;
    margin-top: 10px;
    font-weight: 600;
}
.rankdisplayicon{
width: 100%;
}
.rackdisplvsabox{
border: solid 7px;
                            width: 25px;
                            height: 25px;
                            border-radius: 25px;
                            background-color: #a6a6a6;
}
.editwalletselectdisplay .select2.select2-container.select2-container--default {

pointer-events: none;
}

.bindBtn {
    background-color: #FCD535;
    width: 190px;
    color: black;
}

#bindIframe {
    width:100%
}

.downladbtn {
    color: var(--default-text-color);
    text-decoration: underline;
}

.downladbtn:hover {
    color: var(--btn-primary-background-color);
}

.modal-dialog--fundIn {
	max-width: 50%;
	height:90%;
	margin:auto;
	margin-top: 10px;
}

#qrIframe {
	height: 100%;
	width: 100%;
}

#iframe_modal {
	padding: 0 !important;
}
.christmasProfile{
    position: absolute;
    width: 90px;
    left: -13px;
    top: -5px;

}
.christmasProfile2{
    position: absolute;
    width: 35px;
    right: 10px;
    bottom: -5px;

}
.dashboardchristmasProfile2{
    position: absolute;
    width: 90px;
    right: 40px;
    top: -90px;
}
.dashboardchristmasProfile{
    width: 45px;
    height: auto;
}
.exchangechristmasProfile{
    position: absolute;
    width: 55px;
    right: -15px;
    top: -28px;
    z-index: 1;

}
.xuerengchristmasProfile{
    position: absolute;
    width: 200px;
    right: -15px;
    top: -167px;
    z-index: 1 !important;
}
.christmasicondisplay{
    position: absolute;
    width: 37px;
    left: -4px;
    top: -3px;
}
.christmasicondisplay2{
    position: absolute;
    width: 37px;
    left: 0px;
    top: -6px;
}
.christmasicondisplay3{
    position: absolute;
    width: 37px !important;
    right: 0px;
    top: -6px;
}