body{
    background: #0E0E0E!important;
}

#full-editor .ql-editor{
    background: #fdf;
    color:#fff;
}
/*  */

@media(max-width:800px){
    .fw-mobile-small{
        font-size: 12px!important;
    }
    .fw-mobile-medium{
        font-size: 14px!important;
    }
}


.loading-soon-model{
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0;
    margin: 0;
    height: 100vh;
    background: rgba(0,0, 0, 0.6);
    z-index: 99999;
  }

  .loading-container{
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    width: 100%;
  }
  .loading-dismiss{
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    padding: 0.5rem;
    background:#fff;
    border-radius: 50%;
    cursor: pointer;
  }

/*  */

.coming-soon-model{
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0;
    margin: 0;
    height: 100vh;
    background: rgba(0,0, 0, 0.6);
    z-index: 99999;
  }

  .coming-container{
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    width: 100%;
  }
  .position-dismiss{
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    padding: 0.5rem;
    background:#fff;
    border-radius: 50%;
    cursor: pointer;
  }
.card-body-full{
  background: #232227!important;
}
.menu-icon{
    color: #fff!important;
}
.toast{
    z-index: 999999999!important;
    position: fixed;
    top: 20;
    text-align: center;
    align-items: center;

}


.bg-main-card{
    background: #7025C4!important;
}
.text-bg-main{
    color: #7025C4;
}
.bg-static-text{
    color: #7025C4!important;
}
.paymentfieldcontainer{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    width: 100%;
}
.paymentfieldcontainerM{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    width: 100%;
}
.payment-header-bgfillM{
    background: #fff;
    z-index: 9999999;
    position: absolute;
    bottom: 0%;
    width: 100%;
    height: 50%;
    border-radius: 12px;
}

.alert-color-format{
    background: #f5f5f5;
    margin-top: 2rem;
    margin-right: 2rem;
    margin-left: 2rem;
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 2.5rem;
}

.payment-header-bgfill{
    background: #fff;
    z-index: 9999999;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
    width: 80%;
    height: 70%;
    border-radius: 12px;
}


.tokencalls{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
}

.bg-token-preheaders{
    position: absolute;
    top: 30%;
    left: 50%;
    width: 60%;
    background-color: #fff!important;
    transform: translate(-50%, -30%);
    border-radius: 25px!important;
}


.bg-token-bodys{
    position: absolute;
    background: #fff;
    width: 100%;
    border-radius: 15px;
    height: auto;
    padding: 20px;
    z-index: 99999999;
}

.tokencall{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
}
.bg-token-preheader{
    position: absolute;
    top: 30%;
    left: 50%;
    width: 60%;
    background-color: #fff!important;
    transform: translate(-50%, -30%);
    border-radius: 25px!important;
}

.bg-token-body{
    position: absolute;
    background: #fff;
    width: 100%;
    border-radius: 15px;
    height: auto;
    padding: 20px;
    z-index: 99999999;
}
.cursor-face{
    cursor: pointer;
}
.bg-tabs{
    display: flex;
}
.bg-tab {
    margin-right: 10px;
    padding: 10px 20px;
    background-color: #f1f1f1;
    border-radius: 5px;
    cursor: pointer;
}

.bg-tab.bgactive {
    background-color: #775FB7;
    cursor: pointer;
    color: white;
}   
.bg-content {
    display: none;
}
.bg-content.bgactive {
    display: block;
}



.pbg-tabs{
    display: flex;
    justify-content: center;
}
.pbg-tab {
    margin-right: 10px;
    padding: 10px 20px;
    background-color: #f1f1f1;
    border-radius: 5px;
    cursor: pointer;
}
#qrcode {
    width:100px;
    height:100px;
    margin-top:15px;
}

.pbg-tab.pbgactive {
    background: #775FB7;
    cursor: pointer;
    color: white;
}
.pbg-content {
    display: none;
}
.pbg-content.pbgactive {
    display: block;
}




table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
th, td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}
th {
    background-color: #f4f4f4;
}
.bg-price-green {
    color: green;
}
.bg-price-red {
    color: red;
}
.rotate-up-deg{
    rotate: -45deg;
}
.rotate-down-deg{
    rotate: -230deg;
}
/*  */
.card-content {
    display: flex;
    align-items: center; /* Vertically align image and text */
    justify-content: space-between; /* Space out the price/change from the image/name */
    padding: 8px;
    margin-bottom: 20px!important;
}

.card-bg{
    color: #000;
}
.card-content .pair-info {
    display: flex;
    align-items: center;
}

.card-content img {
    margin-right: 8px; /* Small space between the image and the name */
}

.bg-price-green {
    color: green;
    font-weight: bold;
}

