.gridContainer {
	position: relative;
	width: 100%;
	margin: 0;
	background-color: #fff;
	clear: both;
	overflow: auto;
}

.gridContainer::-webkit-scrollbar {
	height: 8px;
	width: 8px;
	background: #fff;
}

.gridContainer::-webkit-scrollbar-thumb {
	background: #ccc;
}

.gridContainer::-webkit-scrollbar-corner {
	background: #ccc;
}

.dj_ie .gridContainer {
	overflow: auto;
}

.vaiComponent .copy {
	border-bottom: 1px solid #ececec;
	padding: 5px;
	background-color: #fff;
	overflow: hidden;
	clear: both;
}

.vaiComponent .copy span {
	display: block
}

.groupHeader {
	background-color: #e5e5e5;
	border-bottom: 1px solid #cecece;
	padding: 5px;
	font-weight: 700;
	clear: both
}

.gridContainer .groupHeader span.right {
	float: right
}

.shadow .gridContainer {
	margin-right: 6px
}

.gridContainer .loadMask {
	display: none;
	position: absolute;
	background-color: rgba(255, 255, 255, .7);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

.gridContainer .loadMask .loadIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px
}

.gridContainer .rowGroup {
	display: table;
	width: 100%;
	border-spacing: 0;
	border-left: 1px solid #ececec;
}

.boxes .gridContainer .rowGroup {
	border: none;
	display:block;
}

.boxes .gridContainer .rowGroup.featuredItems,
.boxes .gridContainer .rowGroup.newItems {
	margin-top: 6px
}

.gridContainer .cellData:before {
	display: none
}

.gridContainer .detailRow {
	display: table-row;
	background-color: #FFF
}

.gridContainer .alt-row {
	background-color: #fafafa !important
}

.gridContainer .invalid {
	background-color: #fae6e6 !important
}

.gridContainer .hiddenRow {
	display: table-row
}

.gridContainer .cellData {
	padding: 5px;
	display: table-cell;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #fff;
	border-right-color: #EDEDED;
	border-bottom-color: #EDEDED;
	vertical-align: top
}
.gridContainer .rowGroup .cellData > .rowGroup {
	border-left:none;
}
.cellData.outOfStock,
.outOfStock .output {
	color: #c00;
}

.gridContainer .cellData .rightButton {
	float: right;
}

.columnHighlight,
.currentCell,
.rowHighlight {
	padding: 3px;
	background-color: #eee;
}

.rowHighlight {
	padding: 4px 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #000;
	border-bottom-color: #000
}

.columnHighlight {
	padding: 5px 4px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #000;
	border-left-color: #000
}

.currentCell {
	padding: 4px;
	border: 1px solid #000;
	background-color: #eef
}

.headerCell {
	padding: 5px;
	background: #f5f5f5;
	display: table-cell;
	font-weight: 700;
	color: #000;
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	position: relative;
	overflow: hidden
}

.headerCell .subHeading {
	margin: -5px;
	background: rgba(0, 0, 0, .1);
	font-size: 1.2em
}

.headerCell .subHeading .desc,
.headerCell .subHeading .itemNumber,
.headerCell .subHeading .weight {
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	box-sizing: border-box
}

.headerCell .subHeading .itemNumber {
	width: 20%
}

.headerCell .subHeading .desc {
	width: 60%
}

.headerCell .subHeading .weight {
	width: 20%;
	text-align: right
}

.headerRow .headerCell a {
	color: #2a9dff
}

.headerRow .headerCell .text {
	position: relative
}

.headerRow .right a {
	margin-right: 10px
}

.headerRow .headerCell a::after {
	content: ' ';
	background-image: url(../images/sortArrows.gif);
	background-repeat: no-repeat;
	background-position: -9px center;
	height: 100px;
	width: 11px;
	overflow: hidden;
	position: absolute;
	display: block;
	float: right;
	top: 50%;
	right: 0;
	margin-top: -50px;
	border-left: 1px solid #ececec;
	border-width: 0 0 0 1px;
}

