* {
        font-family: "Mona Sans", sans-serif !important;
    margin: 0;
    padding: 0;
    outline: 0;
}


body {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    line-height: 1.8rem;
    position: relative; /* Adicione esta linha para permitir o posicionamento absoluto do ::before */
}

body::before {
    content: ""; /* Adicione conteúdo vazio à pseudo-classe ::before */
    position: absolute; /* Posiciona o elemento ::before de forma absoluta em relação ao corpo */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-image: url('../assets/bg-ultra.jpg');  Substitua pelo caminho da sua imagem */
    /*background-image: url('../assets/fundo-ilustrator.jpg'); /* Substitua pelo caminho da sua imagem */
    background-size: cover; /* Isso garante que a imagem cubra tosdo o fundo */
   background-position: center; /* Isso centraliza a imagem no fundo */
    background-repeat: no-repeat; /* Isso evita repetições da imagem */    opacity: 0.55; /* Ajuste a opacidade conforme necessário (0 a 1) */
    z-index: -1; /* Coloca o elemento ::before atrás do conteúdo do corpo */
}

.mvh-100{
    min-height:100vh
}
.main-col{
    min-height:25vh;
    justify-content:center;
}
.main-row >*{
}
:root{
    --base: #1b1c21;
    --amarelo:#FFA000;
    --verde: #4CAF50;
    --vermelho: #DD425A;
    --azul: #00BDCB;
    --roxo:#eb1af7;
}

/* Estilos adicionais do corpo, se necessário */
body {
    background-color: rgb(33 37 41)!important;
}


.flash-messages {
    position: fixed;
    z-index: 99;
    top: 20px;
    right: 15px;
    width: auto;
    margin: 0 auto;
    text-align: center;
    opacity: 0; /* Inicialmente invisível */
    transition: opacity 0.2s ease-in-out; /* Transição suave */
    font-weight: 500;
    font-size: 14px;
}

.flash_danger, .flash_error{
    background:var(--vermelho);
    color:#fff;
    border-radius:10px;
}

.flash_success{
    background:#13ff55 !important;
    color:#000;
    border-radius:10px;
}

/* Classe para exibir a mensagem */
.flash-messages.show {
    opacity: 1; /* Torna a mensagem visível */
}


.text-medium{
    font-weight:600
}


.bg-dark,.modal-content  {
    --bs-bg-opacity: 1;
    background-color: var(--base)!important;
}


.message_info .list-group-item{
    background:#17343A!important;
    color:#fff
}


.card-shadow{

    color:whitesmoke;
       background:#1E1E1E;
    border-radius: 8px;
    height: 4.2em;
    padding: 0;
    border: 1px solid #343434;
    margin-inline: 3px;
}

#receive-title, #send-title{
    font-size:.9rem;
    font-weight:500;
}
.form-control.order-form{
 background: #333439!important;
    border: 1px solid transparent!important;
   color:#D8D9DA!important;

    position: relative;
    width: 100%;
    will-change: opacity;
    z-index: 10;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease;
    box-sizing: border-box;
    border-radius: 0.5rem;
    font-size: 1em;

    font-weight:500;
}
.form-control.currency{
    background: transparent;
    border: 1px solid transparent;
    color: inherit;
    position: relative;
    width: 100%;
    will-change: opacity;
    z-index: 10;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease;
    box-sizing: border-box;
    border-radius: 0.5rem;
    font-size: 32px;

    font-weight:600;
}

.click{
    cursor:pointer
}
.verde{
    color:#4CAF50
}
.amarelo{
    color:rgba(255,160,0,1);
}

.ciano, .ciano:hover{
    color:rgba(0,189,203,1);
}
.address{
 background: transparent;
    border: 1px dashed #D8D9DA;
   padding: 1rem .75rem;
    margin-inline:0px;
    color: #D8D9DA;
    position: relative;
    width: 100%;
    will-change: opacity;
    z-index: 10;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease;
    box-sizing: border-box;
    font-size: 1em;
    font-weight:500;
}
.bg-dark{
    background-color: #1E1E1E!important;
}

#main-page{
    max-width:1000px
}

.form-control#address::placeholder {
        color: rgba(255,255,255,.25); /* Defina a cor do texto do placeholder */
        font-weight:400;
    }


