/* Keep this for all project */

@font-face {
    font-family: 'IBMPlexSans';
    font-style: Light;
    font-weight: 300;
    src: url(fonts/IBMPlexSans-Light.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-style: Regular;
    font-weight: 400;
    src: url(fonts/IBMPlexSans-Regular.ttf);
}


@font-face {
    font-family: 'IBMPlexSans';
    font-style: Medium;
    font-weight: 500;
    src: url(fonts/IBMPlexSans-Medium.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-style: SemiBold;
    font-weight: 700;
    src: url(fonts/IBMPlexSans-SemiBold.ttf);
}

@font-face {
    font-family: 'IBMPlexSans';
    font-style: Bold;
    font-weight: 900;
    src: url(fonts/IBMPlexSans-Bold.ttf);
}

 
.body, div, a, button, span, input, section,footer,header {
    font-family: "IBMPlexSans", sans-serif;
} 

 html, body {background:#000;}
.body, div, a, button, span, input, section,footer,header {
    font-family: "IBMPlexSans", sans-serif;
}

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

/* Keep until here */

:root {
    /* General default roots */
    --btn-primary-background-color: #50A542;
    --btn-primary-text-color: #fff;
    --btn-secondary-background-color: #737373;
    --btn-secondary-text-color: #FFF;
    --btn-tertiary-background-color: #2B3139;
    --btn-tertiary-text-color: #FFF;
    --btn-tertiary-border-color: #FFF;
    --btn-border-radius: 5px;
    --btn-padding: 0.5rem 0.7rem;
    --btn-font-size: 16px;
    --btn-width-short: 90px;
    --btn-width-long: 140px;
    --default-font-weight-thin: 300;
    --default-font-weight-medium: 400;
    --default-font-weight-thick: 500;
    --default-font-weight-bold: 700;
    --default-font-weight-max: 900;
    --primary-background-color: #181a20;
    --secondary-background-color: #121418;
    --binance-background-color: #1E2026;
    --tertiary-background-color: #F0B909;
    --page-title-font-size: 20px;
    --default-font-size: 13px;
    --default-primary-text-color: #EAECEF;
    --default-secondary-text-color: #50A542;
    --default-primary-bg-color: #fff;
    --default-secondary-bg-color: #000;
    --default-icon-color: #848E9C;
    --default-border-color: #3A3B3C;
    --form-control-border-radius: 10px;
    --form-control-border-color: #353537;
    --form-control-background-color: #161A1E;
    --element-border-color: #474D57;
    --eyes-icon-color: #3f3f3f;

    --footer-bg-color: #181A20;
    /* General default roots */

    --active-text: #FFF;
    --not-active-text: #848E9C;

    /* font size */
    --text-size-84: 84px;
    --text-size-14: 14px;
    --text-size-16: 16px;
    --text-size-20: 20px;
    --text-size-32: 32px;
    --text-size-19: 19px;

    --xl-text-size: 37px;
    --lg-text-size: 24px;
    --md-text-size: 17px;
    --sm-text-size: 15px;
    --xs-text-size: 12px;
}

.btn {
    width: fit-content;
    border: unset;
    border-radius: var(--btn-border-radius);
    text-align: center;
    font-size: var(--btn-font-size);
    font-weight: var(--default-font-weight-thick);
    padding: var(--btn-padding);
}

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

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

body.light-mode .btn-secondary,
body.light-mode .btn-secondary:hover {
    background-color: #2B3139;
    color: #FFFFFF;
}

.btn-tertiary {
    background-color: var(--btn-tertiary-background-color);
    color: var(--btn-tertiary-text-color);
    /* border: 1px solid var(--btn-tertiary-border-color); */
}

.btn.listing-btn,
.btn.form-btn {
    width: var(--btn-width-long);
    height: calc(1.5em + 1.3rem + 2px);
}

.page-title {
    font-size: var(--page-title-font-size);
    font-weight: var(--default-font-weight-thick);
    margin-bottom: 1rem;
}

.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-primary-text-color);
}

.form-control:focus-visible {
    border-radius: var(--form-control-border-radius) !important;
}

body.light-mode .form-control:focus,
body.light-mode .form-control:focus-visible {
    border-radius: 4px !important;
}

body.light-mode .form-control {
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #000000;
    border-radius: 4px;
}

body.light-mode .form-control:-webkit-autofill, 
body.light-mode .form-control:-webkit-autofill:hover, 
body.light-mode .form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: #000000;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}

.form-control::placeholder {
    font-weight: var(--default-font-weight-thin);
    font-size: var(--text-size-16);
    color: var(--default-icon-color);
}

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

select.form-control {
    background-image: var(--select-arrow-img);
    background-repeat: no-repeat;
    background-position: 98.8% 52%;
    background-size: 7px;
    padding-right: 1rem !important;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

body.light-mode select.form-control {
    border-radius: 4px;
}

select.form-control.formDesign {
    height: 46px;
}

body.light-mode select.form-control.formDesign {
    height: 48px;
}

.form-label {
    margin-bottom: 1rem;
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-thick);
}

.modal .modal-content {
    border-radius: var(--default-border-radius);
}

.modal-header {
    /* border-top: 5px solid #50FFFD; */
    border-radius: var(--default-border-radius);
    font-family: var(--secondary-font-family);
}

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

body.light-mode .modal .modal-content .modal-header .modal-title {
    color: #000 !important;
}

.modal-footer {
    border-bottom-right-radius: var(--default-border-radius);
    border-bottom-left-radius: var(--default-border-radius);
    /* background-color: #1E2026; */
    background-color: transparent;
}

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

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

.buttoncanvasCloseBtn .btn {
    width: 45%;
}

html {
  scroll-behavior: smooth;
}

.ipad-below-display {
    display: none;
}
.homepage-section1{
    /* background-image: var(--login-bg-img); */
    background-color: var(--primary-background-color);
    background-size: cover;
    display: inline-table;
    min-height: 100vh;
}

html:has(body.light-mode),
body.light-mode,
body.light-mode .homepage-section1 {
    background: #FFF;
    background-color: #FFF;
}

.homepage-section-box{
    display: grid;
    width: 100vw;
    align-content: center;
    min-height: 100vh;
    padding: 60px; 

}

.login-title-1 {
    color: var(--btn-secondary-text-color);
    font-weight: var(--default-font-weight-bold);
    font-size: 35px;
    margin-top: 15px;
}

.formLabel{    
    color: var(--btn-secondary-text-color);
    font-weight: var(--default-font-weight-thick);
    font-size: var( --default-font-size);
}

body.light-mode .formLabel {
    color: #000000;
}

.loginForm{
    padding: 40px;
    background-color: var(--primary-background-color);
    border: solid 1px var(--form-control-border-color);
    border-radius: 24px;
    width: 450px;
    margin-inline: auto;
}

body.light-mode .loginForm {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border: none;
}

.passwordtextbox{
    display: flex;
    justify-content: space-between;
}
.password-form{
    position: relative;
}
.password-form-icon{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15px;
    color: var(--eyes-icon-color);
    cursor: pointer;

}
.newacc,
.forgotpasswordbox{
    color: var( --default-secondary-text-color);
    text-decoration: underline;
    cursor: pointer;
    
}
.login-btn{
    background-color: var(--btn-primary-background-color);
    height: 48px;
    border-radius: var(--form-control-border-radius);
}
.position-relative{
    position: relative;
}
.line{
    background-color: #3f3f3f;
    height: 1px;
    width: 100%;

}
.orbox{
    margin-top: 15px;
    margin-bottom: 15px;
}
.orboxtext{
    text-align: center;
    z-index: 100;
    position: relative;
}
.orboxtext span{
    background-color: var(--primary-background-color);
    padding: 0 5px;
    color: var(--default-primary-text-color);
}
.orbox .line{
    /* position: absolute */
    top: 10px;
    z-index: 0;
}
.apple_login,
.google_login{
    text-align: center;
    padding: 10px;
    background-color: transparent;
    color: var(--default-primary-text-color);
    font-size: var( --btn-font-size);
    font-weight: 500;
    border-radius: var(--form-control-border-radius);
    cursor: pointer;
    height: 48px;
    border: 1px solid #2B3139;
    display: flex;
    align-items: center;
    padding-inline: 16px;
}

.apple_login span,
.google_login span {
    flex: 1;
}

.newacc{
    text-align: center;
    font-size: var(--default-font-size);
}

.login-form-control-input{
    color:var(--default-primary-text-color) ;
}

.login-form-control-input::placeholder {
    color: #818c9c;
}

.searchinput input:focus-visible{
    border: solid 0px;
}

body.light-mode .searchinput input {
    color: #000;
}

input:focus-visible {
  outline: 0px solid crimson !important;
  border-radius: 3px !important;
}

.login-form-control-input:focus, .form-control:focus {
    border-color: var(--btn-primary-background-color) !important;
}

.login-form-control-input {
    height: 48px;
}

/* Language Dropdown */
.language-dropdown {
    position: relative;
    cursor: pointer;
}

.language-dropdown-list {
    position: absolute;
    right: 0px;
    background-color: var(--primary-background-color);
    border: 1px solid var(--default-border-color);
    padding: 0.5rem 0rem;
    width: 300%;
    z-index: 3;
}

body.light-mode .language-dropdown-list {
    background-color: #FFF;
    border: none;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
}

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

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

.language-dropdown-item {
    width: 100%;
    cursor: pointer;
    padding: 0.5rem 1rem;
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-thin);
    display: block;
}

body.light-mode .language-dropdown-item {
    color: #000;
}

.language-dropdown-item img {
    width: 15px;
    height: auto;
    border-radius: 50%;
}

/* Language Dropdown */

/* Footer */
.footer-section {
    background-color: var(--footer-bg-color);
    padding: 0.5rem;
    font-size: var(--default-font-size);
    color: var(--default-primary-text-color);
    border-top: 1px solid #4b4b4b;
}

body.light-mode .footer-section {
    background-color: #FFFFFF;
    color: #000000;
    border-top-color: #D9D9D9;
}
/* Footer */

/* Content Section */
.content-section {
    background-color: var(--primary-background-color);
    color: var(--default-primary-text-color);
    min-height: 100vh;
}

body.light-mode .content-section {
    background-color: #FFFFFF;
    color: #000;
}

.content-container {
    padding: 3rem 3rem;
    width: 100%;
    transition: .3s;
    height: 100%;
    padding-top: 95px!important;
}

.display-sidebar .content-container {
    width: 85%;
}
/* Content Section */

/* Sidebar Section */
.sidebar-container {
    width: 0%;
    background-color: var(--secondary-background-color);
    transition: .3s;
/*    height: 100%;*/
    min-height: 100vh;
    visibility: hidden;
    opacity: 0;
}

.display-sidebar .sidebar-container {
    padding: 3rem 4rem;
    width: 15%;
    visibility: visible;
    opacity: 1;
}

.sidebar-tab {
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight-bold);
    color: var(--default-primary-text-color);
    padding: 1rem 0rem;
    display: block;
    width: 100%;
}

.sidebar-tab.active-tab,
.sidebar-tab:hover,
a.sidebar-tab:not([href]):not([tabindex]):hover {
    color: var(--default-secondary-text-color);
    cursor: pointer;
}

.sidebar-tab i {
    font-size: 10px;
    color: var(--default-icon-color);
    margin-left: 0.6em;
}

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

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

.sidebar-dropdown-list .sidebar-tab {
    font-weight: var(--default-font-weight-thin);
    padding: 0.3rem;
}

.sidebar-dropdown-list .sidebar-tab.active-tab,
.sidebar-dropdown-list .sidebar-tab:hover {
    font-weight: var(--default-font-weight-bold);
}

.sidebar-close-btn {
    display: none;
    background-color: transparent;
    position: absolute;
    top: -2rem;
    right: -2.5rem;
    font-size: 20px;
    color: var(--default-primary-text-color);
}
/* Sidebar Section */

/* Fund In */
.fund-in-div {
    background-color: var(--secondary-background-color);
    border: 1px solid var(--default-border-color);
    padding: 3rem;
}

body.light-mode .fund-in-div {
    background-color: #F9F9F9;
    border: none;
}

.fund-in-info-icon {
    font-size: 15px;
    color: var(--default-primary-text-color);
    margin-top: 0.2rem;
}

body.light-mode .fund-in-info-icon {
    color: #000;
}

.fund-in-info-row {
    display: flex;
    margin-bottom: 0.5rem;
}

.fund-in-qr-div {
    background-color: var(--tertiary-background-color);
    padding: 2rem;
    width: 60%;
    color: #000;
    font-weight: var(--default-font-weight-max);
}

.fund-in-wallet-address-div {
    background-color: var(--primary-background-color);
    border-radius: var(--form-control-border-radius);
    padding: 1rem;
    display: flex;
    align-items: center;
    width: 100%;
}

.fund-in-wallet-address-div input {
    width: 90%;
    background-color: transparent;
    border: unset;
    color: var(--default-primary-text-color);
}

.fund-in-wallet-address-div input:focus {
    outline: none !important;
}

.fund-in-qr-btn {
    background-color: transparent;
    border: unset;
}

.fund-in-coin-img {
    width: 1.7rem;
    height: auto;
    margin-right: 0.5rem;
}
.fund-in-qr-btn img {
    width: 15px;
    height: auto;
}
/* Fund In */

/* Select 2 */
.select2-selection--single {
    background-color: var(--form-control-background-color) !important;
    height: calc(1.5em + 1.3rem + 2px) !important;
    color: var(--default-primary-text-color);
    border-color: var(--form-control-border-color) !important;
}

body.light-mode .select2-selection--single {
    background-color: #FFF !important;
    /* height: 48px !important; */
    color: #000;
    border: 1px solid #D9D9D9 !important;
    border-radius: 4px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0.3rem 3rem 0rem 1rem;
    color: var(--default-primary-text-color) !important;
}

body.light-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    padding-inline: 1rem 3rem;
    color: #000 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 15px !important;
    right: -3px !important;
    color: #424951 !important;
}

body.light-mode .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 18px !important;
}

.select2-selection__arrow:before {
    content: "" !important;
    background-image: var(--select-arrow-img);
    display: block;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
}

.select2.select2-container.select2-container--default {
    width: 100% !important;
}
/* Select 2 */
.loginpage-logo{
    margin-bottom: 20px;
}
.loginpage-logo img{
    width: 140px;
}

/* Listing */
.listing-div {
    background-color:#80808000;
   /* background-color: var(--secondary-background-color); */
    border: 1px solid var(--default-border-color);
    border-radius: 10px;
}

body.light-mode .listing-div {
    border-color: #D9D9D9;
    border-radius: 4px;
}

.listing-filter-section {
    padding: 2rem 2rem 2rem 2rem;
}

.listing-form-group {
    margin-bottom: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 1rem;
    margin: 0rem 0.5rem;
    margin-bottom: 2rem;
    height: calc(1.5em + 1.3rem + 2px);
    background-color: var(--form-control-background-color);
    border: 1px solid var(--form-control-border-color);
    border-radius: var(--form-control-border-radius);
}

.listing-form-group label {
    margin-bottom: unset;
}

.listing-form-group .form-control {
    border: unset;
    background-color: transparent;
}

.listing-form-group.date-type {
    width: 25%;
}

.listing-form-group.date-type .form-control {
    width: 40%;
}

.listing-calender-icon {
    width: 15px;
    height: auto;
}

.listing-form-group.select-type {
    width: 15%;
}

.listing-form-group.select-type label {
    width: 30%;
}

.listing-form-group.form-group.select-type label {
    margin-top: unset;
}

.listing-form-group.select-type .form-control {
    width: 70%;
    text-align: right;
    padding: unset;
    padding-right: 1.3rem !important;
    background-position: 96% 52%;
}

.listing-btn-group {
    margin: 0rem 0.5rem;
    margin-bottom: 2rem;
    width: 25%;
    transition: .3s;
}

.display-sidebar .listing-btn-group {
    width: 24%;
}

.listing-btn-group .btn.listing-btn {
    width: 47%;
}

.noResultTxt {
    font-size: var(--page-title-font-size);
    font-weight: var(--default-font-weight-thick);
}

body.light-mode .noResultTxt {
    color: #000;
}

.secondary-color {
    color: var(--default-secondary-text-color) !important;
}
/* Listing */