.headerRow .headerCell a:hover::after {
	background-color: rgba(255, 255, 255, .5)
}

.headerRow .headerCell.ascending a::after {
	background-position: -29px center
}

.headerRow .headerCell.descending a::after {
	background-position: -49px center
}

.headerRow .nosort a:after {
	display: none !important
}

.gridContainer .invalid:hover {
	background: 0 0
}
.gridContainer .detailRow .cellData  a {
	color: #2a9dff
}
.cellEdit {
	padding-top: 2px !important;
	padding-bottom: 2px !important
}

.innerControls {
	position: relative
}

.gridPaging {
	background: 0 0;
	filter: none;
	overflow: hidden;
	padding: 10px 0;
	box-sizing: border-box;
	border: none
}

.gridPaging .pageRange {
	padding: 1px 10px;
	margin: 0;
	vertical-align: middle;
	display: inline-block
}

.gridPaging a {
	text-decoration: none;
	margin: 0 3px;
	color: #888;
	font-size: 20px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle
}

.gridPaging a .lText {
	display: none
}

.gridPaging a .lIcon {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900
}

.gridPaging a.pageFirst .lIcon:before {
	content: "\f323"
}

.gridPaging a.pagePrev .lIcon:before {
	content: "\f053"
}

.gridPaging a.pageNext .lIcon:before {
	content: "\f054"
}

.gridPaging a.pageLast .lIcon:before {
	content: "\f324"
}

.gridPaging a.disabled {
	cursor: default;
	color: #ccc
}

.gridPaging a:hover {
	color: #000
}

.gridPaging a.disabled:hover {
	color: #ccc
}

.gridTotals {
	text-align: right
}

.gridTotals .cartTotal {
	display: inline-block;
	width: 7em
}

.appFilters {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	margin: 10px 0;
}
.appFilters .left,
.appFilters .right {
	flex:1 0 0;
}

.buttonBar {
	filter: none;
	display: inline-block;
	width: 50%;
	overflow: hidden;
	clear: both;
	margin-left: -4px;
	padding: 10px 0 10px 10px;
	box-sizing: border-box
}

.buttonBar .right,
.copy .right {
	float: right
}

.buttonBar .right .listSize {
	padding: 0;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 8px;
	right: 0
}

.orderGuide .itemTabSection.lists .buttonBar .right .listSize {
	position: unset;
	padding-right: 10px;
	font-weight: 700
}

.orderGuide .itemTabSection.lists .buttonBar .right .listSize .dijitComboBox {
	font-weight: 400
}

.searchResultsOG .buttonBar .right .listSize {
	position: unset;
	padding-right: 10px;
	font-weight: 700
}

.searchResultsOG .buttonBar .right .listSize .dijitComboBox {
	font-weight: 400
}

.buttonBar .right .layoutButtons {
	font-size: 28px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0
}

.buttonBar .left,
.copy .left {
	float: left
}

.buttonBar .txt {
	margin: 6px;
	display: inline-block
}

.buttonBar .filterButton {
	float: left
}

.printBar {
	background: #efefef
}

.printBar .right {
	float: right
}

.printBar button {
	color: #fff;
	border: 1px solid #224777;
	padding: 4px 6px;
	background: #224777;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
	margin: 10px
}

.printBar button:hover {
	color: #fff
}

.printBar:after {
	content: '';
	clear: both;
	display: block
}

.leftCol .buttonBar {
	border: none;
	border-top: 1px solid #ececec
}

.dijitTitlePane .buttonBar {
	margin: 0;
	border-right: none;
	border-left: none;
	border-top: none;
	clear: both
}

.dijitTitlePane .floatBoxColumn .buttonBar {
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-top: 1px solid #ececec
}

.gridContainer .buttonBar {
	border: none;
	margin: 0
}

.fbContent .buttonBar {
	border-right: none;
	border-left: none;
	border-top: none;
	margin-top: 0;
	clear: both;
}

