.cart-tab {
    display: block;
    box-shadow: 7px 9px 9px #808080;
    border-collapse: collapse;
}

.table-scroll {
    display: inline-table;
    border-collapse: separate;
    border-spacing: 0;
}

.table-scroll thead tr.search-tbl-heading {
    position: sticky;
    top: 0;
    z-index: 2;
}

.table-scroll thead tr.search-tbl-heading:nth-of-type(2) {
    top: 42px;
    z-index: 2;
}

.scrollable-body {
    display: block;
    max-height: 550px;
    overflow-y: auto;
}

#tabs>ul {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    gap: 2px;
    padding: 8px;
    scrollbar-width: none;
    margin-left: 20px;
    margin-right: 20px;
}

#tabs>ul::-webkit-scrollbar {
    height: 6px;
}

#tabs>ul::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 3px;
}

#tabs>ul::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}

#tabs>ul>li {
    flex: 0 0 auto;
}

#tabs>ul>li a {
    display: inline-block;
    border-radius: 0px;
}

/* Override jQuery UI tab styles */
.ui-tabs .ui-tabs-nav li {
    float: none;
    margin: 0;
    border-bottom-width: 0;
}


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: unset;

}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: unset;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: unset;
}

.ui-tabs .ui-tab:not(.ui-state-active):hover,
.ui-tabs .ui-state-default:not(.ui-state-active):hover {
    background-color: #c1c1c1;
}

@media (max-width: 1742px) {
    .table-scroll thead tr.search-tbl-heading:nth-of-type(2) {
        top: 43px;
    }
}

@media (max-width: 1472px) {
    .table-scroll thead tr.search-tbl-heading:nth-of-type(2) {
        top: 42px;
    }
}

@media (max-width: 1326px) {
    .table-scroll thead tr.search-tbl-heading:nth-of-type(2) {
        top: 43px;
    }
}

@media (max-width: 1167px) {
    .table-scroll thead tr.search-tbl-heading {
        top: -1px;
    }

    .table-scroll thead tr.search-tbl-heading:nth-of-type(2) {
        top: 42px;
    }
}

@media (max-width: 1147px) {
    .table-scroll thead tr.search-tbl-heading:nth-of-type(2) {
        top: 41px;
    }
}

@media (max-width: 1326px) {
    .table-scroll thead tr.search-tbl-heading:nth-of-type(2) {
        top: 42px;
    }
}

@media (max-width: 1118px) {
    .table-scroll thead tr.search-tbl-heading {
        top: -2px;
    }

    .table-scroll thead tr.search-tbl-heading:nth-of-type(2) {
        top: 40px;
    }
}

@media (max-width: 914) {
    .table-scroll thead tr.search-tbl-heading:nth-of-type(2) {
        top: 41px;
    }
}

@media (max-width: 1545px) {

    table td:nth-child(2),
    table th:nth-child(2) {
        min-width: 110px;
        white-space: nowrap;
    }
}

@media (max-width: 1046px) {

    table td:nth-child(3),
    table th:nth-child(3) {
        min-width: 100px;
        white-space: nowrap;
    }

    table td:nth-child(5),
    table th:nth-child(5) {
        min-width: 120px;
        white-space: nowrap;
    }
}

#myInput {
    width: 25%;
}

@media (max-width: 890px) {
    #tabs #myInput {
        width: 50%;
    }
}

@media (max-width: 590px) {
    #tabs #myInput {
        width: 70%;
    }
}