/* Open Order */
.open-order-cancel-btn {
    color: var(--default-secondary-text-color) !important;
    font-size: var(--default-font-size);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.open-order-cancel-btn:hover {
    color: var(--default-primary-text-color) !important;
}

.open-order-cancel-btn i {
    font-size: 15px;
    margin-right: 0.5rem;
}

.open-order-cancel-btn span{
 text-decoration: underline;
}
/* Open Order */

/* Registration */

.registration.homepage-section1 {
    overflow: hidden;
}

.registeration-logo-image {
    width: 140px;
    /* margin-top: 45px; */
    /* margin-bottom: 100px; */
}

.registration-title {
    color: var(--btn-secondary-text-color);
    font-weight: var(--default-font-weight-bold);
    font-size: var(--text-size-32);
}

body.light-mode .registration-title {
    color: #000000;
}

.registration-container {
    background: var(--primary-background-color);
    border-radius: 4px;
    border: 1px solid var(--default-border-color);
    padding: 32px 35px;
    width: 425px;
    border-radius: 24px;
    /* min-height: 580px; */
}

body.light-mode .registration-container {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border: none;
}

.registrationForm {
    margin-top: 22px;
}

.registration-text {
    font-size: 13px;
    color: var(--default-icon-color);
    margin-top: 13px;
    margin-bottom: 23px;
}

body.light-mode .registration-text {
    color: #000000;
}

.registration-subtext {
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
    color: var(--default-icon-color);
}

.registration-subtext2,
.registration-subtext2:hover {
    text-decoration: underline;
    cursor: pointer;
    color: var(--default-secondary-text-color);
    font-weight: var(--default-font-weight-thick);
}

.registration-button {
    display: flex;
    justify-content: center;
}

.registration-button button {
    background-color: var(--btn-primary-background-color);
    border-radius: var(--form-control-border-radius);
    width: 100%;
    padding: 10px 0px;
    margin-top: 26px;
    margin-bottom: 12px;
}

.passwordDiv,
.sendCodeDiv {
    position: relative;
}

.sendCodeDiv .is-invalid {
    background-image: none;
}

.passwordDiv input {
    padding-right: 50px;
}

.sendCodeDiv input {
    padding-right: 100px;
}

.codeSendBtn {
    color: var(--default-icon-color);
    font-weight: 500;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 10px;
}
/* Registration */

/* START of referral qr modal */
.referral-bg{
    background-image: var(--referral-modal-bg);
    background-size: cover;
}

.referral-pop-up-text, .my-referral-link-title span{
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-bold);
}


.referral-pop-up-text{
    font-size: 1.5rem;
    margin-block: 2rem;
}

.my-referral-link-div{
    background-color: #161A1E;
    padding: 1rem;
    text-align: center;
}

.my-referral-link-input{
    width: 90%;
    background-color: transparent;
    color: var(--default-primary-text-color);
    border: none;
    outline: none;
}

.my-referral-copy-btn{
    background-color: transparent;
    border: none;
}

.my-referral-copy-icon{
    width: 17px;
}

.my-referral-link-title{
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}

#referralModal{
    padding-inline: 10px!important;
}

#referralModal .modal-dialog{
    max-width: 400px;
}

#referralModal .modal-content{
    /* height: 75vh; */
    border-bottom: 12px solid var(--btn-primary-background-color);
    border-radius: 10px;
    box-shadow: rgba(255, 255, 255, 0.25) 0px 10px 15px 0px!important;
}

#referralQR img{
    border: 5px solid #FFF;
}

.close-modal-icon-container{
    position: absolute;
    right: 0;
}

.close-modal-icon{
    color: var(--btn-tertiary-text-color);
    font-size: 1.5rem;
}

.referral-pop-up-modal-text-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* END of referral qr modal */

/* Memo */

.pop-up-memo-btn {
    border-radius: 100%;
    border: none;
    background-color: rgba(0,0,0,0.5);
    padding: 5px 10px;
    color: var(--default-primary-text-color);
}

.pop-up-memo-type .modal-content {
    border-radius: 4px;
}

.pop-up-memo-type .modal-header {
    border: none;
}

.pop-up-memo-type .modal-header span,
.pop-up-memo-type .modal-header button {
    color: var(--default-primary-text-color) !important;
    font-weight: var(--default-font-weight-bold) !important;
}

.pop-up-memo-type .modal-body {
    border-bottom: 7px solid var(--btn-primary-background-color);
}

.pop-up-memo-div {
    position: relative;
}

.pop-up-memo-div img {
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.pop-up-memo-div button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.pop-up-memo-div button.prev-btn {
    left: 0;
}

.pop-up-memo-div button.next-btn {
    right: 0;
}

/* Memo */

/* Market Overview */
.marketTitle{
    font-size: var(--page-title-font-size);
}

.marketOverView-Market{
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-thick);
    font-size: var(--text-size-32);
    font-weight: bold;
}

body.light-mode .marketOverView-Market {
    color: #000;
}

.marketOverView-Trading{
    color:var(--default-icon-color);
    font-weight: var(--default-font-weight-thick);
    font-size: var(--lg-text-size);
    font-weight: 600;
}

.marketOverView-Market:hover{
    color: unset !important
}
.marketOverView-Trading:hover{
    color: unset !important 
}

.marketContent{
    background-color: var(--binance-background-color);
    min-height: 70vh;
    height: max-content;
}

.marketOverviewContent-section2 {
    /* padding: 1.5rem 3rem; */
    padding: 1.5rem 2rem;
    font-size: 15px;
    gap: 40px;
}
.marketOverviewContent-section3 {
    padding: 0rem 2rem;
    padding-bottom: 3rem;
}

.top3Record-container{
    /* border: 1px solid red; */
    padding: 3rem 2rem;
    /* gap: 5px; */
}
.top3Record-container table{
    width: 100%
}

.top3Record {
    border: 1px solid #3f3f3f;
    padding: 1rem 1rem;
    border-radius: 16px;
    background-color: #161a1e;
}

body.light-mode .top3Record {
    border-color: #D9D9D9;
    background-color: #FFFFFF;
    color: #000;
}

.t3RecordTitle{
    font-size: var(--xs-text-size);
    font-weight: var(--default-font-weight-thick);
}

.moreBtn a{
    font-size: 13px;
    font-weight: var(--default-font-weight-thick);
    color: #FFF !important;
}

.t3RecordTable td{
    width: auto;
    font-size: var(--text-size-14);
}

.t3RecordTable tr{
    height: 35px;
}

#t3RecordTable-HotCoinsListTable {
    width: 100%;
}

#marketOverviewLumpsumTable tbody tr td {
    font-size: 12px;
}

#t3RecordTable-HotCoinsListTable td:nth-child(3), #t3RecordTable-TopVolumn td:nth-child(3) {
    color: red;
}


.listingIcons , .t3Icons{
    /* height: 20px; */
    width:25px;
    margin-right: 10px;
}

.marketOverview-subTitle{
    cursor: pointer;
    font-size: var(--text-size-16);
    color: var(--not-active-text);
    font-weight: 600;
}

body.light-mode .marketOverview-subTitle {
    color: #A1A1A1;
}

.marketOverview-subTitle:hover{
    color: var(--active-text);
}

.marketOverview-subTitle.active {
    font-weight: var(--default-font-weight-max);
    display: inline-block;
    position: relative;
    color: var(--active-text);
}

body.light-mode .marketOverview-subTitle.active {
    color: #000;
}

.marketOverview-subTitle.active::after {
    content: "";
    position: absolute;
    bottom: -8px; /* Adjust as needed */
    left: 50%; /* Position in the middle */
    width: 25%;
    height: 3px; /* Adjust as needed */
    background-color: var(--btn-primary-background-color);
    transform: translateX(-50%); /* Horizontally center */
}

#allCryptosTable td:nth-child(1) span{
    margin-left: 8px;
    font-size: var(--text-size-14);
    color: var(--default-icon-color);
}

#allCryptosTable td:nth-child(3){
    color: red;
}


.newSpan{
    color: var(--btn-primary-background-color);
    font-size: 11px;
    border-radius: 2px;
    align-items: center;
    display: flex;
    margin-left: 5px;
    padding: 0.15rem 0.3rem;
    background-color: #393b3d;
}

.newSpan2{
    color: var(--btn-primary-background-color);
    font-size: 11px;
    border-radius: 2px;
    align-items: center;
    display: flex;
    margin-left: 5px;
    padding: 0.15rem 0.3rem;
    background-color: #393b3d;
}

.allCryptosSecondDivOption{
    padding: 0.7rem 1rem;
    gap: 40px;
}

.allCryptosSubTitle{
    font-size: var(--text-size-14);
    cursor: pointer;
    color: var(--not-active-text);
    font-weight: 600;
}

.allCryptosSubTitle:hover{
    color: var(--active-text);
}

.allCryptosSubTitle.active{
    background-color: #393b3d;
    color: var(--active-text);
    width: max-content;
    padding: 0px 5px;
    border-radius: 6px;
    font-weight: var(--default-font-weight-max);
    padding-inline: 8px;
}

.allCrytosDescription{
    border: 1px solid #3f3f3f;
    padding: 1rem 2rem;
    border-radius: 16px;
    background-color: #161a1e;
    margin-bottom: 15px;
}

body.light-mode .allCrytosDescription {
    background-color: #FFF;
    border-color: #D9D9D9;
    color: #000;
}

.allCrytosDescriptionContent{
    padding-top: 5px;
    font-size: var(--text-size-14);
    color: var(--default-icon-color);
}

body.light-mode .allCrytosDescriptionContent {
    color: #000;
}

.allCrytosDescriptionBtn{
    padding-top: 10px;
    color: var(--btn-primary-background-color);
    font-weight: var(--default-font-weight-bold);
    cursor: pointer;
    font-size: var(--xs-text-size);
}

.sortingBtn{
    cursor: pointer; 
    font-weight:var(--default-font-weight-thick);
    font-size: var(--xs-text-size);
    color: var(--default-icon-color);
}

.sortingIcon i{
    font-size: 10px;
    margin-left: 6px;
}

.sortingIcon .fa-caret-up.active, .sortingIcon .fa-caret-down.active{
    color: var(--btn-primary-background-color);
}

#card-listing-container{
    display: none;
}

.card-listing{
    width: 100%;
    border-radius: 7px;
}

.card-listing-block{
    background-color: #161a1e;
    padding-block: 1em;
    margin-top: 2em;
    border-radius: 7px;
    color: #FFF;
    border: 1px solid #3f3f3f;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.card-listing-row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 2em;
    margin-block: 0.5em;
}

.menu-items {
    display: none;
}

.hamburger-menu {
    cursor: pointer;
    padding: 10px;
}

.bar {
    width: 25px;
    height: 3px;
    background-color: #333;
    margin: 5px auto;
}

.show-menu .menu-items {
    display: block;
}

.custom-hamburger-menu {
    cursor: pointer;
    padding: 10px;
}

.bar {
    width: 25px;
    height: 3px;
    background-color: #333;
    margin: 5px auto;
}

.custom-menu-items {
    display: none;
}

.show-menu .custom-menu-items {
    display: block;
}

.marketOverview-subTitle-mobile {
    padding: 10px;
    margin: unset !important;
}

.marketOverviewContent-section2-mobile{
    padding: 1rem 3rem;
    font-size: 15px;
    gap: 20px;
}


.marketOverviewContent-section2-mobile{
    display: none;
}

.custom-hamburger-menu {
    cursor: pointer;
    padding: 10px;
    font-size: 16px;
}
.barIcon{
    display: flex;
    align-items: center;
}

.marketOverview-subTitle-mobile.active {
    color: var(--btn-primary-background-color);
}
#allCryptosTable{
    display: block;
}

.card-listing-row span{
    margin-left: 10px;
    font-size: 10px;
    color: grey;
}


#allCryptosSecondDivOptionId-mobile .allCryptosSubTitle{
    display: none !important;
}

.noResultTxtNormal{
    font-weight: var(--default-font-weight-bold) !important;
    font-size: var(--default-font-size);
    color: #848E9C !important;
}

.noResultTxt{
    font-weight: var(--default-font-weight-bold) !important;
    font-size: var(--default-font-size);
    color: #FFF;
}

.actionIconMobile{
    height: 15px;
    filter: brightness(100);
}
.actionIcon{
    height: 20px;
    filter: brightness(100);
    cursor: pointer;
}
.actionIconMobile:hover,
.actionIcon:hover{
    filter: unset;
}
.secondActionIcon{
    margin-left: 20px;
}

.show-more {
    display: block;
}

.card-listing-row .secondActionIcon {
    margin-left: 10px;
    margin-right: 15px;
}
.card-listing-row .actionIcon{
    height: 15px;
}


/* End of Market Overview */


/* Trading Data */
.tradingData-Trading{
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-thick);
}
.tradingData-Market{
    color:#4a4c4f;
    font-weight: var(--default-font-weight-thick);
    font-size: 18px;
}

.tradingData-Market:hover{
    color: unset !important
}
.tradingData-Trading:hover{
    color: unset !important 
}

.trading-data-container{
    background-color: var(--binance-background-color);
    padding-block: 1rem 3rem;
}

/* .trading-data-navbar{
    display: flex;
} */

.trading-data-navbar div{
    margin: 30px;
}

.trading-data-navbar-option{
    cursor: pointer;
}

.trading-data-navbar-option.active{
    font-weight: var(--default-font-weight-bold);
}

.trading-data-component-container{
    display: flex;
    justify-content: space-around;
}

.trading-data-top-component{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block: 1.5rem;
}

.trading-data-component{
    background-color: #161A1E;
    padding: 1rem;
    border: 1px solid #292A2D;
}

.trading-data-component-title{
    /* display: flex;
    justify-content: space-between; */
    width: 100%;
    border-bottom: 1px solid #292A2D;
    padding: 0 1rem 1rem 1rem;
    margin: 1rem 0rem;
    color: #6d6f70;
    font-size: 0.75rem;
}

.trading-data-component-list{
    padding-left: 0;
}

.trading-data-component-list{
    padding-left: 0;
}

.trading-data-component-list li{
    list-style-type: none;
}

.coin-icons{
    margin-inline: 10px;
}

.coin-icons img{
    width: 16px;
}

.plus{
    color: #FF0000;
}

.minus{
    color: #008000;
}

.trading-data-option.header-btn{
    padding-inline: none;
}

.trading-data-option{
    border: 1px solid #292A2D;
    padding: 0.5rem;      
}

#cryptoOption0.header-dropdown-list,
#cryptoOption1.header-dropdown-list,
#cryptoOption2.header-dropdown-list{
    z-index: 99;
    width: 100%;
}

/* End of Trading Data*/
/* .tv-lightweight-charts{
    width: 60vw !important;
}
.tv-lightweight-charts table{
    width: 60vw !important;
}
.tv-lightweight-charts td:nth-child(2){
    width: 60vw !important;
}
.tv-lightweight-charts td:nth-child(2) canvas:nth-child(1){
    width: 60vw !important;
}
.tv-lightweight-charts td:nth-child(2) canvas:nth-child(2){
    width: 10vw !important;
}
.tv-lightweight-charts td:nth-child(3) canvas:nth-child(2){
    width: 6vw !important;
}
.tv-lightweight-charts td:nth-child(3) canvas:nth-child(1){
    width: 6vw !important;
}
.tv-lightweight-charts canvas:nth-child(5){
    width: 100vw !important;
} */
.camvasbox{
    position: relative;
    margin-top: 10px;
}
.camvasbox .graph{
    margin-top:20px

}
.camvasbox .switcher-item{
    border: solid 0px;
    background-color: #fffbfb00;
    color: #69717d;
}

.camvasbox .switcher-item {
    color: #7E8595;
}

.camvasbox .switcher-item.switcher-active-item{
    color: var(--btn-primary-background-color);
}
.selecttime{
    /* position: absolute; */
    /* top: 30px; */
    z-index: 10;
}
.legend {
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 1;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
}

/* Dashboard Spot Section */

.spot-section {
    background-color: var(--secondary-background-color);
    /* padding: 1rem 1rem 0px 1rem; */
    font-weight: var(--default-font-weight-thick);
}

body.light-mode .spot-section {
    background-color: transparent;
    border-top: 1px solid #D9D9D9;
}

.spot-text {
    color: var(--default-icon-color);
    font-size: 14px;
    font-weight: 600;
}

.spot-text.active {
    color: var(--default-primary-text-color);
}

body.light-mode .spot-text.active {
    color: var(--btn-primary-background-color);
}

.spot-section .spot-formLabel {
    color: var(--btn-secondary-background-color);
    font-size: 12px;
    margin-bottom: 0px;
    margin-right: 5px;
}

.spot-section div i {
    color: var(--default-secondary-text-color);
    margin-left: 3px;
    cursor: pointer;
}

.spot-unit {
    color: var(--btn-secondary-text-color);
    text-align: right;
    margin-bottom: 0px;
}

body.light-mode .spot-unit {
    color: #000;
}

