.fee-modal .bn-modal-wrap {
    width: 484px;
}

@media only screen and (max-width: 767px) {
    .full-modal .bn-modal-wrap {
        width: 100% !important;
        height: 100%;
        max-width: 100%;
        border-radius: 0;
        display: flex;
        flex-direction: column;
    }

    .full-modal .bn-modal-content {
        display: flex;
        flex-direction: column;
        max-height: 100%;
        flex: 1 1;
    }
}

.fee-td .bn-web-table-cell {
    padding: 0px 16px !important;
}

.trade-fee .bn-web-table {
    border-bottom-width: 0;
}

.trade-fee .bn-web-table thead tr {
    background-color: transparent !important;
}

.fee-progress .bar-inner {
    background-color: var(--color-primary);
}

.fee-progress-bnb .bar-inner {
    background-color: #328DFD;
}

.fee-tab .active {
    background: var(--color-disable);
}

.bn-tab-list {
    overflow-x: scroll;
}

.gray-dot::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    margin-right: 8px;
    border-radius: 2px;
    background-color: var(--color-textThird);
}
.withdraw-td .bn-web-table-cell {
    padding: 12px 16px !important;
}

.holding-table table {
    width: 100% !important;
}
.fee-tabs .bn-tab-list{
    width: 100%;
}

.fee-table-tab .bn-tab__primary.active {
    border-radius: var(--radii-s);
}