.wsfHTMLField { white-space: normal; }

INPUT:active 
{
  box-shadow: -4px 4px 26px 0px rgb(148 145 148);
}

.ActiveButton
{
  box-shadow: -4px 4px 26px 0px rgb(148 145 148);
}

.ContentArea2
{
  padding:0;
  font-size: 9pt;
	position:relative;
  min-height: 99vh;
}

#oTxEditCustomerName { display: none; }
#oTxEditCustomerName .TextInput 
{ 
  background-color: transparent;
  border: 0;
  font-size: 15pt;
  padding: 0;
  text-align: right;
}

#oBLEScale { display:inline-block }
#oBLEScaleCmds {}

.osOIOptions { display:inline-block; font-weight:bolder; color: #2196f3; padding-left: 5px; }

#oRcpMUAdv
{
  background-color: #aad8eb;
  padding: 10px 5px;
}

.osAddMultiRcpItemBtn 
{
  float: right;
  min-height: 0;
  font-size: 12pt;
  margin: 5px;
  color: #fff;
  background-color: #ff9800;
}

/* POS invoice or recipt */
.wsfAlertBoxBtn.osRcptOrInvINV, .wsfAlertBoxBtn.osRcptOrInvRCP
{
  background-image: url(../images/invoice.png);
  background-repeat: no-repeat;
  height: 125px;
  width: 130px;
  background-size: 90% 90px;
  background-position: center 5px;
  padding-top: 95px;
}

.wsfAlertBoxBtn.osRcptOrInvRCP
{
  background-image: url(../images/Receipt.png);
}

.osRCPQRCode { width:100%; }

.osRcptOrInvCANC
{
  display: block;
  margin: auto;
}

/* recipe option selection classes */
.osProdRecipeBase { border-left: 10px solid #8bc34a !important; }
.osProdRecipeStar { background-image: url(../images/Star.png); }
.osProdRecipeSpicy { background-image: url(../images/Spicy.png); }
.osProdRecipeVeg { background-image: url(../images/vegetarian.png); }
.osProdRecipeGFree { background-image: url(../images/glutenFree.png); }
.osProdRecipeWarning { background-image: url(../images/Danger.png); }

/* this was hiding errors when adding dup items
#wsfDialogCnv.osAddMultiProdRecipes { z-index: 1002; }
*/

#wsfDialogCnv.osRedeemGCVoucherCnv { z-index: 3; }
.osRedeemGCVoucherCnv #wsfDialogPnl 
{ 
  text-align: center;
  width: 700px;
  max-width: 100vw;
  margin: auto;
}
#oRGCUserList
{
  max-height: 60vh;
  overflow: auto;
  background-color: #fff;
}
#oRGCVoucherSel { padding: 10px 0; }
#oRGCVoucherSel .NumInput { font-size: 14pt; }

.osRGCVoucherBtns { margin-top:10px; }
.osRGCVoucherBtns button { font-size: 14pt; }

.GCVoucherCode
{
	padding: 10px 0;
	font-weight: bolder;
}

.GCVoucherBalance
{
	padding: 10px 0;
	font-size: 30pt;
	font-weight: bolder;
}

.osAddMultiProdRecipes .wsfDialogPnl
{
  border: 1px solid #c0c0c0;
  box-shadow: 0px 10px 20px #b0b0b0;
  padding: 20px 10px;
}

.AMSearchBox
{
  padding:5px;
  text-align: left;
}

.AMSearchInput button
{
  
}
.AMSearchInput input, .AMSearchInput button, .osCalBts button
{
  font-size: 12pt;
  padding: 5px 10px;
}
.AMSearchInput
{
  padding: 10px 5px;
}

#AMSearchResult, #AMSelectedItems
{
  padding: 5px;
  max-height: 100px;
  overflow: auto;
}
.osAMSelectedItems
{
  background-color: #fff;
  padding: 10px;
  margin: 10px 5px;
}
#AMSelectedItems {}

.AMSearchItemBtn, .AMSelItemBtn
{
  background-color: #8bc34a;
  color: #fff;
  margin: 2px 5px;
  border-radius: 4px;
}
.AMSearchItemCateg { font-size: 80%; }

.AMSelItemBtn.AMNewItemBtn
{
  background-color: #ff9800;
}
.AMSelItemBtn
{
  background-color: #4caf50;
  padding: 5px;
  display: inline-block;
  cursor: url(../images/DEL.GIF), auto;
}

.osConvUMBtn
{
  background-image: url(../images/arrows.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  background-color: #f0f0f0;
  border-radius: 4px;
}

.osBasketBannerMessages
{
  padding-top: 20px;
  overflow:auto;
}

.osBasketBannerMessage 
{
  padding: 20px;
  border: 2px solid #c0c0c0;
  overflow:auto;
  text-align: left;
}

#osOPSignPad 
{ 
  display:none; 
  position:fixed;
  z-index: 1;
  top:0;left:0;
  bottom:0;right:0;
  padding:20px;
  background-color:#f0f0f0;
  overflow:auto;
}
#osOPSignPadTitle { font-size: 14pt; text-align:center;}
#osOPSignPadNote 
{ 
  font-size: 16pt;
  text-align: left;
  padding: 10px;
  margin: 10px;
  background-color: #fff;
  max-height: 15vh;
  overflow: auto;
}
.osOPSignPadBtns { text-align:center; }
.osOPSignPadBtns input[type=button], .wsfSignPadFieldTlb input[type=button], #osOPFacingMode { font-size:14pt; margin: 5px; }
#osOPSignPadPhotoOk, #osOPFacingMode { display:none; }

#oSignPadCnv { height: 50vh; }

#oDupProductsCheck a { color:#fff; }
#oDupProductsCheck
{
  position: static;
  background-color: #df0000;
  z-index: 1;
  color: #fff;
  font-size: 14pt;
  top: 0;
  left: 0;
  right: 0;
  padding: 7px;
  text-align: center;
}

.osOrderImgBoxes
{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.osOrderImgBox
{
  display:inline-block;
  padding:10px;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  background-color: #f0f0f0;
  text-align:center;
  font-size: 8pt;
  margin:2px;
  flex:1;
}

.osOrderImg
{
  height: 80px;
}

.osOrderImgBtns
{
  display: inline-flex;
  vertical-align: bottom;
  flex-direction: column;
  height: 100px;
}

.osOrderImgBtn
{
  height: 100px;
  width: 100px;
  display: block;
  margin: 5px;
}

#osOrderPhotoPopup, #osOrderSignPopup
{
  display:none;
  position:fixed;
  z-index:1;
  background-color: #fff;
  padding: 20px;
  text-align:center;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

#osOrderSignPopup { width:80vw; }

.osOrderTitle
{
  padding-top:5px;
  font-size: 10pt;
}

.wsfPHContentInfo { display:none; }

.osSupplierPOSendAuto 
{ 
  font-weight: bolder;
  background-color: darkgreen;
  color: #fff;
  padding: 2px 3px;
  font-size: 8pt;
  border-radius: 4px;
}

#osSiteAlertPnl
{
  position:fixed;
  z-index:1000;
  top:50px;
  right:-235px;
  width:250px;
  height:140px;
  overflow:auto;
  padding: 20px 10px;
  text-align: center;
  border: 1px solid #c0c0c0;
  background-color:#ffff99;
  border-radius:10px;
  border:2px solid #c0c0c0;
  cursor:hand;
  cursor:pointer;
  transition: 200ms ease 100ms;
}

#osSiteAlertPnl.osSiteAlertVERYHIGH { background-color:#df0000; color:#fff; animation: blink 1000ms infinite; }
#osSiteAlertPnl.osSiteAlertHIGH { background-color:orangered; color:#fff; animation: blink 1500ms 3; }
#osSiteAlertPnl.osSiteAlertMEDIUM { background-color:#ffeb3b; color:#000; animation: blink 2000ms 2; }
#osSiteAlertPnl.osSiteAlertLOW { background-color:#8bc34a; color:#fff; }
#osSiteAlertPnl.osSiteAlertERROR { background-color:#df0000; color:#fff; animation: blink 700ms infinite; }
#osSiteAlertPnl.osSiteAlertPnlHide { right: -235px; transition: 200ms ease 100ms; }
#osSiteAlertPnl.osSiteAlertPnlShow { right: 10px; transition: 200ms ease 100ms; }

.osSiteAlertPnlExt { font-size: 80%; }
.osSiteAlertPnlBtn 
{ 
  background-color: #2196f3;
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  cursor: hand;
  cursor: pointer;
  margin-top: 5px;
}

.osSiteAlertRegisters
{
  font-size: 8pt;
  white-space: nowrap;
  overflow:hidden;
  padding-top:3px;
}

.osSelUserRights
{
  display:inline-block;
  padding: 0 0 0 5px;
  font-size: 12pt;
  color: #c0c0c0;
  font-style: italic;
}

.osPanelLink
{
  padding:5px 0 0 0;
}

#wsfDialogCnv.osOrderNotificationCnv
{
  padding: 30px;
}

.osOrderNotificationCnv #wsfDialogPnl
{
  width: 80vw;
  margin: auto;
  height: 90vh;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.osOrderNotificationCnv #wsfDialogPnl .osDialogBoxScroll
{
  height: 80%;
  overflow: auto;
  padding: 20px;
  border: 1px solid #c0c0c0;
}

.osEditOrderAddrPanel
{
  text-align:left;
}

.osConvQtyPanel #wsfDialogPnl
{
  max-width: 100vw;
  width: 400px;
  margin: auto;
  height: 60vh;
  top: 10vh;
  text-align:left;
  padding: 20px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.osConvQtyCase
{
  background-color: #03a9f4;
  color: #fff;
  display: block;
  padding: 5px;
  width: 100%;
}

.osConvQtyPanelBtns
{
  text-align:center;
  padding: 10px 0;
}

.osDialogCnv #wsfDialogPnl 
{
  background-color: #fff;
  padding: 20px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.osOItemOld td
{
  background-color: #eeacac;
}

#oOrderItems .DBTabGrpHead
{
  background-color: #005da7;
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 10px;
  text-align:center;
}

#oOrderItems.osOrderItemsCompact .DBTabGrpHead
{
  visibility: visible;
  display: table-cell;
  opacity: 1;
}

.osCourseBtn
{
  background-color: orange;
  color:#fff;
  text-transform: uppercase;
}

.osCourseInfo
{
  display:inline-block;
  float: right; 
  letter-spacing: 0;
  border: 1px solid #c0c0c0;
  font-size: 15pt;
}

#oOrderItems .wsfSpotImg 
{ 
  position: absolute;
  top: 0;bottom:0;
  left: 0;right:0;
  margin:auto;
  padding:0;
  height: 40px;
  border-radius: 4px
}

.osCourseStatLow { background-color: #ebccd1; padding: 0 10px 2px 10px;}
.osCourseStatOk { background-color: #3c763d; padding: 0 10px 2px 10px;}
.osCourseStatHigh { background-color: #b0b0b0; padding: 0 10px 2px 10px;}

#oOrderItems .osSeatNumNone
{
  border: 1px dotted #c0c0c0;
  cursor:hand;cursor:pointer;
}

#oOrderItems .osSeatNumSel
{
  background-color: #8bc34a;
  font-size: 12pt;
  padding: 10px 0;
  cursor:hand;cursor:pointer;
}
#oOrderItems .osSeatNumSelRO { opacity: 0.5; }

/* order item seat num panel */
.osOrderItemFDOptsCnv #wsfDialogPnl
{
  max-width: 800px;
  margin: 5% auto;
  max-height: 400px;
  padding: 40px 20px;
  box-shadow: 0px 10px 20px #b0b0b0;
  background-color: #d1f2ab;
}

.osOrderItemSeatNums
{
  padding: 10px 0;
  margin-bottom: 30px;
}

.osOrderItemSeatNums input[type=radio]
{
  display:none;
}
.osOrderItemSeatNums input[type=radio]:checked + .osOrderItemSeatNum
{
  background-color: #8bc34a;
}

.osOrderItemSeatNumMore
{
  border-bottom: 4px solid orangered;
}

.osOrderItemSeatNumOne
{
  border-bottom: 4px solid #005da7;
}

.osOrderItemSeatNum
{
  background-color: #c0c0c0;
  color: #fff;
  font-size: 14pt;
  padding: 10px;
  min-width: 65px;
  margin: 5px;
  display: inline-block;
  cursor:hand;cursor:pointer;
}

.osOrderItemStatusHistory
{
  border-collapse:collapse;
  font-size: 10pt;
  width: 100%;
}

.osOrderItemStatusHistory td
{
  border: 1px solid #c0c0c0;
  padding: 5px;
  text-align:center;
}

.osOrderItemStatusHistory td:nth-child(n+4)
{
  width: 100px;
}

.osDialogCnvHead {
  font-size: 9pt;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  padding: 10px;
}

.osTotRepBox {
  font-size: 10pt;
  vertical-align: top;
  padding: 10px;
  overflow: auto;
  box-sizing: border-box;
}

.osTotRepBox:first-child { padding-left: 0;  }

.osSelectDefPrnAgtCnv #wsfDialogPnl button,
.osSelectDefPrnAgtCnv #wsfDialogPnl input,
.osSelectDefPrnAgtCnv #wsfDialogPnl select { font-size: 14pt; }
.osSelectDefPrnAgtCnv #wsfDialogPnl
{
  max-width: 100vw;
  width: 500px;
  height: auto;
  min-height: 400px;
  max-height: 90vh;
  overflow: auto;
  margin: auto;
  background-color: #ffeb3b;
  font-size: 14pt;
  padding: 20px;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.osPCSelTableCnv #wsfDialogPnl { padding: 0; }
.osPCSelTableCnv .wsfClosePnlBtn
{
  z-index: 3;
  border: 4px solid #000;
  height: 40px;
  width: 50px;
  background-color: #e0e0e0;
}

#wsfDialogCnv.osPCEditSeatsCnv { padding: 20px; }
.osPCEditSeatsCnv #wsfDialogPnl 
{ 
  max-width: 100vw;
  width: 500px;
  height: auto;
  min-height: 400px;
  max-height: 90vh;
  overflow: auto;
  margin: auto;
  background-color: #ffeb3b;
}
.osPCEditSeatsTab { border-collapse: collapse; width:100%; font-size: 14pt; }
.osPCEditSeatsTab input { font-size: 14pt; }
.osPCEditSeatsTab td { border: 0; 1px solid #c0c0c0; padding: 2px 5px; }
.osPCEditSeatsTab td:nth-child(1) { text-align:center; width: 50px; }
.osPCEditSeatsTab .TextInput { width:100%; }

.osPCEditSeatsCnv .wsfBtnSave, .osPCEditSeatsCnv .wsfBtnCancel { font-size: 14pt; }

.osTableBoxes 
{
  text-align:left;
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.osTableBoxesNone
{
  overflow:auto;
  white-space: nowrap;
  padding: 10px;
}

/* PAOLO2NOV2024 no tables, show tickets */
.osTableBoxesNone.osTableBoxesNoneTk .osTableFloor { display: none; }
.osTableBoxesNone.osTableBoxesNoneTk .osTableBoxName { display: none; }
.osTableBoxesNone.osTableBoxesNoneTk .osTableBox { max-height: 200px; box-shadow: 8px 9px 8px #b0b0b0 }
.osTableBoxesNone.osTableBoxesNoneTk
{
	height:50vh;
	display: flex;
	flex-wrap: wrap;
}
.osOrdInfItems 
{
  font-size: 9pt;
  text-align: left;
  padding: 5px;
	overflow: hidden;
}

.osTableBoxesArea
{
  position:relative;
  padding: 10px;
  width:100%;
  border: 1px solid #c0c0c0;
  overflow:auto;
  flex:1;
}

.osFloorObjBtns
{
  padding: 5px;
  padding: 5px 0 0 5px;
}
.osFloorObjBtns .wsfNoteStrip { float:right; }
.osFloorObjBtn
{
  font-size: 14pt;
  max-width: 200px;
  overflow: hidden;
  background-color:#cddc39;
  margin: 1px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.osFloorObjBtnDsb
{
  background-color:#df0000;
}

.osTableBoxChk
{
  position: absolute;
  bottom: 5px;
  transform-origin: right;
  transform: scale(2);
}

.osTableBox 
{
  display:inline-block;
  width:120px;
  height: auto;
  min-height: 80px;
  max-height: 90px;
  padding:5px;
  text-align:center;
  border: 1px solid #c0c0c0;
  margin:5px;
  font-size: 16pt;
  vertical-align:top;
  background-color:#8bc34a;
  cursor:hand;cursor:pointer;
  position:relative;
  background-repeat: no-repeat;
  background-size: 25%;
  background-position: 1px 5px;
  overflow: visible;
  z-index: 2; 
}

.osTableBoxBill
{
  background-size: 20px;
  background-image: url(../images/Receiptwhite.png);
  background-repeat: no-repeat;
  background-position: left 0px;
}

/* PAOLO16AUG22 floor objects */
.osFloorObjBox
{
  width: 150px;
  height: auto;
  min-height: 80px;
  max-height: 300px;
  background-color: #c0c0c0;
  z-index: 1;
}

.osTableBoxDsbl 
{
  background-color: #df0000;
}

.osTableBoxesEdit .osTableBox 
{
  border: 2px dashed #000;
  b ackground-color: #8bc34a57;
  opacity: 0.6;
}

#oTableBoxesEdit
{
  display:none;

  position: fixed;
  z-index: 3;
  background-color: #ffff99;
  padding: 20px;
  width: 400px;
  height: 300px;
  top: 20px;
  left: 0;
  right: 0;
  m argin: auto;
  border: 1px solid #c0c0c0;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

/* table layout classes */
.osFlrObjLabel { background-color: transparent; border: none; }
.osFlrObjLabel .osTableBoxName { white-space:normal }
.osFlrObjWallH { background-color: #525252; width: 480px; min-height: 0; height: 50px; color:transparent }
.osFlrObjWallV { background-color: #525252; width: 50px; min-width: 0; height: 480px; color:transparent }
.osFlrObjAreaSquare { width: 300px; height: 300px; }
.osFlrObjAreaRound { width: 300px; height: 300px; border-radius: 100px }
.osFlrObjAreaRecH { width: 500px; height: 300px; }
.osFlrObjAreaRecV { width: 300px; height: 500px; }

.osTabCstRecLarge { width: 240px; }
.osTabCstRecTall { height: 130px; }
.osTabCstRoundLarge { width: 240px; height: 160px; border-radius: 80px; }
.osTabCstRecSmall { width: 90px; }
.osTabCstRoundSmall { border-radius: 30px; }
/* end */

.osTableFloor { font-size: 80%; }

.osTableBoxBusy { background-color: #ff9800; }
.osTableBoxNone { background-color: #c0c0c0; }
.osTableBoxAdd { o pacity: 0.6; b order: 4px dashed #3f51b5; background-color: #ff5722; }
.osTableBoxAdd.osTabBoxOrdRO { o pacity: 1.0; }
.osTableBoxMulti 
{ 
  background-color: #ff9800;
  font-size: 18pt;
  padding: 10px 5px;
  margin: 5px;
  color: #000; 
  cursor: hand;cursor:pointer;
}
#wsfDialogCnv.osTableBoxMultiPnl { padding:40px; }
.osTableBoxMultiPnl #wsfDialogPnl { max-width: 70vw; margin:auto; border: 1px solid #c0c0c0; box-shadow: 0px 10px 20px #b0b0b0 }
.osTableBoxMultiInfo { font-size: 70%; padding-top: 10px; }
.osTableMainSeat { display:inline-block; padding-left: 5px;}
.osTableBoxName { font-size: 80%; white-space: nowrap; overflow: hidden; }
.osTableBoxEdit { text-align: left;padding: 5px 10px; }
.osTableBoxCurrent { border:2px solid #2196f3; }
.osTableBoxOrderBox { font-size: 80%; }
.osTableBoxOrderNum { font-weight: bolder; display:inline-block; }
.osTableBoxOrderTabName { font-weight: bolder; display:inline-block; }
.osTableBoxOrderName { padding-left:5px; display:inline-block;  }
.osTableBoxOrderInfo { font-size: 60%; margin-top: 1px; padding: 1px; }
.osTableBoxOrderLate { color:#df0000; padding: 2px; }
.osTableBoxOrderServer
{ 
  position: absolute;
  top: -6px;
  right: -8px;
  font-size: 90%;
  background-color: #f0f0f0;
  padding: 2px;
  border: 1px solid #525252;
  border-radius: 4px;
}

.osPCMultiOrderBoxes
{
  clear:both;
}

.osPCMultiOrderBox
{
  border: 1px solid;
  border-radius: 5px;
  display: inline-block;
  padding: 10px;
  margin: 10px;
  height: 150px;
  vertical-align: top;
  background-color: #ff9800;
  cursor:hand;cursor:pointer;
  position:relative;
}

.rbExtQuickStats .wsfMSRBoxTools { display: none; }

.osRTMLogoMini { width:50px; }
.osBKInfoTab { clear:both; display: flex; flex-wrap: wrap; justify-content: space-between; }
.osBKInfoLbl { 
  flex-grow: 1;
  text-align: left;
  padding: 10px;
  border: 1px solid #c0c0c0;
}
.osBKInfoVal { font-size: 20pt; }
.osBKInfoNote { font-size: 18pt; }

.osOrdInfPosCash { display: none }
.osOrdInfOrderID { font-size: 9pt; }
.osOrdInfCustomer, .osOrdInfTabName 
{ 
  font-weight: bolder; font-size:14pt; 
  max-height: 40px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.osTabCstRecSmall .osOrdInfCustomer, .osTabCstRecSmall .osOrdInfTabName { font-weight: bolder; font-size:11pt; }

.osOrdInfGuests { display:inline-block; }
.osOrdInfTime 
{ 
  background-image: url(../images/clock.png);
  background-size: auto 50%;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 5px 0 5px 15px;
  font-size: 80%;
}

.osOrdInfAmount { font-weight: bolder; padding: 0 0 10px 0;}
.osOrdInfBillPrn
{
  background-image: url(../images/Receipt.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  font-size: 80%;
  position: absolute;
  bottom: -6px;
  right: -9px;
  font-size: 0;
  width: 18px;
  height: 25px;
  background-color: #fff;
}
.osOrdInfServer { font-size: 10pt; }

.osTableBoxOrderBox .osOrdInfSeats { display:none; }
.osTableBoxOrderBox .osOrdInfTime { padding:0; background-size: auto 100%; }
.osTableBoxOrderBox .osOrdInfOrderID { display:none; }
.osTableBoxNone .osTableBoxOrderBox .osOrdInfOrderID { display:block; }

.osTableBoxNone .osTableBoxName { font-size: 70%; overflow: hidden; max-height: 33px; }

.osTabBoxOrdSrvMgr { background-color: dodgerblue; }
.osTabBoxOrdSrvOwn { background-color: darkgreen; color:#fff; }
.osTabBoxOrdSrvRO { background-color: #b0b0b0; }
.osTabBoxOrdRO { opacity:0.4; }

/* to avoid items in menu to go on one line when clicking on them */
.wsfSubMnTab1, .wsfSubMnTab2 { white-space:nowrap; }
.mnuItems { min-width: 180px; }

.wsfROTextArea { min-height: 40px; }

#osMonOrdPanel .osClosePanelBtn { position: fixed; right: 10px; top: 40px; }
#osMonOrdPanel
{
  padding: 20px;
  margin: auto;
  background-color: #fff;
  text-align:left;
}

.osMonOrdGrid
{
  text-align: left;
  font-size: 10pt;
  background-color: #fff;
}

.osMonOrdItemPlan
{
  position:relative;
  height: 25px;
  overflow: hidden;
  border-bottom: 1px solid #c0c0c0;
}

.osMonOrdItemPlanVoided
{
  
}

.osBtnOrdTimLine
{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/history.png);
  color: transparent;
  width: 30px;
  background-color: #2196f3;
}

.osMonOrdTimline
{
  position:relative;
  height: 25px;
  overflow: visible;
  background-color: #f0f0f0;
}

.osMonOrdItems
{
  max-height: 70vh;
  overflow:auto;
}

.osMonOrdItem:hover
{
  b ackground-color: #2196f33d;
}

.osMonOrdItemVoided { background-color: #9e9e9e6b; }
.osMonOrdItem
{
  font-weight: bolder;
}

.osMonOrdTim:hover
{
  b ackground-color: #2196f33d;
}

.osMonOrdTim
{
  position:absolute;
  top:2px;
  width: 30px;
  height: 70vh;
  overflow: visible;
  border-left: 1px solid #f0f0f0;
}

.osMonOrdTimMain
{
  border-left: 1px solid #c0c0c0;
}
.osMonOrdTimlbl
{
  transform:translateX(-50%)
}

.osMonOrdTag
{
  position:absolute;
  cursor: hand;cursor:pointer;
  top:2px;
  width: auto;
  padding: 1px 2px;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #525252;
}

.osMonOrdNew { background-color: #c0c0c0; }
.osMonOrdVoid { background-color: #525252; color:#fff; }
.osMonOrdDiscount { background-color: yellow; color:#000; }

.osBtnPush
{
  font-size: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  transition: font-size 200ms, padding 200ms ease 100ms;
}

.osBtnScaleOut
{
  transform:scale(0);
  transition: all ease 100ms;
}

.osBtnSlideRight
{
  transform: translateX(150%);
  transition: all ease 100ms;
}

.osBtnSlideLeft
{
  transform: translateX(100%);
  transition: all ease 100ms;
}

.osPayOnlineNow
{
  background-color: #c0c0c0;
  color: #000;
  font-size: 13pt;
  margin: 2px;
  text-align: center;
  padding: 5px;
}

.osGraphColAlert
{
  background-image: url(../images/Star.png);
  background-size: contain;
  height: 40px;
  margin-top: -10px;
  background-repeat: no-repeat;
}

#QuickEditBoxCashCheck { overflow:auto; }

.osCashCheckSubWrn
{
  color:#df0000;
  padding: 5px;
  text-align: center;
}

.osCashCheckReconTable
{
  border-collapse: collapse;
  width:100%;
}

.osCashCheckLink
{
  text-align:right;
}

.osCashCheckShiftInfo
{
  padding:5px;
  background-color:#03a9f4;
  text-align:center;
  color:#fff;
  margin-top:5px;
}

.osCashCheckReconTable td
{
  border: 1px solid #c0c0c0;
  padding: 5px;
  text-align:right;
}

.osItemHasExp 
{ 
  background-repeat: no-repeat;
  background-image: url(../images/Expiration.png);
  background-size: contain;
  background-position: center;
  font-size: 0;
  width: 25px;
  height: 25px;
  margin:auto;
}

.osCashCheckTotCol { background-color:#f0f0f0; }

#oCashCheckItems .FilterBox { display:none; }
#oCashCheckItemRecords .NumInput { width: 80px; }
#oCashCheckItems .wsfMSRBoxTools { display:none; }
#oCashCheckItemRecords { background-color: #fff; padding: 10px; }
#oOrderItems .wsfMSRBoxTools { display:none; }
#oOrderPayments .wsfMSRBoxTools { display:none; }
#oCashDenominationRecords .wsfMSREditField.EditAmount { width:50px; }


.rbxProdBatchesBtn { background-image: url(../images/Expiration.png); }
.rbxCloudPrint { background-image: url(../images/PrintGreen.png); }

.rbxTestPrnName
{
  padding-top:10px;
  font-weight: bolder;
}
.rbxPrintAgentsStatus
{
  display:inline-block;
  border: 1px solid #c0c0c0;
  border-radius:4px;
  padding: 2px 5px;
  margin: 0 2px;
  text-align: center;
  vertical-align: bottom;
  cursor: hand; cursor: pointer;
}
.rbxPrnAgRed { background-color: #df0000; color:#fff }
.rbxPrnAgOrange { background-color: darkorange; color:#fff }
.rbxPrnAgYellow { background-color: yellow; color:#000 }
.rbxPrnAgGreen { background-color: forestgreen; color:#fff }
.rbxPrnAgDeadHost { border-bottom: 4px solid #df0000; padding: 0 5px 0 5px; }

.rbxClockInUserStatusIN, .rbxClockInUserStatusOUT
{
  display:inline-block;
  vertical-align:middle;
  border: 1px solid #c0c0c0;
  width: auto;
  height: auto;
  padding: 5px;
  border-radius: 4px;
  background-color: orangered;
  color:#fff;
}
.rbxClockInUserStatusIN { background-color: green; }

.rbxClockInPhotoBoxes { display:flex; flex-wrap: wrap; }
.rbxClockInPhotoBox { text-align: center; flex:1; min-width:100px; }
.rbxClockInDepBox 
{ 
  background-color: #2196f3; color:#fff; text-align:center; 
  min-width: 100px;flex:1; padding: 10px 5px;  
  /* width: 100%; margin: 10px 0 1px 0;padding: 10px 5px;  */
}
.rbxClockInPhotoBox .rbxClockInPhoto :not(.rbxClockInPhotoZoom) { height:90px; width:auto; }
.rbxClockInPhotoName { font-size: 9pt; text-transform: lowercase; }

.rbxClockInBtn
{
  text-align: right;
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-image: url(../images/Clock.png);
  background-position: left center;
}

.osCatKskBtn, .osSelfOrdBtn
{
  text-align: right;
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-image: url(../images/Kiosk.png);
  background-position: left center;
}

.osSelfOrdBtn
{
  background-image: url(../images/SelfOrdering.png);
}

.pcSelCourseBtns
{
  padding: 5px 0;
  background-color: transparent;
  display: flex;
  overflow: auto;
  width: 100%;
}

.pcSelCoursePopup
{
  position:fixed;
  top:0;
  left:0;
  padding: 10px;
  z-index: 5;
}

.pcSelCourseBtn
{
  flex-grow: 1;
  display: inline-block;
  padding: 5px;
  border-left: 1px solid #c0c0c0;
  margin-right: 2px;
  min-width: 100px;
  text-align: center;
  cursor:hand;cursor:pointer;
  background-color: #e0e0e0;
  color: #525252;
  font-size: 12pt;
  text-transform: none;
  opacity: 1.0;
  overflow:hidden;
}

.pcSelCourseBtnCurr
{
  opacity: 1.0;
  color: #000;
  font-weight: bolder;
}

.pcSelCourseLoaded
{
  border-bottom: 8px solid #2196f3;
}
.pcSelCourseLoadedAll
{
  border-bottom: 8px solid #4caf50;
}

.osPCTlb .rbxClockInBtn { background-color: #f0f0f0; }

.osPORcpOpenDrawer
{
  text-align:center;
  padding:5px;
  c olor:#fff;
}

.osCashCheckOpenDrawBtn, .osCashCheckPrintBtn
{
  float:right;
  margin-right:5px;
}

.osCashCheckOpenDrawBtn 
{
  color: #fff;
  background-color: #8bc34a;
  background-image: url(../images/Drawer.png);
  background-repeat: no-repeat;
  height: 27px;
  width: 50px;
  border-radius: 4px;
  background-size: auto 99%;
  background-position: center;
  font-size: 0;
}
#QuickEditBoxOrderPayment .osCashCheckOpenDrawBtn
{
  height: 50px;
  display: n one;
}

.osPModeBtn
.osCashCheckItemEditor
{
  width:100%;
  border-collapse:separate;
  font-size:14pt;
}

.osCashCheckItemEditorHead
{
  font-size:80%;
  text-align:left;
  background-color: #ffff99;
  overflow: auto;
  padding: 10px;
}
.osCashCheckItemEditorTitle { font-size: 18pt; font-weight: bolder; }

.osCashCheckItemEditorGrpBoxes, .osCashCheckItemEditorGrpBoxesTot
{
  vertical-align:top;
  padding:5px 20px;
  border:0;
  background-color: #ffff99;
  white-space: nowrap;
  overflow: auto;
  width: 100%;
}

.osCashCheckItemTimeStamp { padding: 5px 0; font-size: 9pt; text-align:center; }

.osCashCheckItemEditorGrpBoxesTot .osCashCheckItemEditorGrpBox { background-color: #fff; }
.osCashCheckItemEditorGrpBoxesTot
{ 
  background-color: #d9f8b5;
  padding:20px;
}

.osCashCheckItemEditorGrpBoxesTot .BandTable td:last-child { width: 75px; }

.osCashCheckItemEditorGrpBox
{
  display: inline-block;
  border: 1px solid #c0c0c0;
  vertical-align: top;
  margin: 5px;
  padding: 10px;
  page-break-inside: avoid;
}

.osCashCheckItemEditorGrpBox td { white-space:normal; }

.osCashCheckItemEditorTaxDet .wsfTitle { font-size: 10pt; font-weight: bolder; padding: 10px 0 5px 0; }
.osCashCheckItemEditorTaxDet .BandTable { width: 100%; }
.osCashCheckItemEditorTaxDet .BandTable td:nth-child(2) { text-align:right; }

.osCashCheckItemEditorGroup
{
  font-weight: bolder;
  font-size:16pt;
  padding-bottom: 5px;
}

.osCashCheckItemEditorItem
{
  padding: 2px 0;
  white-space: nowrap;
  text-align: right;
}

.osCashCheckItemEditorItemTot
{
  font-weight:bolder;
}

.osCashCheckItemEditorLbl, .osCashCheckItemEditorVal
{ 
  display:inline-block; 
  vertical-align:top;
  min-width: 50px; 
  text-align: right; 
  white-space: nowrap;
}

.osCashCheckItemEditorLbl
{
  max-width: 100px;
  white-space: normal 
}

.osCashCheckTotals
{
  display:block;
  text-align:center;
  width:100%;
  padding:20px 5px;
}

.osCashCheckTotals input[name="CashCheckPrevValue"]
{
  background-color: #03A9F4;
}

.osCashCheckCloseCmds { display:inline-block; }

.CashCheckBalanceLow { background-color: #f44336 !important; }
.CashCheckBalanceHigh { background-color: #FFEB3B !important; }
.CashCheckBalanceOk { background-color: #8BC34A !important; }


.osCashCheckEvents
{
  text-align:left;
}

.osCashCheckEvent
{
  display:inline-block;
  vertical-align: top;
  padding:5px 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 0;
  border-bottom: 1px solid #ffff99;
  background-color: #c0c0c0;
  color:#fff;
  margin: 0 5px 0 0;
  font-weight: bolder;
  cursor:hand;cursor:pointer;
}

.osCashCheckEventOpen { background-color: #f44336; color:#fff; padding: 2px 5px; }
.osCashCheckEventClose { background-color: #8bc34a; color:#fff; padding: 2px 5px; }
.osCashCheckEventDraft { background-color: #ffff99; bo rder-bottom:1px solid #ffff99; color:#000; }

.osCashCheckWarning
{
  background-color: #df0000;
  color:fff;
  padding:5px;
}

.osCashCheckCmds {
  padding: 5px;
}

.osCashCheckCmds input[type='button']
{
  font-size: 14pt;
}

.osCashCheckItemEditorVal { padding-left: 10px; }

.osCashCheckItemEditorVal input[type='text'], .osCashCheckTotals input[type='text'],
.osCashCheckItemEditorVal input[type='number'], .osCashCheckTotals input[type='number']
{
  font-size:12pt;
  width: 85px !important;
}

/* BLIND CHECK
.osCashCheckTotalsInfo { display:none; }
.osMerchant .osCashCheckTotalsInfo { display:block; }
*/

.osCashCheckGetFloat { display:none }

.osCashCheckTotalsInfo
{
  padding: 5px;
  margin-top: 10px;
  font-size: 90%;
  background-color: #f0f0f0;
}

.osCashCheckTotalsInfo input
{
  font-size:10pt;
}


.osCashCheckSummary
{
  border-collapse:collapse;
  font-size: 14pt;
}

.osCashCheckSummary td
{
  padding: 10px;
  text-align:right;
  border:1px solid #fff;
}

/* PAOLO20AUG22 from PrepStation.css */
.osItmNoteCritical { background-color: #df0000; color:#fff; border-radius: 4px; padding: 1px 3px; animation: blink 700ms 3; white-space: nowrap; }
.osItmNoteWarning { color: #df0000; }
.osItmNoteInfo { font-weight: bolder; }

.osCashCheckSummary tr:last-child { font-weight: bolder; }

.osCashCheckNote
{
  width:100%;
  height: 40px;
}

.osCashCheckLeftBtn, .osCashCheckRightBtn
{
  background-image: url(../images/ArrowLeft.png);
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: center;
  width: 35px;
  color: transparent;
}
.osCashCheckRightBtn
{
  background-image: url(../images/ArrowRight.png);
}

.osQuickOrderExtra
{
  display: inline-block;
  padding: 0 0 0 5px;
  text-align: right;
}

.osQODateBtns { display:inline-block; padding: 5px; }
.osQODateBtn:hover { b ackground-color: #cddc39; }
.osQODateBtn 
{ 
  display:inline-block;
  background-color: #cddc39;
  color:#fff;
  padding: 6px 5px;
  border-radius: 4px;
  cursor:hand;cursor:pointer;
  margin-right: 2px;
}

#osTrackUserLocationInfo a
{
  color:#fff;
  text-decoration: none;
}
#osTrackUserLocationInfo, #osDTopNotificationInfo
{
  display: inline-block;
  padding: 3px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  margin: 2px;
}

.osMapLocationIcon, .osPhoneIcon
{
  
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: top right;
  cursor:hand;cursor:pointer;
}

.osMapLocationIcon { background-image: url(../images/location.png); }
.osPhoneIcon { background-image: url(../images/phone.png); }

.osWrongValue
{
  color: #df0000;
}

.wsfSOAHeader IMG { max-width:300px; }

.wsfMSRBoxFullList .ListHead { background-color: #ceeec1; }

.wsfPageosOrderRcp .CMCSiteWallPaper { background:none !important; }

.wsfPageosPOSCash #wsfPageAppGoTop { visibility: hidden; }

.osSpaBoxSpecialsEmpty { padding-top: 30px; font-size: 14pt; }
.osSpaBoxSpecialsLoading { padding-top:40px; }

#oSpaBoxSpecials { position:relative; }
.oSpaBoxSpecialsAdm 
{ 
  font-size: 9pt; 
  position:absolute;
  top:-20px;left:0;
  height: auto;
  z-index: 1;
}
.oSpaBoxSpecialsTip 
{
  display:none;
  position:absolute;
  top:0;width:50px;
  left:0;bottom:0;
  z-index: 1;
  background-size: 50px;
  background-position: 10px 100px;
  background-image: url(../images/pause.png);
  background-repeat: no-repeat;
}
.oSpaBoxSpecialsPaused .oSpaBoxSpecialsTip { display:block; }

#oSpaBoxSpecials .osCatProdQuickHeader { display:none; }
#oSpaBoxSpecials .osProdAvailTypeBox { display:none; }
#oSpaBoxSpecials .osProdEditlink { display:none; }
#oSpaBoxSpecials .spvCatProdFrame { height: 100%; }
#oSpaBoxSpecials .spvProductsTiles { display:block; white-space: nowrap; overflow:auto; }
#oSpaBoxSpecials .spvProductsTiles::-webkit-scrollbar { display: none; }

#oSpaBoxSpecials .spvCatProdTile { width: 100% !important; margin: 0; border: 0; height: 220px;}
#oSpaBoxSpecials .osProdSpecialPrices { display: none; }
#oSpaBoxSpecials .spvCatProdPic, #oSpaBoxSpecials .spvCatProdInfo
{
  display:inline-block;
  vertical-align:top;
}
#oSpaBoxSpecials .spvCatProdPic { width: 30%; }
#oSpaBoxSpecials .spvCatProdInfo { width:70%; padding: 20px; }
#oSpaBoxSpecials .spvProdCategPath { display: none; }
#oSpaBoxSpecials .spvCatProdPic { height: 100%; }
#oSpaBoxSpecials .spvCatProdTitleDesc { height: 124px; }
#oSpaBoxSpecials .spvCatProdTileBox { padding: 0; overflow:hidden; }
#oSpaBoxSpecials .osCatProdTileViewAll { display:none; }

.osSpaBoxFeaturedItemsTitle { text-align: left; padding: 10px; font-size: 18pt; }
.osSpaBoxFeaturedItemsWait { padding-top: 50px; }
.osSpaBoxFeaturedItems { min-height: 440px; height:auto; overflow: auto; border-bottom: 30px solid #f06023; }
.osSpaBoxFeaturedItems .oSpaBoxSpecialsAdm { display:none }
.osSpaBoxFeaturedItems .osCatProdQuickHeader { display:none }
.osSpaBoxFeaturedItems .spvProdCategPath { display:none }
.osSpaBoxFeaturedItems .osCatProdQOH { display:none }
.osSpaBoxFeaturedItems .osProdAvailTypeBox { display:none }
.osSpaBoxFeaturedItems .osCatProdCode { display:none }
.osSpaBoxFeaturedItems .spvCatProdAddBasket { display:none }
.osSpaBoxFeaturedItems .osProdSpecialPrices { display:none }
.osSpaBoxFeaturedItems .spvCatProdFrame .spvCatProdPriceUpdated { display:none }
.osSpaBoxFeaturedItems .spvCatProdPriceIncTax { display:none }
.osSpaBoxFeaturedItems .spvProductsTiles { flex-wrap: nowrap; }
.osSpaBoxFeaturedItems .spvCatProdTile { border:0; border-right: 1px solid #f0f0f0; min-width: 250px; }
.osSpaBoxFeaturedItems .spvCatProdPic { height: 250px; }
.osSpaBoxFeaturedItems .spvCatProdTitleDesc { height: auto; }
.osSpaBoxFeaturedItems .spvCatProdTitle { height: 80px; overflow:hidden; min-height: 0; }
.osSpaBoxFeaturedItems .osCatalogEditInfo { display:none }
.osSpaBoxFeaturedItems .osSearchMatchLevel { display:none }
.osSpaBoxFeaturedItems .osProdEditlink { display:none }

.sisHomeBox .wsfQRBizLogo { display:none }
.sisHomeBox .wsfQRProdLogo { display:none }

.orsDefHome
{

}

.osSearchInfo
{
  padding: 5px;
}

.osCatalogMenuView .osSearchMatchLevel { display:none }
.osCatalogMenuView .spvProductsTiles .osProdEditlink { display:none }
.osSearchMatchLevel
{
  position: absolute;
  z-index: 1;
  font-size: 9pt;
  top: -15px;
  right: 1px;
}

.orsDefHomeLogo img
{
  width: 50%;
}

.orsDefHomeTitle { font-size: 24pt; }

#oOrderRecords .frmButtonLt { border-radius: 4px; }
/*
#oProdRecords .wsfMSRBoxFullListBtn,
.osPurchaseOrders .wsfMSRBoxFullListBtn,
.osOrders .wsfMSRBoxFullListBtn,
#oOrderRecords .wsfMSRBoxFullListBtn,
.wsfPageosCustomers .wsfMSRBoxFullListBtn,
#osPCPopUp .wsfMSRBoxFullListBtn,
.osRepOrderItems .wsfMSRBoxFullListBtn,
#oInvTransactionItemRecords .wsfMSRBoxFullListBtn,
#oProdPriceRecords .wsfMSRBoxFullListBtn
{ 
  display:inline-block; 
}
#QuickEditBoxInvTransaction #oInvTransactionItemRecords .wsfMSRBoxFullListBtn { display:none }
*/
#osPCPopUp .osPCSideBoxes .wsfMSRBoxFullListBtn { display:none }

#QuickEditBoxInvTransaction #oInvTransactionItemRecords { background-color:#fff; padding: 20px; }

#oQuickEditProdInfo:empty { display:none;}
#oQuickEditProdInfo { font-size: 9pt; background-color: #f0f0f0; color:#525252; display: inline-block; padding:2px 5px;}
#oQuickEditProdInfo.osQuickEditProdInfoErr { background-color:#df0000; color:#fff; }

.osLabelOrange
{
  display: inline-block;
  background-color: #ff9800;
  color: #fff;
  margin-right: 5px;
  padding: 2px 5px;
  border-radius: 4px;
}

#osProdSelByImg
{
  clear:both;
}

#oOpenBtlCntInputs
{
}

.osOpenBtlItemQty
{
  position: absolute;
  right: 2px;
  top: 2px;
  background-color: #ffeb3b;
  padding: 1px 5px 4px 5px;
  text-align: center;
  border-radius: 9px;
}

.osOpenBtlSearchByCode
{
  border: 0 !important;
  width: 5px !important;
}

.osOpnBtlsEditor .osOpenBtlTareFld, 
.osOpnBtlsEditor .osOpenBtlNetFld { display: none; }
.osOpnBtlsEditor .osConvUMBtn { display: none; }
.osOpnBtlsEditor #h_Autopost + label { display: none; }

.osItemListItems
{
  padding:5px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space:nowrap;
  background-color: #f0f0f0;
}

.osItemListItem:hover { border-bottom: 2px solid #525252 }
.osItemListItem
{
  margin:0 5px;
  display:inline-block;
  white-space: normal;
  width: 100px;
  height: 135px;
  overflow: hidden;
  text-align: center;
  vertical-align: bottom;
  background-color: #fff;
  padding: 10px 5px;
}

.osOpnBtlsItemCategs { overflow:auto; padding: 5px 0; }
.osOpnBtlsItemCateg 
{
  display:inline-block;
  margin:2px;
  background-color: #9e9e9e;
  color:#fff;
  min-width: 50px;
  padding: 5px;
  text-align:center;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  cursor: hand;cursor: pointer;
} 
.osOpnBtlsItemCategCurr { background-color: #2196f3; }

#oOpnBtlsItems .osItemListItem { position: relative; }
.osOpnBtlsItemCount
{
  position:absolute;
  right:5px;
  top:5px;
  font-size: 10pt;
  padding: 2px 5px;
  color: #fff;
  background-color: #03a9f4;
  border-radius: 4px;
}

.osOpnBtlsSubmit
{
  background-color: #03a9f4;
  font-size: 14pt;
  color: #fff;
  padding: 50px 0;
}

.osItemListItemDup { border: 2px solid #df0000; }

.osItemListItem img { max-height: 77px; width: auto; height: 100%;}
.osItemListItemTitle { font-size: 9pt; }

#wsfFlyObject
{
  position: absolute;
  z-index: 1000;
  background-color:#df0000;
  top:100px;left:100px;
  width:50px;height:50px;
}

.osProdPicPreviewFly 
{
  opacity:1.0;
  animation: run 500ms;
  animation-timing-function: cubic-bezier(0.39, -0.14, 0.76, 0.51);
  animation-fill-mode: forwards;
}

@-webkit-keyframes run {
    0% { left: 100%; top:20%; transform: scale(0.2) rotate(0); opacity: 1.0; }
    90% { left: 0%; top:70%; transform: scale(1.0) rotate(360deg); opacity: 0.8;  }
    100% { left: -20%; top:90%; transform: scale(1.0) rotate(360deg); opacity: 0.9; }
}

@keyframes move {
   from { transform: translateY(0px); }
   to { transform: translateY(500px); }
}

#oProdSelectionItemRecords .osItemListItems { white-space: normal; overflow: auto;}
#oProdSelectionItemRecords .osItemListItem { position:relative; margin:5px; }
#oProdSelectionItemRecords .osItemListItem img { height:auto; }
#oProdSelectionItemRecords .osItemListItemTitle { text-align:right; }
#oProdSelectionItemRecords .osItemListItemGaugeTitle
{
  font-size: 11pt;
  font-weight: bolder;
  position: absolute;
  top: 0;
  left: 2px;
}
#oProdSelectionItemRecords .osItemListItemGauge 
{ 
  position: absolute;
  bottom: 0;
  left: 0;
  width:20px;
  background-color: #3f51b582;
}

.osLastProdSeenBox
{
  padding: 10px;
  background-color: #f0f0f0;
  margin-top: 50px;
}

.osLastProdSeenItemsTitle { font-size: 14pt; text-align:left; padding: 5px 10px; }

.osLastProdSeenItemsDSBox
{
  overflow:hidden;
}

.osLastProdSeenItems
{
  padding:5px 10px;
  white-space:nowrap;
  overflow:auto;
  /*
  user-drag: none;
  -webkit-user-drag: none;
  */
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.osLastProdSeenItemsDSBox .osLastProdSeenItems { overflow:visible; }

.wsfMobileView .osLastProdSeenItems
{
  overflow:auto;
}

.osLastProdSeenItem:hover
{
  box-shadow: -4px 4px 26px 0px rgb(148 145 148);
  cursor:pointer;
  cursor:hand;
}

.osLastProdSeenItem
{
  margin:5px;
  display:inline-block;
  white-space: normal;
  min-width: 100px;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
  padding: 10px 5px;
  height: 100px;
}

.osLastProdSeenItemEnd:hover
{
  box-shadow: none;
  cursor:default;
}

.osLastProdSeenItemEnd
{
  font-size: 23pt;
  height: auto !important;
  vertical-align: bottom;
  background-color: transparent;
}

.osLastProdSeenItem img
{
  height:100%;
}

.osLastProdSeenItem .osPkgPictureMissingThumb
{
  height:100%;
  width: 100%;
}



.osLastProdSeenItemTitle
{
}

#oProdInRecipes
{
  max-height: 50vh;
  overflow:auto;
}

#osSrcCatProdPviewPnl
{
  background-color: #fff;
  position: absolute; fixed;
  color: #000;
  z-index: 3;
  min-width: 50vw;
  max-width: 90vw;
  max-height: 65vh;
  min-height: 80px;
  padding: 10px 15px;
  border: 1px solid #c0c0c0;
  overflow: hidden;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.osSrcCatProdPviewWait
{
  background-image: url(../images/loading_t1.gif);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  text-align:center;
  height:50px;
}

.osSrcCatProdPviewItem
{
  padding:10px 0;
  cursor:hand;cursor:pointer;
}

.osSrcCatProdPviewItemHidden
{
  color:#df0000;
}

.osSrcCatProdPviewScope
{
  text-align:right;
  font-style:italic;
  font-size:80%;
}

.osSrcCatProdPviewNone
{
  padding-top:10px;
  font-size:90%;
}
.osSrcCatProdPviewItem:hover
{
  background-color: #ffff99;
}

.wsfMobileView .osSrcCatProdPviewItem { padding: 10px 0; border-bottom: 1px solid #c0c0c0 }

#oSetProdGrpOptionCnv
{
  position:fixed;
  top:0;right:0;bottom:0;left:0;
  background-color:#ffffffa6;
  z-index:1000;
  padding:20px;
}

#oSetProdGrpOptionPnl
{
  width:100%;
  margin:auto;
  height:100%;
  overflow:auto;
  background-color:#CDDC39;
  padding:10px 20px;
  border:1px solid #c0c0c0;
  text-align:left;
}

.osProdGrpOptSelBtn
{
  display:inline-block;
  padding:5px 10px;
  border-radius:10px;
  margin-right: 5px;
  cursor: hand;
  cursor: pointer;
  background-color: #f0f4c3;
  border: 4px solid #c0c0c0;
}

.osProdGrpOptSelBtnCurr
{
  border: 4px solid #ff9800;
}

.osProdGrpOptSelBtnNONE
{
  display:none;
  font-style:italic;
  text-decoration: underline;
}

.osProdGrpOptSelBtnEmpty 
{ 
  padding: 5px 0;
  margin: 0;
  border-right: 0;
  border-left: 0;
  width: 0;
  overflow: hidden;
  vertical-align: top;
}

.osProdGrpOptSelBtnSel
{
  background-color:#8bc34a;
  color:#fff;
}

#oSetProdGrpOptionData
{
  overflow:auto;
  max-height:65vh;
}

/* PAOLO13JAN25 */
.osProdGrpOptSelQty
{
  display:inline-block;
  text-align:center;
}

.osCOInstrCollectTitle
{
  background-color:#ffeb3b;
  font-size:14pt;
  padding:10px;
}

.osCOInstrCollectDeliverTitle
{
  background-color:#cddc39;
  font-size:14pt;
  padding:10px;
}

#oSetProdGrpOptionData .wsfCheckBox + label { background-color: #fff; }
#oSetProdGrpOptionData .wsfCheckBox:checked + label 
{ 
  opacity: 1 !important;
  color: #2196F3;
  border: 4px solid #2196F3;
}

#oSetProdGrpOptionPnl label
{
  width: 170px;
  text-align: center;
  height: 85px;
  padding: 10px;
  overflow: hidden;
  margin: 5px 5px 0 0;
  opacity: 0.7;
  font-size: 90%;
  padding: 10px;
  background-size: 45px auto;
  background-repeat: no-repeat;
  background-position: 5px center;
  position: relative;
}

.osProdGrpOptionGrp
{
  font-size: 12pt;
  font-weight:bolder;
  border-bottom: 2px solid #c0c0c0;
  margin:10px 0 5px 0;
  padding-top:10px;
}

.osProdRecipeImportCnv .wsfMSRBox { font-size: 10pt; background-color: #fff; text-align:left; }
.osProdRecipeImportCnv #wsfDialogPnl { background-color: #ffeb3b; padding: 20px; }

.osProdRecipePrice
{
  font-weight: bolder;
  padding-top: 3px;
  position: absolute;
  bottom: 0;
  left: 1;
  right: 1;
}

.osProdRecipePriceTax
{
  font-size:50%;display:block;padding-left:5px;
}

.osProdGrpOptionCat
{
  font-size: 70%;
  position: absolute;
  right: 5px;
  bottom: 5px;
  left: 5px;
  padding-top:1px;
  text-align: right;
  border-top:1px solid #c0c0c0;
}

.osProdGrpOptionQtyLeft
{
  position: absolute;
  bottom: 2px;
  right: 2px;
  color: #df0000;
}

#oSetProdGrpOptionData .osPCProdCategRowFewLeft,
#oSetProdGrpOptionData .osPCProdCategRowNo 
{
  background-position: bottom left;
}

.osProdGrpOptionBtns
{
  padding: 30px 10px;
  text-align:center;
}

.osProdGrpOptionBtns input[type=button]
{
  height:65px;
  margin:5px 10px;
  font-size: 105%;
  text-transform:uppercase;
}

.osProdStatusBtn
{
  cursor:hand;cursor:pointer;
  font-size: 14pt;
}

.osProdSuspended
{
  background-color: #df0000;
  color:#fff;
  text-align:center;
  padding:5px;
  margin-bottom: 3px;
}

.osProdActive
{
  background-color: #2196f3;
  color:#fff;
  text-align:center;
  padding:5px;
  margin-bottom: 3px;
}

.osReportTitle
{
  font-size: 14pt;
  t ext-align: center;
  padding: 2px 0 10px 0;
}

.osSvcBillReport
{
  border-collapse: collapse;
  font-size:10pt;
  width: 100%;
}

.osSvcBillReport td
{
  padding:5px 10px;
  border:1px solid #c0c0c0;
}

.osSvcBillReport th
{
  padding:5px 10px;
}

#oSvcFeeInfo
{
  position: fixed;
  z-index: 1;
  width: 30vw;
  min-width: 300px;
  h eight: 30vh;
  min-height: 100px;
  top:45%;
  left:0;right:0;
  margin:auto;
  background-color:#f0f0f0;
  padding:10px;
  border: 1px solid #c0c0c0;
  text-align:center;
}

#oSvcFeeInfo .wsfLicCount
{
  width: 100%;
}

.osProdCodeOk
{
  background-color: #228b2266;
}

.wsfAlertBoxBtn
{
  font-size: 16pt;
  padding: 10px;
}

.osFullAlertBox
{
  width: 100vw;
  top: 0;
  padding: 5px;
  max-width: none;
}

.osFullAlertBox .wsfAlertBoxMsg
{
  width: 100%;
  margin: 0;
  max-height: 90vh;
}

.osFullAlertBox .wsfAlertBoxBtns
{
  padding: 0;
}

.osLargeAlertBox
{
  width:90vw;
  max-width: none;
}

.osLargeAlertBox .wsfAlertBoxMsg
{
  width: 99%;
  margin: 10px 0;
  max-height: 70vh;
}

.osOrderItemsShip
{
  border-collapse:collapse;
  width:100%;
  font-size: 9pt;
}

.osOrderItemsShip td
{
  border: 1px solid #c0c0c0;
  padding: 2px 5px;
}

.osOrderItemsShipError, .osOrderItemsShipInfo
{
  text-align:center;
  color:#fff;
  font-weight: bolder;
}

.osOrderItemsShipError { background-color:#df0000; }
.osOrderItemsShipInfo { background-color:dodgerblue; }

.osOrderItemsShipNotSel 
{
  color:#9E9E9E;
  display:none;
}

/*
.osMerchant .osOrderItemsShipNotSel 
{
  display:table-row;
}
*/


#QuickEditBoxProd .wsfFrmFieldSection
{
  padding: 3px 0 3px 8px;
  background-color: #8BC34A;
  border-bottom: 1px solid #c0c0c0;
  color: #fff;
  font-size: 100%;
}

/* product/PO upload */
  #UploadProdPanelCnv
  {
    display:none;
    position:fixed;
    top:0;left:0;
    width:100%;height:100vh;
    overflow:auto;
    background-color: rgba(197, 196, 196, 0.72);
    z-index: 1;
  }

  #UploadProdInfo
  {
    padding: 4px;
    background-color: #ffff99;
  }
  
  #UploadProdPanel
  {
    position:absolute;
    left:0;right:0;
    margin:auto;
    top:5px;
    padding:20px;
    width:90%;
    background-color:#f0f0f0;
    border:1px solid #c0c0c0;
    text-align:center;
    z-index: 2;
  }

  .UploadProdDataBox
  {
    width:100%;
    height:40vh;
    overflow:auto;
  }
  
  #UploadProdPanel TEXTAREA
  {
    width:100%;
    height:100%;
    white-space:pre; /* nowrap */
  }

  .UploadProdPanelView
  {
    font-size: 8pt;
    background-color: #fff;
    border-collapse: collapse;
  }

  .UploadProdPanelView td
  {
    padding: 1px 2px;
    border: 1px solid #c0c0c0;
  }

  #oUploadProdDataResult
  {
    padding: 5px;
    background-color: #fff;
    overflow:auto;
    max-height: 60vh;
  }

  #oUploadProdDataResult .BandTable
  {
    width: 100%;
    font-size: 8pt;
    border-collapse:collapse;
  }

  #oUploadProdDataResult .BandTable td
  {
    border: 1px solid #c0c0c0;
    padding: 1px 2px;
  }

.osProdCatTreeBrw, #os ProdCatTreeBrwOne
{
  padding: 20px 0;
  width: 300px;
  position:relative;
}
.osProdCatTreeBrwTitle
{
  color:#c0c0c0;
  text-transform:uppercase;
}

.osOptDragSort { display:inline-block; }

/* generic up down buttons - not used */
.osButtonDown:hover, .osButtonUp:hover
{
  border-bottom: 1px solid #c0c0c0;
}
.osButtonDown, .osButtonUp
{
  padding: 5px;
  background-size: 100%;
  background-image: url(../images/ArrowDown.png);
  background-repeat: no-repeat;
  border: 0;
  border-bottom: 1px solid transparent;
  font-size: 0;
  background-color: transparent;
  width: 20px;
  height: 20px;
  margin: 0 15px;
}
.osButtonUp 
{
  background-image: url(../images/ArrowUp.png);
}

.osProdCatTreeBrwTitle, .osProdCatTreeBrwItem { padding:10px 30px; position:relative; }
.osProdCatTreeBrwTitle:active, .osProdCatTreeBrwItem:active { background-color:#f0f0f0; }
.osProdCatTreeBrwArrow 
{ 
  position: absolute;
  right: 30px;
  display: inline-block; 
}

#os ProdCatTreeBrwOne
{
  position:absolute;
  top:0;
  right:-300px;
  width:300px;
  bottom: 0;
  background-color:#df0000;
}

#os ProdCatTreeBrwOne.osProdCatTreeBrwShow
{
  right:0;
  transition: all 200ms ease-out;
}

.osProdCode { font-size:80%; }
.osProdCategDesc { display: none; }
.osProdDefSupplier:empty { display:none; }
.osProdDefSupplier 
{ 
  padding: 5px;
  border: 1px solid #c0c0c0;
  display: inline-block;
  font-size: 9pt; 
  margin-top: 5px;
}
.osProdCategPath { display: none; }
.osProdManuf { display: none; }
.osProdManufCode { display: none; }
.osWhereToBuyBtn
{
  background-color: #2196f3;
  display:inline-block;
  padding: 10px;
  margin: 5px 0;
  font-size: 16pt;
  text-align: center;
  border-radius: 4px;
}

.osWhereToBuyBtn a { color:#fff; text-decoration: none; }

.FilterBox { font-size: 100%; background-color: #23869726; }
.CMCSiteWallPaper2 .olsFooterContacts { display:none; }

.List Item { background-color: transparent; }

.osProdSelTotQty { text-align:center; font-size: 12pt; padding: 5px; }
#ProdPicPreview { height: 150px; h eight: 50px; }
#ProdSelectionMakeCountInfo { padding:10px; }
#oProdSelectionMgrProdSelectionItems .FilterBox { display: block; }
#oProdMgrProdBreakDowns .FilterBox { display: block; }

.osProdRecipeHead
{
  background-color: #ffeb3b;
  border: 1px solid #c0c0c0;
  margin-bottom: 5px;
  padding: 10px;
  text-align: left;
  overflow:auto;
}

#QuickEditBoxProdSelectionItem { background-color: #fff; overflow: auto; }
#QuickEditBoxProdSelectionItem.wsfQEBox { padding: 10px 10px 40px 10px }

#osBrkDownCnv
{
  position: fixed;
  top:0;right:0;bottom:0;left:0;
  background-color: #f0f0f0e3;
  z-index: 1002;
  padding:10px;
  text-align: center;
}

#osBrkDownPnl
{
  display:inline-block;
  border:1px solid #c0c0c0;
  padding: 20px;
  width: 80vw;
  max-width: 800px;
  background-color: #ade0f6;
  text-align: left;
  font-size: 12pt;
}

#osBrkDownPnl input[readonly], #osBrkDownPnl select[disabled]
{
  background-color: #c0c0c0;
}
#osBrkDownPnl .NumInput, #osBrkDownPnl .DateInput { width: auto; }

#osBrkDownPnl input, #osBrkDownPnl select { font-size: 10pt; }

.osOrderStkProvFrm
{
  padding: 10px; 
}
.osOrderStkProvTab
{
  border-collapse:collapse;
  margin:auto;
  font-size: 10pt;
  background-color: #fff;
}

.osOrderStkProvTab td,
.osOrderStkProvTab th
{
  border: 1px solid #c0c0c0;
  padding: 5px;
  text-align: center;
}
.osOrderStkProvTab th
{
  background-color: #f0f0f0;
}
.osOrderStkProvTot { font-weight: bolder; }

.osBrkDownRules
{
  border-collapse:collapse;
  width:100%;
  font-size: 10pt;
  background-color: #c0c0c0;
}

.osBrkDownRules td
{
  border: 1px solid #c0c0c0;
  padding:2px 5px;
}

.osBrkDownRules select { max-width: 300px; }
.osBrkDownRules #ProdQSel { width:auto; }
.osBrkDownRules .frmButtonLt { }

#oProdBreakDownItem
{
  padding: 5px;
  margin-top: 10px;
  border: 5px solid #03A9F4;
}

#oProdBreakDownItem .FilterBox 
{
  display: block;
  background-color: #03a9f45c;
}

.BandPageRightTitle 
{ 
  font-size: 12pt; 
  background-color: #f0f0f08a;
  padding: 5px;
}

#oProdBreakDownItem .BandPageRightTitle { display:none; }

#osLUItemCanvas
{
  position:fixed;
  top:0;right:0;bottom:0;left:0;
  background-color:#f0f0f0;
  z-index: 1000;
  background-color: #f0f0f0ba;
  padding:20px;
}

#osLUItemPanel
{
  overflow:auto;
  margin:auto;
  width:80vw;
  max-width: 1000px;
  min-width: 550px;
  height: 90vh;
  max-height: 900px;
  border:1px solid #c0c0c0;
  padding:10px;
  background-color: #fff;
  text-align:center;
  position:relative;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

/* this element should be the same height as #osLUItemPanel and its used to create the top panel padding */
#osLookUpItemSearchLstHead
{
  height:138px;
}

#osLookUpItemSearchLst .osPCProdCategBtnImg img { max-width: 100px; }
#osLookUpItemSearchLst
{
  overflow: auto;
  height: 75%;
}

.osLUItemSearchTlb 
{ 
  position: absolute;
  z-index: 1;
  right: 0; left: 0; top: 0;
  height: 141px;
  background-color: #f0f0f0; padding:10px; 
  overflow:auto;
  border-bottom: 2px solid #c0c0c0;
}

.osLUItemSearchInput
{ 
  padding-top:15px;clear:both;text-align:left;
}

.osLUItemSearchInputRst { float: right; margin-top: 5px; }

#osLUItemSearch { width:100%; height: 30px; font-size:120%; }
/*
#osLUItemSearch { width:80%; height: 30px; font-size:120%; }
#osLUItemPOSCashIDIgnore + label { width:15%; padding:3px 5px; height: 30px; margin-left:5px; text-align:center; }
*/

.osProdCtrlInput input[type=text]
{
  color:#0f71be;
  cursor:hand;cursor:pointer;
  min-width:200px; 
}

.osPCStatusCtrl {
  white-space: nowrap;
  width: 100%;
  text-align: center;
  bo rder: 1px solid #c0c0c0
}

.osPCStatusBox
{
  white-space:nowrap;
}

.osPCStatusHistory {
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  vertical-align: top;
  cursor: hand;
  cursor: pointer;
  font-size: 0;
  background-size: 100% 100%;
  background-image: url(../images/history.png);
}

.osPCStatusDesc {
  padding: 5px;
  text-align: center;
  height: 30px;
  min-width: 75px;
  display: inline-block;
  vertical-align: top;
  cursor: hand;
  cursor: pointer;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.osPCStatusPrev, .osPCStatusNext, .osPCStatusEmpty {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 50%;
  width: 20px;
  height: 30px;
  background-color: transparent;
  border: 0;
}

.osPCStatusDescBlocked {
  background-color: #c0c0c0;
  color: #df0000;
}

.osPCStatusDescDraft {
  background-color: #c0c0c0;
  color: #fff;
}

.osPCStatusDescOrdered {
  background-color: #ffc107;
  color: #fff;
}

.osPCStatusDescWorking {
  background-color: #00BCD4;
  color: #fff;
}

.osPCStatusDescReady {
  background-color: #8BC34A;
  color: #fff;
}

.osPCStatusDescDelivered {
  background-color: forestgreen;
  color: #fff;
}

.osPCStatusPrev {
  background-image: url(../images/ArrowLeft.png);
}

.osPCStatusNext {
  background-image: url(../images/ArrowRight.png);
}

.osBtnBreakDown
{
  background-color: #ade0f6;
  color: #000;
}

.osPCProdCategMoveBtn
{
  display: none;
  background-color: #4caf50;
  height: 20px;
}
.osPCProdCategMoveBtn.osPCProdCategMoveBtnView 
{
  display: block;
}

.osPCProdCategMoveBtnDrop
{
  background-color: #ffff99 !important;
}

.osPCProdCategBtnDrop
{
  background-color: #ffff99 !important;
}

.osPCProdCategBtn
{
  margin: 0;
  padding:20px 10px;
  font-size:15pt;
  text-align:left;
  border-bottom: 2px solid #c0c0c0;
  color:#fff;
  color:#000;
  cursor: hand;
  cursor:pointer;
}

.osPCProdCategBtnNew
{
  background-color: #ff9800;
  text-align: center;
  color: #fff;
  display:none;

  background-image: url(../images/PlusWhite.png);
  background-size: 44px;
  background-repeat: no-repeat;
}

#oPCCategProds .osPCProdCategBtns .osPCProdCategBtn
{
  margin:5px;
  background-color: #2196f369;
}

.oPCCategsProds
{
}

.osPCProdCategSec
{
  font-size: 80%;
  width: 100%;
  margin: 3px;
  padding: 5px;
  background-color: #e2f2ff;
  overflow:auto;
}

.osPCProdCategRow
{
  display:flex;
  text-align:left;
  cursor:hand;cursor:pointer;
  border-bottom: 2px solid #e0e0e0;
  padding: 20px 0;
  user-select:none;
  clear:both;
}

.osPCProdCategRow:hover
{
  background-color: #ffff99;
}

.osPCProdCategMTap
{
  background-image: url(../images/MultiTap.png);
  background-size: 30px;
  background-position: 90% 90%;
  background-repeat: no-repeat;
}

#osProdCategStyleCmds 
{
  font-size: 10pt;
  height: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f0f0f0;
}
#osProdCategStyleCmds.osProdCategStyleCmdsShow 
{
  height:auto;
  padding: 5px;
  border: 1px solid #c0c0c0;

  transition: all 300ms ease;
}

.osProdCategStyleCmdsSw { overflow: auto; position: absolute; top: 10px; left: 15px; }
.osProdCategStyleCmdsSw .wsfMgrEdEditBtn { margin: 5px 0; }

#osProdCategStyleCmds select { font-size: 10pt; }

.osToggleItemDetailBtn
{
  d isplay: none;
  background-color: #ff5722;
  border-radius: 10px;
  margin: auto;
  color: #fff;
  position: fixed;
  z-index: 1;
  transform: translateX(-50%);
  left: 30%;
  top: 10px;
  padding: 10px;
  border: 4px solid #9e9e9e;
  text-transform: uppercase;
}

.osPCCategProdsViewDetails .osToggleItemDetailBtn { background-color: #4caf50; }

/* by def shows KDS name and hide full name */
.osPCProdCategBtnTitle { display: block; }
.osPCProdCategBtnTitleFull { display: none; }
/* .osPCCategProdsViewDetails .osPCProdCategBtnTitleFull { display: block; } */

.osPCProdCategRowSusp { display:none; }
.osPCCategProdsViewDetails .osPCProdCategRowSusp { display: flex; }

/* Register Category Browse START */
.osProdCategSmallBtns .osPCProdCategBtnImg { display:none; }
.osProdCategSmallBtns .osPCProdCategBtnCateg { display:none; }
.osProdCategSmallBtns .osPCProdCategBtnCode { display:none; }
.osProdCategSmallBtns .osPCProdCategBtnPrice { font-size: 12pt; padding: 0; }
.osProdCategSmallBtns .osPCProdCategBtnPriceTax { display:none; }
.osProdCategSmallBtns .osPCProdCategBtnInfo { display:none; }
.osProdCategSmallBtns .osPCProdCategBtnTitle { font-size:80% }
.osProdCategSmallBtns .osPCProdCategBtnAdd2Order { f loat: right; }
.osProdCategSmallBtns .osPCProdCategBtnAdd2Order .wsfBtnGo { height: 30px; width: 100%; font-size: 10pt; max-width: 0; } 
#oPCCategProds.osProdCategSmallBtns .osPCProdCategBtnAdd2Order { display: none; } 
/*#oPCCategProds.osProdCategSmallBtns .osToggleItemDetailBtn { display: block; } */
.osProdCategSmallBtns .osPCProdCategRow { border: 1px solid #c0c0c0; margin: 3px; padding: 10px; display: inline-block; flex-basis: 25%; flex-grow: 1; background-color: #f0f0f0; text-align: center; }
.osProdCategSmallBtns .oPCCategsProds { display: flex; flex-wrap: wrap; }
.osProdCategSmallBtns #osLUItemPanel { width: 95vw; height: 95vh; max-height: none; max-width: none; }
.osProdCategSmallBtns .osPCProdCategRowSusp { display:none; }
.osProdCategSmallBtns.osPCCategProdsViewDetails .osPCProdCategRowSusp { display: inline-block; }

.osProdCategSmallBtnsPic .osPCProdCategBtnImg { display:block; }
.osProdCategSmallBtnsPic .osPCProdCategBtnImg img { width: auto; height: 100px; }
.osProdCategSmallBtnsPic .osPCProdCategBtnDesc { height: 45px; }
.osProdCategSmallBtnsPic .osPCProdCategBtnCateg { display:none; }
.osProdCategSmallBtnsPic .osPCProdCategBtnCode { display:none; }
.osProdCategSmallBtnsPic .osPCProdCategBtnPrice { display:block; font-size: 12pt; }
.osProdCategSmallBtnsPic .osPCProdCategBtnPriceTax { display:inline-block; padding-left: 5px; }
.osProdCategSmallBtnsPic .osPCProdCategBtnInfo { display:none; }
.osProdCategSmallBtnsPic .osPCProdCategBtnTitle { font-size:80% }
.osProdCategSmallBtnsPic .osPCProdCategBtnAdd2Order { float: right; }
.osProdCategSmallBtnsPic .osPCProdCategBtnAdd2Order .wsfBtnGo { height: 30px; width: 100%; font-size: 10pt; max-width: 0; } 
#oPCCategProds.osProdCategSmallBtnsPic .osPCProdCategBtnAdd2Order { display: none; width: 100%; overflow: hidden; font-size: 0; } 
.osProdCategSmallBtnsPic .osPCProdCategRow { border: 1px solid #c0c0c0; margin: 3px; padding: 10px; display: inline-block; flex-basis: 20%; flex-grow: 1; background-color: #fff; text-align: center; }
.osProdCategSmallBtnsPic .oPCCategsProds { display: flex; flex-wrap: wrap;}
.osProdCategSmallBtnsPic #osLUItemPanel { width: 95vw; height: 95vh; max-height: none; max-width: none; }
.osProdCategSmallBtnsPic .osPCProdCategRowSusp { display:none; }
.osProdCategSmallBtnsPic.osPCCategProdsViewDetails .osPCProdCategRowSusp { display: inline-block; }

.osPCCategProdsViewDetails .osPCProdCategBtnAdd2Order { display: inline-block !important; }

.osPCProdCategBtnForceShow { d isplay: inline-block !important; }

/* Register Category Browse END */

.osPCProdCategRowSusp { background-color: #f3756c !important; }

.osPCProdCategRowNo, .osPCProdCategRowFewLeft
{
  color:#df0000;
  background-image: url(../images/NoEntry.png) !important;
  background-size: 30px;
  background-position: 3px 97%;
  background-repeat: no-repeat;
}

.osPCProdCategRowFewLeft
{
  background-image: url(../images/Danger.png) !important;
}

.osPCProdCategItem { }
.osPCProdCategFooter { padding:5px; }

.osPCProdCategBtnAdd2Order { }

.osPCProdCategBtnAdd2Order .wsfBtnGo
{
  margin:5px;
  height:65px;
  max-width: 50px;
  font-size: 98%;
  white-space: normal;
}
  
.osPCProdCategBtnDesc
{
  display:inline-block;
  vertical-align: top;
  flex-grow:1;
  padding:5px;
}

.osPCProdCategBtnPrice
{
  f loat:right;
  font-size: 120%;
  padding: 10px;
}

.osPCProdCategBtnPriceTax
{
  font-size: 50%;
  text-align: right;
}

.osPCProdCategBtnPriceTaxRate
{
  padding-right: 5px;
}

.osPCProdCategBtnImg
{
  display:inline-block;
  min-width:100px;
  overflow: hidden;
  text-align:center;
}
  
.osPCProdCategBtnImg img
{
  max-width:100px;
}

#oPCCategProds .osPCProdCategBtnImg img
{
  max-height: 100px;
}

.osPCProdCategBtnImg .osProdPictureMissing
{
  min-height: 50px;
  min-width: 50px;
  width: auto;
  height: auto;
  margin:10px;
}

#oProdMgrInfo .osProdRoles { display:inline-block; padding-left:5px; }

#osProdStoreBox
{
  background-color: #f0f0f0;
  padding: 0;
  overflow:hidden;
  height:0;
  font-size: 10pt;
}
#osProdStoreBox.osProdStoreBoxShow
{
  height:auto;
  padding: 10px;
  transition:all 300ms ease-out;
}

.osOrderPrintBtn, .osOrderDelivNoteBtn
{
  background-image: url(../images/Invoice.png);
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}

.osOrderDelivNoteBtn
{
  background-image: url(../images/DeliveryNote.png);
  padding-left: 25px;
}

.osProdNickName { font-size: 60%;  }
.osProdDetailQBox .osProdNickName { font-size: 16pt; }

.osPCProdCategBtnTitle { font-weight: bolder; }
.osPCProdCategBtnNickName { font-style:italic;font-size: 90%; }
.osPCProdCategBtnCateg { font-size: 80%;}
.osPCProdCategBtnCode { font-size: 80%;}
.osPCProdCategBtnInfo { font-size: 80%; color:#b0b0b0;}
.osPCProdCategBtnQty
{ 
  font-size: 80%;
  background-color: forestgreen;
  color: #fff;
  padding: 1px 5px;
  display: inline-block;
  border-radius: 4px;
  margin-top: 5px;
}
.osPCProdCategBtnQtyNone { background-color: #df0000; }
.osPCProdCategBtnQtyUnknown { background-color: orange; }
.osPCProdCategBtnQtyLow { background-color: orange; }
.osPCProdCategBtnQtyLeft { padding-top:5px; font-weight:bolder; font-size: 12pt;}

.osProdGrpOptQtyNone { border: 4px solid #df0000 !important; }

.osPCProdCategBtnHome 
{ 
  background-color: #FF9800;
  background-image: url(../images/ArrowLeft.png);
  background-size: 10% 50%;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 35px;
}

.osPCProdCategBtnRoot 
{ 
  background-color: #b0b0b0;
  background-image: url(../images/ArrowUp.png);
  background-size: 10% 50%;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
  display: none;
}

.osPCProdCategBtnChildren
{
  b ackground-image: url(../images/ArrowRight.png);
  background-color: #7ec2f7;
  background-size: 10% 50%;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  p adding-right: 25px;
}

.osPCProdCategBtnCurrent { background-color:#bed740; }
.osPCProdCategViewBtn { width: 100%; border: 4px solid #9e9e9e; background-color: #ff5722; }
.osPCProdCategViewHidden .osPCProdCategViewBtn { background-color: #8bc34a; }
.osPCProdCategBtnHidden { background-color:#df0000; display: none; }
.osPCProdCategViewHidden .osPCProdCategBtnHidden { display: block; }
.osPCProdCategViewHidden .osPCProdCategBtnNew { display: block; }
.osPCProdCategViewHidden .osPCProdCategBtnRoot { display: block; }
.osPCProdCategBtnNotVisible { display:none; }
.osPCProdCategBtnClose { background-color:#c0c0c0; text-align:center; }

.osPCProdCategInfoHidden
{
  transform: rotate(90deg);
  position: absolute;
  z-index: 1;
  top: 50px;
  transform-origin: 0;
  padding: 5px 10px;
  font-size: 11pt;
  background-color: #edaeaa70;
}

.osPCProdCategBtnDetails { font-size: 80%; }

#oProdDetailCnv
{
  position: fixed;
  right:0;left:0;
  top:0;bottom:0;
  z-index: 1001;
  background-color: #ffffffcf;
}

#oProdDetailPopUpClose
{
  position: absolute;
  left:5px;right:5px;top:5px;
  margin:auto;
  padding: 10px;
  cursor: hand;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/closecross_grey.png);
  z-index: 1;
}
  
#oProdDetailPopUp
{
  padding:20px;
  overflow: auto;
  border: 20px solid #d9a38f;
  background-color: #ffffff;
  
  max-height: 100vh;
  margin: auto;
}

#oProdDetailPopUpClose, #oProdDetailPopUp { width: 80vw; max-width: 900px; }


#oProdDetailPopUp .osProdPictureBoxCombo
{
  display: flex;
  flex-flow:column-reverse;
}

#oProdDetailPopUp #osProdImgCtrlMulti .osGroupProdSelPic { display: inline-block; }
#oProdDetailPopUp #osProdImgCtrlMulti .osProdPhotoSwitchImg { height:100px; }
#oProdDetailPopUp #osProdImgCtrlMulti 
{
  float: none;
  white-space: nowrap;
  text-align: center;
  height:auto;
}
#oProdDetailPopUp #osProdImgCtrlMulti .osProdPhotoSwitchImg { display:inline-block; }

#osProdImgCtrlMulti:empty { display: none; }
#osProdImgCtrlMulti { float:left; padding: 10px 0; border: 1px solid #f0f0f0; height: 60vh; overflow: auto; background-color:#fff;}
#osProdImgCtrlMulti .osProdPhotoSwitchImg { display:block; }

#oProdDetailPopUp .osProdPictureBox { float:none; margin: auto; width:100%; height: 30vh; }

.osProdMakeTab { border-collapse:collapse; }
.osProdMakeTab td { border: 1px solid #c0c0c0; padding: 5px }
.osProdMakeTab td:nth-child(3) { text-align:right }

#oProdRecipeMakeCnv
{
  position: fixed;
  right:0;left:0;
  top:0;bottom:0;
  z-index: 2;
  background-color: #ffffffcf;
}
  
#oProdRecipeMakePopUp
{
  padding:20px;
  overflow: auto;
  border: 20px solid #CDDC39;
  background-color: #ffffff;
  width: 100vw;
  height: 100vh;
  margin: auto;
}

.oProdRecipeMakeItems .BandTable td:nth-child(9) { text-align:center; }
.oProdRecipeMakeItems .BandTable td:nth-child(5) { display:none; } /* share */
.oProdRecipeMakeItems .BandTable td:nth-child(6) { display:none; } /* waste */

.oProdRecipeMakeItems
{
  max-height: 70vh;
  overflow: auto;
  border: 1px solid #c0c0c0;
  padding: 10px;
}

.oProdRecipeMakeTab
{
  border-collapse:collapse;
  width:100%;
  font-size: 9pt;
}

.oProdRecipeMakeTab td
{
  padding:2px 5px;
  border: 1px solid #c0c0c0;
  text-align: center;
}
.oProdRecipeMakeTab td:first-child { text-align:left;}

.oProdRecipeMakeTab tr:nth-child(odd) { background-color: #f0f0f0; }
.oProdRecipeMakeTab tr:hover { background-color: #ffff99; }

.wsfLogonBoxFullName { display: block; }
.wsfLogonBoxEmailAlias { display: none; } 

.osSysAdminTools
{
  display: inline-block;
  padding: 3px 5px;
  background-color: #f09e84;
  border:1px solid #c0c0c0;
  margin:auto 5px;
}

#oProdRecipeMakeInfo { background-color: #a8df67; padding: 5px; margin-top: 10px;}
#oProdRecipeMakeInfo.osProdRecipeMakeInfoErr { background-color: #fab7b7; }

.osProdStockInfoTitle
{
  font-size:130%;
  text-align:center;
  padding: 0 0 20px 0; 
}

.osNewQuoteBtn { display:none }
#oPendingQuote { display:none }
#oPastQuote { display:none }

.osOrderSchedLater
{
  text-align:center;
  padding:5px;
  background-color: #ffb49c;
  color: #000;
}
.osOrderSchedBefore
{
  animation: blink 700ms infinite;
  background-color: #df0000;
  color: #fff;
}
.osOrderSchedSoon
{
  background-color: #ff5722;
  color: #fff;
}

.osProdStockInfoBtn, .osPCStatusDesc
{
  user-select:none;
}

.osSelectProdBatchCnv #wsfDialogPnl
{
  width: 80vw;
  height: 80vh;
  margin: auto;
  border: 1px solid #c0c0c0;
  padding: 40px;
  background-color:#fff;
}

#wsfDialogCnv.osSelectProdBatchCnv
{
  padding:20px;
}

.osProdBatchBtn
{
  padding: 5px;
  color: #fff;
  height: 40px;
  border-radius: 4px;
  border: 0;
  position: relative; 
  width: 50px;
  cursor:hand;
  cursor:pointer;
}

#oOrderItems .osProdBatchBtn .wsfSpotImg
{
  padding:5px;
}

.osProdStockInfoBtn
{
  background-color: #c0c0c0;
  border: 0;
  padding: 2px 10px;
  color: #fff;
  cursor:hand;
  cursor:pointer;
}

.wsfSpotImg .osProdStockInfoBtn
{
  background-color: transparent;
  border: 0;
  padding: 0 8px;
  width:100%;
  height:100%;
  color: #fff;
}

.osToolsBoxSet:empty { display:none; }
.osToolsBoxSet
{
  background-color: #e0e0e0;
  padding: 5px;
  display: inline-block;
  margin: 2px;
  border: 1px solid #c0c0c0;
  text-align:left;
}

.osToolsBoxSetTitle
{
  font-weight: bolder;
  padding: 0 0 5px 0;
  cursor:hand;cursor:pointer;
}

.osToolsBoxSetCmds .wsfDropDownMSelPnl { position: static }

.osToolsBoxSetCmds
{
  display:inline-block;
  width: 0;height:0;
  w hite-space:nowrap;
  overflow: hidden;
}

.osToolsBoxSetShow
{
  width: 100%;
  background-color: #FFEB3B;
}

.osToolsBoxSetShow .osToolsBoxSetCmds
{
  width:100%;height:auto;
  transition:all 500ms ease-out;
}

#oUserRegPrivacyPanel { }
#oUserRegPrivacy { width:90vw; }
.UserRegPrivacyText { height: 70vh; overflow-x:hidden;overflow-y:auto }

.wsfPrivacyPolicy, .wsfWebsiteTerms 
{

}

#oProdPriceSel
{
  background-color: #fff;
  padding: 5px 10px;
  max-height: 150px;
  overflow: auto;
  border: 1px solid #c0c0c0;
}

.osProdPricesTab .ListFoot { display: none; }
.osProdPricesTab td { border: 1px solid #c0c0c0; padding: 2px 3px; } 
.osProdPricesTab
{
  border-collapse:collapse;
  width:100%;
}

#oProdUpdates
{
  width:100%;
  max-height: 50vh;
  overflow: auto;
}

#oProdUpdates .BandTable
{
  font-size:8pt;
  border-collapse:collapse;
}

#oProdUpdates .BandTable TD
{
  border: 1px solid #c0c0c0;
  padding: 2px 4px;
}

/* gen search panel */

#oQuickEditProd
{
  padding:3px;
  font-size:inherit;
  max-width: 30vw;
  margin-bottom: 5px;
  /* PAOLO11JUN23 - start bigger */
  width: 100%;
}

.osProdDescLabel
{
  color:#c0c0c0;
  font-size: 80%;
  padding: 5px 0;
}
.osProdDescNote 
{ 
  color: orangered;
  font-size: 9pt;
  font-style: italic;
}

.osProdDescEdit:empty
{
  border:1px dotted #c0c0c0;
}
.osProdDescEdit
{
  min-height:30px;
  margin-top:1px;
}

.osProdDesc #oQuickEditProd
{
  max-width: 100%;
}


.osTopBtn input[type=search] 
{
  font-size: 15pt;
  vertical-align: top;
}

.wsfMobileView .osTopBtn input[type=search] 
{
  width: 100px;
  height: 40px;
}

.osDPBtnMobSrc { display:none; }
#oPnlGenSearch 
{
  float: left;
  width: 63vw;
  font-size: 14pt;
  display:none;
}

.orsCLTablet .osTopBtn input[type=search] { height: 60px;}

.osPModeBtns
{
  display:flex;
  flex-wrap: wrap;
}

.osOrderSummary .osPModeBtns
{
  display: block;
}

.osOrderSummary .osPModeBtn
{
  height: auto;
  width: 100%;
  min-height: 0;
  padding-top: 10px !important;
  color:transparent;
}

.osPayOrderError
{
  padding: 50px;
  height: 100vh;
  color: #df0000;
  background-color: #f2dede;
}

.osPayOrderBox
{
  height:100%;
  min-height: 100vh;
  width:100%;
  text-align: center;
  padding: 150px 20px 20px 20px;
  font-size: 20pt;
  color: #fff;
}

.osPayOrderBoxPNP
{
  background-color: #c0c0c0;
  background-image: url(../images/PlugNPayLogo.png);
  background-repeat:no-repeat;
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: center 50px;
}

.osPayOrderBoxWIP
{
  background-color: #345a9b;
  background-image: url(../images/WIPLogo.png);
  background-repeat:no-repeat;
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: center 50px;
}

.osPayOrderBoxFAC
{
  font-size: 12pt;
  color:#525252;
  padding-top: 20px;
}

.osPayOrderBoxLogo img { height: 150px; }
.osPayOrderBoxTitle { padding: 10px 0; }
.osPayOrderBoxPayInfo { padding: 0 0 10px 0; font-size: 14pt; }

.wsfFACHPPIFrame
{
  height: 600px;
  margin-top: 10px;
}

/* Gen search start */

#sisGenSearchPnl
{
  position:absolute;
  top:54px;left:0;right:0;
  width:90%;
  margin:auto;
  height:85vh;
  background-color: #ade0f6;
  border:1px solid #c0c0c0;
  z-index: 3;
  padding: 20px;
  overflow: auto;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

#sisGenSearchPnl .wsfMgrEditorClose
{
  f loat: right;
}

#sisGenSearchLst
{
  clear:both;
}

.sisGenSearchPnlBtns
{
  padding-bottom: 10px;
  overflow: auto;
}

.sisGenSrcSecIcon
{
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

.sisGenSrcSecIcon .osDPBtn
{
  height: 40px;
}

.sisGenSrcSec
{
  padding:20px 0;
  background: #fff;
  margin-bottom:20px;
  border-radius:4px;
  padding:5px;
  max-height: 150px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  text-align:left;
}

.sisGenSrcSecFlex
{
  display: flex;
  flex-wrap: wrap;
  max-height:250px;
  overflow:auto;
}

.sisGenSrcTile {
  background-color: #FFEB3B;
  height: 110px;
  overflow: hidden;
  max-width: 100px;
  white-space: normal;
  position: relative;
  text-align: center;
  padding: 5px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  cursor: hand;
  cursor: pointer;
}

.osUserRightsBtnInfo
{ 
  background-image: url(../images/info.png)

}
.osUserRightsBtn:active { transform: scale(0.97); }
.osUserRightsBtn { margin: 1px 1px 1px 4px; }
.osUserRightsBtnAdmin { border-left: 5px solid #df0000 }
.osUserRightsAll { background-color: darkgreen; color:#fff }
.osUserRightsSome { background-color: lightgreen; }
.osUserRightsNone { }

.sisGenSrcTile.osDPBtnSale { background-image:none; }
.sisGenSrcTile.osDPBtnRequisition { background-image:none; }
.sisGenSrcTile.osDPBtnPO { background-image:none; }
.sisGenSrcTile.osDPBtnProd { background-image:none; }
.sisGenSrcTile.osDPBtnProd.wsfUserDisabled { background-image: url(../images/NoEntry.png); }
.sisGenSrcTile.osDPBtnCus { background-image:none; }
.sisGenSrcTile.osDPBtnCus.wsfUserDisabled { background-image: url(../images/NoEntry.png); }
.sisGenSrcTile.osDPBtnCus.wsfWalkInUser { background-image: url(../images/Walking.png); border: 4px solid #848282; }
.sisGenSrcTile.AppBkIcon { background-image:none; }

.osDPBtnCusStaff { border: 4px solid #238697; }

.sisGenSrcTileTitle { font-size:90%; }
.sisGenSrcTileInfo { font-size:70%; }
.sisGenSrcTileManuf { display:none; }
.sisGenSrcTileOwner { background-color: #edbfc7; padding:1px; }

.sisGenSrcTileFlags { position: absolute; bottom:1px; left:1px }

/* general search END */


.wsfQEBoxCnv
{
  background-color:#e0e0e087;
  opacity:1;
}

.wsfQBoxClose
{
  float: right;
}

.orsHomePage
{
  padding:20px 0 60px;
  text-align:center;
  min-height: 50vh;
  background-color: #fff;
}

.orsHomePage img
{
  width:80%;
  max-width: 500px;
}

.wsfHTMLEdit { min-height: 0; height:20vh; }
#oMessageTemplateBody.wsfHTMLEdit { min-height: 100px; height:50vh; }

.wsfMgrEditor { border: 0; }
.wsfMgrEdLeftQInfo { background-color: #c0c0c0; }
.wsfMgrEdSumBoxTitle, .wsfMgrEdSumBoxTitleWrn, .wsfMgrEdSumBoxTitleOk
{
  font-size: 12pt;
  padding: 2px 5px;
  color: #fff;
  margin-bottom: 10px;
  background-color: #03a9f4;
  border-bottom: 1px solid #c0c0c0;
  margin-top: 10px;
}

.wsfMgrEdSumBoxTitleWrn { margin-bottom: 0; background-color: #9e9e9e; }
.wsfMgrEdSumBoxTitleOk { margin-bottom: 0; background-color: #8bc34a; }

.osProdCheckTab { border-collapse:collapse; margin: 10px; }
.osProdCheckTab td { padding: 2px 5px; border: 1px solid #fff; }
.osProdCheckTab th { display:none; }

.osProdCheckWrn a, .osProdCheckInfo a { color:#fff }
.osProdCheckWrn, .osProdCheckInfo
{
  color: #fff;
  padding: 10px 5px;
  background-color: #f44336;
}
.osProdCheckInfo { background-color: #c0c0c0; }

.osProdRemovalCmds { text-align:center; padding: 10px; }
.osProdRemovalCmds .wsfBtnDelete { font-size: 14pt; }

.wsfMgrEdSumBoxTitle a { color: #fff; }

.osProdSearchForm .wsfTextInputUnExpand { width:150px; }
.osProdSearchForm .wsfTextInputExpand { width:250px; }
 
.mnToolBar { text-align: left }

.mnHelp:hover, #oHelpBtnResp:hover, .mnFeedBack:hover, #oFeedBackBtnResp:hover 
{
  filter: grayscale(100%) brightness(3);
}

.wsfPagebasket #wsfContentArea { padding: 30px 0; }

.osShowProdCatalogItems #wsfContentArea { display:none; }
.osHideProdCatalogItems #osProdCategoriesBox { display:none !important; }
.osHideProdCatalogItems #osProdCatalogItems { display:none; }

.osCloseProdCategories
{
  background-image: url(../images/closecross.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin: 5px;
  /* background-color: transparent; */
  border: 0;
  display:none;
}

.wsfPageosPOSCash .ContentArea2 { padding: 0; min-height: 0; }
.wsfPageosCustomer .ContentArea2 { background-color: transparent; }
.wsfPageosCustomer .wsfPageApp  { padding: 0; }
.wsfPageosCustomer .wsfPanelShow  { padding: 20px 10px; }

.osMobileMenuLogo
{
  background-color: #c0c0c0;
  text-align:center;
  padding: 5px;
}

.osMobileMenuLogo img { height: 90px; }
.osMerchant .osMobileMenuLogo img { height: 50px; }

.osMobileSNLinkFB, .osMobileSNLinkIG
{
  display: inline-block;
  float:right;
  margin: 0 5px;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
}

.osAboutUsPage
{

}

.osAboutUsPage .PageTitle
{
  text-align:center;
  padding-bottom: 30px;
}

.osAboutUsPage .PageTitleSmall { padding-top: 30px; }

.footer { display: none; }
.olsFooter 
{
  background-repeat: no-repeat;
  font-size: 80%;
  text-align: left;
  width: 100%;
  padding: 10px 30px;
}

.osMobileSNLinkFB { background-image: url(../images/FBIcon.png); }
.osMobileSNLinkIG { background-image: url(../images/IGIcon.png); }

.olsFooterBox { display: block; width: auto; text-align: left; padding:10px; vertical-align:top; font-size: 11pt; }
.olsFooterBox:empty { display:none; }
.olsFooterBox a { color:#fff; text-decoration: none; } 
.olsFooterBox a:hover { text-decoration: underline; } 

.olsFooterBox.olsFooterContacts, .olsFooterBox.olsFooterBoxTools { display:inline-block; vertical-align:top; width: 50%; }

.olsFooterBoxTools { padding: 10px 0 15px 0; font-weight:normal; }
.olsFooterBoxTools .olsFooterGrp
{ 
  padding: 0; 
  max-height: 150px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
} 
.olsFooterGrp .olsFooterGrpItm:empty { display:none; } 
.olsFooterGrp .olsFooterGrpItm, .olsFooterGrp .wsfSubMnSubTab1Box 
{ list-style:none;
  background-image:none;
  background-repeat:no-repeat;
  background-position:0; 
  padding: 8px 0;
  max-width:80px;
}
.olsFooterGrp .wsfSubMnItem a,
.olsFooterGrp .wsfSubMnItem a:link,
.olsFooterGrp .wsfSubMnItem a:visited { color: #fff; }
.olsFooterGrp .wsfSubMnItem { padding: 0; }

.olsFooterTitle { font-size: 120%; font-weight:bolder;margin-top:10px !important; margin-bottom:10px !important; }
.olsFtrContactAddr { }
.olsFtrContactPhone { }
.olsFtrContactEmail { }

.olsFooterSec { border-bottom: 2px solid #c0c0c0; font-size: 14pt; padding: 18px 0 5px 0;}
.olsFooterSN { float:right; margin-top: -20px; }
.olsFooterSN img { width:40px; }

.olsFooterSysCards { overflow:auto; border-top: 2px solid #c0c0c0; padding-top: 10px;}

.osSysProdFooterBox { padding-bottom:10px; float: left; }
.osSysProdFooter { font-size: 8pt; }

.osSysProdFooterLogo
{
  height: 50px;
  border-radius: 4px;
  margin-bottom: -3px;
}

.osSysProdFooterNote { padding-top:5px; }

.olsFooterCards { padding:0 40px 20px 0; font-size:0; float:right; }
.olsFooterCards img { height:40px;width:auto;margin-right:5px; }
.olsFooterCards div { padding:15px 0 5px;font-weight:bolder; }
.olsFooterCards div:first-child { padding:0 0 5px 0; }

.olsFooterOthers { } 

.osFooterCustomHTML {  }

.osItemsLoading 
{ 
  padding: 30px 10px; 
  width: 20%;
  text-align:center;
  margin: 40px auto;
  background-image: url(../images/LoaderBar.gif);
  background-size: 100%;
  background-repeat: no-repeat;
}

.CMCSiteWallPaper2 .BandPageRight
{
  padding: 10px 5px;
}

.PageSchema
{
  padding:0;
}

.PageSchema2
{
  padding:5px;
  background-color: #fff;
}

#OSLogoMedium 
{
  overflow: hidden;
  height: auto;
}

#OSLogoMedium IMG
{
  width: 20%;
  max-width: 150px;
  min-width: 150px;
  padding: 10px 0 20px 0;
}

.wsfPagedefault #OSLogoMedium IMG
{
  width: 35%;
  max-width: 250px;
}

.osMerchant #OSLogoMedium { text-align:left;padding-left:10px; }
.wsfPagedefault #OSLogoMedium { text-align:center }

/* product picture start */

.osProdImg
{  
	position: relative;
  overflow:hidden;
  height:100%;
  text-align:center;
  background-color: #fff;
  margin-bottom: 5px;
}

#oProdMgrInfo .osProdImg
{  
  max-height: 250px;
  height: 250px;
}
#oProdMgrInfo .osProdImg img
{
  max-height: 100%;
}

.osStoreBoxes, .osManufBoxes
{
  display:flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.osStoreBox, .osManufBox
{
  flex-grow: 1;
  flex-basis: 25%;
  display:inline-block;
  padding:20px 10px;
  border:1px solid #c0c0c0;
  background-color:#054d7f;
  color:#fff;
  margin:5px;
  font-size:12pt;
}

.osManufLogo img { height: 100px; }
.osManufBox { background-color:#238697; cursor:hand; cursor:pointer; position:relative; }
.osManufBox:hover { background-color: #3bbed4; transition: all 200ms ease; }
.osStoreBox a, .osManufName a { color:#fff; text-decoration: none; }

.osManufBoxes { padding:20px 30px; }
.osManufName { font-size:16pt; font-weight: bolder; padding-top: 5px; }

.osStoreDesc { font-size:16pt; font-weight: bolder; padding-bottom: 10px; }
.osStoreAddr { padding-bottom: 5px; }
.osStorePhone {}
.osStoreEmail { font-size: 10pt; padding: 5px 0; }
.osStoreShopHours { padding-top: 5px; font-size:10pt; }

.osStoreMap iframe { width: 300px; height:200px; }
.osStoreMap { padding-top: 20px; }


.osChkStoreBox
{
  padding: 10px;
  background-color: #f0f0f0;
  margin-top: 5px;
}
.osChkStoreBoxDesc { font-size: 12pt; padding-bottom: 5px; font-weight: bold; }
.osChkStoreBoxAddr {}
.osChkStoreBoxPhone {}
.osChkStoreBoxEmail {}
.osChkStoreBoxShopHours {}
.osChkStoreBoxShopMapURL {}
.osChkStoreBoxShopMapEmbed { padding: 10px 0; }
.osChkStoreBoxShopMapEmbed iframe { width:100%; }

/*
.osProdImg IMG { width: 100%; }


.spvCatProdPicBox .osProdPicture { width: auto; max-width: 100%; max-height: 200px; margin:auto; }
*/

.osProdImgCtrl
{
  position:absolute;
  z-index: 10;
  top:5px;
  left:0;
  right:0;
  text-align:right;
  background-color: rgba(0, 188, 212, 0.2);
  display: none;
}

.osProdImgRRight, .osProdImgRLeft, .osProdImgRemove, .osProdImgViewLarge
{
  background-size:contain;
  background-repeat:no-repeat;
  background-color: transparent;
  border: 0;
  width: 25px;
  margin: 5px;
  cursor:hand;
  cursor:pointer;
  min-width:0 !important;
}

.osProdImgRRight { background-image: url(../images/RotateRight.png) }
.osProdImgRLeft { background-image: url(../images/RotateLeft.png) }
.osProdImgViewLarge { filter: brightness(0);background-image: url(../images/Magnifier.png);margin: 0; vertical-align: top; }
.osProdImgRemove { background-image: url(../images/Delete.png) }

#oProdImg:hover #oProdImgCtrl { display:block; } 
.osProdPictureBox:hover #oProdImgCtrl { display:block; }

#oProdImgInfo 
{   
  position: absolute;
  left: 0;
  top: 0;
  padding: 2px 5px;
  background-color: rgb(255 255 255 / 60%);
}

/* product picture end */

.osWarningLine
{
  background-color:#df0000;
  color:#ffffff;
  padding:5px;
  text-align:center;
}

.osToolBarSearch
{
  /*
  float:right;
  display: inline-block;
  vertical-align:top;
  padding: 10px 0px 10px 0px;
  text-align:right;
  */
  border: 0;
}

.osTopCats
{
  display: inline-block;
  vertical-align:top;
  float:left;
  color: #fff;
  font-size:12pt;
  padding: 0;
  text-align:left;
}

#osProdCatalogItems
{
  min-height: 30vh;
  text-align: left;
  padding: 10px;
}

.osBuyOnAltServerBtn a { text-decoration:none; color:#fff }
.osBuyOnAltServerBtn
{
  float: right;
  background-color: #2196f3;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center;
}

.spvCatProdTile .osBuyOnAltServerBtn
{
  float:none;
  margin: 5px 0;
}

#osAddToBasketDlg.osAddToBasketHide
{
  transform: matrix(0.10,0.00,0.00,0.40,500,-200);
  transition: all 400ms ease-in;
}
#osAddToBasketDlg.osAddToBasketOK { background-color: #cddc39; }
#osAddToBasketDlg.osAddToBasketKO { background-color: #f44336; }

#osAddToBasketDlg
{
  position:fixed;
  top:30px;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 80vw;
  overflow:auto;
  max-height: 90vh;
  padding:20px;
  z-index:1000;
  background-color: #fff;
  border:1px solid #c0c0c0;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
  text-align:center;
}

#osAddToBasketCnv
{
  top:0;
  left:0;
  position:fixed;
  width:100%;
  height:100%;
  background-color:#fff;
  opacity:0.8;
  z-index:999;
}

#QuickEditBoxOrderItem .wsfQEForm INPUT[type=text] { width: auto; max-width: 90vw; }
#QuickEditBoxOrderItem .wsfQEForm INPUT, #QuickEditBoxOrderItem .wsfQEForm SELECT { font-size: 14pt; vertical-align: bottom; }
.osUpdateOrderItemBtns .wsfFrmInput { padding-top: 10px; }
.osUpdateOrderItemBtns .wsfFrmInput input[type=button],
.osUpdateOrderItemBtns .wsfFrmInput input[type=submit] { margin:5px 10px;}

#osOrderitemAdv #OrderItemCustomDesc { max-width: 85vw; }

.osMoveOrderCnv #wsfDialogPnl
{
  width: 50vw;
  min-width: 200px;
  margin: 50px auto;
  padding: 30px 10px;
  height: 50vh;
  min-height: 200px;
  box-shadow: 0px 5px 10px #b0b0b0;
  font-size: 14pt;
}
.osActiveInput
{
  cursor:hand;
  cursor:pointer;
  color: #005da7;
  text-decoration: underline;
}
.osMoveOrderCnv #TargetPosCashID { font-size: 14pt; }

.osNoCancelOrderInfo { padding-top:20px; }
.osDec 
{ 
  background-image: url(../images/ArrowLeft.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  border: 0 !important;
  width: 35px;
  height: 40px;
  vertical-align: middle;
}

.osInc
{ 
  background-image: url(../images/ArrowRight.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  border: 0 !important;
  width: 35px;
  height: 40px;
  vertical-align: middle;
}

.osProdCatCell
{
  display:inline-block;
  border-right: 0;
  padding: 5px;
  min-height:96px;
  width:100px;
  text-align:center;
  vertical-align: top;
  cursor: hand;
  cursor: pointer;
  font-size: 11pt;
  white-space: normal;
  position: relative;
}

.osCopyBillShipBtn { padding: 5px; text-align:center; }
.osCopyBillShipBtn button
{
  border: 1px solid #c0c0c0;
  padding: 5px;
  background-color: #c0c0c0;
  color: transparent;
  background-image: url(../images/ArrowDownWide.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.spaBoxContent .osProdCatCellMyOrder { display:none }

.osProdCatCellMyOrder 
{ 
  background-image: url(../images/StaffBuddy.png);
  background-size: 90%;
  background-repeat: no-repeat; 
  background-position: center top;
  display: inline-flex;
}
.osProdCatCellMyOrder span { align-self: flex-end; margin: 0 auto 10px auto;}

.osProdCatCellLast { display:none; }

.osMyOrderMain
{
  padding: 50px;
  text-align:center;
  font-size: 16pt;
}
.osMyOrderForm { padding: 20px; background-color: #fff; min-height: 50vh; }
.osMyOrderInfo { padding: 20px; }
.osMyOrderCode { margin-right: 5px; font-size: inherit; }
.osMyOrderBtn { font-size: inherit; background-color: #2196f3; color: #fff; }
.osMyOrderWarning { margin: 10px; padding: 10px 5px; border: 1px solid #df0000; background-color: #f7c1c1; }

.osMyOrderForm .wsfQSbtns { margin-right: 5px; }
#oMyOrderData { max-width: 90vw; overflow: auto; }

.osMyOrderHeader { text-align: center; padding: 10px 0 }
.osMyOrderHeader div { display:inline-block; }
.osMyOrderHeader div span { display:inline-block; padding: 0 5px; font-weight: bolder; }
.osMyOrderDetails { text-align: left; font-size: 12pt; }
.osMyOrderDetails td {  }

.osProdCatEditBtn
{
  width:20px;height:20px;
  position:absolute;
  bottom:2px;right:2px;
  background-repeat:no-repeat;
  background-size: 90%;
}

.osToolBarTopLogo { position:relative; }

.osManufBox:hover .osProdCatEditBtn,
.osProdCatCell:hover .osProdCatEditBtn
{
  background-image: url(../images/edit.png);
}

.osToolBarTopLogo:hover .osProdCatEditBtn
{
  background-image: url(../images/edit.png);
  background-color: #ffffffb0;
  background-position: center;
}

#osUploadRXBox 
{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fffffff2;
  z-index: 50;
  padding: 10px;
}

#osUploadRXPnl
{
  background-color: #c1d945;
  padding: 10px 20px;
  display:inline-block;
  margin: auto;
  overflow: auto;
  max-height: 95vh;
  box-shadow: 0px 5px 10px #b0b0b0;
}

#osUploadRXTitle
{
  font-size: 160%;
  padding: 70px 0 15px 0;
  color: #2196F3;
  font-weight: bolder;
  background-image: url(../Public/OSS/LUX/AquaHorizontalLogo.png);
  background-size: auto 59%;
  background-repeat: no-repeat;
  background-position: top;
}

#osUploadRXBox form
{
  display:inline-block;
}

#osUploadRXBox input[type=text], #osUploadRXBox input[type=tel]
{
  padding:5px;
  font-size: 14pt;
  display:block;
  border-radius: 4px;
  width:300px;
  max-width: 80vw;
  margin-bottom:5px
}

#osUploadRXInfo
{
  display:block;
  margin:auto;
  background-color:#fff;
  border: 4px dashed#2196F3;
  width:300px;
  max-width: 80vw;
  height:220px;
  max-height: 50vh;
  text-align: center;
  padding:20px;
  cursor:hand;
  cursor:pointer;
  background-size: contain;
  background-position: center;
  background-repeat:no-repeat;
}

#osUploadRXInput
{
  display:none;  
}

#osUploadRXCancel
{
  padding:10px;
  background-color: #fff;
  border-radius: 4px;
  cursor:hand;
  cursor:pointer;
  width: 100px;
  margin: 10px auto;
}

#osUploadRXNote { width: 300px; font-style: italic; font-size: 85%; text-align:left; }
#osUploadRXNote ul { margin: 5px; }
#osUploadRXNote li { margin: 0 0 0 -20; }

#osUploadRXOk, #osUploadRXCancel
{
  padding:10px;
  color:#fff;
  border-radius: 4px;
  cursor:hand;
  cursor:pointer;
  width: 100px;
  margin: 10px auto;
}

#osUploadRXOk { background-color: #03a9f4; margin-right:5px; } 
#osUploadRXCancel { background-color: #c0c0c0; } 
#osUploadRXOk:disabled { display:none; }

.osPOForm
{
  text-align: center;
  background-color: #fff;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
  padding: 20px;
  font-size: 12pt;
  width: 770px;
  margin: 10px auto;
}

.osPOForm .wsfMSRBoxTools { display:none; }

.osPOLogo { width:100%; border-collapse:collapse; }
.osPOLogo td { padding:0; vertical-align: middle; border: 0; }
.osPOLogoBox { width:150px; }
.osPOLogoBox img { width:150px; }
.osPOLogoTitle { font-size:24pt; padding-left: 5px; }
.osPOTitle { text-align:right; padding: 10px 0; }
.osPOTitleItem { font-size:12pt; }
.osPOTitleItems {  }
.osPOCurrency { font-style:italic; text-align:right; padding: 10px 0 0 0; }
.osPOTitleItems TABLE { font-size:10pt; margin:auto; width: 100%; text-align: left; }
.osPOTitleItems TD { padding:10px; }
.osPOTitleItems .ListHeadExtra td { padding: 5px; }
.osPOTitleItems tfoot { display:table-row-group; }

.osPOHeader { text-align: left;}
.osPOFooter { margin-top:50px; text-align: left; }
.osPOLeftSignature { border-bottom: 1px solid #c0c0c0; float:left;width:200px; }
.osPORightSignature { border-bottom: 1px solid #c0c0c0; float:right;width:200px; }
.osPOApprovedInfo { clear:both; padding-top: 10px; display:none; }
.osPOitemCode { font-size: 80%; }
.osPOitemTitle { display: inline-block; }
.osPOitemSubTitle { display: inline-block; }

.osPOAddresses { font-size: 0; width: 100%; border-collapse:collapse;  }
.osPOBillTo, .osPOShipTo { white-space:normal; vertical-align:top; width:50%; border:1px solid #c0c0c0; text-align:left; padding:20px; font-size: 12pt; }
.osPOAddrLbl { padding-bottom: 5px; font-weight: bolder; }

.osPOFormPDF.osPOForm { box-shadow: none; border: 0; margin: auto; }
.osPOFormPDF, .osPOFormPDF .BandTable, .osPOFormPDF .osPOAddresses, .osPOFormPDF .osPOLogo
{ 
  font-family: Tahoma, Geneva, sans-serif ;
  font-weight: 100;
}

.SRBoxInfo { font-style:italic; }

.osPOFormPDF .osPOLogo { width: 100%; }

.osPOFormPDF .ListPageBreak 
{
  page-break-before: always;
  page-break-after: avoid;
  color: #fff;
}

.osPOFormPDF .wsfDebugSQLBtn  { display:none; }
#oTableBoxes .wsfDebugSQLBtn  { position: absolute;z-index: 1000; }
#oTableBoxes .wsfDebugSQL  { position: absolute;top: 30px;z-index: 1000; }

/* avoid funny extra borders, remove all borders */
.osPOFormPDF .BandTable td { border:0; }
.osPOFormPDF.ListFoot td {border: 0; }

.wsfMailAddrState { display:none; }
#oMailAddrRecords .wsfMailAddrLogo { height:30px; }

.wsfPagePurchaseOrderPrint .CMCSiteWallPaper2 { background-color: transparent; }

#osProdCategoriesBox
{
  color: #fff;
  font-size:12pt;
  padding: 10px;
  text-align:left;
}

#osProdCategoriesBox .osProdCatCell
{
  border: 1px solid #c0c0c0;
  padding: 10px;
  border-radius: 4px;
  width:auto;
  margin: 8px 5px;
}

#osProdCategoriesBox .osProdCatCellCurr
{
  border: 2px solid #fff;
}

.osTopCatCellCurr
{
  background-color: #c0c0c0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  h eight: 95px;
}

#osProdCategoriesBox .osProdCatCellGeneral
{
  background-color:orange;
}

.osProdCatTitle
{
  font-size: 18pt;
  padding:5px 0 20px 10px;
} 

.osProdCatDesc
{
  font-size:110%;
  font-weight: bolder;
  padding: 5px 0 10px 0;
  color:#fff;
}

.osProdCatLongDesc
{
  font-size:9pt;
  text-align:justify;
  white-space: normal;
}

#osTopCateg_56 { b ackground-image: url(../Public/otc.png) }

.osProdCatCell:last-child
{
  border: 0;
}

.osProdCatCell A, .osProdCatCell A:Visited, .osProdCatCell A:Active, .osProdCatCell A:Link
{
  text-decoration: none;
  color: #fff;
}

.osProdCatCell:hover, .osProdCatCell A:Hover
{
  b ackground-color: #f0f0f0;
  c olor: #525252;
  font-weight: bolder;
}

.osProdCatCellImg 
{
  padding: 5px 0 10px 0;
}
.osProdCatCellImg img
{
  height: 35px;
}

#oProdCategories
{
  overflow: auto;
  white-space: nowrap;
}

#oProdCategories .osProdCatCellImg img
{
  height: 140px;
}

.osToolBar
{
  font-size: 9pt;
}

.osTabBox:empty { display:none; }
.osTabBox P
{
  font-weight:bolder;
  font-size:110%;
}

.osTabBoxes
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.osTabBoxes .wsfMSRBoxTools { display:none; }
.osTabBoxes .osTabBox { flex-grow: 1; }

.osTabBoxBig { font-size: 30pt; text-align: center; padding: 20px; }
.osTabBoxSml { display:inline-block; padding: 0 5px; font-size: 12pt; }

.osTabBox
{
  max-height: 250px;
  overflow:auto;
  border: 1px solid #c0c0c0;
  border-radius:4px;
  padding:10px;
  margin:5px;
  background-color:#fff;
}

.osTabBoxZoomBtn { float:right; background-color: #50ace4; color: #fff; }
.osTabBoxZoom
{
  max-height: 100vh;
  transition: all 400ms ease;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  margin: 30px 20px;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.osTabBoxZoom .wsfMSRBoxFullList { height: 80vh; }
.osTabBoxZoom .wsfMSRBoxFullList .wsfMSRBoxTools { top: 84px; left: 30px; }

.osCustName, .osBizName { display: inline-block; }

.osUserStatementSheet
{
  width:700px;
  margin:auto;
  background: #fff;
}

.osUserStatementLogo img
{
  height: 70px;
}

.osUserStatementTitle
{
  text-align: center;
  font-size: 14pt;
  padding: 10px 0 10px 0
}

.osUserStatementCustBizName { display: inline-block; font-weight: bolder; }
.osUserStatementDate { font-size: 10pt; }

.osUserStatementSheet .BandTable tbody tr:nth-child(1) { font-weight: bolder; }
.osUserStatementFilters
{
  background-color: #f0f0f0;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.rbxBasketVouchersShow
{
  text-align: right;
  background-color: #FFEB3B;
  padding: 20px !important;
  border-radius: 10px;
}

.rbxBasketVouchersShowTitle
{
  font-size: 120%;
  font-weight: bolder;
  text-transform:uppercase;
  padding-bottom: 5px;
}

#osBasketData .rbxVoucherTickets input[type=radio], #VoucherID0
{
  display:none;
} 

#osBasketData .rbxVoucherTickets input[type=radio]:checked + label .rbxVoucherTicket 
{
  background-color: #00BCD4;
}

#VoucherID0 + label
{
  text-decoration:underline;
  cursor:hand;cursor:pointer;
}

.osTabBoxManuf
{
  max-height: none;
  background-color: #ccddcc;
}

#oUserVouchers { max-height: none; }

.osMarkupNeg { background-color: #df0000 !important; color:#fff; }
.osMarkupLow { color: #df0000; }

.osSuspended
{
  background-color:#df0000;
}

.osShopSettings .wsfBtnSelected.wsfBtnSelected_2
{
  background-color:#FFCC33;
}

.osShopSettings .wsfBtnSelected.wsfBtnSelected_1
{
  background-color:#8CCB6D;
}

.osShopSettings .wsfBtnSelected.wsfBtnSelected_0
{
  background-color:#F37575;
}

#oShippingInfo { text-align:right; color:dodgerblue; }

.osShippingWrns A, .osShippingWrns A:Visited, .osShippingWrns A:Active, .osShippingWrns A:Link, .osShippingWrns A:Hover
{
  color:#fff;
}

.osShippingWrns:empty { display:none; }
.osShippingWrns
{
  padding-top:10px;
  background-color:#cc0000;
  color:#ffffff;
  font-size:12pt;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  text-align: center;
  p osition: fixed;
  w idth: 50%;
  margin:10px 0;
  left: 25%;
  top: 30%;
  z-index: 1;
  border-radius: 4px;
  opacity: 0.8;
}

#h_ProdGrossPrice
{
  font-size: 24pt;
}

#oPriceUpdBtns { display: inline; }

.osRelatedProductsHeader
{
  background-color: #e0e0e0;
  margin-bottom:10px;
  margin-top:10px;
  padding:5px;
}

.osProductList TD
{
  b order-bottom: 1px solid #c0c0c0;
  b order-right: 1px solid #c0c0c0;
  padding: 10px;
}

.osProductList
{
  font-size: 10pt;
  b order-left: 1px solid #c0c0c0;
  b order-top: 1px solid #c0c0c0;
  width: 100%;
}

.osCatalogPageInfo
{
  padding: 5px;
}

.osCatalogPageCmds
{
  text-align: center;
  background-color: #c0c0c0;
  padding: 5px;
}

.osCatalogPageCmd
{
  margin: 0 3px;
  background-color: #f0f0f0;
  min-width: 35px;
  padding: 8px 12px 7px 13px;
  border: 1px solid #6c6e73;
  background-repeat: no-repeat;
  background-size: auto 90%;
}

.osCatalogPageCurr
{
  background-color:#fff;
}

.osCatalogPagePrev 
{ 
  background-image: url(../images/arrow-left.png); 
  padding-left: 35px;
  background-position: 5% center; 
}
.osCatalogPageNext 
{ 
  background-image: url(../images/arrow-right.png); 
  padding-right: 35px;
  background-position: 95% center; 
}

.spvCatalogProdDetail
{
  text-align: left;
  padding: 30px;
  margin: 0;
  w idth:100vw;
  background-color: #fff;
}

.spvProdReview
{
  clear:both;
  text-align:left;
  margin-bottom: 10px;
  padding-top:0px;
}

.spvProdReviewItem
{
  border: 1px solid #c0c0c0;
  padding: 10px;
  border-radius: 4px;
  font-size:10pt;
  margin-bottom: 10px;
}

.spvProdReviewItemPending
{
  padding:10px;
  border:4px dotted #df0000;
}

.spvProdReviewItemApproved
{
  
}

.spvProdReviewItemNew
{
  padding:10px;
  border:4px dotted #c0c0c0;
  font-size:10pt;
  margin-bottom:10px;
  margin-top:20px;
  navy;
}

.spvProdReviewLogin
{
  padding:5px;
  font-size:10pt;
}

.spvProdReviewDenied
{
  padding:5px;
  font-size: 80%;
}

.osProdReviewRate
{
  font-size:10pt;
  padding: 10px 0;
}

.osProdReviewVeriPurch
{
  display: inline-block;
  color: #2196F3;
  padding: 0 20px 0 5px;
  font-weight: bolder;
  background-image: url(../images/verified.png);
  background-size: auto 15px;
  background-position: 99%;
  background-repeat: no-repeat;
}

.osProdReviewRateStars, .osProdReviewRateArrowImg, .osProdReviewRateArrowLbl
{
  height:30px;
  vertical-align: middle;
  display:inline-block;
}

#oProdReviewRateArrow
{
  animation: arrow-jump 600ms linear 100ms 5 alternate;
  display: inline-block;
}

.osProdReviewRateArrow
{
  position: relative;
}

.osProdReviewRateArrowLbl
{
  padding-top: 2px;
}

.osProdReviewRateArrowImg img
{
  height:20px;
  margin:0 10px;
}

.spvProdReviewNote
{
  font-size:9pt;
  font-style:italic;
  padding-bottom:00px;
}

.spvProdReviewDisclaimer
{
  font-size:9pt;
  padding-bottom:15px;
  padding-top:15px;
}

.osProdDetailQBox
{
}

.osProdDetailQBox .BandTable { font-size:80%; }
#oProdDetailPopUp .BandTable { font-size:90%; }

.osProdDetailQBox .osProdSubTitle
{
  p adding: 0;
}

.osProdPictureBox
{
  float:left;
  text-align: right;
  width: 40vw;
  height: 50vh;
  max-height: none;
  min-width: 250px;
  overflow: hidden;
  position: relative;
  background-color:#fff;
  margin-right: 10px;
}

.osProdPictureBox .osProdImgCtrlPubTls
{
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 1;
}

#oProdImgViewerCnv
{
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  background-color: rgb(255 255 255 / 95%);
  z-index:10;
  padding:20px;
}

#oProdImgViewerBox
{
  width:80vw;
  text-align:center;
  margin:auto;
  background-color:#fff;
  border-radius:10px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
  padding:20px;
  max-height: 90vh;
  overflow:auto;
}

#oProdImgViewerImg
{
  max -width: 100%;
  max -height: 100%;
  width: auto;
  height: 80vh;
}

.osProdImgCtrlSrcGgl
{
  text-align:center;
  font-size:10pt;
  background-color:rgba(3, 169, 244, 0.6588235294117647);
  color:#fff;
  padding:7px;
  border-radius: 4px;
  margin-bottom:3px;
}

.osProdPictureBox .osProdPicCustOpts
{
  position:absolute;
  bottom:32px;left:0;right:0;
  background-color:#ffffffb0;
  padding:2px;
}

.osProdPictureBox .osProdImgCtrlSrcGgl
{
  position:absolute;
  bottom:0;left:0;right:0;
  margin:auto;
  w idth: 95%;
}

.osProdImgCtrlSrcGgl a { color:#fff; }

.spvShareProdOnFB
{
  text-align: right;
}

.spvCatProdTile .spvShareProdOnFB
{
  display:none;
}

.spvShareSiteOnFB
{
  position:absolute;
  top:81px;
  right:1px;
  display:none;
}

.spvCatProdNonActive
{
  color:#df0000;
}

.osProdOrderLevelAuthInfo, .osProdOrderLevelShopInfo
{
  text-align:center;
  border:1px solid #c0c0c0;
  border-radius:4px;
  padding:10px;
  w hite-space:nowrap;
  font-size: 14pt;
  overflow: hidden;
  margin: 10px 0;
}

.osProdOrderLevelShopInfo a:hover 
{
  color:#fff;
}

.osProdOrderLevelShopInfo:hover
{
  background-color: dodgerblue;
  color:#fff;
}

.osProdPricebar
{
  clear:both;
  background-color: #f0f0f0;
  padding:10px;
  margin-top:10px;
  overflow: auto;
}

.osProdPriceDutyFree
{
  color: #525252;
  font-size: 110%;
}

.osProdPriceDutyFreeInfo
{
  font-size: 18pt;
  padding-bottom: 10px;
}

.osProdPriceDutyFreeInfo img
{
  width:80px;
  padding-top: 10px;
}

.osProdPriceTeaser a { color:#fff; text-decoration: none; }
.osProdPriceTeaser
{
  background-color: #2196f3;
  color: #fff;
  text-align: center;
  padding: 5px;
  margin-top: 5px;
}

.osAddToCartMax
{
  display: inline-block;
  background-color: #df0000;
  color: #fff;
  font-size: 10pt;
  padding: 2px 5px;
  border-radius: 4px;
}

.osAddToCartBtn
{
  background-color: #25AAE1;
  color: #fff;
  border-radius: 0;
  text-transform: uppercase;
  padding: 10px;
  border: 0;
  vertical-align:top;
}

.osAddToCartOptsBtn
{
  background-color: transparent;
  border: 0;
  border-radius: 0;
  width: 40px;
  height: 43px;
  margin-left: 10px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  /*background-image: url(../OS/AddToCartOrange.png);*/
  background-image: url(../OS/AddToCartOptions.png?2);
}

.osAddToCartOptsBtn:hover
{
  background-color: #f0f0f0;
  border-radius: 5px;
}

.osProdPrice
{
  font-size: 20pt;
  width:50%;
  display: inline-block;
  vertical-align:bottom;
}

.osProdAddBasket
{
  width:50%;
  display: inline-block;
  text-align:right;
  vertical-align:bottom;
}

.osProdDetailQBox .osPricesInfo
{
  text-align: left;
  padding: 5px 0 0 0;
  display: inline-block;
}

#oProdDetailPopUp #oProdUpdates { display:none; }
#oProdDetailPopUp .osPricesInfoPre { display:none; }
#oProdDetailPopUp .osPricesInfo { display:none; }
#oProdDetailPopUp .osProdEditlink, #oProdDetailPopUp .osProdClonelink
{
  float:right;
  font-size: 14pt;
  background-color: #50ace4;
  margin: 3px;
  padding: 5px;
  color:#fff;
  text-transform: uppercase;
}
#oProdDetailPopUp .osProdClonelink
{
  background-color: #009688;
}

.osProdDetailQBox .osProdDesc .wsfCXEditItem { border: 1px solid #c0c0c0; padding: 10px; min-height: 10px; }

.osProdDetailQBox .osProdKeywords 
{ 
  font-size: 11pt;
  padding: 5px;
  min-height: 20px;
  background-color: #f0f0f0;
  margin-bottom: 10px;
}
.osProdDetailQBox .osProdDesc
{
  padding: 10px 0;
  clear:both;
  overflow:auto;
}

/* PAOLO15FEB25  */
.osProdLongDescTop .osProdDesc { display: none; }
.osProdLongDescBottom .osProdDesc { display: block; }

.wsfUserRightSetInfoBtn 
{ 
  background-image: url(../images/infoLeftSq.png);
  background-repeat: no-repeat;
  background-size: 20px 100%;
  background-position: left center;
  color: transparent;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  width: 20px;
}
.wsfUserRightSetInfo { font-size: 9pt; }
.wsfUserRightSetInfo { border-collapse: collapse; }
.wsfUserRightSetInfo td { border: 1px solid #c0c0c0; padding:2px 5px; }
#oCreateSysUserExisting:empty { display:none; }
#oCreateSysUserExisting { background-color: #ffff99; font-size: 9pt; }
#wsfDialogCnv.wsfCreateSysUser .wsfFrmField { vertical-align: top; }
#wsfDialogCnv.wsfCreateSysUser .wsfDialogPnl
{
  max-width: 600px;
  padding: 20px;
  margin: auto;
}

.cke_inner { max-width: 90vw; }
.osProdDetailQBox .cke_editable IMG { max-width: none; }
.osProdDetailQBox .osProdDesc table { width:100%; table-layout: fixed; }
.osProdDetailQBox .osProdDesc table td, .osProdDetailQBox .osProdDesc table th { vertical-align: top; }
.osProdDetailQBox .osProdDesc table img { width: auto; height: 100%; max-width: 100%; max-height: 100%; }
.osProdDetailQBox .osProdDesc iframe { width: 100%; }

.osProdEditlink, .osProdClonelink
{
  padding:0;
  text-align:right;
  font-size: 12pt;
  background-color: #50ace4;
  margin: 3px;
  padding: 5px;
  color:#fff;
  text-transform: uppercase;
}

.osProdClonelink
{
  background-color: #009688;
}

.osProdEditRecipe, .osProdEditBreakDowns
{
  padding: 10px 0;
}

.osProdDetailQBox .osProdPictureMissing
{
  
}

.osProdRelatedProds
{
  white-space: nowrap;
  overflow:auto;
  width:100%;
}

.osProdRelatedProdsBox
{
  position:relative;
  clear:both;
}

#oScrollRight, #oScrollLeft
{
  position:absolute;
  z-index: 1;
  top:50%;
  background-size:contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 35px;
}

#oScrollRight
{
  right:-10px;
  background-image: url(../images/ArrowRight.png);
}

#oScrollLeft
{
  left:-10px;
  background-image: url(../images/ArrowLeft.png);
}

.spvProdReviewHeader, .spvProdCategsHeader, .spvRelProdsHeader, .spvRelatedProdsHeader
{
  font-size:12pt;
  background-color:#f0f0f0;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 5px 5px 5px 10px;
  text-align:left;
}

.osProdRelatedProds .spvCatProdTile
{
  width:35%;
}

.osMenuViewBtns 
{
  float: left;
  overflow:auto;
}

.osMenuViewQRCodeBtn 
{ 
  background-image: url(../images/scanQRcode.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: 100%;
  border: 1px solid #c0c0c0;
  background-color: #fff;
  font-size: 0;
  cursor: hand;
  cursor: pointer;
}

.osPCProdCategSec .osProdCatAddItem { float:right; }
.osProdCatAddItem
{
  margin-left: 5px;
  background-color: #03a9f4;
  color: #fff;
}

.osEditCatalogAdv .wsfFrmLabel { height: 22px; display: inline-block; font-size: 11pt }
.osEditCatalogAdv .wsfFrmInput { height: 25px; }
.osEditCatalogAdv:empty { display:none }
.osEditCatalogAdv
{
  background-color: #f0f0f0;
  padding: 5px;
  padding: 5px 5px 10px 0;
  margin-bottom: 5px;
}

.osEditCatalogAdv .osProdStatusBtn { display:inline-block; margin-right: 5px; }
.osEditCatalogAdv .osProdTitle, 
.osEditCatalogAdv .osProdSubTitle,
.osEditCatalogAdv .osProdPrice,
.osEditCatalogAdv .osProdNickName,
.osEditCatalogAdv .osProdCode
{
  min-width: 50px;
  min-height: 30px;
  display: inline-block;
  padding: 0;
  font-size: 16pt;
}
.osEditCatalogAdv .osProdSubTitle #oQuickEditProd { font-size: 14pt;  }
.osEditCatalogAdv .osProdPrice #oQuickEditProd { font-size: 13pt; text-align: right; }
.osEditCatalogAdv .osProdNickName #oQuickEditProd { font-size: 13pt; }

.osEditCatalogAdv #oQuickEditProd
{
  margin-bottom: 0;
}

.osProdCategSel { max-width: 200px }

.osProdTitle
{
  font-size:22pt;
  padding: 10px 0px 0px 0px;
  text-align:left;
  text-transform: lowercase;
  text-transform: capitalize;
}

.osProdClose:hover
{
  background-color:#c0c0c0;
  color:#fff;
}

.osProdClose 
{ 
  font-size: 12pt; 
  cursor: hand;
  cursor: pointer;
  font-weight: bolder;
  float:right;
  padding: 3px;
  border-radius: 4px;
}

.osProdSubTitle
{
  font-size:14pt;
  padding: 5px 0px 20px 0px;
  text-align:left;
  text-transform:capitalize;
}

.osQIOptionGroup { }
.osQIOptionGrp { font-weight: bolder; margin-top:5px; display:inline-block;}
.osQIOptionGrpInfo { font-size: 90%; display: inline-block; padding-left: 5px; padding-right: 5px; }
.osQIOptionItem { display:inline-block; padding-right: 2px; }
.osQIOptionItemPrice { display:inline-block; padding-left: 5px; }
.osQIOptionItemSubTitle { display:inline-block;  padding-left: 5px; }
.osQIOptionItemQty { display:inline-block;  padding-left: 5px; }

.spvCatProdRcpOptions:empty { display:none; }
.spvCatProdRcpOptions { font-size: 80%; border: 1px solid #c0c0c0; padding: 5px 10px; }
.spvCatProdTile .osQIOptionItemBase { display:none; }
.spvCatProdTile .osQIOptionItemSubTitle { display:none; }
.spvCatProdTile .osQIOptionItemQty { display:none; }

.osProdSearchForm, .osProdSearchCancel
{
  display:inline;
}

.osProdSearchCancel IMG
{
  width: 16px;
  padding:0 0 0 3px;
  vertical-align:middle;
}

.osProdProdIngredients
{
  font-size:90%;
  padding: 5px 0 5px 0;
}

.osProdPictureThumb
{
  border:0px;
  m ax-height:250px;
  w idth:90%;
}

.osPkgPictureThumb
{
  border:0px;
  height:90px;
  width:90px;
}

.osPkgPictureMissingThumb
{
  border:4px dashed #dfdf00;
  margin:auto;
  padding-top: 20px;
  text-align: center;
  height:90%;
  width:90%;
  max-height: 50vh;
  min-height: 200px;
}

.osProdPictureMissingThumb
{
  border:4px dashed #dfdf00;
  height:50px;
  width:50px;
  margin:auto;
  padding-top: 20px;
  text-align: center;
}

.osProdPictureMissing, .osProdPicNoPic
{
  border:4px dashed #dfdf00;
  padding-top: 50px;
  text-align: center;
  vertical-align:top;
  min-height: 200px;
  min-width: 200px;
  width:100%;
  height:100%;
}

.osImpImgOk, .osImpImgIgn, .osImpImgWrn, .osImpImgErr 
{
  display:inline-block; 
  margin: 3px;
  padding: 2px 5px;
  border-radius: 4px;
  color:#fff 
}

.osImpImgOk { background-color: green; }
.osImpImgIgn { background-color: #c0c0c0; }
.osImpImgWrn { background-color: orangered; }
.osImpImgErr { background-color: #df0000; }

.spvCatProdPicBox { height: 100%; }

.osProdPicture, .spvCatProdPic img
{
  border-radius: 3px;
  display:inline-block;
  vertical-align:top;
  padding: 5px 10px 5px 10px;
  text-align:center;
  position:relative;
  max-width: 100%;
  width:auto;
  height:auto;
  overflow:hidden;
}

.osProdPicFrame
{
  margin: auto;
}

.osProdPicEdit INPUT[type="button"]
{
  border-radius:0;
  min-width: 35px;
  margin-right:2px;
}

.osProdPicEdit button img
{
  width:18px;
}

.osProdPicEdit button
{
  margin-right:2px;
  padding:5px;
}

.osProdPicEdit
{
  font-size: 9pt;
  text-align:center;
}

.osProdPicEditOn .osProdPicBox IMG
{
}

.osProdPicBox
{
}

.osProdPicBox IMG
{
  max-width: 400px;
  width:100%;
}

.osProdEditCatName
{
  font-size:14pt;
  padding-bottom:10px;
}

.osProdEditCatMissing
{
  color:#df0000;
}

.osProdDetailDescRow { display:none }

.osProdDetailSpecs
{
  display:inline-block;
  width: 70%;
  vertical-align: bottom;
}

.osProdDetailDesc
{
  text-align:justify !important;
  vertical-align:top;
  padding: 0;
  max-height:300px;
  overflow:auto;
}

.osProdDetailBox
{
  text-align:center;
  font-size:0;
}

.osAddToBasketQta
{
	width:57px;
}

.osProdDetailAddBasket IMG
{
  cursor:hand;
  cursor:pointer;
  height:30px;
  vertical-align:bottom;
  padding: 0 10px 0 10px;
}

.osProdDetailAddBasket
{
  font-size:10pt;
  background-color:#f0f0f0;
  padding: 10px 0 10px 0;
}

.osProdDetail TD
{
  text-align:left;
}

.osProdDetail .Label
{
  font-size: 10pt;
  BACKGROUND-COLOR: #f0f0f0;
  COLOR: #000000;
  border-bottom: 1px solid #ffffff;
  padding-bottom:5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top:5px;
  vertical-align:top;
  width: 20%;
}

.osProdDetail .Data
{
  font-size: 10pt;
  border-bottom: 1px solid #c0c0c0;
  padding-bottom:5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top:5px;
}

.osProdDetail
{
  width: 100%;
  border-top: 1px solid #c0c0c0;
  border-collapse: collapse;
}

.osProdDescPurpose
{
  font-weight:bolder;
  padding: 0 0 20px 0;
}

.osProdDescLong
{
  font-size:10pt;
  border-top:10px solid #f0f0f0;
  padding:50px 0px 10px 0px;
  text-align: justify;
}

.osProdDescDirections
{
  padding:10px 0 0 0;
  color: <%=DYNMEN_STARTCOLOR%>;
}

.osPricesInfo, .osCatFooter
{
  text-align:right;
  font-size:9pt;
  font-style:italic;
  float:right;
  padding: 5px;
  max-width: 40vw;
  p adding-bottom: 10px;
}

.osPricesInfoPre
{
  clear:both;
}

.osPricelistHeadUser
{
  
}

.spvCatProdPic
{
  height: 180px;
  overflow: hidden;
  position:relative;
  padding:5px;
}

.spvCatProdPriceUpdated
{
  text-decoration: line-through;
  font-size: 60%;
}

.spvCatProdFrame .spvCatProdPriceUpdated
{
  display:block;
  padding-left:10px;
}

.spvCatProdPriceDiscounted
{
  padding-left:10px;
  color:navy;
}


.spvCatProdDescBox
{
  padding:10px;
  border-top:2px solid #f0f0f0; 
  margin-top:15px;
}

.spvProductsTiles .spvCatProdDescBox { display: none }

.spvProductsTiles
{
  display:flex;
  flex-wrap: wrap;
  align-items: stretch;
  font-size: 12pt;
  clear:both;
}

.spvCatProdTileBox
{
  padding:10px 20px 70px 20px;
  overflow:auto;
  height:100%;
}

.spvCatProdTileBoxHidden
{
  border:4px solid #df0000;
}
  
.spvCatProdTile
{
  padding:20px 10px 5px 0;
  border: 0;
  margin: 0;
  vertical-align: top;
  text-align: center;
  background-color: #fff;
  page-break-inside: avoid;
  display:inline-block;

  padding: 0;
  border: 1px solid #c0c0c0;
  margin: 5px;
  flex-grow: 1;
  flex-basis: 10%;
  min-width: 220px;
  position: relative;
}

.spvCatProdLastTile
{
  flex-grow: 10000000000;
}


.osProdCategLongDesc { padding: 0; text-align:left; }
.osProdCategLongDesc img { width:100%; }

.spvCatProdTitle
{
  font-size:15pt;
  padding: 5px 0 5px 0;
  min-height:65px;
  text-align:left;
  white-space: normal;
  text-transform:capitalize;
}
  
.spvCatProdTitle A, .spvCatProdTitle A:Visited, .spvCatProdTitle A:Active,  .spvCatProdTitle A:Link,  .spvCatProdTitle A:Hover
{
  text-decoration: none;
}

.spvCatProdSubTitle
{
  font-size:11pt;
  padding: 5px 0px 0 0;
  text-transform:capitalize;
}

.spvCatProdLongDesc
{
  font-style: italic;
  font-size: 90%;
  padding-bottom: 10px;
  text-align:left;
}

.osGroupProdListChildren
{
  d isplay: inline;
  position: absolute;
  bottom: 10px;
}

.osGrpProdChld
{
  display: inline-block;
  padding: 0 4px;
  border: 1px solid #c0c0c0;
  margin: 1px;
  border-radius: 4px;
  background-color: #f0f0f0;
}

.spvCatGrpShowPrice .osGroupProdListChildren { bottom: 55px; }

.osProdCleanLinkRow:hover
{
  width:100%;
  transition: all 400ms ease;
}

.osProdCleanLinkRow
{
  text-align:right;
  overflow:hidden;
  width:25px;
  white-space: nowrap;
  transition: all 400ms ease;
}

.osProdCleanLinkRowBtn
{ 
  vertical-align: bottom;
  background-image: url(../images/link.png);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 26px;
  background-color: #f0f0f0;
  border: 1px solid #c0c0c0;
}

.osProdCleanLink
{
  text-align: right;
  background-color: #f0f0f0;
  display: inline-block;
  border: 1px solid #c0c0c0;
  padding: 5px 10px;
  margin-right: 2px;
  font-size: 9pt;
}

.osProdIntInfo:empty { display: none; }
.osProdIntInfo
{
  display:inline-block;
  margin:10px 0;
  padding: 10px;
  border:1px solid #c0c0c0;
  font-size: 9pt;
}

.osProdIntInfo .BandTable
{
  width: 100%;
}

.osProdFormInfo
{
  
}

.osProdStateBox .BandTable .ListFoot
{
  display:none;
}

#osProdStateForm
{
  max-height: 0;
  height: auto;
  overflow:hidden;
  background-color: #f0f0f0;
}

#osProdStateForm.osProdStateFormShow
{
  max-height: 500px;
  transition: all 400ms ease;
}

.osProdStateBox
{
  border: 1px solid #c0c0c0;
  padding: 10px;
  font-size: 9pt;
}

.osDialogCnvChangeProdAvail #wsfDialogPnl
{
  max-width: 50vw;
  max-height: 80vh;
  margin: 20px auto;

  background-color: #fff;
  padding: 20px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.osProdAvailTypeBox { text-align: left; padding: 5px 0; }
.osProdAvailTypeMANUAL_AVAIL { background-color: #8bc34a; color:#fff; } /* product has avail type off or empty */
.rbPublic .osProdAvailTypeMANUAL_AVAIL { visibility: hidden; }

.osProdAvailType { padding: 2px 5px; display: inline-block; border-radius: 4px; } 
.osGroupProdSelOpt .osProdAvailType { font-size: 0; }

.osProdAvailTypeOFF { background-color: #c0c0c0; color:#000;  }
.osProdAvailTypeMANUAL_OUT { background-color: #df0000; color:#fff;  }
.osProdAvailTypeMANUAL_GOOD { background-color: darkgreen; color:#fff;  }
.osProdAvailTypeMANUAL_MEDIUM { background-color: yellow; color:#000;  }
.osProdAvailTypeMANUAL_LOW { background-color: darkorange; color:#fff;  }
.osProdAvailTypeAUTO_DESC { background-color: #c0c0c0; color:#000;  }
.osProdAvailTypeAUTO_QTY { background-color: #c0c0c0; color:#000;  }
.osProdAvailTypeAUTO_GOOD { background-color: darkgreen; color:#fff;  }
.osProdAvailTypeAUTO_MEDIUM { background-color: yellow; color:#000;  }
.osProdAvailTypeAUTO_LOW { background-color: darkorange; color:#fff;  }
.osProdAvailTypeAUTO_OUT { background-color: #df0000; color:#fff;  }
/* PAOLO20JAN21 */
.osProdAvailTypeAUTO_DESC { background-color: darkgreen; color:#fff;  }

.osProdAvailTypeEdit { cursor:hand; cursor:pointer; d isplay: inline-block !important; }
#oProdMgrInfo .osProdAvailTypeEdit { d isplay:block; }
.osProdAvailTypeEdit:hover { box-shadow: 2px 3px 4px 0px rgba(158, 158, 158, 0.7019607843137254); }

#oProdMgrInfo .osProdAvailTypeBox { padding: 0; }
#oProdMgrInfo .osProdAvailType
{
  display:block;
  text-align:center;
  border-radius: 0;
  padding: 5px; 
  margin-bottom: 2px;
}

.osProdAvailTypeBtns 
{ 
  padding: 30px 0;
  margin: 20px 0;
  background-color: #f0f0f0;
}

.osProdAvailTypeBtn
{
  display:inline-block;
  padding:20px 10px;
  border: 1px solid #c0c0c0;
  margin:5px;
  cursor: hand;
  cursor: pointer;
  min-width: 170px;
}

.osProdAvailTypeBtnSel
{ 
  border:4px solid #2196F3;
}

/* online options */

.osBktSelOptionAddToBasketCnv #wsfDialogPnl
{
  padding: 20px;
}

.osBktSelOptsBox
{
  text-align:left;
  padding: 20px;
}

.osBktSelOptsBtns
{
  padding-top:20px;
}

.osBktSelOptsBtns .frmButtonLt 
{
  font-size: 14pt;
  padding: 20px;
}

.osBktSelOptDesc
{
  margin: 10px 0 5px;
  background-color: #50ace4;
  color: #fff;
  padding: 5px 10px;
}

.osBktSelOptItems { display:inline-block; }

.osBktSelOptItems label
{
  width: 170px;
  text-align: center;
  height: 85px;
  padding: 10px;
  overflow: hidden;
  margin: 5px 5px 0 0;
  opacity: 0.7;
  padding: 10px;
  background-size: 45px auto;
  background-repeat: no-repeat;
  background-position: 5px center;
  position: relative;
}

.osBktSelOptItems .wsfCheckBox + label 
{
  background-color: #fff;
}

.osBktSelOptItems .wsfCheckBox:checked + label 
{
  opacity: 1 !important;
  color: #2196F3;
  border: 4px solid #2196F3;
}

/* end */

.osGroupProdSelectChildren
{
  padding: 20px 0 5px 0;
}

.osGroupProdSelPics
{
  width:100%;
  overflow:auto;
  white-space:nowrap;
}

.osGroupProdSelTitle
{
  padding-bottom: 10px;
  font-weight: bolder;
}

.osGroupProdSelPicCurr
{
  border: 2px solid #c0c0c0;
  padding:0;
}

.osGroupProdSelPic:hover
{
  border: 0;
  padding:0;
} 

.osGroupProdSelPic, .osProdPhotoSwitchImg 
{
  display:inline-block;
  padding:5px;
  width:100px;
  height:100px;
  overflow:hidden;
  cursor:hand;cursor:pointer;
  text-align:center;
}

#osProdImgCtrlMulti .osGroupProdSelPic { display:block; }

.osGroupProdSelPics .osGroupProdSelPic { width:auto; }

.osGroupProdSelPic img
{
  height: 100%;
  padding:0;
}

.osProdPhotoSwitchImg:hover
{
  border: 2px solid #c0c0c0;
}

.osProdPhotoSwitchImg.osProdPhotoSwitchImgDragOver
{
  border-top:4px dashed #df0000;
}

.osProdPhotoSwitchImgCurr
{
  border: 2px solid #c0c0c0;
}
.osProdPhotoSwitchImg
{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 5px;
  width:100px;
  height:20%;
}

.osProdPhotoSwitchImg img { display: none; }

.osUser .osProdPhotoImgDefault
{
  border-right: 8px solid #2196f3;
}

.osProdPhotoImgCustShareInfo { font-size: 8pt; text-align: center; }
.osProdPhotoImgCustShare
{
  border: 4px dashed #005da7;
}

.osGroupProdSelOpts
{
  padding: 10px 0;
  clear:both;
}

.osGroupProdSelOpt input[type=radio] 
{
  display:none;
}

.osGroupProdSelOpt input[type=radio]:checked ~ div
{
  background-color: #cddc39;
}

.osGroupProdSelOpt div
{
  padding: 5px;
  min-width: 30px;
  text-align: center;
}

.osGroupProdSelOpt
{
  display:inline-block;
  border:1px solid #c0c0c0;
  cursor:hand;cursor:pointer;
  margin: 5px;
  border-radius: 4px;
  font-size: 120%;
}

.osGroupProdSelQty
{
  font-size: 9pt;
  background-color: #cddc39;
  color: #fff;
}

.osGroupProdSelQtyNo
{
  background-color: #df0000;
  color: #fff;
}

.osGroupProdSelInvInfo
{
  font-size: 9pt;
}


.spvCatProdManuf
{
  font-size:80%;
  text-align:left;
  font-weight:bolder;
  padding:0;
}

.spvProdCategDesc { display:none; }
.spvProdCategPath { display:none; }
.spvProdKeywords 
{ 
  display:none; 
  font-size: 8pt;
  text-align: left;
  color: #009688;
  background-color: #f0f0f0;
  padding: 1px 3px;
}
.osUser .spvProdKeywords:not(:empty) { display:block; }

.osCatProdCode
{
  font-size:70%;
  text-align:left;
  padding:5px 0 10px 0;
}

.osRedBlinkInfinite
{
  background-color: #df0000;
  color:#fff;
  animation: blink 700ms infinite;
}

.ListHead_MakeStockUsage { background-color: #50ace4; color:#fff }

.osCatProdQOH { padding-top: 3px;font-size:70%;text-align:left }
.osCatProdCat { padding-top: 3px;font-size:70%;text-align:left;white-space:normal; }
  
.spvProductsItems .spvCatProdDesc
{
  d isplay:inline-block;
  max-height: none;
}

.spvCatProdDesc
{
  padding-top:5px;
  text-align:left;
  font-size:13px;
  m in-height: 30px;
  m ax-height: 150px;
  o verflow:hidden;
}

.spvCatalogBrowserPrintLayout0 .spvCatProdDesc { display:none; }
.spvCatalogBrowserPrintLayout0 .spvCatProdDescMore { display:none; }
  
.spvCatProdTitlePrice
{
  display:none;
}

.spvCatProdCode
{
  font-size:9pt;
  font-style:italic;
  position:absolute;
  bottom:1px;
  left:28px;
  display:none;
}

.spvCatProdPicProdTitle
{
  text-align:center;
  display:none;
}
  
.spvCatProdDescMore
{
  text-align:right;
  font-style:italic;
  font-size:13px;
  padding-top:5px;
  v ertical-align:bottom;
}

.spvCatProdDescMore A
{
  color:inherit;
}
  
.spvCatProdPkg
{
  font-size:10pt;
  float:left;
  m argin-top:-8px;
}

.spvProductsTiles .spvCatProdPrice
{
  font-size:14pt;
  left: 0;right:0;
  position: relative;
}

.spvCatProdPrice
{
  b order-top:1px solid #c0c0c0;
  padding-top:0;
  text-align:justify;
  font-size:18pt;

  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 10px;
}

.osCatFilters { padding: 10px 5px; text-align: left; background-color:#e0e0e0; font-size: 12pt; margin: 10px 0; }
.osCatFltPriceBox { display:inline-block; }
.osCatFltSortBox { display:inline-block; float:right; }
.osCatFltSortBox select { background-color:#fff; }
.osCatFilterCmd { background-color:#f0f0f0; border: 1px solid #c0c0c0; cursor:hand; cursor:pointer; min-width: 50px; }
.osCatFilterCmd:hover { background-color:#c0c0c0; }
.osCatFltPrice
{
  width:60px;
  text-align:right;
}
.osProdRelatedProds .osCatFilters { display:none; }
.osProdRelatedProds .osPricesInfo { display:none; }

.osSubCatBtns:empty { display:none }
.osSubCatBtns { padding: 10px 0; color:#fff; cursor:hand;cursor:pointer; }
.osSubCatBtn a { text-decoration:none; color:#fff }
.osSubCatBtn:hover { background-color: #13447f; }
.osSubCatBtn
{
  display:inline-block;
  padding:5px;
  background-color: #50ace4;
  border: 1px solid #c0c0c0;
  text-align:center;
  margin: 5px 5px 0 0;
}

.spvCatProdPriceIncTax
{
  font-size:8pt;
  padding-top: 3px;
  display:none;
  white-space:nowrap;
}

.osProdCatPathNodes
{
  text-align:right;
  font-size:9pt;
  padding: 10px 0;
}
.osProdCatPathNode:active { background-color: #f0f0f0; }
.osProdCatPathNode
{
  display: inline-block;
  padding: 2px 5px;
  background-image: url(../images/ArrowRightGrey.png);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 98%;
  padding-right: 20px;
  cursor:hand;cursor:pointer;
}
.osProdCatPathNode a
{
  text-decoration: none;
}

.osBasketSummary .spvCatProdPriceIncTax { display:none; }

.osEnableOnlineOrdering
{
  font-size: 10pt;
  padding: 5px 10px;
  text-align: center;
  background-color: #f0f0f0;
}

.osProdSpecialPricesTitle, .osProdSpecialPricesTitleDesc
{
  font-size: 14pt;
  background-color: #f03636;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  text-transform: uppercase;
}

.osProdSpecialPricesTitleDesc { display:none; }

.osProdSpecialPrices:hover
{
  opacity:0.1;
  transition: all 200ms ease;
}

.osProdSpecialPrices 
{
  padding: 10px;
  background-color: #ffffff96;
  border:0;
  width: 100%;
  border-radius: 4px;
  text-align: left;
  margin:0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.osProdSpecialPricesItem { padding-bottom: 5px; font-size: 90%; text-align:center; }
.osProdSpecialPricesItemWhy:empty { display:none; }
.osProdSpecialPricesItemWhy { padding: 5px 0; font-size:120%; font-weight: bolder; text-transform: uppercase;}
.osProdSpecialPricesItemWhen { }
.osProdSpecialPricesItemPrice { display: inline-block; font-weight: bolder; font-size:150%; }
.osProdSpecialPricesFooter { font-size: 70%; text-align: right; font-style: italic; padding-top: 10px;}

.spvCatProdRating
{
  padding-top: 5px;
  clear:both;
  text-align:left;
}

.spvCatProdTile A
{
  text-decoration: none;
}

.osCatalogCatTitle, .osCatalogCatTitleSub, .osCatalogCatGrpTitle, .osCatalogCatGrpTitlePath, .osCatalogCatGrpTitleSubPath
{
  font-size: 110%;
  font-weight: bolder;
  text-transform:capitalize;
}

.osCatalogCatGrpTitle, .osCatalogCatGrpTitlePath, .osCatalogCatGrpTitleSubPath { padding: 10px 0; flex-basis: 100%; }
.osCatalogCatGrpLongDesc 
{ 
  font-size: 80%; 
  padding-bottom: 10px;
  text-align: center;
  font-style: italic; 
}
.osCatalogCatGrpTitlePath { display:none; }
.osCatalogCatGrpTitleSubPath { display:none; }
.osCatalogCatGrpTitleSubPath .osCatPathSep { padding: 0 5px; }
.osCatalogCatGrpTitleSubPath .osCatPathSep:nth-last-child(n+2) { d isplay:none; }
.osCatalogCatGrpLongDesc:empty { display:none; }
.osCatalogCatGrpLongDesc p { margin:0; }

.osCatalogCatTitleSub { display:none; }

.osProdDetRestrictedOrdering
{
  float: right;
  font-size: 12pt;
  background-color: #03a9f4;
  padding: 5px 10px;
  color:#fff;
}

.spvCatProdTile .osProdDetRestrictedOrdering
{
  float: none;
  margin-top: 5px;
  text-align:center;
  font-size: 10pt;
}

.osProdDetRestrictedOrdering a
{
  color:#fff;
}

.osProdOthPrices
{
  background-color: #e0e0e0;
  padding: 5px;
  text-align: left;
  margin-top: 5px;
}

.osProdPriceRules .wsfMSRBoxTools { display: none; }
.osProdPriceRules .ListItem { background-color: #2196f31f; }
.osProdPriceRules
{
  background-color: #fff;
  padding: 10px;
  text-align: left;
  margin-top: 5px;
}

.osProdOthPrice
{
  display: inline-block;
  padding: 2px 5px;
  text-align: center;
  margin-right: 5px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  background-color: #fff;
  font-size: 10pt;
}

.osCatProdTileViewAll
{
  border: 0;
}

.osCatProdTileViewAll .osCatalogCatTitle, .osCatProdTileViewAll .osCatalogCatTitleSub
{
  font-size: 24pt;
}

.osProdRelatedProds .osCatalogCatTitle, .osProdRelatedProds .osCatalogCatTitleSub { position:absolute; top:0; }
.spvCatProdTileBox .osCatalogCatTitle, .spvCatProdTileBox .osCatalogCatTitleSub { position:static; }

.osProdRelatedProds .osCatProdQuickHeader { position: relative; padding-top:30px; }

.osCatProdTileViewAll .spvCatProdTileBox
{
  padding: 20% 10%;
  white-space: normal;
  height: 320px;
  background-color: #f0f0f0;
}

.osCatProdTileViewAll .spvCatProdTileBox:hover
{
  background-color:#c1d945;
}

.osCatalogCatTitleLink
{
  padding-left:10px;
  font-weight: normal;
  display:inline-block;
  font-size:90%;
}

.osInternalLink 
{ 
  font-size:9pt;
  text-align:right;
  background-color: #f0f0f0;
  border: 1px solid #c0c0c0;
  padding: 10px;
  overflow: auto;
}

.osProdRelatedProdsBox .osInternalLink 
{
  position: absolute;
  right: 0;
}


.osInternalLink A
{
  text-decoration: underline;
}

.osProdRelatedProds .osInternalLink { text-align:left; }

.spvCatalogProdDetail .spvCatProdAddBasket { margin:0;  }

.spvCatProdAddBasket select { font-size:16pt; }
.spvCatProdAddBasket, .osNoAvailOrderInfo
{
  float:right;
  margin-top:-4px;
}

.spvCatProdAddBasket IMG
{
  vertical-align:bottom;
  padding:2px;
  margin-left:10px;
  height: 40px;
  cursor:pointer;
  cursor:hand;
}

.spvCatProdAddBasket IMG:hover
{
  background-color:#f0f0f0;
  border-radius: 5px;
}

.osBannerMsgCustBoxes 
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.osBannerMsgCustBox 
{
  text-align: center;
  padding: 20px 10px;
  border: 1px solid #c0c0c0;
  margin: 10px;
  background-color: #fff;
  max-width: 200px;
}
.osBannerMsgCustPic img 
{ 
  max-width: 150px;
  max-height: 150px;
  width: auto;
  height: auto; 
}
.osBannerMsgCustTitle { padding-bottom:10px; }
.osBannerMsgCustBtn 
{
  background-color: #03a9f4;
  color: #fff;
  padding: 5px;
  cursor: hand;
  cursor: pointer;
} 

.spvCatProdTile .osNoAvailOrderMsg { display: none; }
.osCatalogMenuView .spvCatProdTile .osNoAvailOrderMsg { display: block; }
.osNoAvailOrderMsg
{
  text-align: left;
  color: #df0000;
  font-style: italic;
}

.osCatalogMenuView .osNoAvailOrderInfo { display: none; }
.osNoAvailOrderInfo
{
  height: 40px;
  width: 40px;
  background-image: url(../images/NoEntry.png);
  background-size: 30px;
  background-position: right;
  background-repeat: no-repeat;
  cursor: pointer;
  cursor: hand;
}

.osPricelistHeadTitle
{
  padding: 10px 0 10px 0;
  font-size:12pt;
}

.osPricelistHeadManuf
{
  padding: 10px 0 0px 0;
  font-size:14pt;
}

.osPricelistHead IMG
{
  width:200px;
}

.osPricelistHead
{
  text-align:center;
  padding: 10px 0 20px 0;
}

.osPayModeNotes
{
  font-size:8pt;
  font-weight:normal;
}

.osBasketMsgInfo
{
  background-color:#f0f0f0;
  font-style:italic;
  padding: 1px 3px;
  color:#000;
}

.osPayModeNotes #wsfCXEditCmds input { display:inline; }
.osCheckOutForm #wsfCXEditCmds INPUT { width: auto; }

.osPaymentReceipt
{
  padding:20px;
  text-align:center;
}

.osPaymentModesBox.osOnePaymentMode
{
  d isplay:none;
}

.osOnePaymentMode .frmUserSec { display:none; }
.osOnePaymentMode .osPaymentModes { overflow: hidden; }

.osOnePaymentMode .osPaymentMode,
.osOnePaymentMode .osPaymentMode.wsfBtnSelected
{
  color:#000;
  width: 100%;
  background-size: auto 40% !important;
  background-color: #fff;
}

.osPaymentModes
{
  padding: 5px;
  overflow:auto;
  text-align:center;
}

.osPModeBtns .osOrdTotWrn { display:none; }

.osPaymentMode INPUT
{
  display:none;
}

.osPaymentMode.wsfBtnSelected
{
  color: #fff;
  background-color: #8bc34a;
}

.osPaymentModeDesc
{
  font-weight:bolder;
  font-size:110%;
  padding:5px 0 10px;
}

.osPaymentModeUserCredit
{
  font-size: 18pt;
  padding: 5px 0;
}

.osPaymentMode
{
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center bottom;

  display: inline-block;
  vertical-align: top;
  border:1px solid #c0c0c0;
  font-weight:bolder;
  padding:10px;
  text-align:center;
  width: 180px;
  min-height: 150px;
  margin: 0 5px 5px 0;
  cursor:hand;
  cursor:pointer;
}

.osPModeBtn, #QuickEditBoxOrderPayment .osPModeBtns .osCashCheckOpenDrawBtn
{
  margin:2px;
  height: 120px;
  white-space: normal;
  min-width: 100px;
  vertical-align: bottom;
  flex-grow:1;
  padding-top: 40px !important;
  background-repeat: no-repeat;
  background-size: auto 45px;
  background-position: center 10px;
}

#oPaymentModeRecords .osPModeBtn
{
  height: 50px;
  font-size: 0;
  background-size: auto 35px;
}

.osPModeBtnDef { border:2px solid #525252 !important; }

.osPModeBtn1 { background-image:url(../images/VisaCard.png) }
.osPModeBtn2 { background-image:url(../images/BankTransfer.png) }
.osPModeBtn3 { background-image:url(../images/Others.png) }
.osPModeBtn4 { background-image:url(../images/Cheque.png) }
.osPModeBtn5 { background-image:url(../images/CashBills.png) }
.osPModeBtn28 { background-image:url(../images/DebitCard.png) }
.osPModeBtn30 { background-image:url(../images/USD.png) }
.osPModeBtn29 { background-image:url(../images/masterCard.png); }
.osPModeBtn32 { background-image:url(../images/Voucher.png) }
.osPModeBtn31 { background-image:url(../images/Tip.png) }

.osPModeBtnVISA { background-image:url(../images/VisaCard.png) }
.osPModeBtnVISADebit { background-image:url(../images/VisaDebit.png) }
.osPModeBtnWIRE { background-image:url(../images/BankTransfer.png) }
.osPModeBtnOTHERS { background-image:url(../images/Others.png) }
.osPModeBtnCHEQUE { background-image:url(../images/Cheque.png) }
.osPModeBtnCASH { background-image:url(../images/CashBills.png) }
.osPModeBtnDEBIT { background-image:url(../images/DebitCard.png) }
.osPModeBtnAR { background-image:url(../images/USD.png) }
.osPModeBtnUSD { background-image:url(../images/CashBillsUSD.png) }
.osPModeBtnMC { background-image:url(../images/masterCard.png); }
.osPModeBtnMCDebit { background-image:url(../images/masterCard-debit.png); }
.osPModeBtnVOUCHER { background-image:url(../images/Voucher.png) }
.osPModeBtnOTHERCCARDS { background-image:url(../images/CreditCard.png) }
.osPModeBtnGENCARDS { background-image:url(../images/GenCreditCards.png) }
.osPModeBtnAMEX { background-image:url(../images/amex.png) }
.osPModeBtnDISCOVER { background-image:url(../images/discover.png) }
.osPModeBtnSAGICOR { background-image:url(../images/Caricare.png) }
.osPModeBtnDRUGSVC { background-image:url(../images/DrugService.png) }
.osPModeBtnMMONEY { background-image:url(../images/mMoney.png); }
.osPModeBtnFOODDROP { background-image:url(../images/FoodDrop.png); }
.osPModeBtnWIEAT { background-image:url(../images/WiEat.png); }
.osPModeBtnDeposit { background-image:url(../images/PrepaidDeposit.png); }
.osPModeBtnRoomCharge { background-image:url(../images/RoomCharge.png); }
.osPModeBtnPENDPAYM { background-image: url(/lux/images/Expiration.png); }
.osPModeBtnDelayPym { background-image: url(/lux/images/DelayedPayment.png); }
.osPModeBtnWriteOff { background-image: url(/lux/images/WriteOff.png); }

.osPModeBtnTIPS { background-image:url(../images/Tip.png) }
.osPModeBtnCashTIPS { background-image:url(../images/CashTips.png) }
.osPModeBtnCHGACCNT { background-image:url(../images/ChargeAccount.png); }
.osPModeBtnCOMPLAINT { background-image: url(../images/Complaint.png); }
.osPModeBtnCOMPLIMENT { background-image: url(../images/complimentary.png); }
.osPModeBtnROUNDING { background-image:url(../images/Rounding.png); }

.osPModeBtnPNP { background-image:url(../images/PlugNPayLogo.png); }
.osPModeBtnWIP { background-image:url(../images/WIPLogoSolid.png); }
.osPModeBtnFAC { background-image:url(../images/FACLogo.png); }
.osPModeBtnWIPTEST { background-image:url(../images/WIPLogoSolidTEST.png); }
.osPModeBtnPNPTEST { background-image:url(../images/PlugNPayLogoTest.png); }
.osPModeBtnFACTEST { background-image:url(../images/FACLogoTest.png); }

.osPModeBtnUSERCREDIT { background-image:url(../images/UserCredit.png); }

.osPaymentModesBox .osPModeBtnUSERCREDIT { background-size: 25%; }
.osPaymentModesBox .osPModeBtnWIPTEST { background-position: center 80%; }
#oPaymentModeRecords .osPModeBtnWIP, #oPaymentModeRecords .osPModeBtnWIPTEST { background-size: 80% auto; }

.wsfAlertBox.rbExtQuickStats { padding: 10px; top:10px; }
.rbExtQuickStats .wsfAlertBoxMsg { margin: 0; max-height: 80vh;}
.rbExtQuickStats .BandTable { margin:auto; font-size: 10pt; }

.osGiftCardBoxes
{
  display: flex;
  flex-wrap: wrap;
}
.osGiftCardBox
{
  text-align:center;
  padding:10px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  background-color: #8BC34A;
  color: #fff;
  margin: 5px;
}
.osGiftCardAmt { font-size: 18pt; padding-bottom: 5px; }
.osGiftCardCode { font-size: 10pt; padding-top: 5px; }

.osGiftCardBox .osGiftCardQR
{
  width: 120px;
}

#oPayOutNoteForm 
{  
  margin-top:20px;
  background-color:#f0f0f0;
  padding: 20px;
  text-align: left;
  display:none;
}

.osPayOutNoteTab { padding:10px; max-height: 50%; width:100%; overflow:auto; background-color: #fff; }

.osPayOutNoteTab .BandTable { background-color:#fff; font-size: 10pt; }

.osMDItemSetTab { border-collapse: collapse; font-size: 10pt; }
.osMDItemSetTab td { padding: 3px; border: 1px solid #c0c0c0; }

.osMyTipsCnv#wsfDialogCnv, .osPOSPayOutsCnv#wsfDialogCnv { z-index: 1099; }
.osMyTipsCnv #wsfDialogPnl, .osPOSPayOutsCnv #wsfDialogPnl
{
  background-color: #bedf98;
  width: 800px;
  max-width: 100vw;
  min-height: 500px;
  max-height: 90vh;
  margin: 5px auto;
  box-shadow: 0px 10px 20px #b0b0b0;
  border: 1px solid #c0c0c0;
  padding: 20px 20px;
}
.osMyTipsCnv .ToolsBox { text-align:center; padding: 10px 5px; }

.osMyTipsTab
{
  font-size: 9pt;
  background-color: #fff;
  margin-top: 10px;
}
.osMyTipsCnv .wsfMSRBoxToolsBtn, .osPOSPayOutsCnv .wsfMSRBoxToolsBtn { display: none; }
.osMyTipsCnv .wsfMSRBoxToolsPnl, .osPOSPayOutsCnv .wsfMSRBoxToolsPnl { display: none; }

.osMyTipsHead { font-size: 15pt; background-color: #f0f0f0; padding: 10px; }
.osPrintBox .osMyTipsHead { font-size: 12pt; }
.osPrintBox .osMyTipsHead { font-size: 12pt; }

/* Prod Docs */
#oProdDocBody { height: 70vh; padding: 20px 40px; ma x-width: 90vw; }
#oProdDocBody.wsfHTMLEdit { max-height: none; }
.oProdDocBoxes
{
  display: flex;
  flex-wrap: wrap;
}
.oProdDocBox 
{ 
  text-align:center;
  padding: 10px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  background-color: #f0f0f0;
  background-image: url(../images/RecipeDocs.png);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center 90%;
  height: 130px;
  width: 130px;
  color: #000;
  font-size: 10pt;
  margin: 5px;
  cursor: hand;cursor: pointer;
  box-shadow: 0px 10px 20px #b0b0b0;
}
.oProdDocBoxDsbl { background-color: #eeb3af; }

#wsfDialogCnv.osProdDocBrowserCvn { padding: 0; }
.osProdDocBrowserCvn .osClosePanelBtn { background-color: #fff; }

.osProdDocBrowser
{
  padding: 10px;
  text-align: left;
  display: flex;
  height:100%;
  align-items: stretch;
}

.osProdDocBrowserCvn .osClosePanelBtn
{
  float: none;
  position: fixed;
  top: 5px;
  right: 5px;
}

.osPDBIndexRow { padding: 10px; border-bottom: 2px solid #c0c0c0; cursor: hand; cursor:pointer; }
.osPDBIndexRow:hover { background-color:deepskyblue; }
.osPDBIndexRowOff { background-color: #eeb3af }

.osPDBIndexCateg 
{
  background-color: #f0f0f0;
  padding: 10px;
  font-size: 14pt; 
}

.osProdDocBrowserIndex
{
  width: 320px;
  border-right: 1px solid #c0c0c0;
  display:inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #fff;
  height: 95vh;
  overflow: auto;
}

.osProdDocBrowserSrc { text-align: center; padding: 5px 10px; }

#oProdDocFrame { display:inline-block; padding: 20px; width: 100%; max-height: 100vh; overflow: auto; background-color: #fff; }
#oProdDocFrame img { max-width: 50%; }

.osPDBDesc { font-weight: bolder; }
.osPDBCode { display: inline-block; font-size: 10pt; }
.osPDBProduct { display: inline-block; font-size: 10pt; padding-left: 5px; }
.osPDBUpdInfo { font-size: 9pt; font-style: italic; }
.osPDBEditBtn { cursor: hand; cursor:pointer; padding: 5px; border: 1px solid #c0c0c0; margin: 5px; text-align: center; background-color: #f0f0f0 }

/* Prod Docs Tmpls */
.osPDBRecipeBox { padding: 20px; background-color: #c0c0c0; position: relative}
.osPDBRecipeFrame { display: flex; flex-wrap: wrap; clear: both; padding: 20px; background-color: #e5dfd7; }
.osPDBRecipeFrameHead { display: flex; flex: 1 0 100%; justify-content: space-between; border-bottom: 2px solid #c0c0c0; padding-bottom: 5px; text-transform: uppercase; }
.osPDBRecipeFrameTop { padding: 20px; }
.osPDBRecipeFrameTop img { width: 300px; border-radius: 20px; }
.osPDBRecipeFrameTitle 
{
  position: absolute;
  left: 250px;
  top: 250px;
  background-color: #fff;
  padding: 20px;
  font-size: 32pt; 
}
.osPDBRecipeIngr { flex : 1 0 100px; }
.osPDBRecipeIngr ul { margin: 0; padding: 0 10px; }
.osPDBRecipeDir { flex: 2 1 600px; max-width: 90vw; }
.osPDBRecipeTitle { text-transform: uppercase; font-size: 14pt; padding: 10px 0; text-align:center; font-weight: bolder; }


.osUserBalance { display:flex; }
.osUserBalanceCredit, .osBalanceUserPoints 
{ 
  padding: 5px;
  margin: 5px;
  text-align: center;
  border: 1px solid #c0c0c0;
  flex-grow: 1;
  background-color: #f0f0f0;
}

.osOrderSummary .osPModeBtnWIP
{
  font-size: 0;
  padding: 20px !important;
  background-position: center;
}

#osPlaceOrder .osPModeBtnWIP
{
  background-size: 90%;
  background-position: center 90%;
}

.osPaymentError
{
  padding:20px;
  text-align:center;
}

.osPageTitle
{
  font-size:18pt;
  padding-bottom:3px;
}

.osOrderWithGifts
{
  text-align:center;
  background-color:#9C3;
  color:#fff;
  font-size:10pt;
  margin-bottom:10px;
  margin-top:10px;
  padding:10px;
}

.osOrderSummaryBox
{
  float:right;
  width:25%;
  min-height: 110px;
  background-color:#f0f0f0;
}

.osOrderSummary
{
  border:1px solid #c0c0c0;
  padding:15px;
  font-size: 11pt;
}

.osOrderSummary td
{
  padding:5px 0;
}

.osOrderSummary TABLE
{
  font-size:inherit;
  margin:auto;
  width:100%;
}

.osCheckOutForm #oCAPTCHAMsg
{
  background-color: rgba(255, 255, 0, 0.85);
  padding: 5px;
}
.osCheckOutForm #oCAPTCHAMsg:empty
{
  display:none;
}

.osCheckOutForm .wsfCAPTCHABox
{
  clear:both;
  text-align: center;
}
.osCheckOutForm .wsfCAPTCHABox #oCAPTCHA
{
  display:inline-block;
}

.osOrderSubmitBox
{
  clear:both;
}

.osOrderSubmitMsgPnl
{
  font-size:12pt;
  background-color: #50ace4;
  color: #fff;
}

.osOrderSubmitMsgPnl #AlertBoxBtns { display:none; }

.osOrderSubmitMsgTitle
{
  font-size: 18pt;
  padding-bottom: 10px;
}

.osUserProfDiff
{
  display: inline-block;
  height: 15px;
  width: 10px;
  background-color: #ffc107;
  border: 1px dotted #ff5722;
  border-radius: 4px;
  vertical-align: middle;
  margin: 0 3px;
}

#oUserPropShipping { position: relative; }
.osSameAsBillingBtn
{
  position: absolute;
  padding: 5px;
  margin: 0;
}

#oUserPanelForm .wsfUserImageBox 
{ 
  padding: 10px;
  float: left;
  margin: 0;
}

#oUserPanelForm .osSameAsBillingBtn .frmButtonLt
{
  font-size: 12pt;
  min-height: 0;
}

.osSameAsBillingBtn .frmButtonLt
{
  background-color: transparent;
  border: 0;
  color: #fff;
  text-decoration: underline;
}

.osOrderTotalsBox
{
  display:inline-block;
  width: 50%;
  vertical-align: top;
  padding:5px;
}

#osOrderTotals
{
  min-height: 100px;
  padding: 10px;
  border: 1px solid #c0c0c0;
}

.osOrdTotWrn
{
  background-color:#ff9f9f;
  color:#fff;
  padding:5px;
  text-align: center;
}

.osOrdTotTab
{
  width:100%;
  font-size: 10pt;
  border-collapse:collapse;
}

.osOrdTotTab td
{
  padding:5px;
  text-align:right;
}

.osOrdTotTab td:first-child
{
  text-align:left;
}

.osOrdTotShipInfo
{
  color: #005da7;
  padding-top: 0 !important;
  font-size: 90%;
}

.osOrdTotGTot { font-weight:bolder; font-size: 110%; }
.osOrdTotGTot td:last-child { border-top: 1px solid #c0c0c0; }
.osOrdTotTax { font-size: 90%; }

.osOrderSubmit
{
  text-align:center;
  display:inline-block;
  width: 50%;
  vertical-align: top;
  padding:5px;
  min-height: 110px;
}

.osOrderSubmitInfo
{
  margin:15px auto;
  padding:5px;
}

#btnSubmitOrder 
{
  width:100%;
	height: 50px;
	font-size: 14pt;
}

.osOrderPaymentExtraIns
{
  padding:10px;
  background-color: #2196f3;
  margin-top:10px;
  text-align:center;
}

.osOrderDoneInfo
{
  text-align:center;
  padding: 40px;
  background-color: rgba(255, 255, 255, 0.8901960784313725);
}

.osOrderNum
{
  padding:20px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  width: 250px;
  margin: 20px auto 20px auto;
}

.osOrderList
{
  font-size:9pt;
}

.osKDSOrdApproved
{
  position: absolute;
  top: 2px;
  right: 2px;
  width: 25px;
  height: 25px;
  background-image: url(../images/padlockgreen.png);
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: left center;
}

.osKDSSetDoneBtn, .osKDSResetDoneBtn
{
  background-color: forestgreen; #c0c0c0;
  text-transform: uppercase;
  width: 100%;
  color: #fff;
  font-size: 14pt;
  padding: 5px;
  b ackground-image: url(../images/checkmark.png);
  b ackground-repeat: no-repeat;
  b ackground-size: auto 90%;
  b ackground-position: left center;
}

.osKDSResetDoneBtn
{
  background-color: #8BC34A;
  b ackground-image: url(../images/Reset.png);
}

/* voids and discounts START */

.wsfFrmFieldFull .osOIDiscRate { width: 80px; font-size: 18pt; }
.wsfFrmFieldFull .osOIDiscAmnt { width: 80px; font-size: 14pt; }
.osOIDiscPrices { padding-top: 5px; }

#oOrderItems .osItemDiscSpot, .osOrderItems .osItemDiscSpot,
#oOrderItems .osItemNoDiscSpot, .osOrderItems .osItemNoDiscSpot,
#oOrderItems .osItemVoidSpot, .osOrderItems .osItemVoidSpot, .osKDSHistoryTab .osItemVoidSpot, .osOrderItemStatusHistory .osItemVoidSpot
{
  color:#fff;
  font-size:12pt;
  padding:10px 0;
  cursor:hand;cursor:pointer;
}

#oOrderItems .osItemVoidSpot, .osOrderItems .osItemVoidSpot, .osKDSHistoryTab .osItemVoidSpot, .osOrderItemStatusHistory .osItemVoidSpot
{
  background-color:#525252;
}
.osKDSHistoryTab .wsfSpotImg { border-radius: 4px; padding: 1px 2px; }

#oOrderItems .osItemDiscSpot, .osOrderItems .osItemDiscSpot
{
  background-color:#d48787;
}
#oOrderItems .osItemNoDiscSpot, .osOrderItems .osItemNoDiscSpot
{
  border:1px dotted #c0c0c0;
}

#oDiscountBtns { display:inline-block; }
#wsfDialogCnv.osApplyDiscountCnv 
{
  padding: 50px;
  z-index: 1000;
}

#wsfDialogCnv.osApplyDiscountCnv #wsfDialogPnl
{
  max-width: 470px;
  width: auto;
  height: auto;
  max-height: 80vh;
  overflow:auto;
  margin: auto;
  padding: 20px;
  border: 1px solid #c0c0c0;
  background-color: #f0f0f0;
}

#wsfDialogCnv.osApplyDiscountCnv .wsfFrmFieldFull SELECT
{
  font-size: 14pt;
}

/*
#wsfDialogCnv.osApplyDiscountCnv .wsfFrmFieldFull INPUT[type=text]
{
  width: 60px;
  font-size: 14pt;
}
*/

#wsfDialogCnv.osApplyDiscountCnv .wsfFrmFieldFull INPUT[type=button]
{
  width: 100px;
  font-size: 20pt;
}

#wsfDialogCnv.osApplyDiscountCnv .wsfFrmInput
{
  text-align:center;
}

#wsfDialogCnv.osApplyDiscountCnv .osPstBtnCLR { display:none; }
#wsfDialogCnv.osApplyDiscountCnv .osPstBtn { margin-right:3px; font-size: 14pt; }

#oItemPrepWhoVoid 
{     
  background-color: #fff;
  padding: 10px;
  margin-top: 10px;
  overflow: auto;
  max-height: 100px;
}

/* voids and discounts END */

.osOrderItems .BandTable .NumInput
{
  width:50px;
}

.osOrderItems
{
  overflow:auto;
}

.osOrderItemOptions
{
  display:inline-block;
  padding-left:10px;
  font-size:80%;
}

#OrderItemInfo
{
  padding: 5px;
  font-style: italic;
}

.osOrderFormBox
{
  float:left;
  width:75%;
}

.osOrderType4 .osOrderFormBox { width: 100%; float:none; } 

.osOrderStatusCancelled { display:inline-block; font-weight:bolder;color:#df0000; }
.osOrderStatusClosed { display:inline-block; font-weight:bolder;color:olivedrab; }
.osOrderStatusApproved { display:inline-block; font-weight:bolder;color:green; }
.osOrderStatusDraft { display:inline-block; }
.osOrderStatusBtn { display:inline-block; }

.osOrderProgressTitle { font-size: 14pt;font-weight: bolder; padding: 5px 0 10px 0; }
.osOrderProgressList { max-height: 70vh; overflow:auto; padding: 10px; background-color: #f0f0f0; }
.osOrderProgressEdit { padding: 10px; background-color: #fff; font-size: 12pt; text-align:center;  }
osOrderProgressEditLbl { padding: 5px 0; }
.osOrderProgress { display:inline-block; padding: 0 3px; border-radius: 4px; color:#fff; min-width: 100px; text-align:center; vertical-align:middle; }
.osOrderProgressTime, .osOrderProgressDate { font-size:9pt; }
.osOrderProgressEdit .osOrderProgress { margin:2px; padding:5px; cursor:hand;cursor:pointer; opacity: 0.2; min-height: 72px;  }
.osOrderProgressEdit .osOrderProgress:hover { opacity: 0.8;  }
.osOrderProgressEdit .osOrderProgressDone { opacity:1.0; border:2px solid #8bc34a;}
.osOrderProgressEdit .osOrderProgressNotify 
{ 
  background-image: url(../images/envelope.png); 
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 98% 105%;  
}
.osOrderProgressEdit .osOrderProgressCurr { border:2px solid #cddc39; }
.osOrderProgressView { padding: 10px; }
.osOrderProgressView .osOrderProgressTitle { display:none; }
/* by default customers do not see progress times */
.osOrderProgressView .osOrderProgressTime { display:none; }

.osOrderProgress0 { background-color: #f0f0f0; }
.osOrderProgress1 { background-color: #ffeb3b; }
.osOrderProgress2 { background-color: #ff9800; }
.osOrderProgress3 { background-color: #ff6565; }
.osOrderProgress4 { background-color: #50ace4; }
.osOrderProgress5 { background-color: #cddc39; }
.osOrderProgress6 { background-color: #8bc34a; }
.osOrderCancel { background-color: #ebccd1; }
.osOrderProgressCannot { background-color: #f0f0f0; color:#c0c0c0; }

.osDeliveryTools input, .osDeliveryTools select { font-size: 12pt; }
.osDeliveryTools
{
  background-color: #e0e0e0;
  padding: 0 5px 5px 5px;
}

#oCancelOrderNote 
{
  margin: 10px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #c0c0c0;
  background-color: #fddbdb;
}

.osSysMsg
{
  /*
  position:absolute;
  top:0;right:0;left:0;
  z-index: 10;
  */
  background-color:#df0000;
  color:#fff;
  font-size:12pt;
  padding:5px;
  text-align:center;
}

.osSplitOrderPanel .wsfMSRBoxToolsBtn { display:none }
.osSplitOrderPanel
{
  max-width: 800px;
  margin:auto;
  background-color:#fff;
  padding: 20px;
}

.osSplitOrderItems
{
  overflow:auto;
  max-height: 75%;
}

.osSplitOrderItems .BandTable
{
  font-size: 15pt;
}

#OrderSplitInfo
{
  background-color: #2196f3;
  color: #fff;
  padding: 10px;
  font-size: 15pt;
  margin-bottom: 10px;
}

.osSplitOrderCmds { padding:5px; }
.osSplitOrderCmds .frmButtonLt { font-size:15pt; }
.osSplitOrderCmds select { font-size:15pt; margin-left: 5px; }

.osOrderCancelCmds { padding:5px; }
.osOrderCancelCmds .wsfBtnCancel 
{ 
  display: block;
  font-size: 16pt;
  margin: 5px auto;
  padding: 10px; 
}
.osOrderCancelNote { width:90%; height: 50vh; }
.osCancelReasonBtns { padding-bottom: 5px;  }
.osCancelReasonBtns .wsfBtnStd { margin-right: 3px; min-height:30px; background-color: #50ace4; color:#fff; }
.osCancelReasonBtns .wsfBtnGo2 { background-color: #ff9800; }
.osCancelReasonBtns .osPstBtnCLR {  background-color: #f0f0f0; color:#000; }
.osOrdItmPstBtns .osPstBtnCLR {  background-color: #f0f0f0; color:#000; }

.osOrderProgressView .osOrderProgress {
  background-color: green;
}
.osOrderCancelled .osOrderProgress { background-color: #df00007d; }

#osOPRefreshPaused a { color:#fff }
#osOPRefreshPaused
{
  position:fixed;
  z-index: 1;
  display:block;
  right:0;left:0;
  top:10vh;
  background-color: rgb(223 0 0 / 68%);
  color: #fff;
  border: 1px solid #c0c0c0;
  text-align: center;
  padding: 10px;
}

.osOPRefreshPausedClose
{
  float:right;
  border: 0;
  background-color: transparent;
  font-weight: bolder;
  font-size: 14pt;
}

.osOPMainToolbar .frmButtonLt { font-size: 10pt; }
.osOPMainToolbar .InputLabel { vertical-align: bottom; }

.osOPDelayLevelNormal {  }
.osOPDelayLevelMedium { color: darkorange; font-weight:bolder; }
.osOPDelayLevelHigh { color: #df0000; font-weight:bolder; animation: blink 300ms infinite; }

.osOPUpdatedLbl
{
  border: 1px solid yellow;
  animation: blink 700ms 3;
}

.osOPUpdated
{
  background-color: yellow;
  padding: 2px 5px;
  border-radius: 4px;
  text-align:center;
  animation: blink 700ms 3;
}

.osOPDetBtn
{
  min-width:85px;
}

/*
.osOPAddress
{
  background-color: #f0f0f0;
  text-align:right;
}
*/

.osMissedDeliveryBtn 
{
  min-width: 80px;
  color: #fff;
  background-color: #f44336;
  font-size: 9pt;
}

.osConfCheckTab { border-collapse: collapse; text-align: right; margin: auto; }
.osConfCheckTab td { padding:5px ; border: 1px solid #c0c0c0 }
.osConfCheckTab td:nth-child(1) { text-align: left; background-color: #f0f0f0; }
.osConfCheckTab th:nth-child(1) { text-align: left;  }
.osConfCheckTab th { padding: 10px;  }
.osConfCheckTab td { padding: 5px 10px;  }
.osConfCheckTab .wsfOk { font-weight: bolder }
.osConfCheckTab .wsfWrn { font-weight: bolder }

.osOPDetails
{
  background-color: #ffeb3b;
  padding: 20px !important;
  display:none;
}
.osOPDetailsShow { display:table-cell; }
.osOPDetailsTab .ListFoot { display:none; }
.osOPDetailsTab 
{ 
  border-collapse:collapse;
  background-color: #fff;
  min-width: 60vw; 
}
.osOPDateRange { text-align: right; font-size:9pt; padding: 2px;}
.osOPDetailsTab td { padding:5px 10px; }
.osOPDetailsTitle { font-size:12spt; padding: 0 0 10px 0; }

.osOPChangePayment .wsfBtnGo { min-width:0; }
.osOPChangePayment
{
  background-color: #f0f0f0;
  padding: 5px;
  margin: 5px 0;
  text-align: right;
}

.osOPDetails .wsfUserImageBox { float: none; display: inline-block; margin: 0 5px; }
.osOPDetails .wsfUserImageBox img { max-height: 100px; }

.osOPDetailsOrder { max-width: 50vw; }
.osOPDetailsShipping, .osOPDetailsOrder, .osOPDetailsShippingBtns
{ 
  display: inline-block;
  vertical-align:top;
  padding: 5px; 
  border: 1px solid #c0c0c0;
  background-color: #fff;
  border-radius: 4px;
  min-width: 200px;
  min-height: 120px;
  margin-right: 5px;
}

.osOPDetailsShippingBtns
{
  w idth: 75px;
  min-width: 0;
}

.osOPDetailsShippingBtn
{
  border-radius: 4px;
  margin-bottom: 2px;
  margin-right: 2px;
  background-color: #005da7;
  color:#fff;
  padding: 10px;
  height: 50px;
  width: 50px;
}

.osOPDetailsShippingBtn.osMapLocationIcon,
.osOPDetailsShippingBtn.osPhoneIcon
{
  background-position: center;
}

.pcOrdersItems .osOrderStatusCancelled { background-color:#df0000;color: #fff; padding: 5px; }
.pcOrdersItems .osOrderStatusClosed { background-color:olivedrab;color: #fff; padding: 5px; }
.pcOrdersItems .osOrderStatusApproved { background-color:green;color: #fff; padding: 5px; }
.pcOrdersItems .osOrderStatusDraft { background-color:#f0f0f0;color: #525252; padding: 5px;  }

.osNoBasketProdNote
{
  padding:10px;
}

.osChkOutCollectOpts { background-color: orange; }
.osChkOutCollectOptsBox { padding: 5px 5px 20px 5px; }
.osChkOutCollectOpInfo { padding: 5px 0 15px 0; }
.osOrderNoteInfo { padding: 5px 0; font-size: 9pt; } 

.osCheckOutReSelectUser
{
  padding:20px;
}

.osLoginForExtInfo
{
  text-align:center;
  font-weight: bolder;
  padding:30px;
}

.osHelpSection
{
  font-size:140%;
  text-align:center;
  padding:10px;
  border-bottom:2px solid #c0c0c0;
  background-color:#f0f0f0;
}

.osDiscountNotApplied
{
  text-align:center;
  background-color:DarkOrange;
  color:#ffffff;
  font-size:10pt;
  margin-bottom:10px;
  margin-top:10px;
  padding:10px;
}

.osDiscountInfo
{
  text-align:center;
  b ackground-color: #df0000;
  border: 5px dashed #df0000;
  c olor:#ffffff;
  margin-bottom:10px;
  padding:10px;
}

.osDiscountApplied
{
  text-align:center;
  background-color:#ffff99;
  font-size:10pt;
  margin-bottom:10px;
  margin-top:10px;
  padding:10px;
}

.osDetProdPicture
{
  w idth:50%;
  max-height:400px;
}

.osCustomer .wsfBtnSelected.wsfBtnSelected_1, .osCustomersTB .wsfBtnSelected.wsfBtnSelected_1
{
  background-color:#8CCB6D;
}

.osCustomer .wsfBtnSelected.wsfBtnSelected_0, .osCustomersTB .wsfBtnSelected.wsfBtnSelected_0
{
  background-color:#F37575;
}

.osCustomer .osPageTitle { text-transform: capitalize; font-size: 24pt; }
.osCustomer
{
  position:relative;
}


.osCustBalZero
{
  
}

.osCustBal
{
  position:absolute;
  right:0;
  top:-15px;
  padding:5px;
  text-align:right;
  border:1px solid #c0c0c0;
  border-radius:4px;
  font-size:14pt;
  min-width:100px;
  background-color:#fff;
}

.osCustBalPos
{
  background-color:darkgreen;
  color:#fff;
}

.osCustBalNeg
{
  background-color:#df0000;
  color:#fff;
}

.osCustBalCrd
{
  background-color:darkorange;
  color:#fff;
}

.osCustBalCrInfo
{
  font-size: 9pt;
}

.osCustStatement a { color:#fff; }
.osCustBalZero .osCustStatement a { color:#525252; }

.osCustStatement
{
  font-size: 9pt;
}

.osCustBalInfo
{
  display:inline-block;
  font-size:15pt;
}

.osChkOutHowTo
{
  text-align:center;
  padding: 10px 20px 10px 10px;
}

.osBasketDlvOptBox
{
  padding: 40px 20px;
  border: 1px solid #c0c0c0;
  background-color: #fff;
}

.osBasketDlvOptBoxInfo
{
  padding: 0 0 20px 0;
}

.osBasketDlvOptBox label
{
  min-width: 200px;
  margin: 5px;
  padding: 80px 40px 20px 40px;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center 10px;
}

.osBasketDlvOptBox label[for=WantsDeliveryYes] { background-image: url(../images/Truck.png) }
.osBasketDlvOptBox label[for=WantsDeliveryYes] { background-size: 50% }
.osBasketDlvOptBox label[for=WantsDeliveryNo] { background-image: url(../images/Store.png) }

.osCheckOutOptsFrame
{
  text-align:center;
  padding-top: 0px;
}

.osCheckOutOpts
{
  font-size: 10pt;
  border-collapse: collapse;
  border-left: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
}

.osCalBts
{
  padding:10px;
  margin-top:10px;
}

.osUserRulesTab
{
  min-width: 300px;
  border-collapse:collapse;
}

.osUserRulesTab td:nth-child(2),
.osUserRulesTab td:nth-child(3),
.osUserRulesTab td:nth-child(4)
{ text-align:right }

.osUserRulesTab td
{
  padding: 3px 5px;
  border: 1px solid #c0c0c0;
}

#oCustomerForm #txtUserEmail { width:250px; }

.osCheckOutForm TEXTAREA, .osCheckOutForm INPUT, .osCheckOutForm SELECT,
#oCustomerForm TEXTAREA, #oCustomerForm INPUT, #oCustomerForm SELECT
{
  padding:10px;
  font-size:9pt;
}

#frmUserGrpFlds_1, #frmUserGrpFlds_4
{
  padding-top: 10px;
}

.osCheckOutForm .wsfTestEmail
{
  display:none;
}

.osCheckOutForm
{
  text-align:left;
}

.osCheckOutAccessBox .USRLoginForm 
{ 
  background-image: url(../images/AddBuddy.png); 
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center 10px;
  border: 0;
  padding: 70px 10px 10px 10px;
  width: 200px;
}

.osCheckOutAccessLogin { background-image: url(../images/Buddy.png) !important; }
.osCheckOutAccessBox .USRLoginForm button { width:100%; height: 50px; background: #cddc39; border:0; padding:10px; font-size:12pt; }
.osCheckOutAccessBox .osCheckOutAccessLogin button { background: #50ace4; }

/*
  .osCheckOutAccessBox P
  {
    text-align:center;
    background-color: #ffff99;
    border: 1px solid #c0c0c0;
    padding:10px;
  }
*/

  .osCheckOutAccessBox
  {
    text-align:center;
    b order: 1px solid #c0c0c0;
    padding:10px;
    f loat:left;
    margin: auto; 0px 10px 10px 0px;
    width: 50%;
    m in-height: 280px;
  }


.osCheckOutAccess
{
  margin: auto;
  display:flex;
  min-height: 50vh;
}

.osCatTitleCol
{
  font-family: "Monotype Corsiva";
  font-size:15pt;
  padding-bottom:5px;
}

.osCatThumbCell
{
  width: 80px;
}

.osCatPriceCol
{
  text-align:right;
  font-size:110%;
  padding-left:20px;
  white-space:nowrap;
}

.osCatPkgCol
{
  text-align:right;
  font-style:italic;
  padding-top:5px;
  text-transform:lowercase;
}

.spvCatMenuTitle { display: none; }

.osCategTreeItemSel
{
  color:#25AAE1;
  font-weight:bolder;
}

.osCategTreeItems
{
  padding:10px;
}

.osCategTreeItem:hover
{
  color:#25AAE1;
  text-decoration: underline;
}

.osCategTreeItem A
{
  text-decoration: none;
  color:inherit;
}

.osCategTreeItem
{
  font-size:11pt;
  cursor:hand;
  cursor:pointer;
  padding-bottom: 5px;
}

.osCategTreeLevel2
{
  padding-left:30px;
}

.osCategTreeLevel1
{
  padding-left:15px;
}

.osCategTreeLevel0
{
  font-size:13pt;
  padding-left:5px;
}

.osCategoryTreeTitle
{
  margin-top:20px;
  background-color:#f0f0f0;
  border: 1px solid #c0c0c0;
  font-weight:bolder;
  margin-bottom:10px;
  padding: 5px;
  text-align:center;
}

.osCategoryTitle
{
  font-size: 150%;
  f ont-weight: bolder;
  padding-bottom: 5px;
}

.osCategorySearch
{
  font-size: 12pt;
  f ont-weight: bolder;
  padding-bottom: 5px;
  text-align:right;
}

.OSCATEGORYNOTE
{
  padding-bottom: 10px;
  font-size: 9pt;
}

.osCategoryList TD
{
  padding-top:5px;
}

.osCategoryList
{
  font-size: 9pt;
}

.osCategoryBtnMobile
{
  
}

.osCategoryBtnHeader
{
  display:inline-block;
  text-transform: capitalize;
  border: 1px solid transparent;
  f ont-weight:bolder;
  padding:3px;
  cursor:hand;
  cursor:pointer;
}

.osCategoryBtn:hover, .osCategoryBtnMobile:hover, .osCategoryBtnHeader:hover
{
  border: 1px solid #f0f0f0;
}

.osCategoryBtn, .osCategoryBtnMobile
{
  display:none;
  text-transform: capitalize;
  border: 1px solid transparent;
  font-weight:bolder;
  padding:3px;
  cursor:hand;
  cursor:pointer;
}

.osCategoryBtn IMG, .osCategoryBtnMobile IMG, .osCategoryBtnHeader IMG
{
  width:12px;
}

.osCategoryBtn
{
  display:none;
}

.osCatalogSearch
{
  margin-top:10px;
  background-color:#f0f0f0;
  border:1px solid #c0c0c0;
  padding:5px;
}

.osCatalogCategTitle
{
  font-size:18pt;
  padding-bottom: 10px;
}

.osCatalogCategGroup
{
  font-size:16pt;
  padding-bottom: 20px;
  padding-top: 50px;
}

.osCatalogBrowserLeftPanelShow
{
  display:inline-block !important;
}

.osBskTLbl
{
  text-align:right;
  white-space: nowrap;
}

.osBskTAmnt
{
  text-align:right;
  white-space: nowrap;
  border-top: 1px solid #c0c0c0;
}

.osBskQty
{
  text-align:right;
  white-space: nowrap;
}

.osBskDiscInfo { display: inline-block; padding-left:5px; font-size: 80%; color: #50ace4; font-weight: bold;}

.osBskPrice
{
  text-align:right;
  min-width: 50px;
  white-space: nowrap;
}

.osBskPkg
{
  text-align:center;
  white-space: nowrap;
}

.osBskPDesc
{
  text-align:left;
  text-transform: capitalize;
  font-size: 14pt;
}

.osBskPPic
{
  text-align:center;
  padding: 10px 20px 10px 0;
}

.osBskPPic img
{
	height:45px;
}

.osBskPCode
{
  text-align:center;
  white-space: nowrap;
}

.osBskManuf
{
  text-align:center;
  white-space: nowrap;
}

.osBskItem { }
.osBskItem td { }
.osBskRowNote { display:none; text-align:right; font-style: italic; }
.osBskItemNote {}
.osBskTargetUser { text-align:right; }
.osBskTargetUser .TextInput { width: 300px; }
.osBskItemNoteHide { visibility: collapse; } 
.osBskItemNote .TextInput { width:100% }

.osBskFootTop td, .osBskItem td
{
  border-top: 1px solid #c0c0c0;
}

.osBskHead .osBskPDesc
{
  text-transform:none;
}

.osBskGTot
{
  font-size:110%;
  font-weight:bolder;
}

.osBskCurrency
{
  text-align:right;
}

.osOrderOverCap
{
  text-align: center;
  padding: 10px 5px;
  border-radius: 8px;
  background-color: #f5aea9;
  color: #000;
  font-size: 9pt;
}

.osNoProdCanShip, .osLowAmountNoShip, .osBasketMinOrder
{
  text-align: center;
  padding: 10px 5px;
  border-radius: 8px;
  margin: 0 0 20px 0;
  background-color: #ffeb3b;
  color: #000;
  font-size: 9pt;
}

.osBsktUsrPntsApplyBox
{
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  padding:10px;
  background-color: #ffff99;
  text-align:center;
}

.osBsktUsrPntsApplyBtn
{
  padding-top: 5px;
}

.osBsktUsrPntsApplyBtn button
{
  padding: 5px 10px;
  border: 0;
}

.osNBskFoot { text-align: right; padding: 5px; white-space: nowrap;}
.osNBskTLbl { display:inline-block; }
.osNBskTAmnt { display:inline-block; width:80px; }
.osNBskGTot { font-size:110%; font-weight:bolder; }
.osNBskGTot .osNBskTAmnt { padding-top:5px; border-top: 1px solid #c0c0c0; }
.osNBskGTot .osNBskTaxInc { padding-top:5px; border-top: 1px solid #c0c0c0; }
.osNBskNetTot {}
.osNBskCurrency { }

.osBskFoot TD
{
  padding-top:10px;
  b order-top: 1px solid #c0c0c0;
}

.osBskDPrice
{
  text-align:right;
  white-space: nowrap;
}

.osBskPDel
{
  display:none;
}

.osBskDelItem
{
  width:20px;
  vertical-align: middle;
}

.osBskPDelLine
{
  font-weight: bolder;
  text-align: right;
}

.osBskAmnt
{
  text-align:right;
  white-space: nowrap;
}

.osBlower:empty { display: none; }
.osBlower
{
  overflow-x:auto;
  overflow-y:hidden;
  margin: auto;
  white-space: nowrap;
  padding: 5px 30px 0 10px;
}

.osToolBarTop
{
  padding:5px 0 5px 0;
  background-color: #c0c0c0;
  text-align: left;
  display: none;
  overflow:auto;
}

.wsfMobileView .osToolBarTop { display:block; }
.wsfMobileView .wsfRespMobileBtn { display:inline-block; }
.wsfMobileView .osDPSearch { display:none; }
.wsfMobileView #RespMobileMenu { display:block; }

.wsfMobileView .osDPBtn, .wsfMobileView .wsfUserMessageBtn { min-width: 50px; height: 40px; margin-bottom: 2px; }
.orsCLTablet .osDPBtn { min-width: 55px; height: 60px; margin-bottom: 2px; border: 1px solid #525252; }

#RespMobileMenu .osDPBtn, #RespMobileMenu .wsfUserMessageBtn { min-width: 60px; height: 60px; margin:2px; }
#RespMobileMenu .osDPBtns { text-align:center; }

.osToolBarTopItems { padding-left: 45px; }
.orsCLTablet .osToolBarTopItems { margin-top: 20px;}

.osToolBarTopItem
{
  /* paolo25jul22 buddy/cart.. bts were covered by osDPBtns */
  position:relative;
  display:inline-block;
  padding: 0 5px 0 5px;
  vertical-align:middle;
  color:#fff;
  cursor:hand;cursor:pointer;
}

#oToolBarTopSrcIcon 
{ 
  background-repeat: no-repeat;
  background-image: url(../images/Magnifier.png);
  background-size: contain;
  filter: brightness(2); /* makes it white */
}
.osFormProdSearchTop { position:relative; }
#oToolBarTopSrcForm { p osition:relative }
.osToolBarTopSrcFormHide { height: 0; overflow: hidden; white-space:nowrap; }
.osToolBarTopSrcFormView { height:50px; padding:5px; transition: all 0.2s ease-out; }
.frmProdSearchInput { width:100%; font-size:15pt; padding: 8px; outline: none; }

.frmProdSearchGo 
{
  display:none; 
  position: absolute;
  right: 5px;
  b ottom: 4px;
  height:40px;
  top: 5px;
  border: 0;
  width: 40px;
  font-size: 0;
  padding: 0 10px;
  font-family: inherit;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #f0f0f0;
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  outline:none;
}

/* when search with categories dropdown 
.frmProdSearchInput { border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: 75px;  }
*/

.frmProdSearchCats, .frmProdSearchCatsSelText
{ 
  background-color: #f0f0f0;
  font-size: 15pt; 
  padding: 7px; 
  border-top-right-radius: 0; 
  border-bottom-right-radius: 0; 
  outline: none; 
  font-family:inherit; 
  vertical-align: top; 
  b order-right: 0; 
} 

.frmProdSearchCatsSelText
{
  position:absolute;
  visibility:hidden;
}

.frmProdSearchCats
{
  position:absolute; 
  width:65px; 
}

.osGenSearchInput
{
  width: 140px;
}

.osToolBarTopItem:hover
{
  
}

.osToolBarTopLogo img
{
  height:40px;
}

.osToolBarBasketLbl, .osToolBarUsrMsgsLbl
{
  display:inline-block;
} 

.osAddToBasketUser
{
  display:none;
}

.osToolBarBasketTot
{
  display: none;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 4px;
  padding: 1px;
  margin-top: 1px;
  font-size: 9pt;
  font-weight: bolder;
  text-align: center;
}

.osMyAccnt
{
  background-image: url(../images/MyAccount_white.png);
  background-repeat: no-repeat;
  background-size:contain;
  padding: 2px 0 2px 30px;
}

.osClockInApp
{
  background-image: url(../images/clock.png);
  background-repeat: no-repeat;
  background-size:contain;
  padding: 2px 0 2px 30px;
}

/* user messages START */


/* user messages END */

.osToolBarTop .osMyAccnt, .osToolBarTop .osClockInApp, .osToolBarTop .osUsrMsgs, .osToolBarTop .osLocation, .osToolBarTop .osToolBarBasket, #oToolBarTopSrcIcon 
{
  padding: 2px 0 7px 35px;
  height: 30px;
  font-size: 18pt;
}

.osToolBarTop .osToolBarBasketLbl { display:none; }

.osLocation
{
  background-image: url(../images/gmap.png);
  background-repeat: no-repeat;
  background-size:contain;
  padding: 2px 0 2px 30px;
}

.osToolBarBasket
{
  background-image: url(../images/cart_white.png);
  background-repeat: no-repeat;
  background-size:contain;
  padding: 2px 0 2px 30px;
}

.osBasketTitle
{
  padding: 15px 0 20px 0;
  font-size: 150%;
  text-align: center;
}

.osBasketSummaryTitle
{
  font-weight:bolder;
  background-color:#f0f0f0;
  border: 1px solid #c0c0c0;
  font-size:9pt;
  padding: 5px;
  text-align:center;
}

.osBasketSummary TD
{
  padding-bottom: 10px;
}

.osBasketSummary
{
  font-size:10pt;
  width:100%;
  text-transform: capitalize;
  border-collapse: collapse;
}

.osBskSumItemNoAvail td { background-color: #df0000; color:#fff; padding-bottom:5px; padding:5px; text-align:center; text-transform:none; }
.osBskSumItemWrn { background-color: #e87d7d73; }
.osBskSumItemNameLong { display: none; }
.osBskSumItemNameLong td { padding-top:20px; }
.osBskSumItemName { font-size: 12pt; }
.osBskSumItemName a { text-decoration: none; }
.osBskItemOptions { font-size: 10pt; }
.osBskItemTgtUser { font-size: 9pt; padding-top: 3px; text-transform: none; } 
.osBskSumItemQty { text-align:right; white-space: nowrap; }
.osBskSumItemTax { padding-right: 10px; }

.osBasketOfferItem
{
  font-style:italic;
}

.osChkOutOrderSched
{
  text-align:left;
  background-color: #f0f0f0;
  padding: 20px;
}

.osChkOutOrderSched .wsfNoteStrip
{
  text-align:left;
}

.osChkOutOrderSched .PageTitle
{
  color:#005da7;
}

.ChkOutOrderSchedInfo
{

}

.osRstrctdProds
{
  text-align: center;
  border: 1px solid #c0c0c0;
  padding: 20px;
  border-radius: 4px;
  background-color:#ebccd1;
  margin: 5px 0;
}

.osRstrctdProds .wsfFrmInput
{
  text-align:center;
  margin:0;
}

.osRstrctdProdsCHK
{
  margin-top: 10px;
  display:inline-block;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  padding:10px;
  background-color:#fff;
}

.osDelivRateBtns 
{
  text-align: center;
  border: 1px solid #c0c0c0;
  padding: 20px;
  border-radius: 4px;
}
.osDelivRateBtn 
{
  display: inline-block;
  padding: 20px;
  border: 1px solid #c0c0c0;
  margin: 5px;
  opacity: 0.5;
}

.osDelivRateBtnsInfo
{
  text-align:left;
}
.osDelivRateBtns input[type=radio] { display:none; }
.osDelivRateBtns input[type=radio]:checked + label
{
  border: 2px solid #2196f3;
  opacity: 1;
}

#DeliveryRateID1 + label { background-color: #c0c0c0; }
#DeliveryRateID2 + label { background-color: #8bc34a; }

.osBasketContBtn
{
  font-size: 14pt;
  padding:20px;
}
  
.osBasketCmd button
{
  border:0;
  text-transform:uppercase;
  padding:10px 20px;
  vertical-align:top;
}

.osBasketViewCat { float:left; }
.osBasketCmd
{
  background-color:#f0f0f0;
  padding: 10px;
  margin-top: 10px;
  text-align:right;
}

.wsfPagePlaceOrder .CMCBlower { display:none; }
.wsfPagePayOrder .CMCBlower { display:none; }
.wsfPagebasket .CMCBlower { display:none; }
.wsfPagePrivacyPolicy .CMCBlower { display:none; }
.wsfPageWebsiteFeedbackForm .CMCBlower { display:none; }
.wsfPagebasket .osToolBarTopBasket { display:none; }
.wsfPagebasket .osToolBarTopSrc { display:none; }
.wsfPagebasket .osSignUpBox { display:none; }
.wsfPagebasket .osLocationIcon { display:none; }

.wsfPageLogon .osToolBarTopSrc { display:none; }

.osCatNoProdFound
{
  padding-top:20px;
  font-size:110%;
  width:90%;
  margin: 50px auto;
  max-width: 800px;
  padding: 40px;
  border: 1px solid #c0c0c0;
  border-radius: 10px;
  background-color: #f0f0f0;
}

.osCatNoProdFoundIcon
{
  text-align:center;
  padding-bottom: 30px;
}

.osCatNoProdFoundIcon img
{
  width:70px;
}


.osBasketBox
{
  max-width: 800px;
  width:100%;
  margin:auto;
  padding:10px;
  font-size:10pt;
  overflow:auto;
  background-color: rgba(255, 255, 255, 0.8901960784313725);
}

.osBasket TD
{
  padding: 5px;
}

.osBasket
{
  font-size:10pt;
  border-collapse: collapse;
  width: 100%;
  text-align:left;
}

.osBasket a
{
  text-decoration:none;
}

.osBskSvcChg { }
.osBskSvcChg td, .osBskUsrPnts td { padding-top: 10px; text-align:right }

.EditSvcChargeCnv #wsfDialogPnl 
{ 
  height: 500px;
  max-height: 100vh;
  width: 500px;
  max-width: 100vw;
  margin: 20px auto;
  box-shadow: 0px 10px 20px #b0b0b0;
}
.osFrmSvcChg { margin: auto; font-size: 16pt; }
.osFrmSvcChgLbl { display: inline-block; width: 165px; text-align: right; padding: 10px 10px 0 0;}
.osFrmSvcChgFld { text-align: left; }
.osFrmSvcChgFld input { font-size: 16pt; width: 145px }
.osFrmSvcChgSec input { font-size: 16pt; }
.osFrmSvcChgSec input { margin-right: 3px; }
.osFrmSvcChgSec { text-align: center; padding: 10px; font-weight: bolder; }
.osFrmSvcChgBtns { padding-top:10px; }
.osFrmSvcChgBtns input { font-size: 16pt; }

.osAddToBasketResOk
{
  padding:20px 0 20px 0;
  border-bottom: 1px solid #f0f0f0;
}

.osShoppingBtn, .osCheckoutBtn, .osEmptyBaskBtn
{
  font-size:14pt;
  padding: 10px;
  text-transform: uppercase;
  vertical-align:top;
  min-width: 230px;
  margin: 5px;
}

.osShoppingBtn
{
  color:#000;
  background-color:#fff; 
  border: 1px solid #c0c0c0; 
}

.osCheckoutBtn 
{ 
  background-color: #25AAE1; 
  border: 1px solid #25AAE1; 
  color:#fff;  
}

.osEmptyBaskBtn 
{ 
  background-color: transparent;
  border: 1px solid #F44336;
  color: #F44336;
  font-size: 10pt;
  padding: 10px;
}

.osAddToBasketNextBtns INPUT
{
  width:220px;
  padding:10px;
  margin:5px;
  cursor:pointer;
  cursor:hand;
}

.osAddToBasketNextBtns
{
  padding:20px 0 20px 0;
}

.osAddToBasketInfo { font-size: 80%; font-style:italic; padding-top:5px; }
.osAddToBasketNext
{
  padding:20px 0 20px 0;
}

.osAddToBasket
{
  font-size:12pt;
}

.osBskSummaryTitle { display: none; }

.osBskSummaryItems
{
  padding:10px;
  max-height: 40vh;
  overflow: auto;
  text-align:left;
}

.osBskSumItem td
{
  border-bottom: 1px solid #f0f0f0;
}

.osBskSummaryTot td
{
  text-align:right;
  b order-top: 1px solid #c0c0c0;
  font-weight:bolder;
  padding-top: 10px;
	padding-right: 10px;
  font-size:130%;
}

.osClosePanelBtn
{
  float:right;
}

.os BskItemH
{
  display:none;
}

.CMCSiteWallPaper2 .osBlower
{
  display:none;
}

.osProdEdBoxes { display: flex; }
.osProdEdMargin, .osProdEdCostPerc, .osProdEdMarkup { display:inline-block; padding: 5px; border-right: 1px solid #b0b0b0; } 
.wsfMgrEdLeftQLbl .osProdEdCostPerc { padding: 0 }

.osProdCtrlInput
{
  display:inline-block;
  position: relative;
  white-space: nowrap;
}

.osProdCtrlInputCls
{
  background-image: url(../images/reset.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  background-position: center;
  border: 0;
  width: 15px;
  vertical-align: middle;
  cursor:hand;cursor:pointer;
}

.ToolsBox INPUT[type="button"].osProdCtrlInputCls  { min-width: 0; margin-right: 5px; }

#oProdCtrlSelect 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.osPromoTop
{
  position:absolute;
  right:5px;
  top:0;
  z-index: 1;
}

.wsfPagebasket .osPromoTop { display:none; }

.osPromoBtn
{
  border-radius:4px;
  background-color:yellow;
  margin:2px;
  padding: 5px 10px;
  font-size: 10pt;
  font-weight: bolder;
  color:#525252;
  display:inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: hand;
  cursor: pointer;
  border: 2px solid #fff;
}

.osPromoBtn:hover
{
  border: 2px solid #25AAE1;
}

.osTopBtn
{
  position:absolute;
  right:5px;
  top:0;
}

.osDPBtns
{
  text-align: left;
  padding: 5px;
  max-width: 75vw;
}

.osDPBtn
{
  border: 1px solid transparent;
  vertical-align:top;
  margin:0 2px;
  min-width:40px;
  font-size: 0;
  height:33px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position: 50%;
  cursor:hand;cursor:pointer;
}

.osDPBtn:hover
{
  border:1px solid #c0c0c0;
}

.osSysSettingsChecks td { border: 1px solid #c0c0c0; padding: 5px }
.osSysSettingsChecks { border-collapse:collapse; }
.osSysSettingsChecksDesc { font-size: 8pt; }
.osSysSettingsCheckItem { border-radius: 4px; background-color:#8bc34a;margin:5px; padding:5px; }
.osSysSettingsCheckItemErr { border-radius: 4px; background-color:#df0000;color:#fff;margin:5px; padding:5px;text-align:center; }

#PosCashID, #oPCSearch { font-size:12pt; }
.wsfPageOrderEdit #PosCashID { font-size:10pt; }

.osDPBtnHome { background-image: url(../ORSIcon96.png); background-color: #fff; margin-right: 2px; }
.osDPSearch { display: inline-block; vertical-align: top; }

.osDPBtnPOS { background-image: url(../images/CashRegister.png); background-color: #c1d945; }
.osDPBtnStock { background-image: url(../images/Inventory.png); background-color: #FFC107; }
.osDPBtnProd { background-image: url(../images/Products.png); background-color: #00bcd4; }
.osDPBtnSale { background-image: url(../images/CartGrey.png); background-color: #8BC34A; }
.osDPBtnQuickOrders { background-image: url(../images/Quote.png); background-color: #cddc39; }
.osDPBtnRequisition { background-image: url(../images/Requisition.png); background-color: #d5ad69; }
.osDPBtnPO { background-image: url(../images/PurchaseOrder.png); background-color: #FF9800; }
.osDPBtnCus { background-image: url(../images/customers-icon.png); background-color: #ffeb3b; }
.osDPBtnUR { background-image: url(../images/Text.png); background-color: #e0e0e0; }
.osDPBtnCC { background-image: url(../images/supportGrey.png); background-color: #ebccd1; }
.osDPBtnKDS { background-image: url(../images/Chef.png); background-color: #c3ddec; }
.osDPBtnLogoff { background-image: url(../images/Logout.png); background-color: #9E9E9E; }
.osDPBtnManage { background-image: url(../images/gear.png); background-color: #f58e86; }
.osDPBtnSurveys { background-image: url(../images/surveys.png); background-color: #a5d7ff; }
.AppBkIcon { background-image: url(../images/Star.png); background-color: #f0f0f0; }

.osDPBtnReqExtra { padding: 5px 0; }

.osDPBtnRefresh { background-image: url(../images/update.png); background-color: #4CAF50; }
.osDPBtnExit { background-image: url(../images/closecross.png); background-color: #9E9E9E; }
.osDPBtnMobSrc { background-image: url(../images/Magnifier.png); background-color: #fff; }
 
.osProdCtrlInputImportRecipeProdID { display:none; }

.osKDSPrintBtns button { margin-left: 5px; font-size: 12pt; }
.osKDSPrintBtns
{
  background-color: #4caf50;
  padding: 4px;
  color: #fff;
  font-size: 0;
  display: block;
  width: 70%;
  border-radius: 5px;
  margin: 2px auto;
  display:none;
}

.osKDSPrintBtns button 
{
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 8pt;
  width: 50px;
  h eight: 30px;
  margin: 2px;
  b ackground-color: #f0f0f080;
}
.osKDSPrnViewPrep ,
.osKDSPrnViewWhole,
.osKDSPrnViewDeliv { background-color: #c0c0c0; }
.osKDSPrnSendPrep,
.osKDSPrnSendWhole,
.osKDSPrnSendDeliv { background-color: #8bc34a; border: 2px solid #525252; }

.osTicketBtns { display:flex; flex-wrap: wrap; }
.osPSOrdersList .osTicketBtns { display: none; }

.osTicketBtns .osDeliveryChitBtn { flex-basis: 100%; }

.osDeliveryChitBtn, .osFireTicketBtn, .osOrderTicketBtn
{
  flex: 1;
  font-size: 15pt;
  width: 100%;
  margin: 1px 1px 0 0;
  background-color: forestgreen;
  color: #fff;
  cursor:hand;cursor:pointer;
}

.osDeliveryChitBtn
{
  background-image: url(../images/TicketOn.png);
  background-size: auto 70%;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 10px 0 10px 15px;
}

.osDeliveryInvalidPrnAgent
{
  background-image: url(../images/TicketOff.png);
  b ackground-color: #f48c8c;
}


.osFireTicketBtn { background-color: #2196f3; }
.osOrderTicketBtn { background-color: #c0c0c0; }

.osPrepStViewBackBtn .osKDSPrintBtns { display:block; }
#oOrderItems .osKDSPrintBtns { display:block; }

#osPCData .osKDSPrintBtns { width: 100%; font-size: 12pt; text-align: right; }

/* OS_ProdIntPrepared_Finished */
.osProdRecipe0 
{ 
  background-image: url(../images/ProductBottle.png); 
  background-repeat: no-repeat;
  background-size: contain;
}

/* OS_ProdIntPrepared_PrepStock */
.osProdRecipe1 
{ 
  background-image: url(../images/Preparation.png); 
  background-repeat: no-repeat;
  background-size: contain;
}

/* OS_ProdIntPrepared_PrepSell */
.osProdRecipe2 
{ 
  background-image: url(../images/Chef.png); 
  background-repeat: no-repeat;
  background-size: contain;
}

/* OS_ProdIntPrepared_Combo */
.osProdRecipe3 
{ 
  background-image: url(../images/Combo.png); 
  background-repeat: no-repeat;
  background-size: contain;
}

.wsfPageInventory .FilterBox { background-color: #FFC107 }
.wsfPageInvLocations .FilterBox { background-color: #FFC107 }
.wsfPageInvTransactions .FilterBox { background-color: #FFC107 }
.wsfPageInvTransactionItems .FilterBox { background-color: #FFC107 }
.wsfPageProdRecipes .FilterBox { background-color: #FFC107 }
.wsfPageProdBreakDowns .FilterBox { background-color: #FFC107 }
.wsfPageProdSelections .FilterBox { background-color: #FFC107 }

.wsfPageProds .FilterBox { background-color: #00bcd4 }
.wsfPageProdPrices .FilterBox { background-color: #00bcd4 }
.wsfPageProdPricePromotions .FilterBox { background-color: #00bcd4 }

.wsfPagePurchaseOrders .FilterBox { background-color: #FF9800 }
.wsfPageRequisitions .FilterBox { background-color: #d5ad69 }
.wsfPagePurchaseOrderItems .FilterBox { background-color: #FF9800 }
.wsfPagePostPurchaseOrders .FilterBox { background-color: #FF9800 }
  
.wsfPageOrders .FilterBox { background-color: #8BC34A }
.wsfPageOrderItems .FilterBox { background-color: #8BC34A }
.wsfPageOrderPayments .FilterBox { background-color: #8BC34A }
.wsfPageAccntOperations .FilterBox { background-color: #8BC34A }
.wsfPageAdmBaskets .FilterBox { background-color: #8BC34A }
.wsfPageProdReviews .FilterBox { background-color: #8BC34A }
    
.wsfPageosCustomers .FilterBox { background-color: #ffeb3b }
.wsfPageosUserVisits .FilterBox { background-color: #ffeb3b }

.wsfPanelShow
{
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  padding: 5px;
  margin-top: 5px;
  background-color: #ffffff6e;
}

/*
#oAdvFilters
{
  border:1px solid #c0c0c0;
  border-radius:4px;
  padding: 5px;
  margin-top:5px;
  background-color: #d2fdd8;
}
*/

.osGenSrc { color:#a0a0a0; }

.sisHomeBox .wsfSpotImg { border-radius: 4px; padding: 0 5px }

.osCatalogContextDetail { display:none }

.osTopBanner { position: relative; }

.osTopSN
{
  position:absolute;
  top:10px;
  right:10px;
}

.osTopSN IMG
{
  width:36px;
  margin-right: 5px;
}

#oInvTransactionItemRecords .EditChk_Qty { width: 50px; }

/* labels */
.osProdLabelPreview
{
  border:2px dashed #c0c0c0;
  padding:10px;
  margin: 10px;
	display:inline-block;
}

.osProdLabelPrint
{
  margin: 10px;
  display: inline-block;
  padding:10px;
  border:1px solid #f0f0f0;
}

.osProdLabelPageBreak
{
  page-break-before:always;
}

.osBarCodeProdLabel
{
  text-align:center;
  width:300px;
  position: relative;
}

.osBarCodeProdPrice
{
  font-size: 150%;
}

.osBarCodeExtra
{
  text-align:right;
  font-size: 70%;
  position: absolute;
  right:5px;
  bottom: 0;
}

.osBarCodeProdCode
{

}

.osBarCodeProdTitle 
{ 
}

.osBarCodeProdSubTitle
{
  display:inline-block;
  padding-left: 5px;
}

.osBarCodeProdBarCode
{
  font-family:'Free 3 of 9';
  font-size: 34pt;
}

.osBarCodeProdBarCodePreview
{
  font-family:'Free 3 of 9';
  font-size: 34pt;
}

.osORSCatFmtExit a:hover { text-decoration: underline; }
.osORSCatFmtExit a { text-decoration: none; }
.osORSCatFmtExit
{
  text-align: center;
  font-size: 10pt;
}

/* menu view START */

.osCatalogMenuView #osProdCatalogItems { max-width: 700px; min-height: 700px; margin: 20px auto; padding: 60px; position:relative }
.osCatalogMenuView #osProdCatalogItems .osPricesInfo { position: absolute; bottom: 10px; }
.osCatalogMenuView #osProdCatalogItems .osCatFooter { position: absolute; bottom: 10px; right:10px;z-index: 1; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdPic { display:none; }
.osCatalogMenuView #osProdCatalogItems .spvProductsTiles { display: block; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdTile { display:block; margin:0; border: 0; padding-bottom: 20px; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdTileBox { padding:0; text-align: left; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdTitleDesc { display: inline-block; width: 80%; min-height: 0; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdTitle {  min-height: 0; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdSubTitle {  display: inline-block; padding: 5px 0 0 10px; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdPrice { float: right; position: static; font-size: 10pt; display: inline-block; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdAddBasket select { display:none; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdPriceIncTax { display:none; }
.osCatalogMenuView #osProdCatalogItems .osProdSpecialPrices { display:none; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdFrame .spvCatProdPriceUpdated { display:inline-block; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdAddBasket IMG {  height:30px; }
.osCatalogMenuView #osProdCatalogItems .osAddToCartOptsBtn { width: 27px; height: 30px; margin: 0 2px 0 10px; }
.osCatalogMenuView #osProdCatalogItems .osCatalogCatGrpTitle,
.osCatalogMenuView #osProdCatalogItems .osCatalogCatGrpTitlePath,
.osCatalogMenuView #osProdCatalogItems .osCatalogCatGrpTitleSubPath,
.osCatalogMenuView #osProdCatalogItems .osCatalogCatTitle {  text-align: center; }
.osCatalogMenuView #osProdCatalogItems .osBskPPic { display:none; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdTitle { font-size:12pt; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdTile { background-color: transparent; }
.osCatalogMenuView #osProdCatalogItems .osProdCatPathNodes { text-align:center }
.osCatalogMenuView #osProdCatalogItems .spvCatProdLongDesc p { margin: 0; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdLongDesc { font-size: 80%; }
.osCatalogMenuView #osProdCatalogItems .spvCatProdLongDesc:empty { display: none; }

.osCatalogMenuView #osProdCatalogItems .osSubCatBtns 
{
  text-align: center;
  margin: auto;
  max-width: 500px;
} 
.osCatalogMenuView #osProdCatalogItems .osSubCatBtn 
{
  color: #000;
  background-color: transparent;
	border: 0;  
	border-right: 1px solid #c0c0c0;
  margin: 5px 0;
} 

/* Menu View Images start */
.osCatalogMenuView #osProdCatalogItems .spvCatProdHasPic
{
  background-image: url(../images/photo.png);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 26px;
}

.osCatalogMenuView #osProdCatalogItems .spvCatProdPicShow
{
  height: auto;
  width: auto;
  position: fixed;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-color: #fff;
  box-shadow: 0px 10px 20px #b0b0b0;
  border-radius: 10px;
  text-align:center;

  animation-name: wsfFadeIn;
  animation-duration: 500ms;	
	animation-timing-function: ease-in-out;	
	visibility: visible !important;	
}

@keyframes wsfFadeIn {
	0% { opacity: 0.0;	}
	60% { opacity: 0.5;	}
	80% { opacity: 0.9;	}	
	100% { opacity: 1; }		
}
.osCatalogMenuView #osProdCatalogItems .spvCatProdPicBox 
{
  height: 100%;
  width: auto;
  display: inline-block;
}
.osCatalogMenuView #osProdCatalogItems .spvCatProdPic img
{ max-width: 80vw; max-height: 90vh; }
/* Menu View Images stop */


#wsfImgOverlay
{
  position:fixed;
  z-index: 1;
  top: 0;
  l eft: 0;
  r ight: 0;
  bottom: 0;
  margin: auto;
  display: none;
  b order: 2px solid #df0000;
  b ackground-image: url('https://via.placeholder.com/400.png');
  background-repeat: no-repeat;
  background-size: 200%;
}

/* PAOLO06JUL24 Table Quick Status - moved from shared */
.osTabCrsStsBox
{
  font-size: 9pt;
  overflow: hidden;
  flex: 2;
}

.osTabCrsSt 
{ 
  background-color: #c0c0c0;
  color: #000;
  padding: 2px 4px;
  border-radius: 0;
  border-right: 1px solid #c0c0c0;
  opacity: 0.5;
  display: inline-block;
  white-space:nowrap;
  overflow:hidden;
}

.osTabCrsSts
{
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}

.osTabCrsStCompleted { background-color: forestgreen; opacity: 1; color:#fff; border-bottom: 2px solid #3F51B5; }
.osTabCrsStInProgress { background-color: #ffc107; opacity: 0.6 }

.osTabCrsStDrinks { background-color: #689bec; color: #000; }
.osTabCrsStStarters, .osTabCrsStAppetizers { background-color: #8BC34A; color: #000; }
.osTabCrsStMains, .osTabCrsStMainCourse { background-color: forestgreen; color: #fff; }
.osTabCrsStPasta { background-color: #CDDC39; color: #000; }

/* PAOLO06JUL24 Style when TQS is on (osTabLtCrsStatsOn) */

  /* PAOLO8JUN2024 table numbers as yellow spot on the top left  */
  .osTabLtCrsStatsOn .osTableBox:not(.osFloorObjBox) .osTableBoxName 
  {
    position: absolute;
    background-color: #ff0;
    padding: 2px 5px;
    top: -11px;
    left: -10px;
    border-radius: 4px;
    border: 1px solid #000;
  }

  .osTableBoxNameOff { background-color: #fbaeae !important; }
  .osTableBoxNameOff:empty { display: none }

  /* TQS time info strip */
  .osTabLtCrsStatsOn .osTableBoxOrderBox .osOrdInfTime 
  { 
    text-align: right;
    margin-right: 5px; 
    background-image: none;
  }
  .osTabLtCrsStatsOn .osOrdInfTimeBox
  {
    display: flex;
  }

  /* when fixed layout (TB, QPB), wider tables and spacing */
  .osTabLtCrsStatsOn.osTableLayout0 .osTableBox { width:150px; margin: 7px 10px; }
  .osTabLtCrsStatsOn.osTableLayout0 .osTableFloor { padding: 5px 0 10px; }

  /* PAOLO8JUL2024 TQS box top */
  .osTabLtCrsStatsOn .osTableBoxOrderBox { padding-top: 6px; }
  .osTabLtCrsStatsOn .osTableBoxOrderServer { top: -10px; }

/* PAOLO06JUL24 Table Quick Status - END */

@media only screen and (max-width: 500px)
{
  .osCatalogMenuView #osProdCatalogItems { padding: 40px 20px; }
  .pcSelCourseBtn { font-size: 12pt; min-width: 68px; text-transform: capitalize; }

  #oProdDetailPopUp, #oProdDetailPopUpClose { width:100vw; }
  #oProdDetailPopUp { border:0; }

  .wsfPageOrderEdit .wsfPageAppContent { padding: 5px; }
}

/* menu view END */

/* when printing set margins to NONE */
@media only print
{
  .wsfPageProds .wsfPageApp { padding: 40px 5px; }
  .osProdLabelPrint { border: 1px solid #fff; }
  #osSiteAlertPnl { display:none; }
  #oDupProductsCheck { display:none; }
  .osUserStatementFilters { display:none; }
}

/* 1" x 3"" */
.osProdLabelType0 .osBarCodesHead { padding: 52px 0 0 0; }
.osProdLabelType0 .osBarCodeProdLabel { width: 300px; }
.osProdLabelType0 .osBarCodeProdBarCode { font-size: 34pt; }
.osProdLabelType0 .osBarCodeProdCode { font-size:100%; }
.osProdLabelType0 .osBarCodeProdTitle { font-size:100%; text-transform: capitalize;}
.osProdLabelType0 .osBarCodeProdPrice { font-size: 150%; }

/* 2"5/8 */
.osProdLabelType1.osProdLabelPrint { padding: 4px 10px; }
.osProdLabelType1 .osBarCodesHead { padding: 52px 0 0 0; }
.osProdLabelType1 .osProdLabelPrint { margin: 0 5px 0 5px; padding: 9px 10px 10px 10px; }
.osProdLabelType1 .osBarCodeProdLabel { width: 226px; }
.osProdLabelType1 .osBarCodeProdBarCode { font-size: 26pt; }
.osProdLabelType1 .osBarCodeProdCode { font-size:80%; }
.osProdLabelType1 .osBarCodeProdTitle { font-size:90%; max-height: 13px; overflow: hidden; text-transform: capitalize; }
.osProdLabelType1 .osBarCodeProdPrice { font-size: 100%; padding: 0; }

/* label END */

/*
#osProdDetailData
{
  position: fixed;
  top: 0;left: 0;
  right:0;bottom: 0;
  w idth: 100%;
  h eight: 100%;
  z-index: 2;
  background-color: #fff;
  o pacity: 0.95;
  padding: 20px;
  overflow: auto;
}
*/

.osProdDetailsLink a
{
  color:#fff;
}

.osProdDetailsLink
{
  background-color: #76cbf1;
  padding: 5px;
  border-radius: 4px;
}

.orsSignUp
{

}

.osSignUpBanner a { color:#fff; }
.osSignUpBanner
{
  background-color:#CDDC39;
  padding:10px;
}

.orsCompleteSignUp a, .orsCompleteProfile a { color:#525252; }
.orsCompleteSignUp, .orsCompleteProfile
{
  background-color:#ffff99;
  padding:10px;
}

.SignUpInfo
{
  padding:10px 0;
  text-align:left;
}

.SignUpTools .rmMenuURLQRBtn { f loat:none; }
.SignUpTools
{
  background-color: #f0f0f0;
  overflow: auto;
  padding: 10px;
}

.orsSignUpPage
{
  padding: 40px;
  background-color: #fff;
  min-height: 50vh;
}

.orsSignUpPage .USRLoginForm 
{
  padding: 20px 20px 40px 20px;
}

.orsSignUpPage .olsSecTitle
{
  font-size: 16pt;
  padding: 10px;
}

.orsSignUpPage .spaSignUpOk p
{
  font-size: 130%;
  font-weight: bolder;
  padding-left: 50px;
}

.orsSignUpPage .spaSignUpOk
{
  background-image: url(../images/checkmark.png);
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: left top;
}

.orsSignUpPage .wsfFrmInput
{
  display:inline-block;
  width:auto;
}
.orsSignUpPage .USRLoginForm DIV { padding: 0 0 10px 0; }

.orsSignUpPage #txtUserEmail, .orsSignUpPage #txtFirstName, .orsSignUpPage #txtPhone 
{
  margin-left: 10px;
  font-size: 12pt;
  width: 200px;
}

.orsSignUpPage .wsfBtnGo:disabled 
{
  background-color: #f0f0f0;
  color: #c0c0c0;
}

.orsSignUpPage .wsfBtnGo 
{
  font-size: 14pt;
  padding: 7px 10px;
  margin-top: 30px;
  text-transform: uppercase;
}

/* test simplified toolbar */

.osToolBarSearch, #oFeedbackBtn, #osToolBarBskCnt { display: none; }
.osToolBarTop { display: block; min-height: 60px; }
.wsfMobileView .osToolBarTop { min-height: 90px; }
.osToolBarTopItem { float: right; margin-top: 47px; }
.osToolBarTopLogoBox { float: left; margin-top: 0; }
#mnGrpLogo { display:none !important; }
.osToolBarTopLogo img { height:80px; }

.mnToolBar { visibility:hidden; }
.wsfRMob { d isplay:none; }
.osUser .mnToolBar, .osMerchant .mnToolBar { visibility:visible; }

.osLargeBtnYES, .osLargeBtnNO { padding: 5px 10px; font-size: 16pt; color:#fff; }
.osLargeBtnYES { background-color: #4caf50; }
.osLargeBtnNO { background-color: #ff5722; }

.osItemParent, .osItemChild, .osItemRecipe, .osItemIngr, .osItemMenu
{
  display: inline-block;
  margin: 1px;
  color: #fff;
  padding: 2px 3px;
  width: 15px;
  font-size: 9pt;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #525252;
}

.osItemParent { background-color: #ffeb3b; color:#000; }
.osItemChild { background-color: dodgerblue; }
.osItemRecipe  { background-color: #cddc39; orangered; }
.osItemIngr  { background-color: #c0c0c0; #8bc34a; }
.osItemMenu  { background-color: darkgreen; }

.osUserStaffIcon
{
  display:inline-block;
  width:40px;
  background-size: contain;
  background-image: url(../images/Buddy.png);
  b ackground-image: url(../images/StaffBuddy.png);
}

.USRLoginRegText, .USRLoginRegTitle { display:none; }
.USRLoginExtra
{
  padding: 10px;
  font-size: 100%;
  margin-top: 10px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5294117647058824);
  border-radius: 10px;
}

.USRLoginExtra:empty
{
  display:none;
}

.USRLoginExtra a { text-decoration: none; c olor:#fff; }

.osPCOrderTabSound, .osPCOrderTabOrdWrns { margin:0;}
.osPCOrderTabSound label, .osPCOrderTabOrdWrns label
{
  min-height: 42px;
  padding:10px;
  font-size: 0 !important;
  width:35px;
  height:42px;
  background-color: #8BC34A;
  background-image: url(../images/MutedWhite.png );
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
.osPCOrderTabOrdWrns label { background-image: url(../images/MutedWhite.png ); }
.osPCOrderTabSound input[type=checkbox]:checked + label { background-image: url(../images/AudioWhite.png ); }
.osPCOrderTabOrdWrns input[type=checkbox]:checked + label { background-image: url(../images/AudioWhite.png ); }

/* Order Receipt START */
.wsfPageosOrderRcp .CMCSiteWallPaper { background-color: #fff; background-image:none; background:none; padding:0; }

.osOrdInvTot { font-weight: bolder; }
.osOrderInvOrderNote { display:none; }
.osOrderInvFooter { border:1px solid #c0c0c0; padding:10px; }
.osOrderInvThanks
{
  padding: 20px 0;
  text-align: right;
  font-size: 11pt;
}

.osOrderInvSchedInfo
{
  text-align: right;
  padding: 5px 0;
}

.osOrderInvSignatures { display: none; text-align: right;  } 
.osOrderInvSignature 
{
  height: 50px;
  border-bottom: 1px solid #525252;
  background-color: #f0f0f0;
  display: inline-block;
  margin: 5px;
  padding: 25px 5px; 
  text-align: left;
  flex: 1;
} 
.osOrderInvSign1:after {  content: 'Delivered By'; }
.osOrderInvSign2:after {  content: 'Received By'; }
.osOrderInvSign3:after {  content: 'Approved By'; }

.osOrderDlvInfo { display:none; border: 1px solid #c0c0c0; padding: 5px 10px; margin-bottom: 5px; }
.osOrderDlvInfoShipping { display: inline-block; padding-right: 10px; }
.osOrderDlvInfoPayment { display: inline-block; }
.osOrderPaidDetails:empty { display:none; }
.osOrderPaidDetails { display:none; position: relative; height:80px; }
.osOrderPaidList { position: absolute; left: 0; bottom: 14px; }
.osOrderPaidBalance { font-weight: bolder; }

.osOrderPaidStamp 
{ 
  margin: 10px 0;
  display: inline-block;
  font-size: 44pt;
  color: #df000045;
  font-weight: bolder;
  padding: 0 20px;
  border: 2px solid #df000045;
  border-radius: 10px;
  position: absolute;
  right: 0;
  bottom: 3px;
}

.osOrdInvFooterBox { page-break-inside: avoid; }
.osOrdInvFooterTot 
{
  page-break-inside: avoid; 
  width:100%;
  font-size:10pt;
  border-top: 1px solid #c0c0c0;
  border-collapse: collapse;
}

.osOrderWireInstrTots { display:none; vertical-align:top;padding: 10px 10px 0 0; }
.osOrdInvFooterTotRight { text-align:right; vertical-align: top; padding:0; }
.osOrdInvFooterTotAmnts { width:100%; font-size:10pt; border-collapse: collapse; }
.osOrdInvFooterTotAmnts td { padding: 5px; white-space: nowrap; }

.osPORcpMain, .osPORcpCredits, .osPORcpSignUp, .osPORcpCrBals 
          { width: 400px; text-align: center; margin: auto; padding:30px; padding-bottom: 5px; font-size:20px; background-color: #fff; }
.osPORcpPreliminary { }
.osPORcpPaperCut, .osPOInvPaperCut { page-break-before:always; }
.osPORcpLogo IMG { width:320px; padding: 0 0 10px 0; }
.osPORcpLogo { padding: 5px 0 20px 0; }
.osPORcpShopName { font-size: 115%; font-weight:bolder; }
.osPORcpContacts { font-size: 75%; padding: 5px 0 10px 0; margin-bottom:20px; border-bottom: 1px solid #000; }
.osPORcpTel { font-size: 120%; }
.osPORcpEmail { }
.osPORcpHead { padding: 5px 0 0 0; }
.osPORcpHeadSeat { display: inline-block; padding-left: 5px; }
.osPORcpHeadCash { display: inline-block; }
.osPORcpHeadTable { display: inline-block; }
.osPORcpHeadTable span { padding-right:5px; }
.osPORcpHeadExtra { }
.osPORcpGuests { display:inline-block; padding-left: 5px; }
.osPORcpMainSeat { display: inline-block; padding-left: 5px; }
.osPORcpCancelled { padding:5px; background-color:#525252; color:#fff; font-weight:bolder; margin:5px 0;}
.osPORcpDraft 
{
  padding: 5px;
  color: #5252524d;
  font-weight: bolder;
  margin: 5px 0;
  position: absolute;
  font-size: 48pt;
  transform: rotate(45deg);
  transform-origin: left;
  top: 20%;
}
.osPORcpPDF .osPORcpDraft { display:none;  }
.osPORcpPDF .osPORcpMain { font-family:Verdana, Geneva, Tahoma, sans-serif; }

.osPORcpName { padding: 5px 0 0 0; }
.osPORcpName lastname { padding-left: 5px; display:none; }
.osPORcpTabName { padding-bottom: 5px; font-size: 110%; }
.osPORcpPhone { display:none; }
.osPORcpServer { font-size:90%; }
.osPORcpDate { padding: 5px 0 15px 0;font-size: 80%; }
.osPORcpTime { display: inline-block; padding-left: 5px; }

.osPORcpSchedInfo { font-size: 12pt; border: 1px solid #c0c0c0; border-radius: 4px; background-color: #fff; padding: 10px 5px; margin-bottom: 10px; }
.osPORcpSchedTitle { font-siz: 90%; padding-bottom: 10px; }
.osPORcpSchedDate {}
.osPORcpSchedTime {}

.osPORcpCourse { text-align: center; font-weight: bolder; }

.osPORcpItems, .osPORcpTotSec { border-collapse: collapse; width:100%; text-align:left; }
.osPORcpItems TD, .osPORcpTotSec TD { padding: 2px 4px; vertical-align: top;}

/* .osPORcpItems TR:nth-child(odd) { background-color: #f0f0f0; } */
.osPORcpItemOdd { background-color: #f0f0f0; }
.osPORcpItemComboItm { display:none; }
.osPORcpItemTitle {}
.osPORcpItemKDSName { display:none; }
.osPORcpItemSubTitle { font-size: 80%; }
.osPORcpProdCode { font-size: 65%; }
.osPORcpManuf { font-size: 75%; display:none; }
.osPORcpProdOptions { font-size: 75%; }
.osPORcpProdOptions
.osPORcpTotSub, .osPORcpTotTAX, .osPORcpTotal { background-color: #fff !important; }
.osPORcpTotTAX, .osPORcpTotExtTax { font-size: 80%; }
.osPORcpProdTax 
{ 
  display: table-cell !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important; 
  text-align:right;
}

.wsfUserBusinessIDs { padding: 3px 5px; }

/* PAOLO31OCR24 os_TabProdOptionsNew */
.osProdOptsInfo { display:inline-block; }
.osProdOptTitle { display:inline-block; padding-right: 3px; }
.osProdOptSubTitle { display:inline-block; padding-right: 3px; }
.osProdOptsNickON .osProdOptTitle, .osProdOptsNickON .osProdOptSubTitle { display: none }
.osProdOptNickName { display:inline-block; padding-right: 3px; }
.osProdOptOptDesc  { display:none; padding-right: 3px; }
.osProdOptRcpLabel { display:inline-block; padding-right: 3px; }
.osProdOptsLabelON {}
.osProdOptsPriceON {}

.osProdOptSubTitle { display:none }

.osProdOptPriceNet { display:none; }
.osProdOptPriceGross { display:inline-block; }
/* show gross prices */
.osPORcpFmt1 .osProdOptPriceNet { display:none; }
.osPORcpFmt1 .osProdOptPriceGross { display:inline-block; }
/* show net prices */
.osPORcpFmt0 .osProdOptPriceNet { display:inline-block; }
.osPORcpFmt0 .osProdOptPriceGross { display:none; }
.osPORcpTotSvcChgPerc, .osPORcpTotExtTaxPerc { display:inline-block;padding-left:5px; font-size: 100%; }
.osPORcpPendPayment 
{ 
  margin: 20px 0;
  padding: 5px;
  font-size: 80%;
  background-color: #f0f0f0;
}
.osPORcpTipHints, .osPORcpOthCurr { padding: 10px 0; }
.osPORcpOthCurrBalance { display: none; }
.osPORcpOthCurr label, .osPORcpTipHints label { padding: 10px; display: inline-block; font-size: 10pt; }
.osPORcpTipHint { }

.osPORcpCurrInfo { text-align: center; padding: 10px 0 0 0; font-size: 90%; border-top: 1px solid #000;}
.osPORcpTotals { border-top: 1px solid #000; }
.osPORcpTotal TD { font-weight:bolder;font-size: 110%; }
.osPORcpItemNote { padding-bottom: 20px !important; font-style:italic; text-align:right;font-size:80%;}
.osPORcpItemDiscount, .osPORcpItemReturn { font-style:italic; text-align:right;font-size:80%;}
.osPORcpPaymnts { border-collapse: collapse; width:100%; margin-top:20px; font-size:90%; }
.osPORcpPaymnts TD { padding: 2px 4px; vertical-align: top;}
.osPORcpPaymnts TD:nth-child(2) { text-align:right; }
.osPORcpBalance td
{ 
  background-color: #f0f0f0;
  padding: 5px;
  font-weight: bolder;
  font-size: 110%;
}
.osPCCurrBalBtn { margin-right: 5px; }
.osPORcpRndInfo { font-size: 10pt; padding-top: 5px; text-align: right; }

.osPORcpUserCredit
{    
  margin-top: 10px;
  background-color: #f0f0f0;
  padding: 2px;
  font-size: 80%;
}

.osPORcpUserPoints { border-collapse: collapse; width:100%; margin-top:30px; font-size:80%; }
.osPORcpUserPoints TD { padding: 2px 4px; vertical-align: top;}
.osPORcpUserPointsTitle { background-color: #f0f0f0; }
.osUserPointsInfoBox { border:1px solid #c0c0c0; border-radius:4px; background-color: #fff; padding:20px; margin: 10px auto; width: 60%; }
.osUserPointsInfoAmount { display:inline; color:#2196f3; font-weight: bolder; }
.osUserPointsInfoError { color: #df0000; font-size: 90%; }
.osCustomerCardPointsBalance, .osCustomerUserCreditBalance 
{  
  display:inline-block;
  border: 1px solid #c0c0c0;
  background-color: #f0f0f0;
  padding: 5px;
  border-radius: 4px;
  margin: 10px 0;
  font-size: 12pt;
}

.osPORcpSignatures { padding: 70px 0 0 0; font-size: 80%;}
.osPORcpSignature { border-top: 1px solid #c0c0c0; padding: 5px 0 50px 0; width: 60%; margin: auto; }

.osPORcpPaySec { padding-top:20px; text-align: center; text-decoration: underline; }
.osPORcpFooter { padding-top:30px; font-size:80%; }
.osPORcpThanks { font-size:110%; padding-bottom: 10px; font-weight: bolder; }
.osPORcpVATReg { padding-top: 5px; font-size:90%; }
.osPORcpFootNote { padding: 5px 0 10px 0; font-size: 80%; font-weight: bolder; }
.osPORcpFootNote:empty { display:none; }
  
.osPORcpCredit { font-size: 12px; padding-top:5px; }

.osPORcpButtons { text-align:center; padding:10px; }
.osPORcpOptions
{
  margin: 5px 0;
  padding: 5px 10px;
  border: 1px solid #c0c0c0;
  background-color: #f0f0f0;
  display: inline-block;
}

.osPORcpCrBals {}
.osPORcpCredits {}
.osPORcpSignUp {}
.osPORcpCrBox 
{
  padding: 20px 0;
  border: 1px solid #c0c0c0;
  margin: 5px 0;
  page-break-before: always;
}
.osPORcpCrQR { width:auto; }
.osPORcpCrCode { width:auto; }
.osPORcpCrAmt { font-size: 25pt; }
.osPORcpCrDate { }
.osPORcpCrInfo { font-size: 10pt; padding-top:5px; }
.osPORcpCrNote 
{ 
  font-size: 9pt;
  width: 90%;
  margin: auto;
  padding-top: 10px;
}

.osPORcpSignUp .wsfQRCodeImg { width: 90vw }
.osPORcpSignUp .wsfQRCode { border: none; }

.oPCCategCurr 
{
  display: inline-block;
  padding-right: 5px;
  font-weight: bolder;
  font-size: 110%;
}
.osPCPriceCurr
{
  padding-left: 1px;
  font-size: 60%;
  display: inline-block;
}

/* Product Processing Flow START */


.osPopulateProdPrices #wsfDialogPnl 
{
  background-color: #ffff99;
  width: 500px;
  margin: 20px auto;
  height: 60vh;
  overflow: auto;
  padding: 20px;
}

.orsPPFMain
{
  font-size:10pt;
  text-align: left;
}

.orsPPFBox 
{
  padding:10px;
  border:1px solid #c0c0c0;
  border-radius:4px;
  display:inline-block;
  vertical-align:top;
  width: 320px;
  height: 100px;
  background-color:#e0e0e0;
  text-align:left;
  margin:5px;
  cursor:hand;cursor:pointer;
}

.orsPPFBoxError
{
  border-right:4px solid #df0000;
}

.orsPPFBDown
{
  background-color:#ffeb3b;
  display:block;
}

.orsPPFRecipe
{
  background-color:#cddc39;
  display:inline-block;
}

.orsPPFViewProd
{
  cursor:hand; cursor:pointer;
}

.orsPPFBDownQty
{
  width:10%;
  display:inline-block;
  vertical-align:top;
  border-right:1px solid #c0c0c0;
  height:100%;
  background-position: bottom;
}

.orsPPFBDownQtyAmnt
{
  transform:rotate(90deg);
  white-space: nowrap;
}

.orsPPFBDownInfo
{
  width: 90%;
  padding-left: 10px;
  display:inline-block;
  vertical-align:top;
}

.orsPPFInvType 
{
  float: right;
  width: 35px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
}
.orsPPFInvType1 { background:none; }
.orsPPFInvType2 { background-image: url(../images/NonInventory.png); }

.orsPPFTitle
{
  font-weight:bolder;
  max-height: 15px;
  overflow: hidden;
}

.orsPPFCode
{
  font-size: 90%;
}

.orsPPFCost, .orsPPFWeight
{
}

.orsPPFPrice
{
  margin-top:3px;
  background-color: #fff;
  padding: 2px 5px;
  font-size: 110%;
  display: inline-block;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border: 1px solid #c0c0c0;
  box-shadow: 2px 3px 4px 0px rgba(158, 158, 158, 0.7019607843137254);
}

.orsPPFPrice grossprice { display:none; }
.orsPPFPrice netprice { }

.orsPPFMarkUp
{
  display: inline-block;
  padding-left: 5px;
  font-size:9pt;
}

.orsPPFUpdate
{
  color: #fff;
  background-color: darkorange;
  font-weight: bolder;
  display: inline-block;
  padding: 0 5px;
  border-radius: 4px;
  margin: 0 3px;
}

.orsPPFSkipUpdate
{
  color: #000;
  background-color: #e0e0e0;
  font-weight: bolder;
  display: inline-block;
  padding: 0 5px;
  border-radius: 4px;
  margin: 0 3px;
}

.orsPPFUpdated
{
  color: #fff;
  background-color: #2196F3;
  font-weight: bolder;
  display: inline-block;
  padding: 0 5px;
  border-radius: 4px;
  margin: 0 3px;
}

.orsPPFExpCost, .orsPPFExpWeight
{
  display:inline-block;
  vertical-align:top;
  color:#df0000;
  padding-left: 10px;
  font-weight: bold;
}

.orsPPFRecipes
{
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 4px;
}

.orsPPFInfo
{
  padding: 10px;
  font-size: 110%;
  text-align: center;
}

.orsPPFInfoBtns
{
  text-align:center;
}

.orsPPFInfoBtns input
{
  margin:5px;
  font-size: 14pt;
}

/* Product Processing Flow END */

@media screen 
{ 
  .osPORcpMain, .osPORcpCredits, .osPORcpSignUp, .osPORcpCrBals { border:1px solid #c0c0c0; }
}

.osPORcpPrintAutoClose .osPORcpButtons { display:none; }
@media screen 
{ 
  .osPORcpPrintAutoClose .osPORcpMain { display:none; }
}
/* Order Receipt END */

@media only print
{
  .osCustomerCardPointsBalance, .osCustomerUserCreditBalance { display:none; }
  .osPOForm { box-shadow: none; margin: auto; border: 0; }
  .PageSchema2 { padding: 0 }
  .osInvLocationItems .BandTable td:nth-child(1),
  .osInvLocationItems .BandTable td:nth-child(2),
  .osInvLocationItems .BandTable td:nth-child(4),
  .osInvLocationItems .BandTable td:nth-child(5),
  .osInvLocationItems .BandTable td:nth-child(6)
  {
      display:none;
      width:0;
      height:0;
      opacity:0;
      visibility: collapse;       
  }
  .osCatalogContextDetail { display:none }

  /* general BO order page */
  .osOrderEditForm .wsfMapLocationBtn { display:none }
  .osOrderEditForm .TabCtrlCmds { display:none }
  
  /* requisition print */
  .osOrderEditForm4 { }
}

@media only screen and (max-width: 1100px) 
{
  /* .spvCatProdTile { width: 33% !important; } */
}

@media only screen and (max-width: 1000px) 
{
  .osProdPrices .BandTable td:nth-child(8), /* Disc. Price */
  .osProdPrices .BandTable td:nth-child(9), /* Act Disc. % */
  .osProdPrices .BandTable td:nth-child(10), /* updated on % */
  .osProdPrices .BandTable td:nth-child(11) /* updated by % */
  {
      display:none;
      width:0;
      height:0;
      opacity:0;
      visibility: collapse;       
  }

  .osBskDPrice, .osBskDTax { display:none; } 

  /*.osProdPicture, .osProdDetailSpecs { display:block; width:100%; } */
}

@media only screen and (max-width: 900px) 
{
  .osOrderFormBox, .osOrderSummaryBox { float:none; width: 100%;}
  .osProdTitle { text-align:center; font-size:18pt; }
  .osProdDetailQBox .osProdTitle { text-align:left; }

  .osProdSubTitle { text-align:center; font-size:12pt; }
  .osProdDetailQBox .osProdSubTitle { text-align:left; }

  /* #osProdDetailData .spvCatProdDescBox { display: block; } */
  .osMerchant #OSLogoMedium { text-align:left; padding-left:20px;}

  .osBskSumItemNameLong { display: table-row; w hite-space: nowrap; }
  .osBskSumItemName { display: none; }
  .osBskPPic { text-align:left; }

	.osCheckOutAccess { display:block; }
  
  .osOrderPayments .BandTable td:nth-child(4), /* by */
  .osOrderPayments .BandTable td:nth-child(5), /* Request  */
  .osOrderPayments .BandTable td:nth-child(10), /* ext id */

  .osCheckOutAccessBox
  {
    float: none;
    width: 100%;
    min-height:auto;
  }

  .os ToolBarBasketLbl { display: none; }

  /* .spvCatProdTile { width: 50% !important; } */
}

@media only screen and (max-width: 800px) 
{
  #wsfImgOverlay { visibility:hidden; }

  .osDialogCnvChangeProdAvail #wsfDialogPnl { max-width: none; }

  #oProdImgViewerImg { width:100%; height: auto; }
  .osDPBtns { white-space:nowrap; overflow: auto; }
  .spvCatalogProdDetail { padding: 10px; }

  /* .osBskDPrice, .osBskDTax { display: none; } */
  
  .olsFooter { padding: 10px; }

  .wsfMgrEdMgrBtn 
  { 
    width: auto;
    f ont-size:0; 
    padding:20px; 
    background-size: contain;
    text-align: left;
    background-position: 97%;
  }

  #oProdSelectionMgrTopBtns .wsfMgrEdMgrBtn { font-size:10pt; }

  .wsfMgrEditorLeft { width: 100%; display: block; background-color: #fff; height: auto; min-height: 0;}
  .wsfMgrEditorRight { width: 100%; display: block; }
  .wsfMgrEdLeftQInfos { display:none; }
  .wsfMgrEdLeftName { padding: 0; }
  .wsfMgrEditorClose { height: 30px; margin: 0;}
  .wsfMgrEdSection { padding: 5px; }

  .osProdPictureBoxCombo
  {
    display: flex;
    flex-flow:column-reverse;
  }  
  .osProdPictureBox { float:none; margin: auto; width:100%; height: 40vh; }
  #osProdImgCtrlMulti 
  {
    float: none;
    white-space: nowrap;
    text-align:center;
    height: auto;
  }
  #osProdImgCtrlMulti .osProdPhotoSwitchImg { display:inline-block;height:100px; }
}

/* table in portrait mode */
/* @media only screen and (max-width: 1050px) and (min-height: 1000px) */
@media only screen and (orientation: portrait)
{
  .osProdPictureBox { height: 30vh; }
}

@media only screen and (max-width: 700px)
{
  .os ToolBarSearch { display: block; float:none; padding: 0; }
  .osTopCats { font-size:0; overflow: auto; white-space: nowrap; }
  .osProdCatCell { width: auto; height:55px; min-height: 0; }
}

@media only screen and (min-width: 600px) 
{
  #RespMobileMenu .osTopBtn { display:none; }
  #RespMobileMenu .osPromoTop { display:none; }
}

@media only screen and (max-height: 400px) 
{
  #osAddToBasketDlg:not(.osAddToBasketQuick) { width:100%; max-height:none; top:0; bottom: 0;}

  #osUploadRXBox input[type=text], #osUploadRXBox input[type=tel] { display: inline-block; margin-right: 5px; width:150px; }
  #osUploadRXTitle { background-position: left; padding: 15px; }
  #osUploadRXInfo { display: inline-block; margin-right: 5px; vertical-align:top; }
  #osUploadRXCancel { margin: 0; vertical-align:bottom; }
  #osUploadRXNote { width: auto; }

  #oSetProdGrpOptionData { max-height:55vh; }
  .osProdGrpOptionBtns { padding: 10px; }
  .osProdStockInfoTitle { padding: 0 0 10px 0; }
}

/* PAOLO12SEP21 tab 7" support */
@media only screen and (max-width: 599px)
{
  .osMerchant #OSLogoMedium, #OSLogoMedium, .CMCHeader .osTopBtn { display : none}
  .osTopBtn { position : relative; padding: 5px;}
  .osDPBtns { text-align: right; }
}

@media only screen and (max-width: 600px) 
{
  .osProdDetailQBox .osProdDesc table img { height:auto; }
  .osProdDetailQBox .osProdDesc table { table-layout: auto; }
	.osProdDetailQBox .osProdDesc table td { min-width: 150px; }
	.osProdDetailQBox .osProdDesc table h1 { font-size: 16pt; }

  .osProdDetailQBox .osProdDetRestrictedOrdering
  {
    float: none;
    margin-top: 5px;
    text-align:center;
    font-size: 10pt;
  }

  .osDPBtnMobSrc { display:inline-block; }
  #oPnlGenSearch { display:block; }
  #sisGenSearchPnl { width: 100vw; top: 0; height: 100vh; }

  .spvCatProdAddBasket select { font-size:16pt; }
  .spv CatProdAddBasket input 
  { 
    font-size: 0;
    height: 43px;
    margin: 0 0 0 10px;
    border: 0;
    vertical-align: middle;
    background-color: transparent;
    width: 40px;
    background-size: contain;
    background-image: url(add_to_cart.png);
    background-repeat: no-repeat;
  }
  .osTopBtn input[type=search] { display: none }
  .spvCatProdAddBasket IMG { height: 40px; }

  .wsfFrmField { w idth: 100%; }
  #oProdImgViewerBox { box-shadow: n one; margin-top: 20px;padding: 0; border-radius: 0; width:100%; }
  #oProdImgViewerCnv { padding: 5px; }

  #oSetProdGrpOptionCnv { padding: 0; }
  #oSetProdGrpOptionPnl { padding: 10px; text-align: center; }

  #osAddToBasketDlg:not(.osAddToBasketQuick) { width:100%; max-height:none; top:0; bottom: 0;}

  #osLUItemPanel { width: 100%; height:100%; box-shadow: none; min-width: 0; }
  #osLUItemCanvas { padding: 0}

  .CMCHeaderContainer { padding: 0; }
  .osToolBarTop { display: block; }

  .osItemsLoading { width: 50%; }

  .osBlower { padding: 5px 10px 0 10px; }

  .osBskPCode { display: none }
  .osBasketBox { width: 100%; padding: 5px; }
	
	.osBskPPic { display:none }
  .osBskPkg { display: none }
  .osBskPrice { display: none }
  .osBskRowNote { display: table-row; }

  .osCategoryBtnMobile { display: inline; float:left; margin: 0 0 0 5px; }
  .wsfPageCatalog .osCategoryBtn { display: none; }
  .osCatSearch {display: none}
  .CMCHeader { margin: 0;}

  #oProdCategories .osProdCatDesc { font-size:90%; font-weight: normal; padding: 0; }

  .osOrderSummary { float: none; text-align:center; }

  .osOrderPayments .BandTable td:nth-child(3), /* tracked on */
  .osOrderPayments .BandTable td:nth-child(4), /* by */
  .osOrderPayments .BandTable td:nth-child(5), /* Request  */
  .osOrderPayments .BandTable td:nth-child(6), /* Response */
  .osOrderPayments .BandTable td:nth-child(8), /* confirmed */
  .osOrderPayments .BandTable td:nth-child(9), /* actual */
  .osOrderPayments .BandTable td:nth-child(10), /* ext id */

  .osPurchaseOrders .BandTable td:nth-child(5), 
  .osPurchaseOrders .BandTable td:nth-child(6), 

  {
      display:none;
      width:0;
      height:0;
      opacity:0;
      visibility: collapse;       
  }

  .osPaymentMode { float:none; width: 100%; }
  .osDetProdPicture { width:100%; max-height:none; }
}

@media only screen and (max-width: 584px) 
{
  .osCustBal {position: static; margin-bottom: 10px; text-align: center;}
  .osPricesInfo { max-width: none; }
  .osCatFltSortBox { display:block; float:none; margin-top:10px; }

  .osCatSearch INPUT { width: 100px; }
  .spvCatProdTile 
  { 
    width: 100% !important; 
    border: 0; margin:0;
    border-bottom: 4px solid #c0c0c0;
  }
  .spvProductsTiles .spvCatProdPrice { font-size:110%; }
  .spvCatProdTileBox { padding: 20px 0 50px 0; min-height: 0; }
  #osProdCatalogItems .spvCatProdPrice { left: 10px;right: 10px; }
  .spvCatProdDesc { max-height: none; }

  .spvCatProdInfo { padding: 0 0 0 10px; }
  .spvCatProdPic, .spvCatProdInfo { d isplay:inline-block; w idth:50%; v ertical-align: top; }
  /* this only when the pic has wrong ratio .spvCatProdPic img { height: auto; width: 100%; } */
  .spvProductsTiles { display: block; }
  .osSpaBoxFeaturedItems .spvProductsTiles { display: flex; }
  .spv CatProdTileBox { min-height: 0; border: 0; border-bottom :5px solid #c0c0c0; padding:20px 0; }
  .spv CatProdTile { padding:0; }
  .spvCatProdDesc { padding: 0; border: 0}
  .spvCatProdPicBox { overflow:hidden }

  .osProdRelatedProds .spvCatProdPic, .osProdRelatedProds .spvCatProdInfo { display: block; width:100%; }
  .osProdRelatedProds .spvCatProdTileBox { bo rder: 1px solid #c0c0c0; padding:10px; min-hei ght: 365px; margin-right: 10px; }

  .osOrderTotalsBox, .osOrderSubmit { width:100%; }
}

@media only screen and (max-width: 500px)
{
  .osMyOrderMain { padding: 0 }

  #osOPSignPadNote { font-size: 13pt; } 
  .osOPDetailsShipping, .osOPDetailsOrder { width: 100%; max-width: 88vw; }
  .osOPDetailsShippingBtn { display: inline-block; }
  .osOPDetailsShipping, .osOPDetailsOrder, .osOPDetailsShippingBtns { min-height: 0; }

  .osProdPriceTeaser 
  {
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
  }

  .olsFooterBox.olsFooterContacts, .olsFooterBox.olsFooterBoxTools { display:block; width: 100%; }
  .wsfOnlineDoc { padding: 30px 20px; }
  .osUpdateOrderItemBtns .wsfFrmInput { text-align:center;}

  .osBktSelOptionAddToBasketCnv #wsfDialogPnl { padding: 10px 5px; }
  .osBktSelOptsBox { padding: 5px 0; text-align: center; }

  .ContentArea2 { padding:0 }
  .FilterBox { border: 0 ;padding: 3px; }
  .osTopSN { width:32px; top:10px; right: 5px; }
  .osTopSN IMG { margin-bottom:5px; width:24px; }
  .osDPSearch { display:none; }
  .osTopBtn .wsfBtnGo2 { min-width: 0; }

  #osUploadRXBox { padding: 0; }
  #osUploadRXPnl { box-shadow: none; width: 100%; height:100vh; }

  #oQuickEditProd { max-width: 100%; }

  /* cat browser on vertical mobile */
  .osPCProdCategRow { display:block; }
  .osPCProdCategBtnAdd2Order .wsfBtnGo { width: 100%; max-width: none; height: 50px; }
  .osPCProdCategBtnImg { d isplay:none; max-height: 100px; height: 100px;}
  .osPCProdCategBtnImg img { height: 100%; width: auto; }
  .osPCProdCategBtnImg { display:block; text-align:center; }
  .osPCProdCategBtnCateg { display:none; }
  .osPCProdCategBtnDesc { width: 70%; }
  .osPCProdCategBtnPrice { width: 20%; display: inline-block; padding: 5px;}

  #QuickEditBoxProdSelectionItem { padding: 5px; }

  #oUserRegPrivacy { width:100%;top:0;bottom:0; }
  .UserRegPrivacyText { height: 90vh; }

  .osToolBarTopItem input[type=search] { width: 120px; }

  #osPCOrdersBox { overflow:visible !important; }

  #oCatalogBrowserLeftPanel { top:0; left:0;width: 80%; }

  .USRLoginLogoTS { background-size: auto 100%; height: 10vh; width:100%; margin:0; background-position: center; }

  .USRLoginFormTS #txtUserAlias, .USRLoginFormTS #txtUserPwd { width: 100%; }

  .osOrderProgressEdit .osOrderProgress { width: 100%; }

  .olsFooterBoxToolsA, .olsFooterBoxToolsB { display:block; }
  .olsFooterBoxToolsA { margin-bottom:10px; }

}

@media only screen and (max-width: 360px)
{
  .osBskDTax { display: none }
}

.spvCatProdTileZoom
{
  d isplay:block;
  width: 100% !important;
  tr ansition: all 400ms ease;
}

.spvCatProdTileZoom .spvCatProdDescBox { display: block !important; }

@media only screen and (min-width: 700px)
{
  .spvCatProdTileZoom .spvCatProdPic { height: 50vh; }
}

.osPrintBox .wsfMSRBoxTools { display:none; }
.osPrintBox .osCashCheckSubWrn { display:none; }
.osPrintBox .osCashCheckWarning { display:none; }

.osProdSelSignature, .osRepSignature { border-bottom: 1px solid #000; padding: 40px 0 40px 0; max-width: 200px; }
.osProdSelSignature { display:none; }
.osProdSelCreatedBy { display:none; }
.osProdSelCreatedOn { display:none; }

@media only print
{
  #wsfDialogPnl, #QuickEditBoxCashCheck { position:static; width: 320px; padding:0; overflow:visible;  }
  #wsfDialogPnl.osCashCheckFmtLetter, #QuickEditBoxCashCheck.osCashCheckFmtLetter { position:static; width: 700px; margin: auto; overflow:visible; border: 0; }
  #oCashCheckRecords, #QECashCheckCanvas { display: none; }
  #wsfDialogCnv { background-color:#fff; position:static; }
  
  .osPCFrame { display: none; }

  .osCashCheckTotalsSaleCatsMissingBox { display: none; }
  .osCashCheckItemEditorGrpBoxesTot { background-color: #fff; padding: 0; }
  .osCashCheckSubWrn { display:none; }
  .osCashCheckWarning { display:none; }

  .osCashCheckItemEditor { font-size:12pt; }
  .osCashCheckItemEditorGrpBox { display: block; width:100%; margin: 5px 0; border: 0; }
  .osCashCheckFmtLetter .osCashCheckItemEditorGrpBox, .osCashCheckFmtLetter .osCashCheckTotals { flex-grow:1; display: inline-block; width:auto; margin: 5px; }
  .osCashCheckFmtLetter .osCashCheckTotals { border: 1px solid #c0c0c0; }
  .osCashCheckItemEditorHead { background-color: #fff; text-align: center;}
  .osCashCheckItemEditorGrpBoxes { padding: 0; background-color: #fff }
  .osCashCheckFmtLetter .osCashCheckItemEditorGrpBoxes { display: flex; flex-flow: wrap; }
  .osCashCheckOpenDrawBtn { display:none; }
  .osCashCheckEvents { display:none; }
  .osCashCheckCloseCmds { display:block; }
  .osCashCheckFmtLetter .osCashCheckCloseCmds { display:inline-block; }
  .osCashCheckItemEditorLbl, .osCashCheckItemEditorVal { min-width: 0; }
  .osCashCheckTotals { page-break-inside: avoid; }
  .osCashCheckTotals, .osCashCheckTotalsInfo { background-color:#fff; }
  .osCashCheckTotalsInfo { padding-top: 30px; }
  .osCashCheckTotals input, .osCashCheckTotalsInfo { display:block; text-align:center; margin:auto; }
  .osCashCheckFmtLetter .osCashCheckTotals input, .osCashCheckTotalsInfo { display:inline-block; text-align:center; margin:2px; }
  .osCashCheckTotals input[type=button], #osCashCheckFltTarget { display:none; }

  .osCashCheckMain { font-family: Arial; }
  .osCashCheckMain .BandTable TD { border-right: 1px solid #000; }
  .osCashCheckMain .ListHead, .ListHeadRow { color: #000; }
  .osCashCheckMain input[readonly], .osCashCheckMain input[disabled] { background-color: #fff; color:#000; }
  .osCashCheckMain INPUT, .osCashCheckMain TEXTAREA, .osCashCheckMain SELECT { border: 1px solid #000; }
  .osCashCheckShiftInfo { background-color: #fff; color: #000; }

	.osCashCheckLeftBtn, .osCashCheckRightBtn { display:none; }
  .osCashCheckNote { height: auto; }

  #oProdSelectionItemRecords.wsfPrintRcptFmt { font-family: Arial; }
  #oProdSelectionItemRecords.wsfPrintRcptFmt td { b order-color: #000 ; }
  #oProdSelectionItemRecords.wsfPrintRcptFmt .ListItem { background-color: #fff; }
  #oProdSelectionItemRecords.wsfPrintRcptFmt .ListHead { background-color: #fff;color:#000; }
  #oProdSelectionItemRecords.wsfPrintRcptFmt .ListHeadRow { background-color: #fff;color:#000; }

  #oProdSelectionItemRecords.wsfPrintRcptFmt .wsfReportRecordsCount { text-align:right; }

  #oProdSelectionItemRecords.wsfPrintRcptFmt .osProdSelSignature { display:block; }
  #oProdSelectionItemRecords.wsfPrintRcptFmt .osProdSelCreatedBy { display:inline-block; }
  #oProdSelectionItemRecords.wsfPrintRcptFmt .osProdSelCreatedOn { display:inline-block; }

}