.spot-form-div {
    width: 100%;
    background-color: #2A2D35;
    padding: 10px 20px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

body.light-mode .spot-form-div {
    background-color: #E8ECEF;
    color: #000;
}

.spot-form-div .spot-unit {
    /* width: 40px; */
}

.spot-form-div input {
    background-color: transparent;
    color: var(--btn-secondary-text-color);
    border: none;
    text-align: right;
    flex-grow: 1;
    margin-right: 5px;
    padding: 0px 0px;
    width: 0px;
}

body.light-mode .spot-form-div input {
    color: #000;
}

.spot-form-div input:focus {
    outline: none;
}

.buy-ipo button,
.sell-ipo button {
    color: var(--btn-secondary-text-color);
    border: none;
    border-radius: 3px;
    width: 100%;
    padding: 10px 0px;
    margin: 0;
}

.buy-ipo button {
    background-color: #0ECB81;
}

.sell-ipo button {
    background-color: #F6465D;
}


/* Slider Track Dot */
.spot-range-div {
    width: 100%;
    height: 50px;
    position: relative;
    display: flex;
    align-items: center;
}

.spot-range-unit {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 3px solid var(--btn-secondary-background-color);
    border-radius: 5px;
    background-color: var(--secondary-background-color);
    cursor: pointer;
    z-index: 1;
}

.spot-range-unit.range-100 {
    left: 100%;
    transform: translateX(-100%);
}

.spot-range-unit.range-75 {
    left: 75%;
    transform: translateX(-50%);
}

.spot-range-unit.range-50 {
    left: 50%;
    transform: translateX(-50%);
}

.spot-range-unit.range-25 {
    left: 25%;
    transform: translateX(-50%);
}

.buy-ipo .spot-range-div .spot-range-unit.active {
    border-color: #0ECB81;
}

.sell-ipo .spot-range-div .spot-range-unit.active {
    border-color: #FF3852;
}

/* Slider */
.input-range-background-track {
    position: absolute;
    background-color: var(--btn-secondary-background-color);
    height: 4px;
    width: 100%;
    z-index: 0;
}

.spot-range-div input {
    width: 100%;
    height: 4px;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.spot-range-div input:focus {
    outline: none;
}

/* For browser other than firefox */
.spot-range-div input[type="range" i]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none; 
    height: 20px;
    width: 20px;
    background-color: var(--secondary-background-color);
    border-radius: 50%;
    border: 3px solid #B7BDC6;
    transition: border-color 0.1s linear, border-width 0.1s linear;
}

.buy-ipo .spot-range-div input[type="range"]:active::-webkit-slider-thumb {
  border-color: #0ECB81;
  border-width: 5px;
}

.sell-ipo .spot-range-div input[type="range"]:active::-webkit-slider-thumb {
  border-color: #FF3852;
  border-width: 5px;
}

/* For Firebox browser */
.spot-range-div input[type="range"]::-moz-range-thumb {
    height: 20px;
    width: 20px;
    background-color: var(--secondary-background-color);
    border-radius: 50%;
    border: 3px solid #B7BDC6;
    transition: border-color 0.1s linear, border-width 0.1s linear;
}

.buy-ipo .spot-range-div input[type="range"]:active::-moz-range-thumb {
  border-color: #0ECB81;
  border-width: 5px;
}

.sell-ipo .spot-range-div input[type="range"]:active::-moz-range-thumb {
  border-color: #FF3852;
  border-width: 5px;
}

/* [END] Dashboard Spot Section */

/* Dashboard Open Order Listing */

.dashboard-open-order-noResults {
    color: #585E6B;
}

/* [END] Dashboard Open Order Listing */
.selecrtbox-left{
    width: 100%;
    height: 10px;
    background-color: aliceblue;
    margin-top: 3px;
    
}
.selecrtbox-right{
    width: 100%;
    height: 22%;
    background:#838e9c;
    margin-left: 3px;
    margin-top: 3px;


}
.selecrtbox{
    width: 20px !important;
    opacity: 0.5;
}
.selecrtbox.active{
    width: 20px !important;
    opacity: 1;
}

.dashboard-displaybox .kt-container,
.dashboard-displaybox #contentDiv{
    height: unset !important;
    min-width: 10px

}
.dashboard-displaybox .content-container{
    padding :0 !important;
    /* padding-top: 70px!important; */
    padding-top: 75px!important;
}

.title-box{
    /* background-color: #1e2025; */
    padding: 1rem 0rem;
}

body.light-mode .title-box {
    background-color: #FAFAFA;
}

.menu-price{
    font-size: var(--xs-text-size);
}
.menu-price.gred{
    color:#0ECB81;
    font-size: var(--text-size-20);
    font-weight: 600;
}
.title-24h{
    font-size: var(--xs-text-size);
    color: var(--default-icon-color);
    font-weight: var(--default-font-weight-medium);
	text-wrap: nowrap;
}
.data-24h{
    font-size: var(--xs-text-size);
    font-weight: var(--default-font-weight-thick);
	text-wrap: nowrap;
}

.gred.listing{
    font-size: 20px !important;
}

.red-value-text{
    color: #F00;
}

.green-value-text{
    color: #0ECB81;
}

.header-logo{
    cursor: pointer;
    }
.displaydatamobile{
    display: block  !important;
}
.displaydatamobileweb{
    display: none !important;
}

.login-logo-image:hover, .registeration-logo-image:hover {
    cursor: pointer;
}

.login-logo-image:not(.login-logo-image.dark-mode-logo),
body.light-mode .login-logo-image.dark-mode-logo {
    display: none;
}

body.light-mode .login-logo-image.light-mode-logo {
    display: block;
}

.secondmenu{
    margin-top: 10px;
    padding: 0 12px;
    color: #4a4c4f;
    font-size: 28px;
}

.secondmenu i{ 
   padding: 0px 5px;
}

.secondmenu.active{
    font-weight: 600;
    position: relative;
    color: var(--default-primary-text-color);

}

.newsecondmenu.secondmenu.active a{
    color: var(--default-primary-text-color);
}

body.light-mode .newsecondmenu.secondmenu.active a {
    color: #000;
}

.secondmenu.active::after{
    content: "";
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    width: 35%;
    height: 2px;
    background-color: var(--btn-primary-background-color);
    transform: translateX(-50%);
}
.earnpage .title{
    font-size: 56px;
    font-weight: 600;

}

.earnpage {
    padding-left: 1.5rem;
}

.newsecondmenu.secondmenu a{
    font-size: 16px;
    min-width: 150px;
    color:#848e9c;
    text-align: center;
}

.newsecondmenu.secondmenu.active{
    padding-bottom:10px;
    color: var(--default-primary-text-color);
}

body.light-mode .newsecondmenu.secondmenu.active {
    color: #000;
    font-weight: 600;
}

.newsecondmenu.secondmenu {
    font-size: 16px;
    min-width: 150px;
    color:#848e9c;
    text-align: center;
    cursor: pointer;
}  

body.light-mode .newsecondmenu.secondmenu {
    color: #A1A1A1;
}

.earnpage #listingTable thead tr th span{
    color: var(--default-primary-text-color);
    font-size: 13px;
    color: var(--default-primary-bg-color);
    font-size: 13px;
    font-weight: 300;
}

body.light-mode .earnpage #listingTable thead tr th span {
    color: #000;
}

#transactionHistoryPage tbody tr td, #orderHistoryPage tbody tr td {
    font-size: 13px;
    font-weight: 400;
}

.earnpage .contean{
    color:#848E9C;
    font-size: var(--text-size-20);
    color: #EAECEF;
}

.earnpage .contean {
    color: #A1A1A1;
}

.earnpage .whatbtn{
    color:#848E9C;
    background-color: #252930;
    width: fit-content;
    border-radius: 5px;
}

body.light-mode .earnpage .whatbtn {
    color: #161616;
    background-color: #E8ECEF;
}

.earnpage .whatbtnbox{
    padding: 0 24px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: var(--btn-font-size);
    font-weight: 600;
    height: 40px;
    color: #EAECEF;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.light-mode .earnpage .whatbtnbox {
    color: #161616;
}

.earntopimage{
    width: 70%;
}
.carousel-indicators{
    bottom: -35px;
}
.carousel-inner{
    min-height: 200px;
    border-radius: 5px;
}
.active .beneerbuttom{
    width: 100%;
    height: 3px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
}
.beneerbuttom{
    width: 100%;
    height: 3px;
    background-color: #848E9C;
    border-radius: 10px;
}
.banner-buttom{
    font-size: 11px;
    color:#848E9C;
}
.emall-banner-image-container{
    padding: 25px;
    background-color: var(--binance-background-color);
}
.bannetiamge{
    height: 25px;
}
.bannetimage-text{
    margin: auto 0px;
    font-size: 14px;
}
.limiterd{
    font-size: 17px;
}
.cryotor{
    font-size: 34px;
    font-weight: 600;
}
.subscrite{
    border-radius: 25px;
    background-color: #000;
    border: solid 1px var--btn-primary-background-color();
    padding: 10px 20px;
    width: fit-content;
    color: var(--btn-primary-background-color);
    font-weight: 600;
}
.subscritebox{
    margin: auto;
    display: flex;
    justify-content: end;
}
.pepebox{
    /* margin: auto; */
    display: flex;
    justify-content: center;
}
.pepe{
    /* width: 80%; */
    max-width: 40%;
    /* max-height: 80%; */
}

.searchinput{
    position: relative;
    display: flex;
    border: solid 1px #8a8888;
    border-radius: 10px;
    height: calc(1.5em + 1.3rem + 2px) !important;
}

body.light-mode .searchinput {
    border-radius: 4px;
    border-color: #D9D9D9;
}

.searchinput i{
    padding :0 10px;
    margin: auto;
}

body.light-mode .searchinput i {
    color: #A1A1A1;
}

body.light-mode .searchinput::placeholder {
    color: #A1A1A1;
}

.seathcinpult{
    background-color: transparent;
    border: solid 0px;
    /* height: 46px; */
    /* height: calc(1.5em + 1.3rem + 2px) !important; */
}


.chatbn{
    margin: auto;
}
.listingtitle{
    font-size: var(--text-size-32);
    font-weight: var(--default-font-weight-thick);
}
.viewmore{
    color: var(--btn-primary-background-color);
    font-size: 15px;
    display: flex;
    justify-content: center;
    font-weight: 600;
cursor: pointer;
}

.calulate{
    display: ruby;
}

body.light-mode .calulate {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
}

.fixedbox{
    display: flex;
    padding: 0px 5px;
}

body.light-mode .fixedbox{
    height: 48px;
    border: 1px solid #D9D9D9;
    background-color: transparent;
    padding: 4px;
    margin-inline: 5px;
    border-radius: 4px;
    user-select: none;
}

.fixedbox .flexibletiel  {
    padding: 5px 15px;
    /* border-radius: 5px; */
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: solid 3px #252930;
    background-color: #252930;
}

.fixedbox .active{
    background-color: #000000 !important;
}

.fixedbox .fixedtiel{
    padding: 5px 15px;
    border-top-right-radius: 5px;
    background-color: #252930;

    border-bottom-right-radius: 5px;
    /* border-radius: 5px; */
    border: solid 3px #252930;
}

body.light-mode .fixedbox > div,
body.light-mode .fixedbox > div.active {
    background-color: unset;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}

body.light-mode .fixedbox > div.active {
    background-color: #E8ECEF !important;
    font-weight: 600;
}

.products{
    font-size: var(--text-size-20);
    font-weight: 500;
}
.simplue{
    display: flex;
}
.simpluebox{
    position: relative;
    width: fit-content;
    background-color: #ffffff;
    padding: 2px;
    height: 150px;
    width: 80%;
border-radius: 10px;

}

.simplue-box{
    padding: 1.5rem;
    height: 100%;
    background-color: #00000000;
 /*   clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0 100%, 0 0);*/
    border-radius: 10px;
    border: solid;
    width: fit-content;
}

body.light-mode .simplue-box {
    border-radius: 4px;
    border: 2px solid #252930;
}

.simplue-box .top-right-tick-div {
    position: absolute;
    top: -1px;
    right: -1px;
    height: 25px;
    width: 27px;
    background-color: #EAECEF;
    clip-path: polygon(0% 0%, 1000% 0%, 100% 100%);
    border-top-right-radius: 9px;
}

body.light-mode .simplue-box .top-right-tick-div {
    background-color: #252930;
    border-top-right-radius: 4px;
}

.simplue-box .top-right-tick-div::before {
    content: '';
    position: absolute;
    top: 2px;
    right: 6px;
    border-right: 2px solid #252930;
    border-bottom: 2px solid #252930;
    transform: rotate(45deg);
    height: 10px;
    width: 6px;
}

body.light-mode .simplue-box .top-right-tick-div::before {
    top: 1px;
    right: 5px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
}

.searn{
    font-size: var(--text-size-16);
    padding:2px;
    color: #fff;
}

body.light-mode .searn {
    color: #000;
}

