#cryptoGrid .dx-datagrid .dx-datagrid-table .dx-header-row > td {
    font-size: 14px;
    color: #FFF;
    font-family: var(--adminuiux-title-font), sans-serif;
    opacity: 1
}

.dx-datagrid > .dx-datagrid-headers, .dx-datagrid > .dx-datagrid-rowsview, .dx-datagrid > .dx-datagrid-total-footer {
    background-color: #000;
}


.dx-datagrid .dx-row-alt > td {
    background-color: #111;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    color: #FFF;
    opacity: 0.8;
    font-weight: 600
}

.c-icon {
    margin-top: 5px;
    float: left;
}

.dx-datagrid-rowsview .dx-row {
    cursor: pointer
}

.dx-pager, .dx-pagination {
    background-color: #000
}

.pa-item {
    opacity: 0.8;
    padding-left: 30px;
    padding-bottom: 10px;
    border-radius: 30px;
}

.pa-buy {
    background-color: #2efe89;
}

.pa-buy2 {
    background-color: #02ff00;
}

.pa-sell {
    background-color: #ff6262;
}

.pa-sell2 {
    background-color: #fd0e0e;
}

.pa-na {
    background-color: lightgrey
}

.positive-text {
    color: #0bff8f
}

.negative-text {
    color: #ff0019
}

@media only screen and (max-width: 600px) {

    #cryptoGrid {
        margin-top: 70px
    }
}

#cryptoGrid {
    height: 1100px
}

.hidden {
    display: none;
}