body {
}

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

.loading-logo {
    margin: auto;
    position: absolute;
    top: -70px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 35%;
    height: 20%;
}

.loading-gif {
    margin: auto;
    position: absolute;
    top: 30%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 8%;
}

label.error, input.error-placeholder::placeholder {
    color: red !important;
}

.qr_btn:hover {
    cursor: pointer;
}

.validation-message.valid {
    color: #72ff41;
}

.validation-message.invalid {
    color: red;
}

.formgroup_wrap {
    margin-bottom: 10px;
}

.vip_logo {
    width: 10% !important;
}

.head_inbox .badge {
    width: auto;
}

.fa-trash-alt {
    color: red;
}

.unread {
    color: #f9a51a;
}

.dep_bank {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .dep_bank button {
        border: 1px solid transparent;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        border-radius: 7px;
        padding: 8px 5px;
        min-width: 100px;
        gap: 5px;
    }

    .dep_bank img {
        height: 28px;
        margin: auto;
    }

    .dep_bank button:hover, .dep_bank button.active {
        border: 1px solid var(--primary-color);
        position: relative;
        overflow: hidden;
    }

    .dep_bank button.active:after {
        content: "";
        width: 26px;
        height: 22px;
        position: absolute;
        bottom: 0px;
        right: 0px;
        background-image: url(../images/afterlogin/activeImg.svg);
        background-position: center;
        background-size: cover;
    }

#tblHistory.dataTable tbody tr {
    background-color: unset !important;
}

#footerTotalRow {
    background-color: #1d2633 !important;
}