.searntext{
    font-size: 10px;
    padding: 2px 2px;
    border-radius: 5px;
    background-color: #f0b70e42;
    margin-left: 5px;
    //color: var(--btn-primary-background-color);
    display: flex;
    align-items: center;
}
.percentagedisplahy{
    font-size: 20px;
    font-weight: 600;
}
.earn-rate{
    font-weight: 600;
    color: #2EBD85;
}
.productimahge{
    width: 25px;
    margin: auto;
    height: 25px;
margin-right: 10px;
}
.loader {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
  }
  
  .jimu-primary-loading:before,
  .jimu-primary-loading:after {
    position: absolute;
    top: 0;
    content: '';
  }
  
  .jimu-primary-loading:before {
    left: -19.992px;
  }
  
  .jimu-primary-loading:after {
    left: 19.992px;
    -webkit-animation-delay: 0.32s !important;
    animation-delay: 0.32s !important;
  }
  
  .jimu-primary-loading:before,
  .jimu-primary-loading:after,
  .jimu-primary-loading {
    background: var(--btn-primary-background-color);
    -webkit-animation: loading-keys-app-loading 0.8s infinite ease-in-out;
    animation: loading-keys-app-loading 0.8s infinite ease-in-out;
    width: 13.6px;
    height: 32px;
  }
  
  .jimu-primary-loading {
    text-indent: -9999em;
    margin: auto;
    position: absolute;
    right: calc(50% - 6.8px);
    top: calc(50% - 16px);
    -webkit-animation-delay: 0.16s !important;
    animation-delay: 0.16s !important;
  }
  
  @-webkit-keyframes loading-keys-app-loading {
  
    0%,
    80%,
    100% {
      opacity: .75;
      box-shadow: 0 0 var(--btn-primary-background-color);
      height: 32px;
    }
  
    40% {
      opacity: 1;
      box-shadow: 0 -8px var(--btn-primary-background-color);
      height: 40px;
    }
  }
  
  @keyframes loading-keys-app-loading {
  
    0%,
    80%,
    100% {
      opacity: .75;
      box-shadow: 0 0 var(--btn-primary-background-color);
      height: 32px;
    }
  
    40% {
      opacity: 1;
      box-shadow: 0 -8px var(--btn-primary-background-color);
      height: 40px;
    }
  }
  .collapsed .upiconsi{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
   
}
.collapsed .displaydisldata{
    display: table-row;
}
.upiconsi{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.collapse{
    /* display: contents; */
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}
.productbox{
    width: 150px;
}
.kogei{
    width: 15px;
    margin: 10px;
    display: inline-flex;
}

.subscr{
    border-radius: 10px;
    border: solid 0px;
    background-color: var(--btn-primary-background-color);
    padding: 10px 20px;
    color: #fff;
    font-size:10px;
}

body.light-mode .subscr {
    font-size: 13px;
    border-radius: 4px;
    border: none;
    padding: 12px 18px;
    font-weight: 600;
    margin-inline: 0;
}

body.light-mode .subscr:not(:last-child) {
    margin-right: 1rem;
}

.sb-note-earn {
    font-size: 14px;
    color: var(--default-icon-color);
    margin-bottom: 20px;
}
.subscribe .modal-title{
    display: flex;
}
 .collapsediso.show{
    display:table-row;
} 
.popuptop-ptions{
    display: flex;
    overflow-x: scroll;
    margin-bottom: 15px;
}
.input-title{
    display: flex;
    /* color: #fff; */
    font-size: 13px;

    justify-content: space-between;
}

.inputtitle-text{
    color: #fff;
    font-weight: 500;
}

body.light-mode .inputtitle-text {
    color: #000;
}

.modal-input{
    border: solid #292A2D 1px;
    width: 100%;
    border-radius: 5px;
    background-color: #161a1e;
    margin-top: 10px;
    display: flex;
}

body.light-mode .earn-modal-input {
    background-color: #E8ECEF;
    border: none;
}

body.light-mode .earn-modal-input > input {
    color: #000;
}

.modal-input .seathcinpult {
    width: 100%;
}
.modal-input span {
    margin: auto 10px;
    font-size: 13px;

}
.subscribe .max{
    color: var(--btn-primary-background-color);

}

.subscribe .toketdisplay{
    color: #fff;
}

body.light-mode .subscribe .toketdisplay {
    color: #000;
}

.inputbottom-text{

}

.sportdata{
    position: relative;
    margin: 0px 5px;
}

body.light-mode .sportdata > div {
    color: #000;
}

.sportdata-down{
    display: none;
    position: absolute;
    background-color: #757575;
    border-radius: 5px;
    color: #fff !important;
    width: max-content;
}

body.light-mode .sportdata .sportdata-down {
    left: 50%;
    transform: translateX(-50%);
}

.sportdata:hover .sportdata-down{
    display: block;
}
.sportdata:hover i{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.inputbottom-text{
    display: flex;
}
.fundingteng{
    padding: 10px;
    background-color: #fcd43591;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 13px;
}

body.light-mode .fundingteng {
    color: #000;
}

.seletet{
    color: var(--btn-primary-background-color);
}
.modal .modal-content{
    box-shadow: 0px 0px 5px #fff !important;
    border-radius: 5px;
}
.subscribe .summary{
    font-weight: 600;
    font-size: 20px;
    color: #fff;

}
.durationbox{
    padding: 10px;
    border: solid 1px #252930;
    border-radius:20px;
    margin: 5px 15px 15px 5px;
    color: #fff;
    background-color: #25293094;
    width: 100px;
}

body.light-mode .durationbox {
    border-color: transparent;
    border-radius: 4px;
    color: #000;
    background-color: #E8ECEF;
}

.durationbox.active{
    border: solid 1px #fff;

   box-shadow: 0px 0px 4px #fff !important;
}

body.light-mode .durationbox.active {
    border-color: #000;
}

.duration{
    font-size: 13px;
}
.durationboxrate{
    color: #2EBD85;
    font-size: 24px;
    font-weight: 600;
}
input{
    color: #fff;
}
.lculatebox{
    display: flex;
    justify-content: space-between;
    color: #fff;
}
.inputpercentage{
    color: #2EBD85;
}
.lculaeee{
    color: #b6bcc5;
    font-size: 15px;
    font-weight:400;
    text-decoration: underline dotted;
text-underline-offset: 3px;
}
.lculaeee-text{
    font-size: 13px;
    color: #848E9C;
}
.availanle{
    font-size: 13px;
    color: #848E9C;
}
.funspot{
    color: #fff;
    font-size: 13px;
}
.realtime{
    font-size: 13px;
    color: #848E9C;
}
.haveread{
    display: flex;
}
.displayflex{
    display: flex;
}

.bonnox{
    position: relative;
    /* margin: auto 0 auto; */
    padding: 5px 10px 5px 0px;
}

.boosline{
    /* display: inline; */
    position: relative;
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.bonnox:after{
    content: '';
    position: absolute;
    bottom: 0px;
    height: 10px;
    width: 3px;
    background-color: #fff;
    left: 3.5px;   
}

.bonnox:before{
    content: '';
    position: absolute;
    top: 0px;
    height: 10px;
    width: 3px;
    background-color: #fff;
    left: 3.5px;   
}

body.light-mode .boosline,
body.light-mode .bonnox:before,
body.light-mode .bonnox:after {
    background-color: #000;
}

.berfortet .fundingteng1:first-child .bonnox:before {
    /* background-color: #fff; */
    height: 0;
    width: 0;
    
    /* width: 100px; */
   
    
}
.berfortet .fundingteng1:last-child .bonnox:after {
    /* background-color: #fff; */
    height: 0;
    width: 0;
    
    /* width: 100px; */
   
    
}

.bonbox{
    margin: auto;
    padding: 0px 10px 0px 0px;
}
.justify-content-s{
    justify-content: space-between;
}
.havereadinput{
    margin: 0px 10px;
}
.havertext{
    color: #848E9C;
    font-size: 13px;
}
.havertext-text{
    color: var(--btn-primary-background-color);
    font-size: 13px;
}
.comfromtbutton{
    width: 100%;
    border-radius: 4px;
    background-color: var(--btn-primary-background-color);
    border: solid 0px;
    padding: 8px;
    /* margin-top: 18px; */
    margin: 23px 0;
    font-size: 13px;
    font-weight: 600;
}

.select2-container--default .select2-dropdown,
.select2-container--open .select2-dropdown--below{
    background: #1e232a !important;
    border: solid 0px !important;
}

body.light-mode .select2-container--default .select2-dropdown,
body.light-mode .select2-container--open .select2-dropdown--below{
    background: #FFF !important;
    box-shadow: 0px 3px 6px #00000029;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
    color: #fff;
    background-color: #ffe4c400;
}

body.light-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    color: #000 !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus {
    /* border: solid 0px !important; */
    border-radius: var(--form-control-border-radius)!important;
}

.dsiapaa{
    border-radius: 10px;
    border: solid 1px #3F3F3F;
    margin: 0px 5px;
}

body.light-mode .dsiapaa {
    border-radius: 4px;
    border-color: #D9D9D9;
}

body.light-mode .dsiapaa .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
}

body.light-mode .dsiapaa select {
    border: none !important;
}

.calulate span{
    margin: auto 0px;
    font-size: var(--sm-text-size);
    color: var(--active-text);
}

body.light-mode .calulate span {
    color: #000;
}

.calulate .contttwsw{
font-size: var(--text-size-20);
 color: var(--default-icon-color);
}
.tickincon{
    position: absolute;
    right: 5px;
    color: #000;
}
.diagerbox{
    position: absolute;
    top: 6px;
}
.diagerfrittext{
    color: #2EBD85;
    font-size: 24px;
    font-weight: 600;
}
.diagercanter{
    color: var(--default-icon-color);
    font-size: 14px;
    margin-top: 6px;
}
.diagercantertwo{
    margin: 0px 10px;
}
/* Start Landing Page */
.content-container:has(.landing-page-container) {
    padding: unset;
    padding-top: 3rem;
padding-inline: 3rem;
}

.landing-page-section-container {
    padding: 0rem 0rem;
}

.landing-page-title {
    font-size: 84px;
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-bold);
    line-height: 93px;
    text-transform: uppercase;
    width: 80%;
}

body.light-mode .landing-page-title.title-width-ipad {
    color: #000000;
}

.landing-page-title.value-type {
    color: var(--default-secondary-text-color);;
}

.landing-page-sign-up-div {
    display: flex;
    align-items: center;
    width: 70%;
    margin-top: 2rem;
}

.landing-page-sign-up-div .btn {
    /* min-width: var(--btn-width-long); */
    width: max-content;
    margin-left: 1rem;
    height: calc(1.5em + 1.3rem + 2px);
}

.landing-page-sign-up-div .form-control:focus {
    outline: none !important;
    border-color: var(--form-control-border-color);
}

.landing-page-login-text {
    color: var(--default-icon-color);
    font-size: 30px;
    font-weight: var(--default-font-weight-medium);
}

.landing-page-login-btn {
    border: 1px solid #3F3F3F;
    border-radius: 4px;
    background-color: transparent;
    margin-right: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
}

.landing-page-login-btn img {
    width: auto;
    height: 65%;
}

.landing-page-login-btn:last-child {
    margin-right: unset;
}

.landing-page-listing-div {
/*    background-color: var(--secondary-background-color);*/
    background-color: var(--binance-background-color);
    padding: 1.5rem;
    border-radius: 4px;
    width: 80%;
}

body.light-mode .landing-page-listing-div {
    background-color: #FAFAFA;
}

.landing-page-listing-tab-btn {
    background-color: transparent;
    padding: 0rem;
    padding-bottom: 0.5rem;
    margin-right: 2rem;
    border: unset;
    color: #848E9C;
    font-weight: var(--default-font-weight-thin);
    font-size: var(--text-size-16);
    position: relative;
    font-weight: 600;
}

body.light-mode .landing-page-listing-tab-btn {
    color: #A1A1A1;
}

.landing-page-listing-tab-btn:last-child {
    margin-right: unset;
}

.landing-page-listing-tab-btn:hover,
.landing-page-listing-tab-btn.active-tab {
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-bold);
}

body.light-mode .landing-page-listing-tab-btn:hover,
body.light-mode .landing-page-listing-tab-btn.active-tab {
    color: #000000;
}

.landing-page-listing-tab-btn:hover:before,
.landing-page-listing-tab-btn.active-tab:before {
    content: "";
    width: 70%;
    transform: translate(50%, -50%);
    position: absolute;
    top: 100%;
    right: 50%;
    border: 1px solid var(--default-secondary-text-color);
}

.landing-page-listing-anchor {
    color: var(--default-icon-color);
    font-weight: var(--default-font-weight-thin);
    font-size: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.landing-page-listing-anchor-arrow {
    font-size: 17px;
    margin-left: 0.3rem;
}

.landing-page-listing-anchor:hover {
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-bold);
}

body.light-mode .landing-page-listing-anchor:hover {
    color: #000;
}

.landing-page-listing-row {
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--default-primary-text-color);
    font-size: 15px;
    font-weight: var(--default-font-weight-thin);
}

body.light-mode .landing-page-listing-row {
    color: #000000;
}

.landing-page-listing-row div {
    width: calc(100%/3);
    max-width: calc(100%/3);
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0.5rem 0rem;
}

.landing-page-listing-val-label {
    color: var(--default-primary-text-color);
    margin-right: 0.5rem;
    font-weight: bold;
    font-size: var(--text-size-16);
}

body.light-mode .landing-page-listing-val-label {
    color: #000000;
}

.ellipsis-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.landing-page-listing-val-name {
    color: var(--default-icon-color);
    font-size: var(--text-size-14);
    font-weight: 400;
}

body.light-mode .landing-page-listing-val-name {
    color: #A1A1A1;
}

.table-coin-value {
    font-weight: bold;
    font-size: var(--text-size-16);
}

.landing-page-listing-img {
    width: 2.5rem;
    height: auto;
    margin-right: 0.5rem;
}

.landing-page-listing-inc-val {
    color: #2EBD85;
    font-size: var(--text-size-16);
    font-weight: var(--default-font-weight-thick);
}

.landing-page-listing-dec-val {
    color: #FF3852;
    font-size: var(--text-size-16);
    font-weight: var(--default-font-weight-thick);
}

.landing-page-listing-title {
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-bold);
    font-size: 15px;
}

body.light-mode .landing-page-listing-title {
    color: #000000;
}

.landing-page-listing-news-row {
    width: 100%;
    margin: 0.7rem 0rem;
    padding: 0.3rem 0rem;
    color: #EAECEF;
    font-weight: var(--default-font-weight-thin);
    font-size: var(--text-size-16);
    cursor: pointer;
    font-weight: var(--default-font-weight-medium);
}

body.light-mode .landing-page-listing-news-row {
    color: #000000;
}

.landing-page-listing-news-row:hover {
    /* font-weight: var(--default-font-weight-bold); */
}

.landing-page-listing-news-row:last-child {
    margin-bottom: unset;
}