.form-control#address, .form-control#address-out,.form-control.address{

    background: transparent;
    border: 2px dashed #484848;
        padding: 1rem .75rem;

    color: #D8D9DA;
    position: relative;
    width: 100%;
    will-change: opacity;
    z-index: 10;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease;
    box-sizing: border-box;
    font-size: 1em;
    font-weight:500;
}
.form-control#address.is-invalid,
.form-control#address.is-valid {
    border: 2px solid; /* Manter a borda sólida para validação */
}

.form-control#address.is-invalid {
    border-color: #dc3545; /* Vermelho para inválido */
}

.form-control#address.is-valid {
    border-color: #28a745; /* Verde para válido */
}
.form-control#address.is-invalid ~ .invalid-feedback,
.form-control#address.is-invalid ~ .invalid-tooltip {
    display: block;
    color: #dc3545;
    font-weight: 500;
}
.form-control#address.is-invalid,
.form-control#address.is-valid {
    z-index: 15; /* Certifique-se de que o z-index seja suficientemente alto */
}


.form-control#address.is-invalid::placeholder {
    color: #dc3545; /* Cor do placeholder quando inválido */
}

.form-control#address.is-invalid {
    background: rgba(255, 0, 0, 0.1); /* Leve fundo vermelho transparente */
}

.form-control#address.is-valid {
    background: rgba(0, 255, 0, 0.1); /* Leve fundo verde transparente */
}

.form-control.is-invalid,
.form-control.is-valid {
    padding-right: 2.25rem; /* Espaço suficiente para o ícone de validação */
    background-image: none; /* Garante que as imagens de fundo personalizadas não atrapalhem */
}
.form-control#address-out.is-invalid,
.form-control#address-out.is-valid {
    /* Mesmo estilo aplicado ao #address */
    border: 2px solid;
    border-color: #dc3545; /* Vermelho para inválido */
    padding-right: 2.25rem;
}

.box{
    border:1px solid transparent;
}

.box-tag{
           background:#1E1E1E;
            border-radius:10px;
        padding: 8px 22px;
        font-size:0.8rem!important;
        margin-bottom:12px;
}
.form-control.currency:focus,.bs-searchbox .form-control:focus ,.form-control#address:focus{
    box-shadow: none;
}

[data-token="USDT"],[data-token="USDT"]:hover {
    color: var(--verde);
}
[data-token="dePIX"],[data-token="dePIX"]:hover {
   color:  var(--azul);
}
[data-token="LBTC"],[data-token="LBTC"]:hover{
    color:  var(--amarelo);
}
[data-token="BRZ"],[data-token="BRZ"]:hover{
    color: var(--roxo);
}











.title-card{
    font-weight:600;
    font-size:22px;
    line-height:1rem;
        text-transform: uppercase;
}

 .network{
   font-weight:600;
    font-size:22px;
    line-height:1rem;
   text-transform: uppercase;
    color:whitesmoke!important;

    margin-right:10px;
   min-width:65px;
   text-align:center;
  }




.box[data-token="USDT"],.box[data-token="USDT"]:hover {
    border-color:  var(--verde);
}
.box[data-token="dePIX"],.box[data-token="dePIX"]:hover {
    border-color: var(--azul);
}
.box[data-token="LBTC"],.box[data-token="LBTC"]:hover{
     border-color:  var(--amarelo);
}

.box[data-token="BRZ"],.box[data-token="BRZ"]:hover{
     border-color: var(--roxo);
}

.box[data-token="token indisponivel"],.box[data-token="token indisponivel"]:hover{
     border-color: red;
}

.network[data-network="POLYGON"] ,.network[data-token="POLYGON"]:hover {
    color: #D8D9DA!important;
    background-color: #8247E5 !important;
    font-size:13px;
    padding:5px 12px;
    border-radius:8px;
        width:100px;
}

.network[data-network="LIQUID"] ,.network[data-token="LIQUID"]:hover {
    color:#FFF!important;;
    background-color: #F0572C !important;
    font-size:13px;
    padding:5px 12px;
    border-radius:8px;
    width:100px;
}

.network[data-network="ARBITRUM"] ,.network[data-token="ARBITRUM"]:hover {
    color:#FFF!important;;
    background-color: #28A0F0 !important;
    font-size:13px;
    padding:5px 12px;
    border-radius:8px;
    width:100px;
}