.appContainer.quickOrder .itemDesc {
	width: 50%;
}

.headerRow .action.one {
	min-width: 25px !important;
}
.headerRow .glCode {
	min-width: 65px;
}
.headerRow .action.two {
	min-width: 65px !important;
}

.headerRow .action.three {
	min-width: 95px !important;
}

.expand {
	width: 20px;
	text-align: center;
}

.gridContainer .totalSection {
	float: right;
	margin-bottom: 20px;
}

.gridContainer .totalSection .rowGroup {
	border-left: none;
}

.totalRow {
	display: table-row;
/*
	background-color: #e0f2e1
*/
}

.totalRow .cellData {
	border: none;
	border-top: 3px double #fff;
	font-weight: 700;
}

.totalRow .label {
	font-weight: 700;
	text-align: right;
}

.totalRow .output {
	text-align: right;
	width: 100px;
}

.totalRow .total {
	border-top: 3px double #fff;
}

.paymentOptions .inCartSummary {
	overflow: hidden;
}

.paymentOptions .couponSection .rowGroup,
.paymentOptions .totalSection .rowGroup {
	border: none;
}

.paymentOptions .totalSection {
	float: right;
}

.paymentOptions .couponSection {
	float: left;
	background-color: #efefef;
	margin: 40px;
}

.couponSection .label {
	width: 100px;
	clear: left;
}

.couponSection .couponCode {
	margin: 20px;
	overflow: hidden;
}

.couponSection .couponCode .button,
.couponSection .couponCode .field,
.couponSection .couponCode .label {
	float: left;
}

.couponSection .couponCode .label {
	margin: 7px 2px;
	font-weight: 700;
}

.couponSection .couponCode .field {
	margin: 4px 2px;
}

.couponSection .couponCode .field .dijitTextBox {
	width: 140px;
}

.couponSection .giftCard {
	margin: 20px;
	overflow: hidden;
}

.couponSection .giftCard .button,
.couponSection .giftCard .field,
.couponSection .giftCard .label {
	float: left;
}

.couponSection .giftCard .label {
	margin: 7px 2px;
	font-weight: 700;
}

.couponSection .giftCard .field {
	margin: 4px 2px;
}

.couponSection .giftCard .field .dijitTextBox {
	width: 140px;
}