.landing-page-download-section {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.landing-page-sample-img {
    height: 45rem;
    width: auto;
}

.landing-page-sample-tab-div {
    /* padding-right: 4.6rem; */
}

.landing-page-download-container {
    /* width: 70%; */
    /* margin-left: 5rem; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.landing-page-download-title {
    font-size: 40px;
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-bold);
    line-height: 48px ;
}

body.light-mode .landing-page-download-title {
    color: #000000;
}

.landing-page-download-info-div {
    padding: 0rem 2rem;
}

.landing-page-download-qr-div {
    border-radius: 24px;
    border: 1px solid #3F3F3F;
    padding: 1rem;
}

.landing-page-download-qr-inner-div {
    padding: 1rem;
    background-color: #FFF;
    border-radius: 16px;
    position: relative;
}

.landing-page-download-qr-img-div {
    background-color: #FFF;
    border-radius: 4px;
    padding: 0.1rem;
    position: absolute;
    transform: translate(50%, -50%);
    top: 50%;
    right: 50%;
}

.landing-page-download-qr-img {
    width: 1.5rem;
    height: auto;
}

.landing-page-download-text {
    font-size: var(--text-size-16);
    color: var( --default-icon-color);
    font-weight: var(--default-font-weight-thin);
}

.landing-page-download-label {
    font-size: var(--text-size-20);
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-thick);
}

.landing-page-download-btn {
    border-radius: 4px;
    border: unset;
    padding: unset;
    width: 8rem;
    height: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
}

.landing-page-download-btn:hover {
    border: 1px solid #3F3F3F;
}

.landing-page-download-btn-img {
    height: 3rem;
    width: auto;
    margin-bottom: 0.7rem;
}

.landing-page-download-btn-img.special-icon-handling {
    height: 2.5rem;
    margin-bottom: 0.8rem;
}

.landing-page-download-anchor {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--default-primary-text-color);
    font-size: 15px;
    font-weight: var(--default-font-weight-thin);
}

.landing-page-download-anchor:hover {
    color: var(--default-primary-text-color);
}

.landing-page-section-container.faq-section {
    margin-bottom: 10rem;
}

.landing-page-faq-row {
    border-radius: 4px;
    padding: 2rem 3rem;
    color: var(--default-primary-text-color);
    font-weight: var(--default-font-weight-thick);
    font-size: 19px;
    cursor: pointer;
}

body.light-mode .landing-page-faq-row {
    color: #000000;
}

.landing-page-faq-row:hover,
.landing-page-faq-row.active-row {
    background-color: #2B3139;
}

body.light-mode .landing-page-faq-row:hover,
body.light-mode .landing-page-faq-row.active-row {
    background-color: #FAFAFA;
}

.landing-page-download-anchor img {
    width: 1rem;
    height: auto;
    margin-right: 0.5rem;
}

.landing-page-faq-title-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.landing-page-faq-num-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
    border: 1px solid #3F3F3F;
    color: var(--default-primary-text-color);
    font-size: var(--text-size-16);
    font-weight: var(--default-font-weight-thin);
    margin-right: 2rem;
}

body.light-mode .landing-page-faq-num-wrapper {
    border-color: #D9D9D9;
    color: #000000;
}

.landing-page-faq-expand-btn {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    color: #848E9C;
    font-size: 30px;
    font-weight: var(--default-font-weight-thick);
    position: relative;
}

body.light-mode .landing-page-faq-expand-btn {
    color: #000000;
}

.landing-page-faq-expand-btn:hover,
.landing-page-faq-row:hover .landing-page-faq-expand-btn,
.landing-page-faq-row.active-row .landing-page-faq-expand-btn {
    background-color: var(--btn-primary-background-color);
    color: #000;
}

.landing-page-faq-expand-btn:before {
    content: "+";
    position: absolute;
    transform: translate(50%, -50%);
    top: 50%;
    right: 50%;
    transition: 0.5s linear;
}

body.light-mode .landing-page-faq-expand-btn:before {
    transform: translate(-50%, -50%);
    top: 43%;
    left: 52%;
    right: unset;
}

.landing-page-faq-row.active-row .landing-page-faq-expand-btn:before {
    content: "-";
}

.landing-page-faq-content-div {
    padding-top: 1rem;
    color: var(--default-icon-color);
    font-size: var(--text-size-16);
    font-weight: var(--default-font-weight-thin);
}

.landing-page-faq-content-div span {
    color: var(--btn-primary-background-color);
}

.landing-page-faq-unorder-list {
    list-style-type: disc;
    padding-left: 1rem;
}

.landing-page-earn-container {
    background-color: #1E2329;
    text-align: center;
    padding: 8rem 0rem;
}

body.light-mode .landing-page-earn-container {
    background-color: #FAFAFA;
}

.landing-page-earn-container .btn-primary {
    min-width: 180px;
    height: calc(1.5em + 1.3rem + 2px);
}

.landing-page-faq-title-inner-div {
    display: flex;
    align-items: center;
}
/* End Landing Page */

.btn-deposit, .btn-deposit:hover{
    border-radius: 4px;
    background-color: var(--btn-primary-background-color);
    color: #fff;
    padding: 0.5rem 1rem;
    margin-inline: 1rem 0.5rem;
    font-size: 12px;
}

.customer-service-icon-container{
    position: fixed;
    right: 40px;
    bottom: 30px;
    z-index: 999;
    cursor: pointer;
}

.customer-service-icon-container img{
    width: 44px;
    height: 44px;
}

.above-footer-section{
    background-color: var(--footer-bg-color);
    color: #FFF;   
    padding-block: 1rem;
    padding-inline: 1rem;
}

body.light-mode .above-footer-section {
    background-color: #FFFFFF;
    box-shadow: 0px -3px 9px #6A6A6A0F;
    color: #000000;
    position: relative;
    z-index: 10;
}

.footer-social-media-icon{
    padding-left: 0px;
    margin-block: 0.5rem;
}

.footer-social-media-icon img{
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.above-footer-title{
    font-size: 15px;
    color: #FFF;
    font-weight: var(--default-font-weight-thick);
    font-weight: var(--default-font-weight-bold);
}

body.light-mode .above-footer-title {
    color: #000000;
}

.above-link-container{
    padding-inline: 0px;
    font-size: 15px;
    margin-block: 0.5rem;
}

.above-link-container a{
    color: #EAECEF;
}

body.light-mode .above-link-container a {
    color: #000000;
}

.above-link-container a:hover{
    color: #cecece;
}

body.light-mode .above-link-container a:hover {
    color: var(--btn-primary-background-color);
}

/* START of mobile hamburger menu */
.hamburger-open {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
}

.hamburger-open span {
    position: absolute;
    background: #fff;
    display: inline-block;
    border-radius: 3px;
    left: 13px;
    height: 3px;
    transition: all 0.4s;
    width: 50%;
    z-index: 999;
}

.hamburger-open span:nth-of-type(1) {
    top: 16px;
}

.hamburger-open span:nth-of-type(2) {
    top: 24px;
}

.hamburger-open span:nth-of-type(3) {
    top: 32px;
}

.hamburger-open.active span:nth-of-type(1) {
    width: 45%;
    top: 18px;
    left: 14px;
    transform: translateY(6px) rotate(45deg);
}

.hamburger-open.active span:nth-of-type(2) {
    opacity: 0;
}

.hamburger-open.active span:nth-of-type(3) {
    width: 45%;
    top: 30px;
    left: 14px;
    transform: translateY(-6px) rotate(-45deg);
}
/* END of mobile hamburger menu */

.mobile-sidebar-backdrop{
    position: fixed;
    /* width: 100%; */
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0, 0.5);
    z-index: 990;
    display: none;
    /* top: -15px; */
    top: 0px;
    right: 0px;
    transition: all 0.3s ease-in;
    padding-block: 6rem;
    padding-inline: 2.5rem;
}

.mobile-sidebar-backdrop.active{
    display: flex;
}

.mobile-sidebar{
    /* position: absolute; */
    position: fixed;
    /* width: 100%; */
    width: 70%;
    height: 100vh;
    background: var(--binance-background-color);
    z-index: 998;
    display: none;
    /* top: -15px; */
    top: 0px;
    right: -100%;
    transition: all 0.3s ease-in;
    padding-block: 6rem;
    padding-inline: 2.5rem;
}

body.light-mode .mobile-sidebar {
    background: #FFF;
}

.mobile-sidebar.active{
    right: -8px;
    display: flex;
    flex-direction: column;
}

.mobile-sidebar-divider{
    width: 100%;
    height: 1px;
    margin-block: 1.5rem;
    background-color: #3F3F3F;
}

.mobile-sidebar-anchor {
    font-size: 13px;
    cursor: pointer;
    color: var(--default-primary-text-color);
    margin-block: 1rem;
}

body.light-mode .mobile-sidebar-anchor {
    color: #000;
}

.mobile-sidebar-anchor img{
    margin-right: 1rem;
}

/* .mobile-sidebar-anchor:visited,  */
.mobile-sidebar-anchor:active, .mobile-sidebar-anchor:hover{
    color: var(--default-secondary-text-color);
}

.btn-long-width {
    width: var(--btn-width-long);
}

.filter-search-bar-container{
    position: relative;
}

.filter-search-bar-container img{
    position: absolute;
    left: 8px;
    top: 12px;
}

.filter-form-control{
    padding-left: 3rem;
}

.mobile-more-sidebar-anchor {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rule-options {
    background-color: #161A1E;
    border: 1px solid #252930;
    border-radius: 4px;
}

body.light-mode .rule-options {
    background-color: #FFF;
    border: 1px solid #D9D9D9;
}

.rule-active {
    background-color: #25293094;
    border-radius: 4px;
}

body.light-mode .rule-active {
    background-color: #E8ECEF !important;
    font-weight: 600;
}

body.light-mode .rule-options > div,
body.light-mode .rule-options > div.active {
    background-color: unset;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}

.rule-font-color {
    color: #848E9C;
}

.ruleLineHeight {
    line-height: 1.3;
}

.rule-gold {
    color: var(--btn-primary-background-color);
}
.nateejie{    
    color: #000000;
    font-size: 15px;
    margin: 10px;
    padding: 5px 10px;
    background-color: var(--btn-primary-background-color);
    border-radius: 25px;
    display: none;
}

.freaqqrboi{
    display: flex;
}
.freaqqrboinunber{
    margin: 10px;
    padding: 10px 15px;
    border: solid 1px #3F3F3F;
    border-radius: 5px;
}
.freaqqrboinunbertitle{
    margin: 10px;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
}
.freaqqrbox .fa-plus{
    color: #848E9C;
    font-size: 15px;
    margin: 10px;
    padding: 10px;
    /* display: none; */
}
.freaqqrbox.active .fa-plus{
    display: none;

}
.freaqqrbox.active .nateejie{
    display: block !important;

}
.freaqqrbox.active{
    background-color: #2B3139;
    border-radius: 5px;
}
.freaqqrbox.active .conterante{
    display: block;

}
.conterante{
    display: none;
    padding: 10px;
    margin:10px ;
}
input[type="checkbox"] {
    accent-color: #ffffff;   
}
::-webkit-scrollbar {
    background-color: #333333;
    width: 5px;
    height: 5px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 5px;
    width: 5px;
}

.marketoverview-select-dropdown{
    width: 100%;
    padding: 0.5rem 1rem;

    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #4d4d4d;
}

.marketoverview-select-dropdown-text{
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: var(--default-font-weight-bold);
}

.marketoverview-select-dropdown-text img{
    width: 16px;
    height: 16px;
}

.marketoverview-select-sidebar{
    /* display: none; */
    position: fixed;
    top: 0;
    margin-inline: -2rem;
    background-color: var(--binance-background-color);
    width: 100%;
    height: 100vh;
    z-index: 999;
}

.marketoverview-select-sidebar{
    /* display: none; */
    position: fixed;
    top: 0;
    right: -100%;
    margin-inline: -2rem;
    background-color: var(--binance-background-color);
    width: 100vw;
    height: 100vh;
    z-index: 999;
    transition: all .5s;
}

.marketoverview-select-sidebar.active{
    position: fixed;
    right: 24px;
    padding-inline: 1.5rem;
    /* margin-inline: -2rem; */
    background-color: var(--binance-background-color);
}

body.light-mode .marketoverview-select-sidebar.active {
    background-color: #FFF;
}

/* START of mobile hamburger menu */
.close-times {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
}

.close-times span {
    position: absolute;
    background: #fff;
    display: inline-block;
    border-radius: 3px;
    left: 13px;
    height: 3px;
    transition: all 0.4s;
    width: 50%;
    z-index: 999;
}

.close-times span:nth-of-type(1) {
    width: 45%;
    top: 18px;
    left: 14px;
    transform: translateY(6px) rotate(45deg);
}

.close-times span:nth-of-type(2) {
    width: 45%;
    top: 30px;
    left: 14px;
    transform: translateY(-6px) rotate(-45deg);
}

.lsitingpageadsge{
    display: flex;
    overflow: auto;
    overflow-y: hidden;
    font-size: 15px;
    font-weight: 600;
}

body.light-mode .lsitingpageadsge::-webkit-scrollbar-thumb {
    background: var(--btn-primary-background-color);
}

.lsitingpageadsge div{
    margin: 10px;
}

.lsiginfabboxpnbbox{
    border-radius: 10px;
    border: solid 1px #2b3139;
}

body.light-mode .lsiginfabboxpnbbox {
    background-color: #F9F9F9;
    border-radius: 4px;
    border: none;
}

.filetesre{
    display: flex;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.filetesre .active{
    padding: 10px;
    margin: 20px;
    background-color: #2b3139;
    border-radius: 10px;
}

body.light-mode .filetesre .active {
    border-radius: 4px;
    background-color: #E8ECEF;
    color: #000;
}

.filetesre div{
    /* padding: 10px;
    margin: 20px;
    border-radius: 10px; */
}
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
        border-radius: 5px;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 14px;
    left: 5px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5px;
  }
  
  input:checked + .slider {
    background-color: var(--btn-primary-background-color);
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px var(--btn-primary-background-color);
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

/* tune all crypto listing header */
.sortingBtn2{
    /* background-color: #393B3D; */
    color: #848E9C;
    border: 1px solid transparent;
    border-color: #474D57;
    border-radius: 4px;
    margin-right: 0.5rem;
    padding: 2px 10px;
    cursor: pointer;
}

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

.card-listing-row .font-weight-bold span {
    margin-left: unset;
    font-size: 13px;
}

.card-listing-row .font-weight-bold:has(.sortingBtn) span {
    margin-left: 5px;
}
/* tune all crypto listing header */

.spot-listing-action span:not(span i) {
    text-decoration: underline;
}

.spot-listing-action span {
    cursor: pointer;
}

.spot-listing-table-title img {  
    width: 10px;
}

.spot-listing-table-title label,
.spot-listing-table-title span {
    font-size: 10px;
    font-weight: var(--default-font-weight-thin);
}

.spot-listing-table-title input {
    background-color: transparent;
}

.earn-spot-checkbox {
    display: none;
}

.earn-spot-custom-checkbox {
    width: 10px;
    height: 10px;
    border: 1px solid #FFF;
    border-radius: 2px;
    background-color: transparent;
    margin-bottom: unset;
    position: relative;
    cursor: pointer;
}

.earn-spot-custom-checkbox:has(.earn-spot-checkbox:checked):before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    transform: translate(50%, -50%);
    top: 50%;
    right: 50%;
    font-size: 8px;
    color: var(--default-primary-text-color);
}
.remiadinsimplue-box.active .resimplue-box{
    padding: 1.5rem;
    height: 100%;
    background-color: #000;
    clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
    border: solid 0px #6d6b6b;


}
.remiadinsimplue-box.active{
    background-color: var(--btn-primary-background-color);
    padding: 3px;
    border-radius: 5px;
    position: relative;
}
.remiadinsimplue-box i{
    display: none;
}
.remiadinsimplue-box.active i{
    display: block;
}
.resimplue-box{
    border-radius: 5px;
    border: solid 1px #6d6b6b;
    padding: 25px;
}
.buretoibdapading{
    height: 9rem;
}
.buretoibdapading2{
    height: 1rem;
}
.rekdamoaadmin{
    color: #555555;
    font-size: 15px;
}
.abvlaoe{
    color: #555555;
    font-size: 13px;
}
.fasdrresr{
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}
.comterdarresr{
    font-size: 13px;
    color: #555555;

}
.modal-body.modalBodyFont.font2we{
    background-color: #1E2026;

}
.dislaubtuiacont:disabled{
    background-color: #969696;
    color: #fff;
    cursor: no-drop !important;
}
.dislaubtuiacont{
    cursor: auto !important;
}
.detailllamodao{
    /* position: absolute; */ 
    position: fixed;
    /* width: 100%; */
    width: 32rem;
    height: 100vh;
    background: var(--binance-background-color);
    z-index: 1000;
    display: none;
    /* top: -15px; */
    top: 0px;
    right: -100%;
    transition: all 0.3s ease-in;
    padding-block: 1rem;
    padding-inline: 2.5rem;
    border-left: solid 1px;
    max-width: 50%;

}
.detailllamodao.active{
    right: -8px;
    display: flex;
    flex-direction: column;
overflow: scroll;
}
.detaillchaoasdbox{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #00000050;
}
.comfromtbutton.colosd{
    background-color: #5a5a5a;
    color: #fff;
    width: auto;
}
.comfromtbutton.normaler{
    width: auto;
}
.audrobox{
    border-radius: 10px;
    border: solid 1px #8d908da5;
    padding: 15px 15px;
}
.auroatext{
    font-size: 15px;
    font-weight: 600;
}
.text-end{
    text-align: end;
}
.durasdnwda{
    font-size: 10px;
    font-weight: 600;
    color: #9c9a9a;
}
.eattexttextP{
    font-size: 15px;
    font-weight: 600;
    color: #5a5a5a;
}
.eattexttextq{
    font-size: 15px;
    font-weight: 600;
}
.statusimage{
    width: 10rem;
    max-width: 35%;
}
.statusboxdiv{
    display: flex;
    justify-content: center;
}
.titledisplay-modal{
    font-weight: 600;
    font-size: 20px;

}
.detiledisplay-modal{
    font-size: 13px;
    font-weight: 500;
}
.modal-footer{
    justify-content: center !important;
}

.text-align-center{
    text-align: center;
}
.censeibutton{
    background-color: #4545459c;
    color: #fff;
}
.statusmodalfotter{
    background-color: #1E2026;
}
.confirmInactivefixlseModalya{
    max-width:350px !important;
}
.successfulModal .modal-header{
    background-color: #1E2026;


}

.modal-content{
    background-color: #1E2026 !important;
}

body.light-mode .modal-content {
    background-color: #FFFFFF !important;
    box-shadow: 0px 3px 6px #00000029 !important;
}

.modalBodyFont{
    /* background-color: #1E2026 !important; */
}

body.light-mode .modalBodyFont {
    color: #000000;
}

.sideBarItem{
    width: 15rem;
    margin: 10px 0;
}
.sideBarMenu{
    text-align: center;
}

.stakinglisting .filetesre .fileasdne{ 
    /* padding: 5px 20px; */
    padding: 8px 20px;
    margin: 5px;
    /* background-color: #2b3139; */
    border-radius: 10px;   
    cursor: pointer; 
}

.filetesre .newfileasdne.fileasdne {
    font-size: 14px;
    line-height: 22px;
    color:#848e9c;
    margin: 20px;
}

body.light-mode .filetesre .newfileasdne.fileasdne {
    color: #A1A1A1;
}

.filetesre .newfileasdne.fileasdne.active { 
    color: #eaecef;
    background-color:#2b3139
}

body.light-mode .filetesre .newfileasdne.fileasdne.active {
    background-color: #E8ECEF;
    border-radius: 4px;
    color: #000;
}

.stakinglisting .filetesre {
    display: flex;
    font-size: 13px;
    font-weight: 600;
    color: #a2a2a2;
}

body.light-mode .stakinglisting .filetesre {
    border-radius: 4px;
    border-color: #D9D9D9;
}

.stakinglisting .filtertbox { 
    padding: 5px;
    margin: 5px;
    /* background-color: #2b3139; */
    border-radius: 10px;
    padding-left: 0px;
    margin-left: 0px;

}
.stakinglisting .filetesre{
    border-radius: 10px;
    border: solid 1px #605f5fbd; 
    width: fit-content;
}
.stakinglisting .select2-selection__rendered{
    text-align: end;
}

.stakinglisting .comintdsiplaybox{
    background-color: #161a1e;
    border-radius: 5px;
    padding: 0px 10px;
    border: solid 1px #605f5fbd;
    padding-right: 0px;
}

body.light-mode .stakinglisting .comintdsiplaybox {
    background-color: transparent;
    border-radius: 4px;
    border-color: #D9D9D9;
    padding-right: 0px;
}

.stakinglisting .timedisplay .select2-selection__rendered{
    text-align: start;
}
.stakinglisting .resetbutton{
    border-radius: 5px;
    /* background-color: ; */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-weight: 500;
     border: solid 1px;   
    margin: auto;
    cursor: pointer;
    padding: 10px;

}
.stakinglisting  .searchbutton{
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #000;
    font-weight: 500;
    background-color: var(--btn-primary-background-color);
    margin: auto;
    cursor: pointer;


}

.date-range-type {
    display: flex;
    align-items: center;
    background-color: var(--form-control-background-color);
    border-radius: 5px;
    border: 1px solid var(--form-control-border-color);
    padding-inline: 1rem;
}

body.light-mode .date-range-type {
    background-color: transparent;
    border-color: #D9D9D9;
}

body.light-mode .date-range-type input {
    background-color: transparent;
    border: none;
}

body.light-mode .date-range-type img {
    filter: brightness(0.6);
}

.dateinput{
    border: solid 0px;
}

body.light-mode .select2-results__options::-webkit-scrollbar-thumb {
    background: var(--btn-primary-background-color);
}

.select2-results__option[aria-selected] {
    color: #fff;
}

body.light-mode .select2-results__option {
    color: #000;
}

.navbartwoimage{
    filter: invert(1%) sepia(11%) saturate(2000%) hue-rotate(244deg) brightness(200%) contrast(50%);
    /* transform: translateY(-60px); */
    width: 15px;
    
}
.active .navbartwoimage{
    filter: invert(1%) sepia(11%) saturate(2000%) hue-rotate(244deg) brightness(200%) contrast(87%);
}

.sideBarText{
    text-align: start;
    color: #fff;
}

body.light-mode .sideBarText {
    color: #A1A1A1;
}

body.light-mode .sideBarMenuDropdownItem:hover .sideBarText,
body.light-mode .sideBarItem:hover .sideBarText, 
body.light-mode .sideBarItem.active .sideBarText {
    color: #000;
    font-weight: bold;
}

.page-item.active {
    background-color: #1e2025;
    border-radius: 5px;
}
.page-link:focus{
    box-shadow :unset
}
.is-invalid .modal-input{
    border: solid 1px #fd397a;
}

.twomenu{
    /* background-color: #121418 !important; */
    background-color: #1E2026 !important;
    padding-top: 72px;
}

body.light-mode .twomenu {
    background-color: #F9F9F9 !important;
}

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

.sideBarMenu,
.twomenubox{
    background-color: #1E2026;
}

.sideBarMenu {
    background-color: transparent;
}

body.light-mode .twomenubox {
    background-color: #F9F9F9 !important;
}

.topdisplaytitle{
    width: 100%;
    padding: 25px;
    margin: 10px;
    border: solid 1px #3a3b3c;
    border-radius: 10px;
    background-color: #80808000;
}

body.light-mode .topdisplaytitle {
    background-color: #F9F9F9;
    border: none;
    border-radius: 4px;
}

body.light-mode .topdisplaytitle .select2-selection--single {
    border: none !important;
    background-color: transparent !important;
    /* align-items: self-start !important; */
}

body.light-mode .topdisplaytitle .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-inline: 1rem 2rem;
}

body.light-mode .topdisplaytitle .select2-container--default .select2-selection--single .select2-selection__arrow {
    /* top: 10px !important; */
}

.overlsiting .select2-selection--single{
    background-color: #00000000 !important;
}
.estimated{
    font-size: 13px;
    font-weight: 600;
}
.totalaumoutds{
    font-size: 19px;
    font-weight: 600;
}
button{
    background-color: #a7a7a7;
    border: solid 0px;
    border-radius: 5px;
    margin: 3px;
    padding: 5px 10px;
    color: #fff;
    font-weight: var(--default-font-weight-thick);
    font-size: 15px;
}

.btn-primary__header-sm {
    height: 32px;
    font-size: var(--text-size-14);
    min-width: 52px;
    min-height: 32px;
    padding-inline: 12px;
    border-radius: 6px;;
    line-height: 22px;
    width: unset;
}

.btn-secondary__header-sm {
    height: 32px;
    font-size: var(--text-size-14);
    min-width: 52px;
    min-height: 32px;
    padding-inline: 12px;
    border-radius: 6px;;
    line-height: 18px;
    width: unset;
}

.form-control-signup {
    height: 48px;
    min-width: 328px;
}

.btn-primary-signup-lg {
    min-height: 48px;
    font-size: 16px;
    min-width: 180px;
    width: unset;
    border-radius: 8px;
    line-height: 34px;
    font-weight: var(--default-font-weight-thick);
}

.more-download {
    font-size: var(--text-size-16);
    font-weight: var(--default-font-weight-thick);
}

.landing-page-faq-text-wrapper {
    font-size: var(--text-size-20);
    font-weight: var(--default-font-weight-thick);
}

.mb-xl {
    margin-bottom: 40px;
}

.market-overview-symbol {
    font-size: 13px;
    color: #EAECEF;
    font-weight: var(--default-font-weight-thick);
}

body.light-mode .market-overview-symbol {
    color: #000;
}

.strong-title {
    font-size: var(--text-size-20);
}

#allCryptosTableId tbody td {
    font-size:var(--text-size-16);
    font-weight: 600;;
}

body.light-mode #allCryptosTableId thead th {
    background-color: #F9F9F9;
}