.bg-price-red {
    color: red;
    font-weight: bold;
}


/*  */


.bg-card-info-container{
    min-height: 320px;
    background: linear-gradient(to bottom, #010214, #775FB7)!important;
}
.bg-bottom-sideway{
    bottom: 0px;
    right: 0;
    left: 0;
}
.bg-counter-rate-border{
    border: 0.3px solid #52525A!important;
    height: 400px;

}
.bg-padding-all{
    padding: 20px!important;
  }
  .bg-border-parol{
    border: 0.3px solid #fff!important;
    border-radius: 15px;
  }
  .bg-badge-color-first{
    border: 1px solid #f5f5f5!important;
    border-radius: 50%;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }
  


.show-container {
    background: rgba(255, 255, 255, 0); /* Transparent background */
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100vh;
    display: none;
}
.tr-border-pad-call{
    padding: 30px;
    height: 70px;
}
.model-charge-back{
    background: #313131;
    height:40px;
    width: 40px;
    border-radius:50%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.model-charge-back:hover{
    background-color: #5438DD;
    color:#fff!important;
    border-radius: 50%;
}

.show-container:hover{
    pointer-events: none;
}
.body-show-container{
    position: absolute;
    top:80px;
    right: 20px;
    left:20px;
    overflow: hidden;
    overflow-y: auto;
    bottom: 40px;
}
.bottom-body-flow{
    position: absolute;
    bottom: 10px;
    left:50%;
    transform: translateX(-50%);
}

.alert-code-all{
    max-width:150px;
    height:150px;
}

.body-row-flow{
    overflow-y: auto;
}
.border-color-base{
 position: absolute;
 top:20px;
 right:20px;
 width: 30px;
 height: 30px;
 background-color: #f9f9f9;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 20px;
 border-radius: 50%;
 z-index: 9999;
}
.fg-large{
    font-size: 25px;
}
.format-link-exit{
    margin: 0px;
    text-align: center;
    padding:0px;
}
.show-container:hover{
    pointer-events: none;
}

.alert-container {
    position: absolute;
    border-radius: 25px;
    left: 50%;
    z-index: 999999;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    background: #fff;
    pointer-events: all;
}

.alert-container > a{
    cursor:pointer;
    padding:10px;
    margin: 0px;
}


.card-plans{
    background:#232227;
    transition: transform 0.3s ease-in;
}
input {
    color: #fff; /* Change this to your specific color */
  }
.card-plans:hover{
    border: 3px solid #5438DD;
    transform: scale(1.05);
}
.thead-color-scheme{
    background: #5438DD;
}
.card-table{
    background: #fff;
    height: 600px;
}
.profile-card-header{
    background-image: url('../images/findle.png');
    background-size: cover;
    position: relative;
}
.card-image-frame{
    position: absolute;
    bottom: -20px;
    left:12px;
    background: #fff;
    border-radius: 12px;
}

.card-image-frame-state{
    position: absolute;
    bottom: -20px;
    left:88px;
    background: #fff;
    border-radius: 12px;
}
.card-button-change{
    position: absolute;
    right: 10px;
    bottom:10px;
}
.img-fluid-header{
    width: 50px;
    height: 50px;
    border-radius: 15px;
    padding:2px;
}
.card-plans-features{
    display: flex;
    flex-direction:column;
}
.card-withdraw{
    background: #fff;
    margin-top:60px;
}

@media(max-width:800px){
    .card-withdraw{
        background: #fff;
        margin-top:10px;
    }
}
.card-withdraw-header{
    padding-top:20px;
    padding-left: 12px;
}
.btn-plans{
    background: #5438DD;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37)!important;
    color:#fff;
  }
.menu-theme-color{
    background: #0E0E0E!important;
}
.menu-inner-shadow{
    background: rgba(235, 233, 233, 0)!important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.bg-navbar-contained{
    margin-top:0px!important;
    width:83%!important;
    border:none!important;
    background-color: none!important;
    background: #fff;
        backdrop-filter: blur(17px)!important;
        -webkit-backdrop-filter: blur(17px);
    box-shadow: none!important;
    /* border-radius: 0!important; */
}

.bg-sideway{
    background: #0E0E0E!important;
}
.bg-card-sideway{
    background: #7025C4!important;
}
.bg-button-sideway{
    background: #FC7201!important;
}
.layout-page::before{
    position: absolute!important;
    top:0px;
    left:0px;
    right:0px;
    background-color: #000;
    width: 100%;
}
.bg-menu-theme{
    padding: 12px!important;
    height: 100vh;
    margin: 0px;
}
.bg-menu-theme:after{
    background-color: #fff!important;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    height: 100vh!important;
    width: 0.3px!important;
}
.btn-overall-container{
    background: #7025C4;
    cursor: pointer;
    border-radius: 12px;
    height: 2.5rem;
}
.nav-right-fw-container{
    gap: 15px;
}
.btn-overall-bell{
    border-radius: 50%;
    border: 0.3px solid #ffff;
    height: 40px;
    width: 40px;
}
.btn-overall-container:hover{
    background: #7426cd;
}
.icon-note{
 right: 1px;
 top: -2px;
}
.border-all-radius{
    border-radius: 50%!important;
}
.bg-side-greener{
    background: #46E344!important;
}
.trade-transaction-start{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.trade-transaction-end{
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}
.bg-greener-text{
    color: #46E344!important;
}
.main-card-row-col{
    display: flex;
    flex-direction: column;
}
.fix-radius{
    rotate: -45deg;
}
.bg-broker-card{
    background: #0E0E18!important;
    border: 0.3px solid #53459A;
}
.icon-circle-state{
  background: #7025C4;
  height: 10px;
  width: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;

}
.btn-overall-container-outline{
    border: 0.3px solid #fff!important;
    height: 2.5rem;
    border-radius: 25px;
}
.button-fw-container{
    padding-top: 0.1rem;
}
.text-small{
    font-size: 11px;
}
.avatar-circle{
    border: 1px solid #fff!important;
    border-radius: 50%;
}
.bg-move-side{
  position: absolute;
  margin-right: 2rem;
  right: -20px;
  width: 15%;
}

.bg-fund-account{
    background:#0E0E18!important;
    border-radius: 25px;
}
.bg-fund-data{
    text-align:center;
}
.center-fund-button{
    text-align: center;
    margin-bottom: 18px;
}
.bg-margin-left-wallet{
    margin-right: 12px;
    margin-top: 12px;
    color:#fff;
}
.amount-large{
    color: #fff;
    font-weight: bold;
}
.btn-outline-fund{
    border:1px solid #eee;
    color:#fff;
    border-radius: 15px;
    padding:16px;
    background: #fff!important;
}
.btn-outline-fund:hover{
    border:1px solid #7025C4;
    color:#000!important;
}

.statistic-card-show{
    background: #fff;
    border:1px solid #f5f5f5;
    border-radius: 25px;
    padding-bottom: 52px;
}
.img-static-width{
    width: 110px;
    height: 110px;
    padding-bottom: 12px;
}
.btn-static{
    border: 1px solid #B7B7B7;
    background-color: #5438DD;
    color: #fff;
    border-radius: 15px;
}
.btn-static:hover{
    border: 1px solid #eee;
    background-color: #5438DD;
    color: #fff;
}
.recent-trade-card{
    background: #fff;
    border:1px solid #f5f5f5;
    border-radius: 25px;
}
.monthly-text{
    margin-bottom: 22px;
}
.card-coins{
    background: #252429;
    border:1px solid #383838;
    border-radius: 25px;
    height:300px;
    overflow-y:auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    width:100%
}
.card-coins::-webkit-scrollbar{
    width: 3px;
}
.card-coins::-moz-scrollbar{
    width: 3px;
}
.card-coins::-ms-scrollbar{
    width: 3px;
}
.transaction-card{
    background: #252429;
    border:1px solid #383838;
    border-radius: 25px;
    height:300px;
}
.coins-button-container{
    border:1px solid #383838;
    padding:10px;
    margin:12px;
    text-align: center;
    display: flex;
    text-align: center;
    justify-content: space-around;
    border-radius: 15px;
}
.coins-button-containers{
    border:1px solid #fff;
    padding:10px;
    margin:12px;
    text-align: center;
    display: flex;
    text-align: center;
    justify-content: space-around;
    border-radius: 15px;
    color:#fff;
}
.btn-rover{
    background:#5438DD;
    color:#000;
}
.btn-rovers{
    color:#000;
}
.summernote {
    resize: none;
    background-color: #252429; /* Your custom dark background color */
    color: #fff; /* Text color on dark background */
  }

  .note-editable {
    background-color: #252429; /* Your custom dark background color */
    color: #fff; /* Text color on dark background */
  }
.btn-salepoint{
    background-color: #fff;
    color: #000!important;
}
.btn-salepoint:hover{
    background-color: #fff;
    color: #000;
}
.btn-rover:hover{
    background:#5438DD;
    color:#fff;
}
.content-container-view{
    padding:12px;
}
.table tr{
    text-align: left;
}
#table-content{
    border-collapse: collapse;
    width: 100%;
}
#table-content th, #table-content td{
text-align: left;
padding: 8px;
}
.card-head{
    font-weight: bold;
    font-size: 18px;
    margin-left: 8px;
}

.menu-state-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-state-item li {
    list-style: none;
}

.img-fluids-gif{
    width:200px;
    height: 200px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.image-container{
    display: flex;
    justify-content: center;
}
.lcw-container {
    width: 100%;
    text-align: center;
    align-items:center;
    overflow: hidden;
    overflow-y: hidden;
}

.lcw-widget {
    width:100%;
 /* Set a lower z-index for the Live Coin Watch widget */
}
.mobile-body{
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    text-align: center;
} 
.mobile-list-view{
    display:flex;
    justify-content: space-between;
}
.active_link .menu-link {
    background-color: #fff!important;
    color: #000!important;
}
.mobile-active  li{
    color: #7025C4;
}
.nav-nav-nav{
 background-color: #fff;
 color:#000!important;
}
.img-fluid-table{
  width: 200px;
  height:200px;
}
.font-body-close{
    font-size: 25px;
}
@media(max-width:800px){
    .font-body-close{
        font-size:12px;
    }
}
a li{
    list-style-type: none;
    color:#6c6b6e;
}
.general-card{
    background: #0E0E0E!important;
    color:#fff!important;
}
.img-logo-main{
    width: 50px;
    height:40px;
}

/* Target the autofill styles */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  /* Apply your preferred styles here */
  color: #fff!important;
}

/* Additional styling for other browsers (e.g., Firefox) */
input:-moz-autofill {
  color: #fff!important;
}

/* Additional styling for newer browsers (e.g., Edge) */
input:-ms-input-placeholder {
  color: #fff!important;
}
.span-life{
    color:#7025C4;
}
input[type="password"]:-webkit-autofill {
    /* Apply your preferred styles here */
    color:#fff!important;
  }

.form-control {
    background-color: black;
    color: white;
}

.form-control:focus {
    background-color: black; /* Adjust this if needed */
    color: white;
    outline: none;
    border: 2px solid white;
}
a{
    color:#fff!important;
}
.card-trade-select{
    background-color: #7025C4;
   }
   @media(min-width:1124px){
    .mobile-container{
        display: none;
    }
   }

   .top-cover{
    position: absolute;
    background:#0E0E18;
    top:0px;
    width: 100%;
    z-index:999;
    height: 70px;
   }
@media(max-width:991px){
    .mobile-container{
        position:fixed;
        bottom:0px;
        background: #fff;
        /* background: rgba( 255, 255, 255, 0 ); */
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        height:50px;
        z-index: 999;
        margin-top: 25px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        width: 100%;
    }

    .bg-navbar-contained{
        margin-top:0px!important;
        margin-left: 0px;
        margin-right: 30px;
        width:100%!important;
        border:none!important;
        background-color: none!important;
        background: rgba(49, 49, 49, 0)!important;
            backdrop-filter: blur(17px)!important;
            -webkit-backdrop-filter: blur(17px);
        box-shadow: none!important;
        /* border-radius: 0!important; */
    }
    .d-nav-display{
        display: none;
    }
    .nav-text-items{
        font-size: 12px;
    }
}


.btn-payment{
        background:#fff;
        border-radius: 15px;
        border:1px solid #fff;
        box-shadow: 0 8px 32px 0 rgba(85, 96, 255, 0.37)!important;
        color:#7025C4!important;
}

.btn-payment:hover, .btn-payment:focus{
    background:#fff;
    border-radius: 15px;
    border:1px solid #fff;
    box-shadow: 0 8px 32px 0 rgba(85, 96, 255, 0.37)!important;
    color:#7025C4;
}
.btn-buy{
    background: rgb(2, 180, 2);
    box-shadow: 0 8px 32px 0 rgba(48, 135, 31, 0.37)!important;
    color:#fff;
    font-weight: bold;
}


.btn-buy:focus .btn-buy:hover{
    background: rgb(2, 180, 2);
    box-shadow: 0 8px 32px 0 rgba(48, 135, 31, 0.37)!important;
    color:#000;
    font-weight: bold;
}


.btn-sell{
    background: rgb(226, 11, 11);
    box-shadow: 0 8px 32px 0 rgba(135, 31, 31, 0.37)!important;
    color:#fff;
    font-weight: bold;
}
.btn-sell:focus{
    background: rgb(226, 11, 11);
    box-shadow: 0 8px 32px 0 rgba(135, 31, 31, 0.37)!important;
    color:#000;
    font-weight: bold;
}
.pad-bg-down{
    padding-bottom: 50px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 24px;
}
@media(min-width:991px){
    .mobile-display{
     display: none;
    }
}