.categoryMapResults .listRow {
	overflow: hidden;
	margin: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.categoryMapResults .listRow .listCol {
	float: left;
	width: 23%;
}

.categoryMapResults .listRow .listHeading {
	font-weight: 700;
}

.categoryMapResults .listRow .listContent {
	margin-left: 10px;
}

.detailRow .negative {
	color: #900;
}

.detailRow .positive {
	color: #090;
}

.s2k-dojo .companyInquiry .fieldColumn .gridContainer .rowGroup,
.s2k-dojo .executiveARInfo .fieldColumn .gridContainer .rowGroup {
	border-left: 1px solid #ececec;
}

.genList .detailRow,
.genList .headingRow {
	overflow: hidden;
}

.genList .cellData,
.genList .heading {
	float: left;
}

.genList .heading {
	font-weight: 700;
	border-bottom: 1px solid #ececec;
}

.genList .competitorCol {
	width: 150px;
}

.genList .rankCol {
	width: 55px;
}

.pagingContainer {
	overflow: hidden;
	clear: both;
	text-align: center;
}

.pagingContainer .pagination {
	display: inline-block;
}

.pagingContainer .pagingList {
	list-style: none;
}

.pagingContainer .pagingList li {
	float: left;
	margin: 5px;
	border: 1px solid #224777;
}

.pagingContainer .pagingList li:hover {
	background-color: #f7f7f7;
}

.pagingContainer .pagingList li.disabled {
	padding: 5px 7px;
	color: #ccc;
	border: 1px solid #ccc;
}

.pagingContainer .pagingList li.disabled:hover {
	background-color: transparent;
}

.pagingContainer .pagingList li.currentPage {
	padding: 5px 7px;
	background-color: #224777;
	color: #fff;
}

.pagingContainer .pagingList li a {
	display: block;
	padding: 5px 7px;
	color: #224777;
}

.gridContainer .detailRow.hide {
	display: none !important;
}

.gridContainer .detailRow.click {
	cursor: pointer;
}

.gridContainer .cellData.hide,
.gridContainer .headerCell.hide {
	display: none;
}

.gridContainer .overridePrice {
	overflow: hidden;
	width: 140px;
}

.gridContainer .overridePrice .checkBox {
	width: 20px;
	float: left;
}

.gridContainer .overridePrice .qtyField {
	float: left;
	width: 120px;
}

.gridContainer .overridePrice .qtyField .dijitTextBox {
	width: 95%;
}

.gridContainer .popUpContainer {
	display: none;
}

.gridContainer .colAction a {
	border-left: 1px solid #666;
	float: left;
	padding: 0 2px;
}

.gridContainer .colAction span.disabled {
	border-left: 1px solid #666;
	padding: 0 2px;
	float: left;
	color: #ccc
}

.gridContainer .colAction a:first-child {
	border: none
}

.popUpGrid.dijitDialog .dijitDialogTitle {
	margin-right: 20px
}

.gridContainer .detailRow.hNode,
.hNode {
	display: none !important
}

.editMode .hNode {
	display: block !important
}

hide on mobile layout .mHide {
	display: none !important
}

@media screen and (min-width:768px) {
	.detailRow .mHide {
		display: table-cell !important
	}
}

@media screen and (max-width:603px) {
	.gridContainer .rowGroup {
		display: block
	}
}

.gridContainer .colPorC {
	min-width: 10px
}

.gridContainer .colAction,
.gridContainer .colSeq {
	min-width: 25px
}

.gridContainer .colClass,
.gridContainer .colPack,
.gridContainer .colTime {
	min-width: 35px
}

.gridContainer .colCity,
.gridContainer .colDate,
.gridContainer .colState {
	min-width: 40px
}

.gridContainer .colDays,
.gridContainer .colStatus {
	min-width: 45px
}

.gridContainer .colOther,
.gridContainer .colPrice,
.gridContainer .colQtyBO {
	min-width: 50px
}

.gridContainer .colApril,
.gridContainer .colAugust,
.gridContainer .colDealer,
.gridContainer .colDecember,
.gridContainer .colDivision,
.gridContainer .colFebruary,
.gridContainer .colJanuary,
.gridContainer .colJuly,
.gridContainer .colJune,
.gridContainer .colLocation,
.gridContainer .colMarch,
.gridContainer .colMay,
.gridContainer .colMonth,
.gridContainer .colNovember,
.gridContainer .colOctober,
.gridContainer .colOrigin,
.gridContainer .colPeriod,
.gridContainer .colRep1,
.gridContainer .colRep2,
.gridContainer .colSeptember {
	min-width: 55px
}

.gridContainer .colCreatedBy,
.gridContainer .colOwner,
.gridContainer .colPriority,
.gridContainer .colQuarter1,
.gridContainer .colQuarter2,
.gridContainer .colQuarter3,
.gridContainer .colQuarter4 {
	min-width: 60px
}

.gridContainer .colAge1,
.gridContainer .colAge2,
.gridContainer .colAge3,
.gridContainer .colAge4,
.gridContainer .colAmount,
.gridContainer .colCost,
.gridContainer .colCurrent,
.gridContainer .colDueDate,
.gridContainer .colFuture,
.gridContainer .colInvDate,
.gridContainer .colPayment,
.gridContainer .colPercent,
.gridContainer .colProfit,
.gridContainer .colReason,
.gridContainer .colSalesPercent,
.gridContainer .colSource,
.gridContainer .colTotal,
.gridContainer .colType {
	min-width: 65px
}

.gridContainer .colCloseProbability,
.gridContainer .colCustomer,
.gridContainer .colDifference,
.gridContainer .colInvoiceNum,
.gridContainer .colLastYear,
.gridContainer .colName,
.gridContainer .colOrdered,
.gridContainer .colPacked,
.gridContainer .colRelatedTo,
.gridContainer .colShipped,
.gridContainer .colTotal {
	min-width: 70px
}

.gridContainer .colAccount,
.gridContainer .colCreditNum,
.gridContainer .colDiscountPercent,
.gridContainer .colExtendedPrice,
.gridContainer .colOrderNum,
.gridContainer .colPONum,
.gridContainer .colQtyOrdered,
.gridContainer .colQuoteNum,
.gridContainer .colReturnNum,
.gridContainer .colTitle {
	min-width: 75px
}

.gridContainer .colAssignedTo,
.gridContainer .colContactDate,
.gridContainer .colInvoiceDate,
.gridContainer .colOpenDate,
.gridContainer .colPostalCode,
.gridContainer .colProspectNumber,
.gridContainer .colSalesYTD,
.gridContainer .colSalesman,
.gridContainer .colZip {
	min-width: 80px
}

.gridContainer .colCustomerNumber,
.gridContainer .colEnteredBy,
.gridContainer .colOrderTotal,
.gridContainer .colQtyAllocated,
.gridContainer .colQuoteTotal {
	min-width: 85px
}

.gridContainer .colAmountDue,
.gridContainer .colContactEmail,
.gridContainer .colCountryCode,
.gridContainer .colCurrentYear,
.gridContainer .colEmailAddress,
.gridContainer .colSubject,
.gridContainer .colVendorName {
	min-width: 90px
}

.gridContainer .colContactFax,
.gridContainer .colContactPhone,
.gridContainer .colFax,
.gridContainer .colFaxNumber,
.gridContainer .colItemNumber,
.gridContainer .colPhone,
.gridContainer .colPhoneNumber {
	min-width: 95px
}

.gridContainer .colAddress,
.gridContainer .colContactName,
.gridContainer .colCustomerPO,
.gridContainer .colFileDescription,
.gridContainer .colFileEnteredBy,
.gridContainer .colNoteSubject {
	min-width: 100px
}

.gridContainer .colPrivateTemplate,
.gridContainer .colSalesLastYTD {
	min-width: 105px
}

.gridContainer .colAccountName,
.gridContainer .colLastYearSales,
.gridContainer .colSalesChange,
.gridContainer .colVendorAddress1,
.gridContainer .colVendorAddress2,
.gridContainer .colVendorAddress3 {
	min-width: 110px
}

.gridContainer .colSalesMeasure {
	min-width: 120px
}

.gridContainer .colChangePercentage,
.gridContainer .colCompetitorNumber,
.gridContainer .colProjectedRevenue,
.gridContainer .colRevenueEndDate,
.gridContainer .colRevenueStartDate {
	min-width: 130px
}

.gridContainer .colExpectedCloseDate {
	min-width: 145px
}

.gridContainer .colCurrentYearSales {
	min-width: 150px
}

.gridContainer .colDescription {
	min-width: 155px
}

CRM JSR286 .gridContainer .colcustomerID {
	min-width: 75px
}

.gridContainer .coladdress1,
.gridContainer .colname {
	min-width: 80px
}

.gridContainer .colcity {
	min-width: 40px
}

.gridContainer .colstate {
	min-width: 45px
}

.gridContainer .colzipcode {
	min-width: 35px
}

.gridContainer .colphone {
	min-width: 55px
}

.gridContainer .colemail,
.gridContainer .colprimarysalesRepName,
.gridContainer .colsecondarysalesRepName {
	min-width: 50px
}

.gridContainer .colicitem {
	min-width: 60px
}

.gridContainer .colianame {
	min-width: 70px
}

.gridContainer .colicdsc1,
.gridContainer .colicdsc2 {
	min-width: 100px
}

.gridContainer .colifqoh,
.gridContainer .colrodnam {
	min-width: 70px
}

.gridContainer .colrndcnm {
	min-width: 50px
}

.gridContainer .colacname {
	min-width: 100px
}

.gridContainer .colacvend {
	min-width: 115px
}

.gridContainer .colacadr1 {
	min-width: 70px
}

.gridContainer .colaccity {
	min-width: 40px
}

.gridContainer .colacstat {
	min-width: 45px
}

.gridContainer .colacmzip {
	min-width: 35px
}

.gridContainer .colacphon {
	min-width: 55px
}

.gridContainer .colaccurc {
	min-width: 80px
}

.gridContainer .colacdel {
	min-width: 60px
}

.gridContainer .colpoNumber {
	min-width: 50px
}

.gridContainer .collocation {
	min-width: 60px
}

.gridContainer .colpoType {
	min-width: 35px
}

.gridContainer .coldueDate,
.gridContainer .colordDate {
	min-width: 70px
}

.gridContainer .colcancelDate {
	min-width: 80px
}

.gridContainer .colconfirmNo {
	min-width: 70px
}

.gridContainer .colcustomer {
	min-width: 80px
}

.gridContainer .colcustomerName {
	min-width: 110px
}

.gridContainer .colbuyerName,
.gridContainer .colitem,
.gridContainer .colpoStatus {
	min-width: 50px
}

.gridContainer .colitemDesc1,
.gridContainer .colitemDesc2 {
	min-width: 100px
}

.gridContainer .colcost {
	min-width: 70px
}

.gridContainer .colrecvDate,
.gridContainer .colrecvQty {
	min-width: 90px
}

.gridContainer .coluom {
	min-width: 30px
}

.gridContainer .colextCost,
.gridContainer .colorderNumber {
	min-width: 100px
}

.gridContainer .colvendor {
	min-width: 70px
}

.gridContainer .colvoucherStatus {
	min-width: 50px
}

.gridContainer .colinvoiceNumber {
	min-width: 70px
}

.gridContainer .colinvoiceDate {
	min-width: 90px
}

.gridContainer .colcashDiscountDate {
	min-width: 100px
}

.gridContainer .colinvoiceAmount {
	min-width: 60px
}

.gridContainer .colbalanceDue,
.gridContainer .colpaidAmount {
	min-width: 90px
}

.gridContainer .coldiscAvail,
.gridContainer .colpayNextAmount {
	min-width: 60px
}

.gridContainer .colv1099 {
	min-width: 40px
}

.gridContainer .colcurrency {
	min-width: 70px
}

#myAccounts .itemResults.gridContainer {
	padding: 0 10px;
	box-sizing: border-box
}