body.light-mode #allCryptosTableId tbody td {
    background-color: #F9F9F9;
    color: #000;
}

body.light-mode #allCryptosTableId tbody tr:nth-child(even) td {
    background-color: #FFF;
}

body.light-mode #allCryptosTableId tbody td .actionIcon {
    filter: unset;
}

#allCryptosTable th:nth-child(2), #allCryptosTable th:nth-child(4),
#allCryptosTable th:nth-child(3), #allCryptosTable th:nth-child(5),
#allCryptosTable th:nth-child(6) {
    text-align: right;
} 

#allCryptosTable td:nth-child(2), #allCryptosTable td:nth-child(4),
#allCryptosTable td:nth-child(3), #allCryptosTable td:nth-child(5),
#allCryptosTable td:nth-child(6) {
    text-align: right;
} 

.dashboard-coin-search-input-div {
    position: relative;
}

.dashboard-coin-search-input-div input {
    padding-left: 45px;
}

.dashboard-bn-svg {
    position: absolute;
    top: 11px;
    left: 15px;
    width: 16px;
}

.dashboard-carousel-cell {
    color: var(--default-icon-color);
    padding-inline: 8px;
    font-size: var(--text-size-14);
    cursor: pointer;
    font-weight: 500;
}

.dashboard-coins-carousel .flickity-page-dots {
    display: none;
}

.dashboard-coins-carousel .flickity-button {
    background: transparent!important;
    color: var(--default-icon-color)!important;
    width: 10px;
}

.dashboard-coins-carousel .flickity-prev-next-button .flickity-button-icon {
    top: 0%;
}

.dashboard-coins-carousel .flickity-prev-next-button.next {
    right: -15px;
}

.dashboard-coins-carousel .flickity-prev-next-button.previous {
    left: -10px;
}

.dashboard-carousel-cell {
    position: relative;
}

.dashboard-carousel-cell:after {
    background-image: linear-gradient(to right, transparent calc(50% - 8px), var(--btn-primary-background-color) calc(50% - 8px), var(--btn-primary-background-color) calc(50% + 8px), transparent calc(50% + 8px));
    bottom: -8px;
    content: "";
    height: 3px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    transition: opacity .15s linear;
    width: 16px;
    left: 50%; /* Start the underline from the middle */
    transform: translateX(-50%); /* Shift it back by half of its width to center it */
}

.dashboard-carousel-cell.is-selected:after {
    opacity: 1;
}

.dashboard-coins-carousel .flickity-viewport {
    height: 30px!important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: unset;
}

#listingTableRightData {
    width: 100%;
}

#preMarketTableDiv {
    height: 100%;
    overflow-y: scroll;
}

::-webkit-scrollbar-thumb {
    background: #5e6673;
}

body.light-mode::-webkit-scrollbar-thumb {
    background: var(--btn-primary-background-color) !important;
}

.pre-market-pair-box {
    background-color: #2B3139;
    padding-inline: 4px;
    color: #EAECEF;
    font-weight: 400;
    font-size: var(--xs-text-size);
    border-radius: 2px;
}

.pre-market-pair-symbol {
    color: #EAECEF;
    font-weight: 400;
    font-size: var(--xs-text-size);
}

.pre-market-trades-title {
    font-size: var(--text-size-14);
    color: var(--default-icon-color);
    font-weight: 600;
    position: relative;
    cursor: pointer;
}

body.light-mode .pre-market-trades-title {
    color: #7E8595;
}

.pre-market-trades-title.active {
    color: #EAECEF;
}

body.light-mode .pre-market-trades-title.active {
    color: #000000;
}

.pre-market-trades-title::after {
    background-image: linear-gradient(to right, transparent calc(50% - 8px), var(--btn-primary-background-color) calc(50% - 8px), var(--btn-primary-background-color) calc(50% + 8px), transparent calc(50% + 8px));
    bottom: -8px;
    content: "";
    height: 3px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    transition: opacity .15s linear;
    width: 16px;
    left: 50%;
    transform: translateX(-50%);
}

.pre-market-trades-title.active::after {
    opacity: 1;
}

.gainers-title {
    font-size: var(--text-size-14);
    color: var(--default-icon-color);
    font-weight: 600;
    position: relative;
    cursor: pointer;
}

body.light-mode .gainers-title {
    color: #7E8595;
}

.gainers-title.active {
    color: #EAECEF;
}

body.light-mode .gainers-title.active {
    color: #000000;
}

.gainers-title::after {
    background-image: linear-gradient(to right, transparent calc(50% - 8px), var(--btn-primary-background-color) calc(50% - 8px), var(--btn-primary-background-color) calc(50% + 8px), transparent calc(50% + 8px));
    bottom: -8px;
    content: "";
    height: 3px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    transition: opacity .15s linear;
    width: 16px;
    left: 50%;
    transform: translateX(-50%);
}

.gainers-title.active::after {
    opacity: 1;
}

.lg-table-wrapper {
    height: 350px;
    overflow-y: scroll;
}

.sm-table-wrapper {
    height: 160px;
    overflow-y: scroll;
}

.dashboard-listing-div thead tr th {
    font-size: 12px;
    padding-inline: 0;
}


.dashboard-listing-div tbody tr td {
    font-size: var(--xs-text-size);
    padding-inline: 0;
}

.pre-market-header {
    font-size: var(--xs-text-size);
    color: var(--default-icon-color);
    font-weight: var(--default-font-weight-thin);
}

#listingTableRightData tbody tr td {
    font-size: var(--xs-text-size);
}

#listingTableRightData tbody tr td:nth-child(1) {
    white-space: nowrap;
    padding-left: 5px;
}

#listingTableRightData tbody tr td:nth-child(3) {
    padding-right: 5px;
}

#marketTradeTable tbody tr td:nth-child(1) {
    padding-left: 5px;
}

#marketTradeTable tbody tr td:nth-child(3) {
    padding-right: 5px;
}

#marketTradeTable tbody tr td .pre-market-data {
    font-size: var(--xs-text-size);
}

#topMoversTable tbody tr td div:nth-child(1) span {
    font-size: var(--xs-text-size);
     color: #eaecef;
}

#topMoversTable tbody tr td div:nth-child(2) span {
    font-size: var(--xs-text-size);
   color: var(--default-icon-color);
}

#topMoversTable tbody tr td:nth-child(2) div:nth-child(2) {
    min-width: 35px;
    text-align: center;
}

#topMoversTable {
    border-collapse: separate;
    border-spacing: 8px;
}

.announcement-text {
    color: #5e6673;
    cursor: pointer;
}

.announcement-text:hover {
    color: #F0B90B;
}

.announcement-content-wrapper .bn-svg path{
    fill: #5e6673;;
} 

.dashboard-border-bottom {
    border-bottom: 1px solid #2b3139;
}

.dashboard-border-left {
    border-left: 1px solid #2b3139;
}

.dashboard-border-right {
    border-right: 1px solid #2b3139;
}

.dashboard-border-top {
    border-top: 1px solid #2b3139;
}

body.light-mode .dashboard-border-bottom,
body.light-mode .dashboard-border-left,
body.light-mode .dashboard-border-right,
body.light-mode .dashboard-border-top {
    border-color: #D9D9D9;
}

.dashboard-text-14 {
    font-size: 14px;
}

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

body.light-mode .dashboard-table tbody td,
body.light-mode .dashboard-table tbody tr,
body.light-mode .dashboard-table tbody tr:nth-child(even) td {
    background-color: transparent;
    color: #ABB1B9;
}

.dashboard-table #listingTable thead {
    border-bottom: none;
}

.dashboard-table #listingTable thead tr th:nth-child(1) {
    padding-left: 1rem;
}

.dashboard-table #listingTable thead tr th:nth-child(3) {
    padding-right: 1rem;
}

.dashboard-table #listingTable tbody tr td:nth-child(1) {
    padding-left: 1rem;
}

.dashboard-table #listingTable tbody tr td:nth-child(3) {
    padding-right: 1rem;
    text-align: right;
}

.dashboard-table #listingTable tbody tr td:nth-child(2),  
.dashboard-table #listingTable tbody tr td:nth-child(3)  {
    text-align: right!important;
}

.dashboard-table #listingTable1 thead {
    border-bottom: none;
}

.dashboard-table #listingTable1 thead tr th:nth-child(1) {
    padding-left: 1rem;
}

.dashboard-table #listingTable1 thead tr th:nth-child(3) {
    padding-right: 1rem;
}

.dashboard-table #listingTable1 tbody tr td:nth-child(1) {
    padding-left: 1rem;
}

.dashboard-table #listingTable1 tbody tr td:nth-child(3) {
    padding-right: 1rem;
    text-align: right;
}

.dashboard-table #listingTable1 tbody tr td:nth-child(2),  
.dashboard-table #listingTable1 tbody tr td:nth-child(3)  {
    text-align: right!important;
}

.camvasbox .dashboard-graph-info-title .dashboard-text-14::after {
    background-image: linear-gradient(to right, transparent calc(50% - 8px), var(--btn-primary-background-color) calc(50% - 8px), var(--btn-primary-background-color) calc(50% + 8px), transparent calc(50% + 8px));
    bottom: -8px;
    content: "";
    height: 3px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    transition: opacity .15s linear;
    width: 16px;
    left: 0;
    transform: translateX(50%);
}

.camvasbox .dashboard-graph-info-title .dashboard-text-14.active::after {
    opacity: 1;
}

.camvasbox .dashboard-graph-info-title .dashboard-text-14.inactive {
    color: var(--default-icon-color);
}

.graph-iframe {
    border-bottom: 1px solid #2b3139!important;
    padding-bottom: 0.5rem;
}

.spot-section .spot-section-title::after {
    background-image: linear-gradient(to right, transparent calc(50% - 8px), var(--btn-primary-background-color) calc(50% - 8px), var(--btn-primary-background-color) calc(50% + 8px), transparent calc(50% + 8px));
    bottom: -8px;
    content: "";
    height: 3px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    transition: opacity .15s linear;
    width: 16px;
    left: 0;
    transform: translateX(50%);
}

.spot-section .spot-section-title.active::after {
    opacity: 1;
}

.spot-section-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
}

.spot-section-title {
    color: var(--default-icon-color);
}

.spot-section-title.active {
    color: var(--default-primary-text-color);
}

body.light-mode .spot-section-title.active {
    color: #000;
}

.dashboard-coin-search-input-div .form-control:focus {
    border-color: var(--btn-primary-background-color)!important;
}

.login-text {
    font-weight: bold;
    font-size: var(--text-size-32);
    color: var(--default-primary-text-color);
}

body.light-mode .login-text {
    color: #000000;
}

.registrationForm .form-control {
    height: 48px;
}

.registrationForm .form-control::placeholder {
    color: var(--default-icon-color);
}

.register-div {
    min-height: 100vh;
    align-items: center;
}

.drop-down-content-div {
    position: absolute;
    top: 120%;
    /* min-width: 220px; */
    background: var(--default-icon-color);
}

/* start of progress bar css */

.text-stepper {
    padding: 0;
    display: flex;
    flex-direction: column;
    list-style: none;
}

.stepper-content {
    position: relative;
    padding-bottom: 10px;
    width: 100%;
    padding-left: 50px; 
   
}

.withdrawal-stepper-div .stepper-content::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: #252930;
    top: 0;
    left: 0;
    transform: translateX(-50%) rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #252930;
}

body.light-mode .withdrawal-stepper-div .stepper-content::after {
    background: #E8ECEF;
    border: none;
    border-radius: 2px;
}

.withdrawal-stepper-div .step-number{
	color:#fff;
}

body.light-mode .withdrawal-stepper-div .step-number {
    color: #A1A1A1;
}

.withdrawal-stepper-div.ativbe .step-number{
    color: black;
}

body.light-mode .withdrawal-stepper-div.ativbe .step-number{
    color: #fff;
}

.withdrawal-stepper-div.ativbe .stepper-content::after {
    content: ""; 
    width: 20px; 
    height: 20px; 
    position: absolute;
    background: white;
    top: 0; 
    left: 0; 
    transform: translateX(-50%) rotate(45deg);
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border: 2px solid #D5D5D5; 
}

body.light-mode .withdrawal-stepper-div.ativbe .stepper-content::after {
    background: #252930;
    border-color: #252930;
    border-radius: 2px;
}

.withdrawal-stepper-div2.ativbe .progress-bar2 {
    position: absolute;
    /* top: 11px; */
    top: 13px;
    left: -3px;
    height:100%;
    /* width: 6px; */
    width: 5px;
    background-color: #474D57;
    border-radius: 5px;
    transform: unset;
}

.withdrawal-stepper-div .progress-bar2 {
    top: 36px;
}

.step-number {
    position: absolute; 
    top: 0; 
    left: 0; 
    transform: translateX(-50%); 
    z-index: 1; 
    color: black; 
}
.progress-bar2 .progress-fill{
width: 100%;
height:0%
}
/* Progress bar styles */
.progress-bar2{
    position: absolute;
    top: 53px;
    left: -42px;
    width: 84px;
    height: 5px;
    background-color: #474D57;
    border-radius: 5px;
    transform: rotate(90deg);
}

.withdrawal-stepper-div .progress-bar {
    left: -43px;
}

.progress-bar3,
.progress-bar {
position: absolute;
    top: 75px;
    left: -62px;
    width: 125px;
    height: 5px;
    background-color: #474D57;
    border-radius: 5px;
    transform: rotate(90deg);
}

.withdrawal-stepper-div .progress-bar {
    left: -63px;
}

.progress-fill {
    width: 30%; 
    height: 100%; 
    background-color: #fff; 
    border-radius: 5px; 
}

