body{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #222!important;
}

.appHeader{
    width: 360px;
    margin: auto;
}

#appCapsule{
    width: 360px;
    height:inherit;
}

.appBottomMenu{
    width: 360px;
    margin: auto;
}

#appCapsule > div.section > .row{
    display: flex;
    flex-direction: column;
}

#appCapsule > div.section > .row > .col-lg-4{
    width: 100%;
}

.wallet-footer{
    justify-content: center!important;
    gap: 10px;
}

.wallet-footer .dropdown button{
    width: 36px!important;
    height: 36px!important;
    box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.1);
}

.wallet-footer .item a div{
    width: 36px!important;
    height: 36px!important;
}

.wallet-card .wallet-footer .item strong{
    font-size: 9px!important;
}

.wallet-card .balance .total{
    font-size: 24px!important;
}

.dt-buttons{
    flex-wrap: nowrap!important;
}

#example_filter{
    margin: 10px 0px;
}

#invest-form{
    width: 360px;
    padding: 0px;
}

#invest-form > div{
    margin: 0px;
}

#invest-form > div > div{
    background-color: #fff;
    width: 100%;
    margin-left: 0px;
    padding: 50px 10px;
}

#history-form{
    background-color: #fff;
    width: 360px;
    padding: 0px;
    height: inherit;
}

#history-form > div{
    padding: 75px 10px;
}

h1#total{
    color: #000!important;
}

body.dark-mode .wallet-card .wallet-footer .item strong{
    color: #000!important;
}

.left-inner{
    display: flex;
    justify-content: center;
    gap: 100px;
}

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

.in-text{
    color: #fff!important;
}

body.authbody{
    display: flex;
    justify-content: center;
}

.authbody > .appHeader{
    width: 360px;
    left: unset;
    right: unset;
}

.authbody .cap{
    position: unset!important;
    background-color: #fff;
    padding-top: 150px!important;
}

form.card{
    box-shadow: none!important;
}

input.btn.btn-primary.btn-block.btn-lg{
    border: none!important;
}