.control.displayFlexInline {
    display: flex;
}
.control.displayFlexInline input {
    width: 36px;
}
.width222px {
    width: 222px;
}
.control.qty.qty_container {
    float: left;
}
/*.table.data.grouped tbody:nth-child(even) {*/
    /*background: #daeff8;*/
/*}*/
.pleaseContactUsDiv {
    margin: 20px 0 60px 0;
}
#filterShowGroupedItems {
    float: right;
    width: 100%;
}
#filterShowGroupedItems #filterContainer {
    width: 300px;
    float: right;
}
#filterShowGroupedItems #filterContainer input {
    width: 300px;
    float: right;
}

/*** TABLESORTER ***/
/* pager wrapper, div */
.tablesorter-pager {
    padding: 8px 0;
    display: grid;
    grid-template-columns: 1fr auto;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
    background-color: #e6eeee;
    margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
    vertical-align: middle;
    margin-right: 2px;
    cursor: pointer;
}

/* pager output text */
/*.tablesorter-pager .pagedisplay {
    padding: 0 5px 0 5px;
    width: 50px;
    text-align: center;
}*/

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
    margin: 0 0 0 8px;
    padding: 0;
    width: 50px;
}

.tablesorter-pager form {
    display: flex;
    column-gap: 8px;
    align-items: center;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
    display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
    /* visibility: hidden */
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

/* Override sorting arrows for sorter-false columns */
.tablesorter-materialize thead .sorter-false {
    background-image: none !important;
    padding: 4px !important;
}

/*
@media only screen and (max-width: 767px) {
    .tablesorter-pager {
        width: 100%;
    }
}*/