.progress-bar2 .progress-fill{
    width: 100%;

}

.progress-bar3 .progress-fill{
    width: 0%;
}

body.light-mode .withdrawal-stepper-div .progress-bar,
body.light-mode .withdrawal-stepper-div .progress-bar2 {
    background: #E8ECEF;
}

body.light-mode .withdrawal-stepper-div.ativbe .progress-fill {
    background: #252930;
}

/* end of progress bar css */

/* start of merkle Tree css */
#merkleTreePage .disgramBox {
    width: unset;
    background-color: var(--btn-tertiary-background-color);
    border: none;
    box-shadow: none;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:before, .hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
    background-color: #323439;
}

.hv-wrapper .hv-item .hv-item-parent:after {
    background-color: #323439;
}

/* #merkleTreePage .hv-wrapper .hv-item .hv-item-children .hv-item-child.last-level:before {
    display: none;
}

#merkleTreePage .hv-wrapper .hv-item .hv-item-children .hv-item-child.last-level:after {
    display: none;
}

#merkleTreePage .hv-wrapper .hv-item .hv-item-parent.last-level:after {
    display: none;
} */

/* #merkleTreePage .hv-wrapper .hv-item .hv-item-parent.last-level {
    margin-bottom: 30px;
} */

#merkleTreePage .border-dashed {
    border-top: 2px dashed red;
    border-bottom: 2px dashed red;
    height: 13px;
}

.content-text {
    color: var(--default-primary-text-color);
    font-size: var(--sm-text-size);
}

body.light-mode .content-text {
    color: #1E242E;
}

.section-title {
    font-size: var(--text-size-19);
}

.secondary-bg-color {
    background-color: var(--binance-background-color);
}

.asset-balance-div {
    height: 300px;
    overflow-y: scroll;
}

body.light-mode .asset-balance-div::-webkit-scrollbar-thumb {
    background: var(--btn-primary-background-color);
}

.merkleParentBox {
    border: 1px solid var(--btn-primary-background-color)!important;
    background-color: #5D4C01!important;
}

body.light-mode .merkleParentBox {
    border-color: var(--btn-primary-background-color);
    background-color: #FFFAE4 !important;
}

body.light-mode #merkleTreePage .disgramBox {
    color: #000;
    background-color: #E8ECEF;
}

/* end of merkle Tree css */
.hv-wrapper .hv-item .hv-item-parent.listingtwo2:after{
width: 2px;
    height: 10px;
    bottom: -35px;


}
.hv-wrapper .hv-item .hv-item-parent.listingtwo2{
    margin-bottom: 70px;


}
.displaytwolsiting{
position: absolute;
    top: 61px;
    width: 150%;
    text-align: center;
    left: 0%;
    /* margin-top: 26%; */
    background-image: var(--mrektree-modal-bg);
    background-size: contain;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-25%);
}
.hv-item-children{
position: relative;
}


/*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 {
    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);
    border-radius: 10px;
    border: 1px solid #474D57;
    background-color: #f0f8ff00;
    padding: 35px 25px;
}

body.light-mode .reserves-proof-item-container {
    background-color: transparent;
    color: #000;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
}

.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 dashed #474D57;
    margin: 1.2rem 0rem;
}

body.light-mode .reserves-proof-item-horizontal-line {
    border: 1px dashed #838995;
}

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

body.light-mode .reserves-proof-item-data-val {
    color: #000;
}

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

.font-size20{
    font-size: 20px;
}

.reserve-proof-content-container{
    padding:0;
}

.reserves-proof-item-ratio-coin-name{
    font-size: 20px;
    font-weight: 600;
}
    
.reserves-proof-item-bullet-title,
.reserves-proof-item-data-label {
    color: #848E9C;
}

.reserves-proof-item-bullet-value,
.reserves-proof-item-data-val{    
    color: #fff;
    font-weight: 600;    
}

body.light-mode .reserves-proof-item-bullet-value,
body.light-mode .reserves-proof-item-data-val{    
    color: #000;
}
/*Proof of Reserves*/

/* homepage why choose us */
.choose-us-div {
    border: 1px solid var(--element-border-color);
    border-radius: 4px;
    height: 100%;
}

body.light-mode .choose-us-div {
    border-color: #D7D7D7;
}
/* end of homepage why choose us */
/* news css */
.news-child {
    border: 1px solid var(--element-border-color);
    border-radius: 4px;
    height: 100%;
    padding: 13px;
}

.news-title {
    font-size: var(--text-size-16);
    font-weight: 600;
}

.news-description {
    color: var(--default-primary-bg-color);
    font-size: var(--text-size-14);
    font-weight: var(--default-font-weight-thin);
    line-height: 1.3;
}

body.light-mode .news-description {
    color: #000;
}

.new-source-div {
    font-size: var(--xs-text-size);
}

.news-learnmore {
    color: #f0b90e;;
    cursor: pointer;
}
/* end of news css */

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--default-icon-color);
}

.select2-container--default .select2-selection--single{
    /* border: 0px solid #aaa !important; */
    border: 1px solid #aaa !important;
    height: 48px;
}
.css-m2io66 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    color: #F0B90B;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #fff;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #1b1b1c00 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.modalContentWrap{

    text-align: center;

}

/* verification */
.verification-title-div {
    background-color: var(--default-secondary-bg-color);
}

body.light-mode .verification-title-div {
    background-color: #F9F9F9;
    border-radius: 4px;
}

.arrowBtn {
    background: none;
}

.verification-child-div-title {
    font-size: var(--text-size-14);
    color: var(--default-icon-color);
}

body.light-mode .verification-child-div-title {
    color: #848E9C;
}

.verification-child-div-content {
    font-size: var(--text-size-14);
    color: var(--default-primary-text-color);
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
}

body.light-mode .verification-child-div-content {
    color: #000000;
}

.verification-show.show{
    display: table-row;
}

body.light-mode .verification-show {
    background: transparent;
}

.verification-show td {
    background-color: #2B3139!important;
}

body.light-mode .verification-show td {
    background-color: #E8ECEF !important;
    border-radius: 4px;
}

.table-special-spacing .table td {
    padding: 10px;;
}

.table-special-spacing .table tr {
    cursor: pointer;
}

.verify-account-select .select2-container {
    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-primary-text-color);
}

body.light-mode .verify-account-select .select2-container {
    border: none;
}
/* end of verification */

.t3RecordTable td:first-child{

min-width:77px

}

.md-width-img {
    width: 70%;
    margin-inline: auto;
}

.hasdisplayimage {
    border: 1px solid #474D57;
    border-radius: 10px;
    padding: 50px;
}

body.light-mode .hasdisplayimage {
    border-color: #D9D9D9;
}

.verify-img {
    width: 100px;
    background-blend-mode: screen;
}

.form-control.is-invalid{

background-image:unset !important;

}
.dsiasplasdasdsasdad{
    position: absolute;
    transform: translate3d(855px, 5px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    background-color: #2e2e30;
    color: #fff;

}

.dsiasplasdasdsasdad li a{
color:#fff


}


/* kyc */
#kycForm .form-control {
    border-radius: 4px;
}

#kycForm .kyc-dial-code .select2-container--default .select2-selection--single {
    border-right: none!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

#kycForm .kyc-phone {
    border-left: 0!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    /* border: none; */
}

#kycForm .kyc-phone.focused {
    border: none;
}

.kyc-document-div {
    border: 1px solid #474D57;
    padding: 8px;
    border-radius: 4px;
}

.kyc-document-div > i {
    color: #FFF;
}

.kyc-document-div.active {
    border-color: #FFFFFF;
}

body.light-mode .kyc-document-div {
    border: 1px solid #D9D9D9;
    background-color: transparent;
}

body.light-mode .kyc-document-div.active {
    border-color: #252930;
}

body.light-mode .kyc-document-div > i {
    color: #000;
}

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

body.light-mode #kycForm .select2-container--default .select2-selection--single {
    border: 1px solid #D9D9D9 !important;
}

body.light-mode #kycForm .select2-container--open .select2-selection--single {
    border-color: var(--btn-primary-background-color) !important;
}

.kyc-document-div {
    border: 1px dashed #474D57;
    background-color: #1E242E;
    /* padding: 45px; */
}

.document-notice-div {
    background-color: #1E2329;
    padding: 30px;
}

body.light-mode .document-notice-div {
    background-color: #E8ECEF;
    border-radius: 4px;
}

.kyc-upload-btn {
    background: var(--btn-primary-background-color);
    padding: 10px;
    display: inline-block;
    border-radius: 4px;
}

.status-container-wrapper {
    border: 1px solid #474D57;
    border-radius: 4px;
}

body.light-mode .status-container-wrapper {
    border: none;
    background-color: #E8ECEF;
}

.kyc-status-hr {
    border-color: #474D57;
}

.kyc-status-reject {
    background-color: #35141D;
    border-radius: 3px;
    padding: 3px;
    color: #EB4359;
    font-size: 10px;
    width: fit-content;
}

.kyc-status-width {
    width: 50%;
}

.kyc-status-success {
    background-color: #143515;
    border-radius: 3px;
    padding: 3px;
    color: #2DBA86;
    font-size: 10px;
    width: fit-content;
}

.kyc-status-pending {
    background-color: #413923;
    border-radius: 3px;
    padding: 3px;
    color: var(--btn-primary-background-color);
    font-size: 10px;
    width: fit-content;
}

.kyc-dial-code-wrapper.focused,
body.light-mode .kyc-dial-code-wrapper:has(.select2-container--open) {
    border: 1px solid var(--btn-primary-background-color);
    border-radius: 4px;
}

body.light-mode .kyc-dial-code-wrapper:has(.select2-container--open) .kyc-phone {
    border: none !important;
}

body.light-mode #kycForm .kyc-dial-code-wrapper.focused .select2-selection--single,
body.light-mode #kycForm .kyc-dial-code-wrapper .select2-container--open .select2-selection--single {
    border: none !important;
    border-right: 1px solid var(--btn-primary-background-color) !important;
}

/* end of kyc */
/* change password */
.change-password-notice {
    background-color: #2E2A1E;
    border-radius: 4px;
}

body.light-mode .change-password-notice {
    background-color: #FEF7E1;
}

.change-password-form-icon {
    position: absolute;
    top: 18px;
    right: 25px;
    color: var(--eyes-icon-color);;
    cursor: pointer;
}
/* end of change password */
.newsecondmenu.secondmenu.active::after {
    content: "";
    position: absolute;
    bottom: 0.3rem;
    left: 50%;
    width: 25%;
    height: 2px;
    background-color: var(--btn-primary-background-color);
    transform: translateX(-50%);
}
input[type=checkbox] {
  position: relative;
  color: inherit;
    margin-right: 5px;
}

input[type=checkbox]::before,
input[type=checkbox]::after {
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 13px;
    line-height: 12px;
    border-radius: 2px;
    text-align: center;
    background-color: #181a21 !important;
    border: solid 2px #848E9C;
}
input[type=checkbox]:checked::after {
  content: '✓ ';
  color: white;
}

input[type=checkbox]::before {
  content: ' ';
  background-color: currentColor;
}
/* user agreement css */
#userAgreementSection p {
    margin-bottom: 0;
}
/* end of user agreeement css */
/* withdrawal */
.withdraw-sidebar-div {
    padding: 10px 15px;
    cursor: pointer;
}

.withdraw-sidebar-div:hover {
    background-color: #2B3139;
}

body.light-mode .withdraw-sidebar-div:hover {
    background-color: #E8ECEF;
    border-radius: 0 5px 5px 0;
}

body.light-mode .withdraw-sidebar-div:hover > a > * {
    color: #000;
}

body.light-mode .withdraw-sidebar-div:hover span {
    font-weight: 600;
}

.withdraw-sidebar-div .fa, .withdraw-sidebar-div span{
    color: var(--default-icon-color);
}

.withdraw-sidebar-div.active {
    background-color: #2B3139;
    border-radius: 0px 5px 5px 0px;
}

body.light-mode .withdraw-sidebar-div.active {
    background-color: #E8ECEF;
}

.withdraw-sidebar-div.active .fa, .withdraw-sidebar-div.active span {
    color: var(--default-primary-text-color);
}

body.light-mode .withdraw-sidebar-div.active .fa {
    color: #000;
}

body.light-mode .withdraw-sidebar-div.active span {
    color: #000;
    font-weight: 600;
}


.withdrawal-stepper-div .select2.select2-container.select2-container--default {
    border: 1px solid var(--form-control-border-color);
    border-radius: var(--form-control-border-radius);
}

.coins-icon {
    width: 30px;
}
/* end of withdrawal */
.newsecondmenu.secondmenu .comingsong{

    font-size: 8px;
    margin: 0 auto;
    text-align: center;
color:var(--btn-primary-background-color);

}
.kyc-dial-code:has(.form-control:focus){
border-color: var(--btn-primary-background-color) !important;

}

.header-right-dropdown-icon {
    color: #fff;
    width: 24px;
    height: 24px;
    font-size: 24px;
    cursor: pointer;
}

body.light-mode .header-right-dropdown-icon {
    color: #000;
}

.wallletydisplay:hover .header-right-dropdown-icon{
color:#f0b90b

}
.wallletydisplay .sidaboxdisplauy:hover{
display:block;

}
.wallletydisplay:hover .sidaboxdisplauy{
display:block;

}
.sidaboxdisplauy{
right: -130px;
    display: none;
    position: absolute;
    top: 25px;
    width: auto;
    background-color: #1E2329;
    z-index: 100;
}
.sidaboxdisplauy .d-flex{
    padding: 10px 20px;
}
.sidaboxdisplauytitle svg{
margin-right: 10px;
    width: 25px;
    height: 25px;
color:#848E9C

}
.sidaboxdiconter{
color:#fff;
width: max-content;
    font-weight: 600;
min-width: 70px;
}

.comingsong{         
    font-size: 8px; 
    margin: 0 auto; 
    text-align: left;
    color:var(--btn-primary-background-color);         
}

.hamburger-open.active{
    position: fixed;
    z-index: 1000;
}

#loadingGraph {
position: absolute;
  top: 40%; right: 48%;
  /* transform: translate(50%,-50%); */
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

        #firstRowdiv{
        z-index: 100;
    position: relative;
    }
    .legend {
	position: absolute;
	left: 12px;
	top: 25px;
	z-index: 1;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
}
.camvasbox{
    position: relative;
    margin-top: 10px;
}
.camvasbox .graph{
    margin-top:20px

}
 .switcher-item{
    border: solid 0px;
    background-color: #fffbfb00;
    color: #69717d;
    font-size: 12px;
    /* font-family: "BinancePlex"; */
    font-weight: 600;
}
 .switcher-item.switcher-active-item{
    color: var(--btn-primary-background-color);
}
.selecttime{
    /* position: absolute; */
    /* top: 30px; */
    z-index: 10;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--btn-primary-background-color)!important;
    color: #000!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--btn-primary-background-color)!important;
    color: #000!important;
}

.col-lg-half {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    flex: 0 0 12%;
}

#earnListingPage tbody tr td {
    font-size: 13px;
    font-weight: 400;
    padding-top: 15px;
}

body.light-mode .earnlistingpage #listingDiv::-webkit-scrollbar-thumb {
    background: var(--btn-primary-background-color);
}

body.light-mode .earnlistingpage .table thead {
    border-bottom: none;
}

body.light-mode .earnlistingpage .table thead th span {
    color: #A1A1A1 !important;
}

.dropdowncssClass .select2-search__field {
    color: #fff!important;
}
.apklogo-icon {
    width: 130px;
    border-radius: 5px;
}

.twoFA-warning {
	font-size: 13px;
}

.twoFA-warning--red {
	color: #ff3852;
}