#myAccounts .buttonBar .dijitTextBox .dijitInputField,
#myAccounts .buttonBar .dijitTextBox .dijitInputInner {
	line-height: 25px
}

.gridContainer .cycleLength {
	background: linear-gradient(to right, rgba(60, 97, 123, 1) 28%, rgba(48, 104, 61, 1) 30%, rgba(48, 104, 61, 1) 70%, rgba(115, 59, 50, 1) 72%);
	height: 10px;
	position: relative;
	border: 1px solid #ededed
}

.gridContainer .cycleLength .overlay {
	background: rgba(0, 0, 0, .6);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1
}

.gridContainer .cycleLength:after,
.gridContainer .cycleLength:before {
	content: '';
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background: #333;
	z-index: 2
}

.gridContainer .cycleLength:before {
	left: 33.33333%
}

.gridContainer .cycleLength:after {
	right: 33.33333%
}

.gridContainer .labelValue div {
	width: 50%;
	display: inline-block;
	vertical-align: middle
}

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

	.smartphone .gridContainer .detailRow,
	.tablet .gridContainer .detailRow {
		display: block
	}

	.smartphone .gridContainer tbody,
	.tablet .gridContainer tbody {
		width: 100%;
		display: block
	}
}
.reviewCart .headerCell {
	white-space:nowrap;
}