body {
    font-family: "Roboto", sans-serif;
}

.loading-panel {
    background-color: black;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    position: fixed;
    z-index: 999991;
}

.loading-logo {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10%;
}

.loading-gif {
    margin: auto;
    position: absolute;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 10%;
}

.lang-btn img.flag-cn {
    width: 60px;
}

.t-modal input:focus {
    background-color: black;
}

.num-verify:focus {
    color: white;
}

.tot-title {
    color: #f1d574;
    font-size: 14px;
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
}

.dl-body {
    padding-top: 5px;
}

    .dl-body ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        margin-top: 38px;
    }

        .dl-body ul li:first-child {
            background: linear-gradient(to bottom, #e7d277 0%, #cea443 36%, rgba(245,234,150,1) 70%, rgba(207,165,58,1) 100%);
            color: #000;
            font-weight: bold;
        }

        .dl-body ul li {
            display: flex;
            justify-content: space-between;
            padding: 5px 10px;
        }

.prov-name {
    margin-left: 0px;
    font-size: 13px;
    float: left;
    padding-top: 3px;
}

.am-prov {
    text-align: right;
    float: right;
    display: flex;
    position: relative;
    top: -2px;
}

    .am-prov .prov-in {
        width: auto;
    }

.prov-out {
    margin-left: 8px;
}

.btn-in {
    text-transform: uppercase;
    padding: 3px 6px;
    font-size: 12px;
    background: #7ab529;
    margin-left: 8px;
    color: #fff;
    border: none;
}

.btn-out {
    padding: 3px 5px;
    font-size: 12px;
    background: #b5171d;
    color: #fff;
    border: none;
}

div.scrolldown {
    width: 100%;
    border-spacing: 0;
    border: 2px solid black;
    height: 180px;
    overflow-y: auto;
    overflow-x: auto;
}

.contact-sec h3 {
    color: #FFF;
    text-align: center;
    padding: 8px 0 0 0;
    font-size: 16px;
}

.contact-info {
    width: 94%;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    margin: 0px auto;
}

.contact-in {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
}

.contact-l {
    width: 100%;
}

.contact-info ul {
    display: flex;
    flex-direction: column;
    padding: 0px;
}

    .contact-info ul li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        color: #fff;
        background: hsl(0deg 0% 14%);
        margin-bottom: 10px;
    }

.policy-sec a, .contact-sec a, .powered-sec a {
    display: block;
    background: none;
}

.contact-info p {
    color: #ffffff;
    margin-bottom: 25px;
}

.ico-dtl p {
    font-size: 13px;
    color: #ffffff;
    margin: 0px !important;
}

.btn-cs {
    width: 50%;
    background: linear-gradient(to bottom, #B18B48,#6A4C22);
    color: #fff;
    border: 1px solid #ffca81;
    font-size: 14px;
    padding: 7px 25px;
    border-radius: 10px;
    display: block;
    margin: 10px auto;
}

form {
    margin-bottom: 10px
}

.ndl-btn {
    background: linear-gradient(to bottom, #B18B48,#6A4C22);
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 30px;
    display: block;
    border: none;
    margin: auto;
    margin-top: 10px;
    width: 55%;
}

input.form-control {
    color: black
}

.profile-form-control {
    width: 100%;
    border-radius: 10px;
    padding: 10px 25px;
    font-size: 12px;
    height: 40px;
    margin-top: 5px;
    color: #000000;
    background: #e9ecef;
    border-bottom: 3px solid #ffd65b;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: white;
    border: 1px solid;
}

    .table > thead > tr {
        background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);
        color: white;
    }

input {
    height: 35px;
}

#add_bank_acc:hover {
    cursor: pointer;
}

#form_memberbankaccount label.error {
    color: red;
}

.bank-form-control {
    width: 100%;
    border-radius: 10px;
    padding: 10px 25px;
    font-size: 12px;
    height: 40px;
    margin-top: 5px;
    color: #000000;
    background: #ffffff;
    border-bottom: 3px solid #ffd65b;
}

.bank-remainder {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0px;
}

.history-date {
    color: #86680A;
}

.inbox_msg_popup {
    color: #fff;
}

    .inbox_msg_popup .modal-header {
        border: none;
    }

    .inbox_msg_popup .close {
        color: #e3b448;
        text-shadow: none;
    }


.inbx-title {
    color: white
}

.table-dep-bank {
    width: 100%;
    margin-bottom: 1rem;
    color: white;
    border: 1px solid;
}

    .table-dep-bank > tbody > tr {
        height: 50px;
    }

        .table-dep-bank > tbody > tr > th {
            color: white;
            text-align: center;
            background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);
        }

        .table-dep-bank > tbody > tr > td {
            padding: 10px;
            border: 1px solid white;
        }

            .table-dep-bank > tbody > tr > td:nth-child(1) {
                width: 35%;
                color: white;
                border-right: 1px solid white;
                background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);
            }

