.OrdersOrdersHistoryBasic001__table {
    width: 100%;
}

.OrdersOrdersHistoryBasic001__table {
    border: 1px solid #eee;
}

.OrdersOrdersHistoryBasic001__table td {
    border: 1px solid #eee;
    padding: 10px;
}

.OrdersOrdersHistoryBasic001__table th {
    border: 1px solid #eee;
    padding: 10px;
}

.OrdersOrdersHistoryBasic001__table-dropDownItem {
    text-underline: none !important;
    color: #000;
}

.OrdersOrdersHistoryBasic001__table-export {
    cursor: pointer;
    padding: 20px;
    padding-right: 0;
    float: right;
}

.OrdersOrdersHistoryBasic001__table-export img {
    width: 20px;
    vertical-align: middle;
}

.OrdersOrdersHistoryBasic001__table-export span {
    vertical-align: middle;
    font-size: 14px;
}

.OrdersOrdersHistoryBasic001__table-dropDownItem svg {
    width: 16px;
    vertical-align: middle;
}
.OrdersOrdersHistoryBasic001__table-link {
    text-decoration: none !important;
}

.OrdersOrdersHistoryBasic001__table-link img {
    width: 25px;
    vertical-align: middle;
}

.OrdersOrdersHistoryBasic001__table-link span {
    vertical-align: middle;
}

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

    .OrdersOrdersHistoryBasic001 {
        padding: 5px;
    }

    .OrdersOrdersHistoryBasic001__table {
        border: 1px solid #ccc;
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0
    }

    .OrdersOrdersHistoryBasic001__table tr {
        padding: 5px
    }

    .OrdersOrdersHistoryBasic001__table th,
    .OrdersOrdersHistoryBasic001__table td {
        position: relative;
        padding: 10px
    }

    @media screen and (max-width: 979px) {
        .OrdersOrdersHistoryBasic001__table {
            border: 0
        }

        .OrdersOrdersHistoryBasic001__table thead {
            display: none
        }

        .OrdersOrdersHistoryBasic001__table td {
            display: block;
            width: 100% \9;
            float: left \9;
            text-align: left;
            padding-left: 50%;
            border-bottom: 1px solid #cacaca;
            border-top: none
        }

        .OrdersOrdersHistoryBasic001__table td:first-child {
            border-top: 1px solid #ddd
        }

        .OrdersOrdersHistoryBasic001__table td:last-child {
            border-bottom: 1px solid #ddd;
            margin-bottom: 50px
        }

        .OrdersOrdersHistoryBasic001__table td:before {
            content: attr(data-label);
            position: absolute;
            top: 10px;
            left: 10px;
            width: 45%
        }
    }

    @media screen and (max-width: 767px) {
        .OrdersOrdersHistoryBasic001__table td {
            font-size: 14px
        }

    }
    @media screen and (max-width: 767px) and (min-width: 500px) {
        .container-grid .cols.col-sm-6 {
            width: 50%;
        }
    }
    @media screen and (max-width: 479px) {
        .OrdersOrdersHistoryBasic001__table td {
            padding: 60px 20px 20px 10px;
            font-size: 17px;
            border-bottom: none
        }

        .OrdersOrdersHistoryBasic001__table td:before {
            width: 100%;
            font-size: 15px;
            background: #eeeff0;
            top: 0;
            left: 0;
            padding: 10px;
            white-space: nowrap
        }
    }

}