.network[data-network] {
    /* Estilos base comuns */
    color: #D8D9DA !important; /* Exemplo de cor de texto base */
    font-size: 13px;
    padding: 5px 12px;
    border-radius: 8px;
    width: 100px;

    /* Importante: Adicione um background-color genérico ou remova,
       se quiser que as regras específicas (Polygon, Liquid) dominem o background. */
    background-color: #3f3f3f; /* Exemplo de cor de fundo base */
}

.net-table{
    min-width:80px!important;
    text-align:left!important
}

.order-label{
  color:#D8D9DA!important;
  font-size:.7rem;
  font-weight:400;

}

.fs-8{
 font-size:.7rem!important;
 line-height:1rem;
}
.no-decoration{
    text-decoration:none
}
.width-100{
    display:block;
    width:100%;

}
.width-100:hover{
    color:rgba(0,0,0,.88)
}

.network[data-token="token indisponivel"], .network[data-token="token indisponivel"]:hover{
     background: red;
     color:#fff;
}


.text-bg-btc{
    color:#7688c9;
    background-color: #343539 !important;
}
.dropdown-select{
    position:absolute;
    top:-1px;
    width:100%;
    font-size: 1em;
    background-color: var(--base)!important;
    z-index:99;
    border-radius: 0.4em 0.4em 0 0;
    font-weight:500;
    transform:scale(1.02)
}
.badge{
    min-width:80px;
    font-weight:400;
    font-size:7.rem
}
.cursor-pointer{
    cursor:pointer;
    text-decoration:none;
    font-size: 1.2rem;
  font-weight:500;
}
.select-option{
    cursor:pointer;
    text-decoration:none;
    font-size: 1rem!important;
}

.bs-searchbox {
    font-size: 1em;
    padding: 0.3em 0;
    border: 1px solid transparent;
    box-sizing: border-box;
    background-color: #21284b!important;
    color:whitesmoke
    padding: 1rem;
    border: 0;
    border-bottom:2px solid rgba(255,255,255,.4)
 }

 .select-option {
 padding: 0.5em 1em;
    border-bottom: 0;
    border-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
        box-sizing: border-box;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.06);
      height: 3.575em;
    min-height: 3em;
 }

  .select-option:hover{
    background:rgba(255,255,255,0.06);
  }

 .select-option.disabled{
    pointer-events:none;
    opacity:.4;
    display:none
 }


.btn-primary-form.disabled{
     opacity:.84;
     border: 1px solid #333439;
     color: #333439
}





  .network.danger{
    background:red!important;
  }


  .cotacao{
    font-size:.8rem;
    color:#c4c4c4;
  }

  .mensagem{
    font-size:.9rem;
  }

  .vh-25{
    height:150px;
  }



.send-title-token{

}

  .token-img{
     width:50px
  }
  .inner-title{
    font-size:.9rem;
  }
  .address-title{
    font-size:.7rem;
  }

.sender-box{
     background:rgba(255,255,255,.12);
    padding:12px;
}
.receiver-box{
     background:rgba(0,0,0,.5);
    padding:12px;
}
.order-box{
 background: #008ce3;
 font-size:.7rem;
 padding:2px 10px
}

.limites{
    font-size:.7rem;
    color:#4d4d4d;
    line-height:1rem;
}
.send-limites{
    font-size:.8rem;
    color:whitesmoke;
    line-height:1rem;
}
.formatted-number{
    min-width:60px
}



.invoice-card{
    color:whitesmoke;
}


#qrcode{


}
.copyclock{
    cursor:pointer;
}
#qrcode img{
    height:33vh;
    background:#fff;
}

.text-order{
 background: #9314f3;
 font-size:.7rem;
 padding:10px;
  line-height:18px
}
.create{
    line-height:2px
}

.cliclable{
   background:rgba(0,0,0,0.2);
   width:100%;

    color:whitesmoke;
    cursor:pointer
}
.address-title{
        line-height:18px;
}
.g-po{
    min-height:100vh;

}

.time-title{
    position:relative;
    width:100%;
    text-align:center;
    font-size:1.8rem;
    font-weight:600;
    margin-top:20px;
    margin-bottom:10px

}
.modal-texto{
        font-size:.8rem;

}
#erro_tranferencia{
    background:#fff;
    color:rgba(0,0,0,0.9);
    font-size:.7rem;
    width:100%;
    padding:20px
}

.resp{
    padding:20px 10px;
}
.resp .form-check-label{
    font-size:.9rem;
    margin-top:-10px
}