.deposit-form-control {
    width: 100%;
    border-radius: 10px;
    padding: 10px 25px;
    font-size: 12px;
    height: 40px;
    margin-top: 5px;
    color: #000000;
    background: #ffffff;
    border-bottom: 3px solid #ffd65b;
}

.btn-upload {
    background: linear-gradient(to bottom, rgba(169,113,24,1) 0%, rgba(252,223,144,1) 51%, rgba(183,132,44,1) 100%);
    color: #000;
    border: 1px solid #cb9a45;
    font-size: 19px;
    padding: 8px 10px;
    border-radius: 10px;
    display: block;
    margin: 0px auto;
}

::-webkit-file-upload-button {
    display: none;
}

.transfer-form-control {
    width: 100%;
    border-radius: 10px;
    padding: 10px 25px;
    font-size: 12px;
    height: 40px;
    margin-top: 5px;
    color: #000000;
    background: #ffffff;
    border-bottom: 3px solid #ffd65b;
}

.withdraw-form-control {
    width: 100%;
    border-radius: 10px;
    padding: 10px 25px;
    font-size: 12px;
    height: 40px;
    margin-top: 5px;
    color: #000000;
    background: #ffffff;
    border-bottom: 3px solid #ffd65b;
}

#add_bank_acc_withdraw {
    font-size: 13px;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.in-form {
    display: flex;
}

button.allout_btn {
    display: flex;
    width: 155px !important;
    align-items: center;
    border: none;
    background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);
    justify-content: center;
    margin-left: 10px;
    border-radius: 5px;
    margin-top: 5px;
    color: white;
    font-size: 12px;
}

.history-form-control {
    width: 100%;
    border-radius: 10px;
    padding: 10px 25px;
    font-size: 12px;
    height: 40px;
    margin-top: 5px;
    color: #000000;
    background: #ffffff;
    border-bottom: 3px solid #ffd65b;
}

#tblHistory_length > label {
    color: white;
}

/* --- jstree --- */
#jstree {
    background-color: black;
}

.jstree-default-dark .jstree-anchor {
    color: white !important;
}

.btn-sm, .btn-sm:focus, .btn-sm:not(:disabled):not(.disabled):active, .btn-sm:hover {
    color: black;
    background: #fdc821;
    border-color: #fdc821;
}

.bank-select label {
    color: white;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.mylivechat_inline {
    min-width: unset !important;
    width: 60px !important;
    height: 140px !important;
}

#tblHistory_length label {
    display: inline-flex;
}

select[name=tblHistory_length] {
    margin-left: 7px;
    margin-right: 7px;
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-image: unset !important;
}

.dataTables_info, #tblHistory_paginate > a {
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: white !important;
}

#chat-widget-container {
    bottom: 58px;
}

.right-member .btn-reg {
    font-size: 12px !important;
}

.carousel-inner {
    margin-top: 24px;
}

.carousel-control-prev, .carousel-control-next {
    margin-top: 5%;
}

.btn-eye {
    width: 47%;
    font-size: 12px;
    margin: unset;
    margin-top: 5px;
}

.apps-download {
    margin-bottom: 10px;
    text-align: center;
}

    .apps-download img {
        width: 50%
    }

.btn-apps-download {
    width: 60%;
    background: linear-gradient(to bottom, #B18B48,#6A4C22);
    color: #fff;
    border: 1px solid #ffca81;
    font-size: 14px;
    padding: 7px 25px;
    border-radius: 10px;
    display: block;
    margin: 0px auto;
}

    .btn-apps-download:hover {
        color: white;
    }

.download-qr-code {
    display: table-caption;
}

.right-login-btn a {
    padding: 0px 5px;
}

.registrationPassIcon {
    position: absolute;
    right: 17px;
    top: 39%;
    color: #444444;
}

.reg_form_pass {
    display: flex;
    align-self: center;
    position: relative;
}

.registrationPassIcon2 {
    position: absolute;
    right: 17px;
    top: 39%;
    color: #444444;
}

.inbox-icon::after {
    top: 0px;
    right: -2px;
    width: 8px;
    height: 8px;
}

.bank-choice, .deposit-sec, .deposit-form {
    background: unset;
}

.btn-file {
    color: black;
    background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);
}

.amount-input-wrap label [type=radio] + div {
    color: #000;
    border: 1px solid #c9c8c6;
    background: #fff;
}

.amount-input-wrap label [type=radio]:checked + div {
    color: #d2b79c !important;
    border: 1px solid #d2b79c !important;
    background: url(../images/tick.png)no-repeat;
    background-size: 25%;
    background-position: right bottom;
}

.header-r {
    width: unset;
}

.num-verify:focus {
    color: black;
}

.congrazt-title {
    color: #ffcd00;
    margin-bottom: 30px;
}

.copyBtn {
    width: unset;
    height: unset;
}

#view_word {
    top: 7px;
    right: 80px;
}

.bln-wrap {
    color: black;
}

#view_word {
    position: unset;
    margin-top: 7px;
    margin-right: 10px;
}