/* Shared Dana Bijak treatment for routes that still retain their original markup. */
body:not(.db-login-page) {
    background: #11234f !important;
    color: #fff !important;
}

.content-wrapper {
    width: min(100%, 430px);
    min-height: 100dvh;
    margin: 0 auto;
    background: #11234f;
}

.home-top,
.header-container,
.header,
.history-title,
.dk-top {
    background: transparent !important;
    border: 0 !important;
}

.home-top-logo img,
.header-container img[src*="logo"],
img[src*="logo3.svg"] {
    width: 86px !important;
    height: 58px !important;
    object-fit: contain;
}

img[src*="lebiao2.svg"] {
    box-sizing: border-box;
    width: 46px !important;
    height: 46px !important;
    padding: 13px;
    border-radius: 50%;
    background: #b2ec5d;
}

.db-page-mark {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a8ed58;
    background: rgba(18, 53, 115, .88);
    border: 1px solid rgba(92, 145, 255, .55);
    box-shadow: 0 8px 22px rgba(0, 18, 65, .28);
    font-size: 22px;
}

.db-page-menu {
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #102650;
    background: #a8ed58;
    font-size: 19px;
    cursor: pointer;
}

.vback,
.account-card,
.dk-card,
.card,
.category .list,
#no_history,
.form-card {
    border: 1px solid rgba(91, 153, 255, .75) !important;
    border-radius: 18px !important;
    background: rgba(24, 54, 116, .78) !important;
    box-shadow: 0 14px 32px rgba(4, 14, 42, .25) !important;
}

.vback .flex-between,
.list .flex-between {
    border-color: rgba(113, 165, 255, .42) !important;
}

.vback .color-999-text,
.vback .ant-typography,
.dk-card .ant-typography,
.dk-card p,
.dk-card span {
    color: #fff !important;
}

.vback > .color-main-text,
.vback > .fs-18,
.dk-card .title,
.dk-card h2,
.dk-card h3 {
    color: #a8ed58 !important;
}

.vback .color-main-text,
.vback .color-two-text,
.color-main-text,
.color-two-text {
    color: #fff !important;
}

.tab,
.tab *,
.vback,
.vback *,
.dk-card,
.dk-card *,
.category .list,
.category .list * {
    color: #fff !important;
}

.tab div,
.tab span,
.tab p,
.vback .color-main-text,
.vback .flex-between .color-main-text,
.vback .flex-between .color-two-text,
.vback .flex-between div,
.account-card div,
.account-card span {
    color: #fff !important;
    opacity: 1 !important;
}

.tab,
.log-out,
.card-button,
.vback .flex-between {
    min-height: 50px;
    border-radius: 12px !important;
}

.tab,
.vback .flex-between {
    background: rgba(18, 43, 96, .86) !important;
}

.log-out,
.card-button,
button.indo,
.btn.indo,
#index-button,
#data-button {
    border: 0 !important;
    border-radius: 999px !important;
    background: #b2ec5d !important;
    color: #102553 !important;
    font-weight: 700 !important;
}

body:not(.db-login-page):not(.db-loan-page) input:not([type="file"]):not([type="hidden"]),
body:not(.db-login-page):not(.db-loan-page) select,
body:not(.db-login-page):not(.db-loan-page) textarea {
    min-height: 48px;
    border: 1px solid #4f8fff !important;
    border-radius: 999px !important;
    background: #132e65 !important;
    color: #fff !important;
}

body:not(.db-login-page):not(.db-loan-page) textarea { border-radius: 16px !important; }

body:not(.db-login-page):not(.db-loan-page) input::placeholder,
body:not(.db-login-page):not(.db-loan-page) textarea::placeholder {
    color: #c6d4f3 !important;
    opacity: .9;
}

@media (max-width: 430px) {
    body,
    .content-wrapper {
        max-width: 100%;
        overflow-x: hidden;
    }
}