#demo{
     font-size:1rem!important;
     min-width:70px
}




.invoice.modal-dialog {
    max-width: 375px;
    margin-right: auto;
    margin-left: auto;
}

.networkCard[data-network="Polygon"] {
    color: #D8D9DA!important;
    background-color: #343539 !important;
}
.networkCard[data-network="Liquid"] {
     color:#7688c9!important;;
    background-color: #343539 !important;
}






.info{
    top:0px;

    background:#4aea46;
    color:rgba(33,37,41,1)!important;
    font-size:.8rem
}

a.alert-success, a.alert-success:hover{
    background:#223228!important;
    border:1px solid rgba(76,175,80,.25);
    padding:.02rem 2rem;
    font-size:.7rem;
    color:#D8D9DA;
    border-radius:5px
}

a.alert-success, a.alert-success:hover{
    background:#223228!important;
    border:1px solid rgba(76,175,80,.25);
    padding:.02rem 2rem;
    font-size:.7rem;
    color:#D8D9DA;
    border-radius:5px
}

.text-bg-p2p{
    background: rgba(33,37,41,1);
    color: whitesmoke;
    border:1px solid  #262626!important
}
.text-bg-p2p a:hover{

    color: whitesmoke;

}

.table-bordered>:not(caption)>* {
    border-width: 1px 0;
    background-color: #1E1E1E;;

}
.fixed-table-pagination{
  background: rgba(33,37,41,1);
   color: whitesmoke;
   padding-inline:10px
}
table {
    background: rgba(33,37,41,1);
    border-color: #1E1E1E!important;
    color: whitesmoke!important;
    border-style: solid;
    border-width: 0;


}
.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: #abaaaa;
    --bs-table-bg: rgba(33,37,41,1);
    --bs-table-border-color: #343434;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #1FFF;
    --bs-table-striped-bg: #1E1E1E;
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: #fff;
    --bs-table-hover-bg: #1E1E1E;
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

.pagination {
    /* Define a cor padrão dos links para combinar com o texto da tabela */
    --bs-pagination-color: #abaaaa;

    /* Define o fundo padrão como escuro (cor da tabela) */
    --bs-pagination-bg: rgba(33, 37, 41, 1);

    /* Define a cor da borda para combinar com a tabela */
    --bs-pagination-border-color: #343434;

    /* --- ESTADO HOVER (Mouse Sobre) --- */
    /* Cor do link ao passar o mouse */
    --bs-pagination-hover-color: #ffffff; /* Branco Puro para bom destaque */

    /* Fundo escuro levemente diferente para indicar hover */
    --bs-pagination-hover-bg: #2b3035;

    /* Mantém a cor da borda no hover */
    --bs-pagination-hover-border-color: #343434;

    /* --- ESTADO ATIVO (Página Atual) --- */
    /* Fundo da página atual (um azul ou cor de destaque) */
    --bs-pagination-active-bg: #8619F6; /* Exemplo: Azul padrão do Bootstrap */

    /* Cor do texto da página ativa */
    --bs-pagination-active-color: #ffffff;

    /* Borda da página ativa (opcionalmente a mesma cor do fundo ativo) */
    --bs-pagination-active-border-color: #8619F6;

    /* --- ESTADO DESABILITADO (Anterior/Próxima desabilitada) --- */
    /* Cor do texto para links desabilitados (mais escura) */
    --bs-pagination-disabled-color: #6c757d;

    /* Fundo desabilitado (mesma cor da tabela) */
    --bs-pagination-disabled-bg: rgba(33, 37, 41, 1);

    /* Borda desabilitada */
    --bs-pagination-disabled-border-color: #343434;

    /* Restante das regras originais */
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.175rem;
    --bs-pagination-font-size: .8rem;
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-radius: var(--bs-border-radius);
    display: flex;
    padding-left: 0;
    list-style: none;
}

/*
  Esta regra garante que o texto de detalhe da paginação
  (ex: "Mostrando 1 a 10 de 100 itens") seja da cor correta.
*/
.fixed-table-pagination .pagination-detail {
    /* Cor do texto cinza claro que você definiu para a tabela */
    color: #abaaaa !important;
    font-size:.8rem;
    /* Garante que o fundo não seja afetado, mantendo a cor da tabela */
    background-color: transparent !important;
}