.qrtextbox {
	border: 1px solid #FCD434;
	background-color: #000;	
	display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body.light-mode .qrtextbox {
    background-color: #E8ECEF;
}

.getGoogleAuthqrimg{
    /* width: 100%; */
    height: 120px;
    aspect-ratio: 1/1;
}

.ttwoFA-title {
    font-weight: var(--default-font-weight-max)
}

.ttwoFA-code {
background: transparent linear-gradient(180deg, var(--btn-primary-background-color) 0%, #785D07 100%) 0% 0% no-repeat padding-box;
padding: 5px;
height: 43px;
width: 154px;
border: none;
text-align: center;
cursor: context-menu;
}

.enable-btn-ttwofa {
font-size: 13px;
}

.ttwoFA-grey-text {
color: #848E9C;
}

.ttwoFA-pageTitle {
font-size: 22px !important;
}
.profiletitle{
    font-size: 22px;
    font-weight: 600;
}
.profiletitle2{
    font-size: 15px;
    font-weight: 600;
}
.profiletitle3{
    font-size: 13px;
    color:#848E9C;
}
.userimage{
    width: 35px;
    text-align: center;
    /* background-color: aliceblue; */
    border-radius: 5px;
    margin-right: 10px;
}
.userimage img{
    width: 100%;
   
}

.username{
    font-size: 12px;
    color: #fff;
}

body.light-mode .username {
    color: #000;
}

.uesr-id{
    font-size: 12px;
    color: #848E9C;
}
.editbutton{
    min-width: 90px;
    margin-left: 15px;
}
.listing-filter-section.securitybiwo {
    padding: 2rem 4rem 2rem 4rem;
}
.securitybiwo a{
    color: var(--btn-primary-background-color) !important;
    text-decoration: underline !important;
    cursor: pointer
}

.editimageicon{
    width: 20px;
    margin-right: 15px;
}

body.light-mode .editimageicon {
    filter: invert(1);
}

.listingeditbox{
    justify-content: space-between;
}
.listingedittitle{
    font-size: 15px;
    font-weight: 600;
}
.listingedittitle2{
    font-size: 13px;
    color:#848E9C;
}
.listingedittitleoff{
    font-size: 12px;
}
.editimageicon1{
    width: 20px;
    /* margin-right: 15px; */
}
.porigketext{
    color: #848E9C;
    font-size: 11px;
}
.addphonebox{
    height: 70vh;
    max-width: 450px;
    transform: translate(0%, 30%);
    text-align: center;
    margin:auto
}
.editimageiconphone{
    width: 100px;
    margin-bottom: 30px;
}
.addphonetitle{
    font-weight: 600;
    font-size: 22px;
}
.addphonecontan{
    font-size: 15px;
    margin-bottom: 30px;

}

.phone-form-control {
    background-color: var(--form-control-background-color);
    border-radius: var(--form-control-border-radius);
    border: 1px solid var(--form-control-border-color);
}

body.light-mode .phone-form-control {
    height: calc(1.5em + 1.3rem + 2px);
    border-radius: 4px;
    background: transparent;
    border-color: #D9D9D9;
}

body.light-mode .phone-form-control:has(.select2-container--open),
body.light-mode .phone-form-control:has(input:focus) {
    border-color: var(--btn-primary-background-color) !important;
}

body.light-mode .phone-form-control .select2-selection--single {
    height: calc(1.5em + 1.3rem) !important;
    border: none !important;
}

body.light-mode .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 15px !important;
}

.phoneDropDownDiv .select2-search__field {
    color: #fff!important;
}
.addphonebox.firtmessete{
    height: unset; 
    max-width: 450px;
    transform: translate(0%, 0%);
    text-align: center;
    margin: auto;
}

.tableHeadCustom th{
    font-size: var(--xs-text-size);
    color: var(--default-icon-color);
    font-weight : var(--default-font-weight-thick);
}

body.light-mode .tableHeadCustom th {
    color: #7E8595;
}

.login-form-control-input::-webkit-input-placeholder {
    font-weight: lighter;
    font-size: var(--default-font-size);
}

.general-info-class {
    color: var(--default-icon-color);
}

body.light-mode .general-info-class {
    color: #7E8595;
}

.general-info-class.active {
    color: var(--default-primary-bg-color);
}

body.light-mode .general-info-class.active {
    color: #000;
}

.dashboard-specific-page .dashboard-listing-div thead tr th span {
    font-weight: var(--default-font-weight-thin)!important;
}

.earn-specific-div .table thead {
    border-bottom: none;
}

#select2-selecthtml-container {
    font-size: var(--sm-text-size);
    color: var(--default-icon-color)!important;
}

body.light-mode #select2-selecthtml-container {
    color: #000 !important;
}

.verification-table table {
    table-layout: fixed;
}

body.light-mode .verification-table td {
    background-color: transparent;
    color: #000;
}

.supportdisplaybox{
    background-color: #333B47;
    font-size: 19px;
    width: 340px;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    border-radius: 4px;
}
.indsxrbox{
    position: absolute;
    bottom: 55px;
    z-index: 1999;
    background-color: #181E25;
    right: 10px;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0px 3px 6px #FFFFFF29;
}
.displayboxthe{
    display: none;
    position: absolute;
    background-color: #161a1e;
    padding: 10px;
    z-index: 10;
    border-radius: 5px;
    width: 300px;
    justify-content: space-between;
}
.acqwdisplay img{
    width: 15px;

}
.displayboxthefouns:hover .displayboxthe{
    display: flex;
}
.inbox-message-display-div{
    /* text-align: end; */
}
.inbox-chat-box-div{
    height: 60vh;
    overflow-y: scroll;
    padding-inline: 25px;;

}
.inbox-chat-textarea-box textarea,
.inbox-chat-textarea-box{
    width: 100%;
    background: none;
    border: none;
    background-color: #29313D;
    border-radius: 4px;
    padding: 5px;
    color: var(--default-primary-text-color);;
}
.inbox-chat-img-div{
    display: flex;
        margin: auto;
}
.indsxrbox{
    display:none;
}
.chatMsgDiv{
    display: none;
}

.admin-chatbox .inbox-message-display-div {
    background: #29313D;
    border-radius: 4px;
    padding: 15px;
    width: 100%;
}

.member-chatbox .inbox-message-display-div {
    background: #202630;
    border: 1px solid #474D57;
    border-radius: 4px;
    padding: 15px;
    width: 100%;
}

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

.send-chat-message-btn {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-45%);
}

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

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

#iframe_modal {
	padding: 0 !important;
}

.future-login-floating-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    z-index: 100;
}

.future-login-floating-div > div {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.future-login-floating-div img{
    width: 18px;
    height: auto
}

body.light-mode .future-login-floating-div img {
    filter: invert(1);
}

.primary-checkbox > input[type="checkbox"] {
    display: none;
}

.primary-checkbox > label.checkbox {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #474D57;
    margin: 0;
    cursor: pointer;
}

body.light-mode .primary-checkbox > label.checkbox {
    border: 1px solid #A1A1A1;
}

.primary-checkbox > input[type="checkbox"]:checked ~ label.checkbox {
    background-color: #252930;
    border: none;
    position: relative;
}

.primary-checkbox > input[type="checkbox"]:checked ~ label.checkbox::before {
    content: '';
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    position: absolute;
    height: 10px;
    width: 6px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 41%;
}

body.light-mode .navbar-box-shadow {
    background-color: #FFFFFF !important;
    /* padding-bottom: 1rem !important; */
    box-shadow: 0px 3px 6px #0000000F;
}

body.light-mode .language-btn, 
body.light-mode .header-btn, 
body.light-mode .header-menu-btn {
    color: #000000;
}

body.light-mode .language-btn:hover, 
body.light-mode .header-btn:hover, 
body.light-mode .header-menu-btn:hover {
    color: var(--btn-primary-background-color);
}

body.light-mode .future-header-icon {
    filter: invert(1);
}

body.light-mode .light-mode-primary {
    background-color: var(--btn-primary-background-color) !important;
    color: #000000 !important; 
}

body.light-mode .light-mode-secondary {
    background-color: transparent !important;
    color: #000000 !important;
    border: 1px solid #000000;
}

body.light-mode .dashboard-table-background {
    background-color: #FAFAFA;
}

#listingDivRightData .tableHeadCustom thead tr th:first-child,
#listingDivMarketTrade .tableHeadCustom thead tr th:first-child,
#listingDivMarketTrade .tableHeadCustom tbody tr td:first-child,
#listingDivTopGainer .tableHeadCustom thead tr th:first-child,
#listingDivTopGainer .tableHeadCustom tbody tr td:first-child,
#listingTable7 thead tr th:first-child,
#listingTable7 tbody tr td:first-child {
    padding-left: 5px;
}

#listingDivRightData .tableHeadCustom thead tr th:last-child,
#listingDivMarketTrade .tableHeadCustom thead tr th:last-child,
#listingDivMarketTrade .tableHeadCustom tbody tr td:last-child,
#listingDivTopGainer .tableHeadCustom thead tr th:last-child,
#listingDivTopGainer .tableHeadCustom tbody tr td:last-child
#listingTable7 thead tr th:last-child,
#listingTable7 tbody tr td:last-child {
    padding-right: 5px;
}

body.light-mode #listingDivRightData tbody tr,
body.light-mode #listingDivRightData tbody td,
body.light-mode #listingDivRightData tbody td span,
body.light-mode #listingDivMarketTrade tbody tr,
body.light-mode #listingDivMarketTrade tbody td,
body.light-mode #listingDivMarketTrade tbody td span,
body.light-mode #listingDivTopGainer tbody tr,
body.light-mode #listingDivTopGainer tbody td,
body.light-mode #listingDivTopGainer tbody td span,
body.light-mode #listingTable7 tbody tr,
body.light-mode #listingTable7 tbody td,
body.light-mode #listingTable7 tbody td span {
    background-color: transparent;
    color: #9CA2AA;
}

body.light-mode #listingDivRightData thead th,
body.light-mode #listingDivMarketTrade thead th,
body.light-mode #listingDivTopGainer thead th {
    color: #7E8595;
}

body.light-mode #listingDivRightData::-webkit-scrollbar-thumb,
body.light-mode #listingDivMarketTrade::-webkit-scrollbar-thumb,
body.light-mode #listingDivTopGainer::-webkit-scrollbar-thumb {
    background-color: var(--btn-primary-background-color) !important;
}

body.light-mode #emallBanner {
    color: #FFF;
}

body.light-mode li.active .beneerbuttom {
    background-color: var(--btn-primary-background-color) !important;
}

body.light-mode .earnpage .bigtable .table td {
    background-color: transparent;
}

body.light-mode .earnpage .bigtable .table thead {
    border-bottom: 1px solid #D9D9D9;
}

body.light-mode .earnpage .bigtable tbody tr:nth-child(even) td {
    background-color: #F9F9F9;
}

body.light-mode .earnpage .bigtable tbody td {
    color: #000;
}

body.light-mode .dashboard-listing-div .table thead {
    border-bottom: 1px solid #D9D9D9;
}

body.light-mode stop.earn-svg-background-color {
    stop-color: #f5f5f5;
}

body.light-mode rect.earn-svg-background-color {
    fill: #f5f5f5;
    stroke: unset;
}

body.light-mode .yeahdisp {
    color: #A1A1A1;
    background-color: #E8ECEF;
}

body.light-mode .yeahdisp.active {
    color: #000;
}

.por-chenterbox {
    border: 1px solid #474D57;
    border-radius: 10px;
    padding: 40px;
}

body.light-mode .por-chenterbox {
    border: 1px solid #D9D9D9;
}

body.light-mode .how-it-work-div img {
    border: 1px solid #D9D9D9;
}

.por-title {
    font-size: 35px; 
    font-weight: 600; 
    margin: 35px 0;
}

.verification-process-box {
    border: 1px solid #474D57;
    border-radius: 10px;
}

body.light-mode .verification-process-box {
    border-color: #D9D9D9;
}

.verification-process-box .title {
    font-size: 19px;
    color: var(--default-primary-text-color);
}

body.light-mode .verification-process-box .title {
    color: #000;
}

.verification-process-box .content {
    font-size:15px;
    color: #848E9C;
}

body.light-mode .verification-process-box .content {
    color: #A1A1A1;
}

.verify-img-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

body.light-mode .sidaboxdisplauy {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
}

body.light-mode .sidaboxdiconter {
    color: #000;
    font-weight: 600;
}

body.light-mode .page-item.active {
    background-color: #E8ECEF;
}

body.light-mode .page-item.active .page-link,
body.light-mode .page-link {
    color: #A1A1A1;
}

body.light-mode .modal-backdrop.show {
    opacity: 0.6;
}

body.light-mode .modal {
    background-color: transparent;
}

body.light-mode .modal .modal-content .modal-header .close {
    color: #000;
}

.secondary-checkbox > input[type="checkbox"] {
    display: none;
}

.secondary-checkbox > label.checkbox {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #3F3F3F;
    margin: 0;
    cursor: pointer;
}

body.light-mode .secondary-checkbox > label.checkbox {
    border: 1px solid #D9D9D9;
}

.secondary-checkbox > input[type="checkbox"]:checked ~ label.checkbox {
    background-color: #FCD434;
    border: none;
    position: relative;
}

.secondary-checkbox > input[type="checkbox"]:checked ~ label.checkbox::before {
    content: '';
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    position: absolute;
    height: 10px;
    width: 6px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 41%;
}

body.light-mode .stakinglisting .table thead {
    border-bottom-color: #D9D9D9;
}

body.light-mode .stakinglisting .table thead th span {
    color: #A1A1A1 !important;
}

.stakinglisting .select2-selection--single,
body.light-mode .stakinglisting .select2-selection--single {
    height: calc(1.5em + 1.3rem + 2px) !important;
    border: none !important;
}

.stakinglisting .select2-container--default .select2-selection--single .select2-selection__rendered,
body.light-mode .stakinglisting .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    padding-inline: 0;
    padding-right: 2rem;
    margin-left: auto;
}

body.light-mode .stakinglisting .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}

.stakinglisting .select2-container .select2-selection--single {
    display: flex;
    flex-direction: row;
    align-items: center;
}

body.light-mode .daterangepicker {
    background-color: #FFF;
    box-shadow: 0px 3px 6px #00000029;
}

body.light-mode .daterangepicker .drp-calendar .calendar-table {
    background-color: transparent;
}

body.light-mode .daterangepicker .drp-calendar th {
    background-color: transparent !important;
}

body.light-mode .daterangepicker td.off, 
body.light-mode .daterangepicker td.off.in-range, 
body.light-mode .daterangepicker td.off.start-date, 
body.light-mode .daterangepicker td.off.end-date {
    background-color: transparent;
}

body.light-mode .openListingTable .table td {
    background-color: transparent;
}

body.light-mode .openListingTable .table tr:nth-child(even) td {
    background-color: #F9F9F9;
}

body.light-mode .openListingTable .table tr td {
    color: #000;
}

body.light-mode .overview-history .listing-div,
body.light-mode .spot-history .listing-div {
    border: none;
    background-color: #F9F9F9;
}

body.light-mode .overview-history .table th,
body.light-mode .spot-history .table th,
body.light-mode .overview-history .table td,
body.light-mode .spot-history .table td,
body.light-mode .overview-history .table tr,
body.light-mode .spot-history .table tr {
    background-color: transparent !important;
}

body.light-mode .table td,
body.light-mode .table tbody tr,
body.light-mode .table tr:nth-child(even) td {
    background-color: transparent;
    color: #000;
}

body.light-mode .overview-history .table td,
body.light-mode .spot-history .table td {
    color: #000;
}

body.light-mode .overview-history .table thead,
body.light-mode .spot-history .table thead {
    border-bottom: none;
}

.dark-button {
    background-color: #252930;
}

body.light-mode .grey-button {
    background-color: #E8ECEF;
    border-radius: 4px;
    color: #000;
}

body.light-mode .grey-button a {
    color: #000;
}

.grey-button a {
    color: #FFF;
}

.topdisplaytitle .select2-selection--single {
    border: none !important;
}

.content-container:has(#withdrawalPage) {
    padding: 0 !important;
    padding-top: 73px !important;
}

body.light-mode .withdrawal-stepper-div .select2-container--default {
    border-radius: 4px !important;
    overflow: hidden;
}

body.light-mode .withdrawal-stepper-div .select2.select2-container.select2-container--default {
    border-color: #D9D9D9;
}

body.light-mode .withdrawal-stepper-div .select2-container--open,
body.light-mode .withdrawal-stepper-div .select2-container--default.select2-container--focus {
    border-radius: 4px !important;
    border-color: var(--btn-primary-background-color) !important;
}

body.light-mode .withdrawal-stepper-div .select2-selection--single {
    border: none !important;
}

.withdrawal-select2-dropdown-notice {
    color: #fff; 
    background: #252930; 
    padding: 10px; 
    font-size: 13px; 
    border-radius: 4px; 
    margin-bottom: 15px;
}

body.light-mode .withdrawal-select2-dropdown-notice {
    color: #000000;
    background: #E8ECEF;
}

.withdrawal-step2-error-spacing:has(.invalid-feedback) > input {
    margin-bottom: 0 !important;
}

.withdrawal-step2-error-spacing .invalid-feedback {
    margin-bottom: 1.5rem;
}

body.light-mode .merkle-tree-asset-balance-box {
    border: 1px solid #D9D9D9;
    background-color: transparent;
    border-radius: 4px;
}

body.light-mode .merkle-tree-calculation-result-box {
    background-color: #FAFAFA;
    border-radius: 4px;
}

.dark-mode-display-block,
body.light-mode .light-mode-display-block {
    display: unset;
}

.dark-mode-display-none,
body.light-mode .light-mode-display-none {
    display: none;
}
.notifytext span{
	    font-weight: 600;
}
.notifytext { 
            color: var(--btn-secondary-text-color);
}