/* REGRA ALTERNATIVA: Se o seletor acima não funcionar,
  isso pode pegar o elemento pai do painel de paginação.
*/
.fixed-table-pagination {
    color: #abaaaa !important;
}

/*
  REGRA DE FALLBACK para links dentro da área de paginação
  (útil para a parte de 'Page Size' ou dropdowns)
*/
.fixed-table-pagination a {
    color: #abaaaa !important;
}
.th-inner{
      font-size: 0.875rem!important;
    color: rgb(209 213 219 )!important;
}
.bootstrap-table .fixed-table-container .table tbody td, .bootstrap-table .fixed-table-container .table tbody th {
    vertical-align: middle;
    box-sizing: border-box;
        font-size:.875rem!important;
}

.detail-icon{
      font-size: 1rem!important;
    color: rgb(209 213 219 )!important;
}

.detail-icon i{
      font-size: 1rem!important;
    color: rgb(209 213 219 )!important;
}
.checkBtn{
    width:auto!important
}

.message_warning{
    background:#40311C!important;
    border:1px solid rgba(255,160,0,.25);
    padding:.02rem 2rem;
    font-size:.7rem;
    color:#D8D9DA;
    border-radius:5px
}
.message_info{
    background:#17343A!important;
    border:1px solid rgba(23,52,58,.25);
    padding:.02rem 2rem;
    font-size:.7rem;
    color:#D8D9DA;
    border-radius:5px
}

.message_success,.message_success:hover{
    background:#223228!important;
    border:1px solid rgba(76,175,80,.25);
    padding:.02rem 2rem;
    font-size:.7rem;
    color:#D8D9DA;
    border-radius:5px
}

.message_success-outline{
    background:transparent;
    border:1px solid rgba(76,175,80,.25);
    padding:.02rem 2rem;
    font-size:.7rem;
    color:#D8D9DA;
    border-radius:5px
}
.line-0{
    line-height:18px
}

.message_error{
    border-radius:5px;
    background:#382229!important;
    border:1px solid rgba(221,66,90,.21);
    padding:.02rem 2rem;
    font-size:.7rem;
    color:#D8D9DA
}



.card-base{
    background:#232429!important;
}
.card-base-ouline{
    border:1px solid #232429!important;
}
.card-dark{
    background:#1B1C21!important;
}
.text-white{
color:#D8D9DA;
}
.form-label{
        color:#D8D9DA;
        font-size:.7rem;
        font-weight:400;
}

.roxo{
    color:#7688C9!important
}

.btn-form{
    background: #333439;
    border: 1px solid transparent;
    color: #D8D9DA;
    position: relative;
    width: 100%;
    font-size:1.15rem;
    font-weight:600;
    transition: .1s ease-in;
    height:65px
}


.btn-verde-escuro,.btn-verde-escuro:hover,.btn-verde-escuro:active,.btn-verde-escuro:focus{
    background: #17343A !important;
    border: 1px solid rgba(23, 52, 58, .25);
    padding:  .7rem 1.5rem;
    font-size: .7rem;
    color: #D8D9DA!important;
    border-radius: 5px;
    font-size:1rem;
    font-weight:600;
    transition: .1s ease-in;

}
.btn-verde-escuro-outline,.btn-verde-escuro-outline:hover{
    background: transparent!important;
    border: 2px solid #17343A !important;
    padding:  .7rem 1.5rem;
    font-size: .7rem;
    color: #D8D9DA!important;
    border-radius: 5px;
    font-size:1rem;
    font-weight:600;
    transition: .1s ease-in;

}

.btn-form:hover,.btn-form:focus{
    background: #8600f7!important;
    border: 1px solid transparent;
 color: #D8D9DA;
    transition: .1s ease-in
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: rgba(255,255,255,.5);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary-form,.btn-primary-form:hover{
    background: rgba(0,189,203,1);
    border: 1px solid transparent;
    color: #1B1C21;
    position: relative;
    width: 100%;
     font-size:.7rem;
        font-weight:600;
}

.subTexto{
  color:#D8D9DA;
        font-size:.7rem;
        font-weight:400;
}

.text-smoke{
    color:whitesmoke!important;
}
.table-hover>:not(caption)>*{
    cursor:pointer
}

.fs-7{
    font-size:.7rem
}

.alert-warning-dark{

}

.link-a{
    color:#bcccff!important;
}

.btn-verde,.btn-verde:hover{
    background:var(--verde);
    border-color:var(--verde);
    color:#fff;
    transition:1s all;
}
.bg-card{
    background:#212529;
    border-radius:8px;
}


.menu-terms{
    padding: 2em 4em 2em 2.5em;
    display: inline-block;
    margin-bottom: 3em;
    background-color: rgba(255, 255, 255, 0.06);
    border-radius: .5em;

}
.menu-terms ol{
    margin-left: 0em;
    padding-left: 0;
    margin-bottom: 1em;
    margin-top: 0;
    list-style-type: none;
}
.menu-terms li{
        line-height: 1em;
    padding-left: 2.1em;
    position: relative;
    background:transparent;
    border:none;
     color: #0171a6;
     font-weight:600
}

.menu-terms a{
       color: #0171a6;
       border-bottom: 1px dashed;
    text-decoration: none;
     font-weight:400;
     margin-left: 1em;
}

#terms section h3 {
    font-size: 1em;
    font-weight: 400;
    margin: 3.5em 0 1.25em;
    max-width: initial;
    line-height: 1.25em;
    padding: 0;
}
#terms section h3 > span {
    color: #fff;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial;
    margin: 0;
    padding: 0;
    outline: 0;
}

#terms section h3 > label {
    color: #0171a6;
    display: block;
    font-size: 2em;
    line-height: 1.25;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial;
    margin: 0;
    padding: 0;
    outline: 0;
}

#terms section p.with-counter {
    padding-left: 3.5em;
    position: relative;
    line-height: 1.5;
    margin-bottom: 1em;
    color:#fff;
}
#terms section p .counter {
    color: #008FDF;
    font-size: 1.25em;
    font-weight: 600;
    left: 0;
    line-height: 1.1;
    position: absolute;
    top: 0;
}
.with-counter.deep{
    margin-left: 3.5em;
    padding-left: 4em;
}


.main-loading{
    min-height:100vh;
    position:absolute;
    top:0;
    width:100%;
    left:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.row-cols-2>* {
        flex: 1 1 auto;
        width: 100%;
    }



.box.erro{
    border:1px solid var(--vermelho)!important;
}

.erro input{
    color: var(--vermelho)!important;
}
.erro .token-symbol-text{
    color: var(--vermelho)!important;
}
.erro .title-card{
    color: var(--vermelho)!important;
}

.erro .token-icon{
    color: var(--vermelho)!important;
}





/* Estilo do input em si (fundo, texto, foco) */
.custom-dark-input {
    /* Fundo escuro para o campo */
    background-color: #1E1E1E !important;
    /* Cor do texto do input */
    color: #fff !important;
    /* Cor da borda */
    border-color: #4b5563 !important;
}

/* Foco do Input */
.custom-dark-input:focus {
    /* Mantenha o background escuro no foco */
    background-color: #1E1E1E !important;
    /* Remove a sombra de foco (box-shadow) */
    box-shadow: none !important;
    /* Mantém a cor da borda consistente */
     border-color: #4b5563 !important;
}

/* Cor do label flutuante (dentro do input em repouso) */
.form-floating > .custom-dark-label {
    /* Cor do label/placeholder em repouso */
    color: #fff !important;
}

/* Cor do label flutuante (quando está acima do input - ativo ou preenchido) */
.form-floating > .custom-dark-input:focus ~ .custom-dark-label,
.form-floating > .custom-dark-input:not(:placeholder-shown) ~ .custom-dark-label {
    /* Cor do label quando flutua */
    color: #8e8e8e!important;

    /* CORREÇÃO: Define o fundo do label flutuante como transparente! */
}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{
    background:#1E1E1E ;
    opacity:.5
}


/* CORREÇÃO DE CORES (Truque do box-shadow para forçar o background escuro) */
.custom-dark-input:-webkit-autofill,
.custom-dark-input:-webkit-autofill:hover,
.custom-dark-input:-webkit-autofill:focus,
.custom-dark-input:-webkit-autofill:active  {
    /* Aplica uma sombra interna gigante com a cor de fundo desejada */
    -webkit-box-shadow: 0 0 0 1000px #1E1E1E inset !important;
    /* Força a cor do texto para branco */
    -webkit-text-fill-color: #fff !important;
    /* Garante que a borda continue no padrão dark */
    border-color: #4b5563 !important;
}


@media (min-width: 993px) {
    .row-cols-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
}