/* POS - START */

:root
{
	--default-border-radius: 15px;
	--default-dark: #212529;
	--default-blue: #1b2a67;
}


html,body
{
	height:100%;
	width:100%;
	bottom:0;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 1.2;
}
html
{
	padding:0;
	margin:0;
	overflow-y : scroll;
	min-height: 100%;
}
body
{
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #f7f7f7 !important;
}
/*body,.posTop_header,.posLeftMenu
{
	background: red !important;
}*/
a
{
	color: #86f7c2;
	text-decoration:none;
}
a:hover
{
	color: #86f7c2;
	text-decoration:underline;
}

hr {
	/*margin-top: auto !important;
    margin-bottom: auto !important;*/
}

input[readonly]
{
	background: #8a8a8a !important;
}

td, li, p, ul, ol, li
{
	font-family: arial,verdana;
	font-size: 14px;
	/*color: #000;*/
}

input,select {
	border: 1pt solid #233e15;
	font-family: arial,verdana;
	font-size: 11pt;
	border-radius: var(--default-border-radius);
	padding: 4px;
	color: #202435;
}

.bg-blue
{
	background: #172D44;
}

.posBody_sale_search
{
	position: relative;
}

.searchedItemPopUpWrap
{
	display: none;
	position: absolute;
	/*max-height: 400px;*/
	/*box-shadow: 1px 1px 5px 1px #ccc;
	box-shadow: 0px 11px 12px 0px #ccc;*/
	border-radius: var(--default-border-radius);
	/*padding: 2px;*/
	/*margin-top: 5px;*/
	background: var(--default-dark);
	z-index: 999;
	/*min-width: 500px;*/
	width: 100%;
	border: 1px solid #d8d8d8;
	color: #000;
}

.searchedItemPopUpTableWrap
{
	width: 100%;
	max-height: 400px;
	overflow-y: auto;
	border-radius: var(--default-border-radius);
}

.productListRowImg, .productListRow
{
	cursor: pointer;
}

.pos_searchProduct_price {
	text-align: right;
}

.productListRowImg>img {
	height: 30px;
	margin-right: 5px;
	vertical-align: middle;
}

.cartListLine
{
	/*clear: both;
	display: block;*/
	min-width: 450px;
}

.OPThighlightLocal
{
	color:#FF0000;
}
.optLogoPacked
{
	display:flex;
	flex-direction:row;
	align-items: flex-end;
	justify-content: space-between;
}
.optLogoPacked > div:nth-child(1)
{
	width: 99%;
	text-align: center;
}
.optLogoPacked > div:nth-child(2)
{
	width: 1%;
	flex: 0;
}
.optLogoPacked > div:nth-child(2) > div
{
	transform: rotate(-90deg);
	font-size: 8px;
	transform-origin: 0 100%;
}
.OPTpacked
{
	background-color: #f3baa7 !important;
	color:#FFF;
	font-weight:bold;
	box-shadow: unset !important;
}

.expandOPT_btn_wrap > i:hover
{
	text-shadow: 1px 1px 5px #000;
	color: #000;
}

.expandOPT_btn_wrap > span
{
	display: block;
}

.allOptCheckBoxWrap
{
	display: none;
}

.cartTotal
{
	float: right;
}

.cartTotalFullPage
{
	float: right;
	margin-right: 10%;
}

.cartItemName
{
	cursor: pointer;
}

.pos_customer_balance
{
	margin-top: 10px;
	border: 1px solid #6a6a6a;
	border-radius: var(--default-border-radius);
	padding: 10px;
	/*background: #f3f3f3;*/
    color: #FFFFFF;
}

.cartItemName:hover
{
	color: #ccc;
}

.cartTotalWrap
{
	background: #1b1c1d;
	color: #fff;
	padding: 2px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.budgetBox_outer
{
	/*border:1pt solid #678d98;*/
	border-radius: var(--default-border-radius);
	position: relative;
	float: right;
	display: flex;
	/*background-color:#678d98;*/
	flex-wrap: nowrap;
	align-items: stretch;
	margin-top: 5px;
}

.budgetBox_outer > div:nth-child(1)
{
	background-color:#2d7117;
}
.budgetBox_outer > div:nth-child(2)
{
	background-color:#f07800;
}
.budgetBox
{
	padding:5px;
	text-align:center;
	border-radius: var(--default-border-radius);
	color:#FFF;
	background-color: #678d98;
	margin-left:4px;
	width:130px;
}
.budgetBox > div > div
{
	font-size:10px;
	white-space: nowrap;
}
.budgetBox > div > div:nth-child(1)
{
	font-weight:bold;
}
.budgetBox > div > div:nth-child(2)
{
	font-size:14px;
}
.budgetBox_good
{
	background-color:#3eaa41;
}
.budgetBox_bad
{
	background-color:#e82f00;
}

.pos_itemSummary
{
	width: 44% !important;
	border: 1px solid #3c3c3c;
	/*background: rgba(39, 39, 39, 0.52);*/
}

.pos_itemSummary td
{
	padding: 2px 5px !important;
	font-weight: bold;
}

.cartProImg
{
	float:left;
	max-width: 20px;
	max-height: 50px;
	margin-left: 3px;
	padding: 2px;
}

.cartQty
{
	/*display: inline-block;
    min-width: 60px;*/
}

.cartQty>span
{
	display: block;
	/*width: 24px;
    height: 26px;
    margin-right: 0;
    float: left;
    background: #000;
    color:#fff;
    cursor: pointer;
    text-align: center;
    line-height: 1.5;*/
}

.cartQtyNumber, .splitQtyNumber
{
	width: 50px;
	/*height: 12px;*/
	text-align: center;
	float: left;
	border: 1px solid #ccc;
	position: relative;
	top: 0px;
	border-radius: var(--default-border-radius);
}

.wrapCartPrices > span
{
	display: inline-block;
	width: 29%;
}

.deleteIndeItem_pos .ui.button
{
	font-size: 12px;
	line-height: 1;
}

.checkOutBtn {
	background: #000;
	color: #fff;
	margin-top: 3px;
	padding: 5px;
	cursor: pointer;
}

.cartPerItemPrice {
	position: relative;
	text-align: right;
}

.cartPerItemPrice > span
{
	cursor: pointer;
}

.addDiscountPopUp
{
	display: none;
	position: absolute;
	background: #202435;
	padding: 10px;
	color: #fff;
	border-radius: var(--default-border-radius);
	/*left: 100px;*/
	top: 30px;
	box-shadow: 1px 1px 5px 1px #757474;
	z-index: 999;
}

.pointerIconAddDiscount
{
	position: absolute;
	left: 85px;
	top: -21px;
	color: #202435;
	font-size: 25px;
}

.discountPercentageInde_pos, .discountAmountInde_pos
{
	text-align: right;
	color: #202435 !important;
}

.addedDiscountDisplayWrap > span
{
	margin-left: 33px;
	color: #8c8c8c;
}

.addDiscountPopUp_tabs
{
	margin-bottom: 10px;
}

.addDiscountPopUp_tabs > span
{
	display: block;
	/*width: 44%;*/
	width: 100%;
	text-align: center;
	float: left;
	cursor: pointer;
	/*border-right: 1px solid #ccc;*/
	padding: 4px;
}

.discountPercentInde_pos_wrap > span
{
	text-align: center;
	display: inline-block;
}

.unitPriceTab_pos_popup
{
	border-right: none !important;
}

.discountAmountInde_pos_wrap
{
	display: none;
}

.posBody
{
	position: relative;
	/*-moz-border-radius: var(--default-border-radius);
    -webkit-border-radius: var(--default-border-radius);
    border-radius: var(--default-border-radius);
    margin: 0 0;*/
	height: calc(100vh - 79px);
}

.posBody_sell
{
	/*padding-right: 5px !important;
	min-width: 700px;*/
	height: 100%;
}

.posBody_sale
{
	height: 100%;
	border: 1px solid #ccc;
	border-radius: var(--default-border-radius);
}

.darkModePos .posBody_sale
{
	background: #212529;
}

.defaultModePos .form-control
{
	background: #fff;
	color: #000;
}

.posBody_sale_search
{
	padding: 2px;
	background-size: 100%;
	/*background: #fff;*/
	/*cursor: move;*/
	/*border-bottom: 1px solid #ccc;*/
	display: flex;
	z-index: 9;
	/*border-radius: var(--default-border-radius);*/
}

.posBody_sale_search select
{
	height: 36px;
}

.posSearchProductInputWrap
{
	width: 100%;
	position: relative;
}

.searchedItemPopUpTableWrap table
{
	width: 100%;
}

.searchedItemPopUpTableWrap .fa-spinner
{
	left: 50%;
	position: relative;
	transform: translate(-50%, 0);
	display: inline-block;
	margin: 10px 0;
	font-size: 30px !important;
}

.posBody_sale_productAddedField
{
	border-bottom: 1px solid #ccc;
	overflow-y: auto;
	color: #000;
	position: relative;
	z-index: 8;
}

.posBody_sale_total
{
	position: relative;
	background-size: 100%;
	border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
	border-top: 1px solid #b0b0b0;
	padding: 4px 5px;
}

.posBody_sale_total > button > img
{
	height: 15px !important
}

.posBody_sale_total > button i
{
	font-size: 15px;
	line-height: 1;
}

.posBody_sale_total > button span
{
	font-weight: 100;
	font-size: 12px;
	width: 100%;
	line-height: 1;
}

.pos_gpSaleWrap_outer
{
	background: #1b1c1d;
	text-align: center;
	color: #fff;
}

.pos_gpSaleWrap_outer i
{
	font-size: 30px;
}

.pos_gpSaleWrap
{
	display: none;
}

.pos_showGpArrow_rotate
{
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari 3-8 */
	transform: rotate(180deg);
}

.pos_gpSaleWrap_outer span
{
	display: inline-block;
	cursor: pointer;
}

.pos_gpSaleWrap table
{
	width: 100%;
}

.pos_gpSaleWrap table td
{
	color: #fff;
	font-weight: bold;
	background: #333;
}

.pos_customerSearchWrap
{
	padding: 5px;
	/*width: 100%;*/
}

#customer_search_pos
{
	margin-right: 10px;
}

.pos_addCustomerBtn
{
	margin-right: 0 !important;
}

.pos_customer_balance > span
{
	color: #a0a0a0;
}

.pos_addCustomerPopUpWrap, .pos_addnoteWrap
{
	display: none;
}

.pos_addCustomerPopUpWrap, .pos_addCustomerPopUpBg,.pos_addnoteWrap, .pos_addnotebg
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	overflow: scroll;
}

.pos_addCustomerPopUpBg, .pos_addnotebg
{
	background: rgba(0, 0, 0, 0.7);
}

.pos_addCustomerPopUpMainContentWrap
{
	position: relative;
	max-width: 800px;
	width: 80%;
	background: #fff;
	z-index: 99999999;
	border-radius: var(--default-border-radius);
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.pos_addCustomerPopUpMainContentHeader
{
	text-align: center;
	border: 0;
	border-bottom: 1px solid #080;
	padding: 9px 14px;
	background-size: 100%;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	border: 1px solid #9e9e9e;
	background: #080;
	cursor: move;
}

.pos_addCustomerPopUpMainContentHeader > h5
{
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
}

.pos_popUpCustomerDetailsWrap
{
	width: 48% !important;
	margin-right: 2%;
}

.pos_addCustomerPopUpMainContentDetailsWrap > div
{
	width: 50%;
	float: left;
}

.pos_addCustomerBtnsWrap
{
	display: inline-block;
	width: 100%;
	padding: 10px;
}

.pos_addCustomerBtnsWrap > button
{
	float: right;
	margin-left: 10px;
	cursor: pointer;
}

.pos_customerNameCompanyWrap
{
	width: 100%;
}

.pos_customerNameCompanyWrap > input
{
	border-color: #ccc;
	padding: 5px;
	width: 100%;
	margin-bottom: 5px;
}

.pos_customerContactWrap > input
{
	border-color: #ccc;
	padding: 5px;
	width: 100%;
	margin-bottom: 5px;
}

.pos_customerBDayWrap
{
	display: inline-block;
}

.pos_customerBDayWrap > label, .pos_customerBDayWrap > div
{
	float: left;
}

.pos_customerBDayWrap > label
{
	position: relative;
	display: inline-block;
	top: 5px;
	width: 22%;
}

.pos_customerBDayWrap > div
{
	width: 75%;
	margin-left: 3%;
}

.pos_customerBDayWrap > div > input
{
	width: 31%;
	border-color: #ccc;
	padding: 5px;
	float: left;
	margin-right: 2%;

}

.pos_sexWrap
{
	display: inline-block;
	width: 100%;
	margin: 10px auto;
}

.pos_sexWrap > div
{
	float: left;
	width: 32%;
}

.pos_selectCustomerWrap > select, .pos_popUpPhysicalAddressWrap > div > select
{
	width: 100%;
	border-color: #ccc;
}

.pos_popUpPhysicalAddressWrap > div > input
{
	border-color: #ccc;
	padding: 5px;
	width: 100%;
	margin-bottom: 5px;
}

.pos_popUpPhysicalAddressWrap > div > select
{
	margin-top: 5px;
	border-color: #ccc;
}

.posAddNoteBodyWrap
{
	width: 80%;
	max-width: 500px;
	position: relative;
	z-index: 99999999;
	background: #f1f1f1;
	top: 20%;
	left: 20%;
	border-radius: var(--default-border-radius);
	overflow: hidden;
}

.posAddNoteBodyMainContent
{
	padding: 10px;
}

.posAddNoteBodyMainContent > textarea
{
	width: 100%;
	min-height: 150px;
	outline: none;
	resize: none;
	border: 1px solid #ccc;
	border-radius: var(--default-border-radius);
	padding: 5px;
}

.posAddNoteBodyHeader
{
	text-align: center;
	background: #ccc;
	padding: 10px 0;
	font-size: 20px;
}

.posBody_displayProductsWrap
{
	border: 1px solid #ccc;
	border-radius: var(--default-border-radius);
	display: inline-block;
	padding: 5px;
	width: 100%;
	margin-top: 10px;
}

.pos_displayProductBtn
{
	border-radius: var(--default-border-radius);
	padding: 5px;
	width: 18.3%;
	float: left;
	cursor: pointer;
	color: #fff;
	height: 50px;
}

.pos_displayProductBtn:nth-child(odd)
{
	background: #1b9225;
}

.pos_displayProductBtn:nth-child(even)
{
	background: #e44c4c;
}

.posBody_displayProductsTabs
{
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.posBody_displayProductsTabs > div
{
	float: left;
	width: 48%;
	cursor: pointer;
	padding: 5px;
}

.posBody_displayProductsTabs > div:nth-child(odd)
{
	background: #000;
	border-top-left-radius: 5px;
	color: #fff;
}

.posBody_displayProductsTabs > div:nth-child(even)
{
	background: #ccc;
	border-top-right-radius: 5px;
}

.pos_searchProduct_price
{
	text-align: right;
}


.payPopUpContent
{
	text-align: center;
}

.payAmtPopUpWrap
{
	margin-top: 10px;
}

.paymentTypeBtnsPopUp
{
	margin: 10px 0;
}

.paymentTypeBtnsPopUp > button
{
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 7px;
}

.payPopUpActionBtns
{
	/*margin: 10px;*/
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	width: 100%;
}

.amountTenderedInput
{
	text-align: right;
	border-color: #ccc;
}

.leftOverAmtToPayWrap_pos
{
	display: none;
}

.paymentWaysAddedAmt, .totalToPayPopUp, .leftOverAmtToPay_pos
{
	border: none;
	text-align: right;
	width: 70px;
}

.paymentWaysListWrap_pos {
	text-align: right;
	/*width: 55%;*/
	margin: 0 auto;
}

.paymentWaysListName_pos
{
	text-align: left;
	/*font-weight: bold;*/
	float: left;
}

.paymentWaysPaymentName_pos
{
	font-weight: 300 !important;
}

.totalToPayPopUp
{
	/*font-weight: bold;*/
}

.changeRequiredPopUpWrap_pos
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
}

.changeRequiredPopUpContent_pos
{
	background: #fff;
	max-width: 450px;
	/*width: 100%;*/
	overflow: hidden;
	border-radius: var(--default-border-radius);
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.changeRequiredPopUpContentHeader_pos
{
	background: #202435;
	padding: 10px 0;
	text-align: center;
	color: #fff;
}

.changeRequiredPopUpContentMain_pos
{
	width: 80%;
	margin: 20px auto;
    color: #000;
}

.changeRequiredPopUpContentActions_pos
{
	text-align: right;
	padding: 10px;
}

.addDiscountInTotalWrap
{
	color: #000;
}

.addDiscountInTotalWrap > span
{
	position: absolute;
	color: #202435;
	font-size: 25px;
	left: 60px;
	bottom: -20px;
}

.addDiscountInTotalWrap > input
{
	/*width: 94%;*/
	text-align: right;
}

.addDiscountInTotalWrap > label
{
	/*color: #fff;*/
	display: inline-block;
	margin-bottom: 5px;
}

.discountInTotalWrap
{
	border-bottom: 1px solid #9a9a9a;
}

.discountInTotalWrap > span
{
	text-align: right;
	/*margin-right: 10px;*/
}

.deleteDiscount_pos
{
	top: 0;
	left: 5px;
}

.discountInTotalWrap > b
{
	display: inline-block;
	position: relative;
}

.retrieveSaleWrap
{
	display: none;
	position: relative;
	top: 10px;
}

.retrieveSaleTableWrap
{
	width: 100%;
}

.displaySearchedCustomers
{
	display: none;
	position: absolute;
	background: #fff;
	z-index: 999;
	max-height: 200px;
	overflow: auto;
	padding: 5px;
	box-shadow: 1px 1px 5px 1px #8a8a8a;
	margin-top: 28px;
	width: 89%;
}

.displaySearchedCustomers > div
{
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.displaySearchedCustomers > div:hover
{
	background: #000;
	color: #fff;
}

.closeRegisterWrap
{
	display: none;
	position: relative;
	top: 15px;
}

.transactionDet_closeSaleWrap
{
	display: none;
}

.transactionDet_closeSaleTable
{
	width: 100%;
}

.closeRegisterTransDetAmt, .closeRegisterTransDetDate
{
	text-align: right;
}

.paymentTypeList_closeSale
{
	cursor: pointer;
}

.toPostInput_closeSales
{
	text-align: right;
}

.paymentsDetails_closeSales {
	width: 320px;
}

/*.paymentsDetails_closeSales_header
{
	background: #000;
	color: #fff;
}

.paymentsDetails_closeSales_header > th, .innerDetCloseSales > td
{
	padding: 5px;
}*/

.innerDetCloseSales
{
	cursor: pointer;
}

.innerDetCloseSales:hover
{
	background: #ccc;
}

.paymentsDetails_closeSales_wrap
{
	margin-bottom: 10px;
}

.retrieveSaleOpen_btn
{
	text-align: center;
}

.retrieveSaleOpen_btn > button
{
	cursor: pointer;
	border: none;
	background: #005f00;
	color: #fff;
	padding: 2px 7px;
	border-radius: var(--default-border-radius);
}

.retrieveSaleOpen_btn > button:hover
{
	box-shadow: 1px 1px 5px 1px #000;
}

.retrieveSaleTableWrap
{
	margin-bottom: 50px;
}

.posBodyWrapper
{
	position: relative;
	/*margin-top: 45px;
    left: 70px;
    max-width: 1400px;
    width: 100%;*/
	z-index: 8;
	margin-left: 55px;
	margin-right: 5px;
	margin-top: 32px;
}

.posTop_header
{
	position: relative;
	width: 100%;
	background: #172D44;
	color: #fff;
	text-align: center;
	padding: 0 10px;
	/*height:60px;*/
	z-index: 9;
	left: 0;
	top: 0;

	display: flex;
	justify-content: space-between;
	align-items: center;
}

.posTop_header > div
{
	font-size: 16px;
}

.posAdminActinos
{
	float: right !important;
	position: relative;
	top: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}

.posLogoWrap
{
	position: relative;
	z-index: 9999999;
	text-align: center;
	display: inline-flex;
}

.toggleLeftMenuWrap
{
	display: inline-flex;
	align-items: center;
}

.posLogoWrap > img
{
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.posAdminActinos > div
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.userName_pos_head
{
	cursor: pointer;
	font-size: 17px;
}

.posWrapOuter
{
	display: flex;
}

.posLeftMenu
{
	background: #172D44;
	color: #fff;
	/*min-height: 575px;
	min-width: 65px;*/
	position: fixed;
	top: 0;
	z-index: 8;
	left: 0;
	padding: 34px 0px 5px 0px !important;

	display: flex;
	flex-direction: column;

	/*height: calc(100vh - 34px);

	margin-top: 45px;*/
	height: 100%;
	overflow-y: auto;
}

.posLeftMenu::-webkit-scrollbar { /* WebKit */
	width: 0;
	height: 0;
}

#posFullWrap {
	position: fixed;
	width: 100%;
	z-index: 9999;
}

.posLeftMenu > a
{
	display: block;
	color: #fff;
	/*border: 1px solid rgba(57, 90, 125, 0);*/
	/*margin-bottom: 3px;*/
	margin-top: 3px;
	/*border-radius: var(--default-border-radius);*/
	background: rgba(0, 0, 0, 0.3);
}

.posLeftMenu > a:hover
{
	text-decoration: none;
}

.posLeftMenu > a > div
{
	cursor: pointer;
	padding: 6px 3px;
	text-align: center;
	/*border-radius: var(--default-border-radius);*/
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.posMenuNameWrapInner > i
{
	font-size: 20px !important;
}

.posMenuName
{
	display: block;
	font-size: 9px;
}

.posMenuActive
{
	background: #fff !important;
	color: #172d44 !important;
}

.posLeftMenu > a > div:hover, .posLeftMenu > a > div:active, .activeTab_pos
{
	/*border: 1px solid #fff;*/
	background: #fff;
	color: #000 !important;
}

.posSalesHistory
{
	/*display: none;*/
	width: 100%;
}

.posSalesHistoryOrderCount
{
	font-size:10px;
}

.salesHistoryTable
{
	width: 100%;
}

.salesHistoryTable_header > th, .salesHistoryTable_transaction > td
{
	text-align: center;
}

.salesHistoryTable_transaction
{
	/*background: #ececec;*/
	cursor: pointer;
}

.saleHistory_total
{
	text-align: right;
}

.btn_salesHistory
{
	display: block;
	margin-bottom: 10px;
	width: 197px;
}

.arrowSaleHistory
{
	display: inline-block;
	margin-right: 5px;
}

.siteImageWrap_history > img
{
	width: 32px;
	padding: 1px;
	vertical-align: middle;
	background: #afafaf;
	border-radius: var(--default-border-radius);
}


.siteImageWrap_history
{
	overflow: hidden;
	position: relative;
}

.siteImageWrap_history > img
{
	width: 32px;
	padding: 1px;
	vertical-align: middle;
	background: #afafaf;
	border-radius: var(--default-border-radius);
}

span.ribbon
{
  margin: 0;
  padding: 0;
  background: red;
  color:white;
  padding:1px 0 0 0;
  position: absolute;
  top:0;
  right:0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
  font-size:8px;
}
span.ribbon:before,
span.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: red;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

.retrieveSale_total
{
	text-align: right;
}

.rotateMoreArrowIconRetrieveSale
{
	display: inline-block;
	margin-right: 10px;
}

.transactionInDetRetrieveSaleWrap
{
	/*display: none;*/
}

.moreArrowIconRetrieveSale
{
	cursor: pointer;
}

.moreArrowIconRetrieveSale > span
{
	display: inline-block;
	margin-right: 10px;
}

.rotateArrowSaleHistoryDet, .rotateMoreArrowIconRetrieveSale
{
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
}

.salesHistoryDetails_transactionTable
{
	width: 100%;
	background: #e6e6e6;
	padding: 5px;
}

.saleHistoryDetTableWrap > td
{
	vertical-align: top;
}

.salesHistoryDetAmt, .actionBtnsWrap_saleHistory, .salesHistory_details_amts
{
	text-align: right;
}

.paymentName_salesHistory
{
	text-align: center;
}

/*.onlineClass_history
{
	background: #c9e0c9;
}*/

.imgWrap_productInfo img
{
	max-width: 100px;
	max-height: 200px;
}

.switchUserLogin_pos_popup
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}

.switchUserLogin_pos_popup:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
}

.switchUserLogin_pos_popup_content
{
	position: relative;
	top: 20%;
	left: 30%;
	background: #fff;
	padding: 15px;
	width: 450px;
	border-radius: var(--default-border-radius);
}

.cancelLoginAsOtherUser
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: var(--default-border-radius);
	background: rgba(255, 0, 0, 0.75);
	color: #fff;
	position: absolute;
	top: -25px;
	right: -25px;
	cursor: pointer;
}

/* POS - END */

.supplierSearchWrap
{
	margin-bottom: 10px;
	display: flex;
	display: -webkit-flex;
}

.supplierSearchWrap > input
{
	width: 84%;
	border-color: #ccc;
	outline: none;
}

.supplierSearchWrap > input:hover
{
	box-shadow: 1px 1px 5px 1px #ccc;
}

.supplierSearchWrap > button
{
	width: 16%;
	margin-left: 2%;
	padding: 6px;
	border: none;
	outline: none;
	border-radius: var(--default-border-radius);
}

.addCustomerBtnCustomers
{
	background: #008c00;
	color: #fff;
	cursor: pointer;
}

.addCustomerBtnCustomers:hover
{
	box-shadow: 1px 1px 5px 1px #000;
}

.listOfSupplierHeader
{
	border: 1px solid #ccc;
	display: flex;
	display: -webkit-flex;
}

.listOfSupplierHeader > div
{
	float: left;
	font-weight: bold;
	padding: 5px;
	width: 25%;
	border-right: 1px solid #ccc;
}

.listOfSuppIndeLine > div:nth-child(2),.listOfSuppliersWrap > div:nth-child(2),.listOfSupplierHeader > div:nth-child(2),.listOfSupplierHeader > div:nth-child(3)
{
	text-align:left;
}
.listOfSuppIndeLine > div:nth-child(3)
{
	text-align:center;
}

.listOfSupplierHeader > div:nth-child(2)
{
	float: left;
	font-weight: bold;
	padding: 5px;
}

.listOfSupplierHeader > div:last-child
{
	border-right: none !important;
}


.listOfSuppIndeLine
{
	border: 1px solid #ccc;
	margin-top: 1px;
	display: flex;
	display: -webkit-flex;
	background: #fdfdfd;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	width: 100%;
}

.listOfSupplierHeader
{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	border: 1px solid #000;
	background: rgba(52,73,94,.94);
	color: #fff;
}

.listOfSuppIndeLine:hover
{
	box-shadow: 1px 1px 5px 1px #848484;
}

.listOfSuppIndeLine > div
{
	float: left;
	width: 19%;
	padding: 6px;
	border-right: 1px solid #ccc;
	cursor: pointer;
}

#posOrderAlert,
#posOrderAlert_old,
#ginHeavenOrderAlert,
#ginHeavenOrderAlert_old,
#boozeHoundOrderAlert,
#boozeHoundOrderAlert_old,
#bhbsOrderAlert,
#bhbsOrderAlert_old,
#halfBottleOrderAlert,
#halfBottleOrderAlert_old,
#boozeHoundImportOrderAlert,
#boozeHoundImportOrderAlert_old
{
	display:none;
	/*margin-left:80px;
	margin-top: -3px;*/
	position: relative;
	width: 100%;
	cursor:pointer;
}

#posOrderAlert > div,
#posOrderAlert_old > div,
#ginHeavenOrderAlert > div,
#ginHeavenOrderAlert_old > div,
#bhbsOrderAlert > div,
#bhbsOrderAlert_old > div,
#boozeHoundOrderAlert > div,
#boozeHoundOrderAlert_old > div,
#halfBottleOrderAlert > div,
#halfBottleOrderAlert_old > div,
#boozeHoundImportOrderAlert > div,
#boozeHoundImportOrderAlert_old > div
{
	background-color:#fff;
	color: #f00;
	/*border-radius:100%;*/
	font-size:14px;
}
#posOrderAlert > div:hover,
#boozeHoundOrderAlert > div:hover,
#ginHeavenOrderAlert > div:hover,
#halfBottleOrderAlert > div:hover,
#bhbsOrderAlert > div:hover,
#boozeHoundImportOrderAlert > div:hover
{
	cursor:pointer;
}

#posOrderAlert img,
#posOrderAlert_old img,
#boozeHoundOrderAlert img,
#boozeHoundOrderAlert_old img,
#ginHeavenOrderAlert img,
#ginHeavenOrderAlert_old img,
#bhbsOrderAlert img,
#bhbsOrderAlert_old img,
#halfBottleOrderAlert img,
#halfBottleOrderAlert_old img,
#boozeHoundImportOrderAlert img,
#boozeHoundImportOrderAlert_old img
{
	width: 28px;
	height: 28px;
	vertical-align: middle;
}

#posOrderNoIndicator_pos,
#posOrderNoIndicator_pos_old,
#ginHeavenOrderNoIndicator_pos,
#bhbsOrderNoIndicator_pos,
#boozeHoundOrderNoIndicator_pos,
#boozeHoundOrderNoIndicator_pos_old,
#ginHeavenOrderNoIndicator_pos_old,
#bhbsOrderNoIndicator_pos_old,
#halfBottleOrderNoIndicator_pos_old,
#boozeHoundImportOrderNoIndicator_pos_old
{
	display: inline-block;
	position: absolute;
	top: 0;
	left: -5px;
}

.noOfOrdersIndicatorRight
{
	display: inline-block;
	position: absolute;
	top: 0;
	right: -5px;
}

.ordersToProcessWrap_old > div
{
	margin-right: 15px;
}

.ordersToProcessWrap > div
{
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

.addTagsPosWrap
{
	clear: both;
	margin: 5px;
}

.addTagsPosWrap > input
{
	width: 95%;
	border-color: #ccc;
}

.voidedSaleClass td
{
	background-color: #8d1c1c !important;
	box-shadow: unset !important;
}

/*.voidedSaleClass a
{
	color: #fff !important;
}

.voidedSaleClass > td
{
	color: #fff;
}*/

.paymentStyleEditPopupWrap
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}

.paymentStyleEditContentOuter
{
	background: #fff;
	width: 70%;
	max-width: 500px;
	position: relative;
	top: 20%;
	left: 30%;
	border-radius: var(--default-border-radius);
	text-align: center;
	overflow: auto;
}

.payPopUpHeader_edit
{
	position: relative;
	background: #202435;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}

.cancelBtnCustomerPayment {
	position: absolute;
	top: 0;
	right: 8px;
	cursor: pointer;
}

.payAmtPopUpWrap_edit
{
	margin-top: 10px;
}

.paymentTypeBtnsPopUp_edit
{
	margin: 10px;
}

.paymentTypeBtnsPopUp_edit > button
{
	margin-right: 5px;
	margin-top: 7px;
	background: #ccc;
	border: none;
	border-radius: var(--default-border-radius);
	padding: 5px;
	cursor: pointer;
}

.paymentTypeBtnsPopUp_edit > button:hover
{
	box-shadow: 1px 1px 5px 1px #ccc;
}

.payPopUpActionBtns_edit
{
	margin: 10px;
}

.payPopUpActionBtns_edit > button
{
	float: left;
	margin-right: 10px;
	background: #c5e6e0;
	border: none;
	border-radius: var(--default-border-radius);
	padding: 5px;
	cursor: pointer;
}

.backToSaleBtn_edit
{
	/*float: right !important;*/
}

.amountTenderedInput_edit
{
	text-align: right;
	border-color: #ccc;
}

.paymentWaysAddedAmt_edit, .totalToPayPopUp_edit, .leftOverAmtToPay_pos_edit
{
	border: none;
	text-align: right;
	width: 70px;
}

.paymentWaysListWrap_pos_edit {
	text-align: right;
	width: 55%;
	margin: 0 auto;
}

.paymentWaysListName_pos_edit
{
	text-align: left;
	font-weight: bold;
	float: left;
}

.paymentWaysPaymentName_pos_edit
{
	font-weight: 300 !important;
}

.totalToPayPopUp_edit
{
	font-weight: bold;
}

.deletePaymentStyleInde_edit
{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #f00;
	color: #fff;
	float: left;
	cursor: pointer;
	line-height: 1.2;
	text-align: center;
}

.waysOfPayment_pos_edit > div, .waysOfPayment_pos > div
{
	width: 100%;
	margin-top: 5px;
	background: #c3c3c3;
	border-radius: var(--default-border-radius);
	padding: 5px;
	color: #000 !important;
}

.cancelEditPaymentStyleScreen
{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: var(--default-border-radius);
	background: #f00;
	color: #fff;
	cursor: pointer;
	line-height: 2;
	text-align: center;
	position: absolute;
	top: 7px;
	right: 7px;
}

.waysOfPayment_pos_edit, .waysOfPayment_pos
{
	/*display: inline-block;
    width: 100%;*/
}

.paymentNameHistory
{
	cursor: pointer;
}

.paymentNameHistory:hover
{
	color: #f00;
	text-decoration: underline;
}

.posSalesHistory_header_dates
{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.posSalesHistory_header_dates > div
{
	width: 19%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
}

.posSalesHistory_header_dates b
{
	width: 100%;
	text-align: center;
}

#searchByStaff_history, #searchBySite_history
{
	padding: 4px;
	width: 100%;
	border-color: #ccc;
}

.searchBtnWrap_history
{
	margin-right: 0 !important;
}

/*.hasDatepicker
{
	border-color: #ccc;
}*/

.posBtn, .posBtn_cancel
{
	position: relative;
	border: none;
	background: #0d750d;
	color: #fff;
	padding: 7px 20px;
	cursor: pointer;
	border-radius: var(--default-border-radius);
	display: inline-block;
}

.equipmentReturnDateWrap
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.equipmentReturnDateWrap > div
{
	width: 50%;
}

.equipmentReturnDateWrap input
{
	width: 100%;
}

.salesDetailsBtn
{
	padding: 3px 20px !important;
}

.posBtn_cancel
{
	background: #f00 !important;
}

.posBtn:hover, .posBtn_cancel:hover
{
	box-shadow: 1px 1px 5px 1px #000;
}

.customersWrap_pos
{
	/*width: 90%;
	max-width: 800px;
	margin-left:20px;*/
}

.noOfItemsInTransCloseReg
{
	display: inline-block;
	margin-left: 10px;
	padding: 0 7px;
	float: right;
	border-radius: var(--default-border-radius);
}

.customerWrap > div
{
	display: inline-block;
	width: 80%;
	max-width: 606px;
	margin-bottom: 10px;
}

.customerWrap > div > div
{
	float: left;
	margin-right: 10px;
	width: 32%;
}

.customerWrap > div > div:last-child
{
	margin-right: 0 !important;
}

.customerWrap > div > div > input
{
	border-color: #ccc;
	width: 94%;
}

.customerAddressWrap > div
{
	width: 100% !important;
}

.customerAddressWrap > div > input
{
	margin-bottom: 5px;
	width: 97% !important;
}

.updateCustomerBtnWrap
{
	text-align: right;
	padding-top:10px;
}

.updateCustomerBtnWrap > button
{
	border: none;
	cursor: pointer;
	padding: 7px 20px;
	background: #009021;
	color: #fff;
	border-radius: var(--default-border-radius);
}

.updateCustomerBtnWrap > button:hover
{
	box-shadow: 1px 1px 5px 1px #000;
}

.customerPaymentPopupWrap
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}

.customerPaymentPopupContent
{
	background: #fff;
	width: 70%;
	max-width: 500px;
	position: relative;
	top: 20%;
	left: 30%;
	border-radius: var(--default-border-radius);
	text-align: center;
	overflow: auto;
}

.amountpaidByCustomer, .amountpaidByCustomerOnOrder
{
	text-align: right;
	border-color: #ccc;
}

.transactionInDetRetrieveSaleTable .wrapCartPrices, .transactionInDetRetrieveSaleTable .cartProductIndeMoreInfo
{
	width: 100%;
	/*border: 1px solid #ccc;*/
	pointer-events: none;
}

.transactionInDetRetrieveSaleTable > div > div
{
	width: 100%;
}

.transactionInDetRetrieveSaleTable > div > div > div > .deleteIndeItem_pos
{
	display: none;
}

.transactionInDetRetrieveSaleTable > div > div > div > span
{
	width: 32%;
}

.totalInRetriveSaleDetail
{
	text-align: right;
}

.totalInRetriveSaleDetailWrap
{
	background: #ccc;
}

.totalInRetriveSaleDetailWrap > td, .transactionLineRetrieveSaleWrap > td
{
	padding: 5px;
}

.waitingWheelSell
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}

.waitingWheelSell > i
{
	font-size: 50px;
	color: #fff;
	position: relative;
	top: 20%;
	left: 30%;
}

.spinnerRetriveSaleDetail
{
	margin: 10px;
	text-align: center;
	color: #f00;
	font-size: 50px;
}

.printInvoiceBtn_retrieveSale > a, .printDeliveryBtn_retrieveSale > a
{
	color: #000 !important;
	text-decoration: none;
}

.selectedCustomerNameOpeningBal
{
	display: block;
	text-align: right;
}

.editSection_outer
{
	width:100%;
	/*max-width:1000px;*/
}
.editSection_outer select
{
	border:1pt solid #CDCDCD;
}
.editSection_outer .mce-container-body .mce-edit-area
{
	/*position: absolute;*/
	left: 0;
	right: 0;
}

.editSectionHeading
{
	position:relative;
	clear:both;
	border:1px solid #ccc;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	padding:5px 7px;
	color:#535353;
	font-weight:700;
}

.editSectionHeadingButton
{
	border:1pt solid #CDCDCD;
	cursor:pointer;
	padding:2px 10px;
	color: #535353;
	border-radius: var(--default-border-radius);
	font-size:12px;
	position:relative;
	top:-2.5px;
}
.editSectionHeading > i
{
	margin-right:6px;
	margin-left:2px;
}
.editSectionHeadingComments
{
	position:relative;
	float:right;
	color:#AAA;
	font-weight:normal;
}
.editSectionHeadingOption
{
	position:relative;
	float:right;
	color: #535353;
	font-weight: 700;
}
.editSectionContent, .editSectionContent_financial
{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
}


.editSectionContent_field
{
	position:relative;
	display: flex;
	display: -webkit-flex;
}
.editSectionContent_field_fullWidth
{
	position:relative;
	width:100%;
}

.filterCustomerSatementDateWrap
{
	display: flex;
	align-items: center;
}

.filterCustomerSatementDateWrap > div
{
	flex: 1;
}

.filterCustomerSatementDateWrap > div:last-child
{
	flex: unset;
}

.newOrderDetailsContentWrap
{
	border: 1px solid #ccc;
	padding: 10px;
}

.searchResultProductOrderWrap
{
	position: relative;
}

.searchResultProductOrder
{
	position: absolute;
	display: none;
	border: 1px solid #ccc;
	z-index: 9999;
	background: #212529;
	padding: 5px;
	border-radius: var(--default-border-radius);
	color: #fff;
}

.deletePurchaseOrderLineBtn
{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: var(--default-border-radius);
	background: #f00;
	color: #fff;
	text-align: center;
	line-height: 1.3;
	cursor: pointer;
}

.deletePurchaseOrderLineBtn:hover
{
	box-shadow: 1px 1px 5px 1px #000;
}

.totalAmtsPurchaseOrder, .stockOnHandPurchaseOrder
{
	text-align: right;
}

.qtyWrapPurchaseOrder > input, .lucWrapPurchaseOrder > input
{
	width: 80px;
	text-align: right;
	border: 1px solid #ccc;
}

.lucWrapPurchaseOrder
{
	text-align: center;
}

.searchResultProductOrderWrap > input
{
	border-color: #ccc;
	margin-right: 10px;
}

.stockControlTransactionWrap
{
	margin-top: 10px;
}

.stockControlTransactionTableBody > td
{
	vertical-align: middle !important;
}

.deleteStockControlTransLine, .orderSentIndicatorStockControl
{
	display: inline-block;
	border-radius: var(--default-border-radius);
	text-align: center;
	line-height: 1.3;
}

.deleteStockControlTransLine
{
	background: #f00;
	color: #fff;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.orderSentIndicatorStockControl
{
	background: #11ab00;
	/*border: 1px solid #fff;*/
	width: 15px;
	height: 15px;
}

.deleteStockControlTransLine:hover
{
	box-shadow: 1px 1px 5px 1px #000;
}

.detailsWrapProductOrder > div > b
{
	display: inline-block;
	margin-right: 5px;
}

.editPurchaseOrderComments
{
	border: 1px solid #dcdcdc;
	padding: 5px;
	margin-top: 3px;
	/*margin-bottom: 15px;*/
	border-radius: var(--default-border-radius);
}

.purchaseOrderDetailsTable
{
	width: 100%;
}
tr.productOrderLine_green:nth-child(even) td,
.table-striped>tbody>tr.productOrderLine_green:nth-of-type(even)
{
	--bs-table-accent-bg: unset !important;
	background-color:rgba(96,185,174,0.2);
}
tr.productOrderLine_green:nth-child(odd) td,
.table-striped>tbody>tr.productOrderLine_green:nth-of-type(odd)
{
	--bs-table-accent-bg: unset !important;
	background-color:rgba(105,175,118,0.2);
}
.popUpForEmailSendOrderWrap
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	overflow: auto;
}

.popUpForEmailSendOrderBody
{
	position: relative;
	left: 50%;
	width: 650px;
	background: #fff;
	border-radius: var(--default-border-radius);

	transform: translateX(-50%);
}

.sendOrderWithEmailPopUpWrap
{
	border-radius: var(--default-border-radius);
	margin-top: 25px;
	margin-bottom: 15px;
}

.sendOrderWithEmailPopUpHeader
{
	background: #202435;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	color: #fff;
}

.subSectionContentDataTable
{
	display:table;
	width:100%;
}
.subSectionContentDataHeading,.subSectionContentData
{
	display:table-row;
	font-size:13px;
}
.subSectionContentDataHeading
{
	border: 1px solid #525252;
}
.subSectionContentDataHeading:nth-child(even),.subSectionContentData:nth-child(even)
{
	background-color:#f6f6f6;
}
.subSectionContentDataHeading:hover,.subSectionContentData:hover
{
	background-color:#e5f0fa;
}
.subSectionContentDataHeading div
{
	box-sizing:border-box;
	height: 33px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
	display: block;
	padding: 6px 9px;
	text-decoration: none;
	text-align: left;
	vertical-align: inherit;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#888),color-stop(100%,#545454));
	font-weight:normal;
}
.subSectionContentDataHeading div
{
	border-right: 1px solid #525252;
}
.subSectionContentDataHeading div:last-child
{
	border-right:0;
}
.subSectionContentDataHeading,.subSectionContentData
{
	width:100%;
}
.subSectionContentDataHeading div,.subSectionContentData div
{
	display:table-cell;
	padding:5px;
	border-bottom: 1px solid #DCDCDC;
}
.subSectionContentData div
{
	padding: 8px 10px;
	border-right: 1px solid #d8d8d8;
}
.subSectionContentData div:first-child
{
	border-left: 1px solid #d8d8d8;
}
.subSectionContentDataHeading div:nth-child(1),.subSectionContentData div:nth-child(1)
{
	width:20%;
}
.subSectionContentDataHeadingData div:nth-child(1)
{
	font-size:14px;
}
.subSectionContentDataHeading div:nth-child(2),.subSectionContentData div:nth-child(2)
{
	width:15%;
	text-align:center;
}
.subSectionContentDataHeading div:nth-child(3),.subSectionContentData div:nth-child(3)
{
	width:27%;
}
.subSectionContentDataHeading div:nth-child(4),.subSectionContentData div:nth-child(4)
{
	width:15%;
}
.subSectionContentDataHeading div:nth-child(5),.subSectionContentData div:nth-child(5)
{
	width:10%;
	text-align:right;
}
.subSectionContentDataHeading div:nth-child(6),.subSectionContentData div:nth-child(6)
{
	width:10%;
	text-align:right;
}

.accountPayment{
	background-color:#62926f !important;
}
.accountPayment:hover{
	background-color: #81bb91 !important;
}
.accountCharge{
	/*background-color:#ffe1e1 !important;*/
}
.accountCharge:hover{
	background-color: #b78e8e !important;
}
.accountPartCharge{
	background-color: #c3c3be !important;
}
.accountPartCharge:hover{
	background-color: #aaaaa1 !important;
}

.accountBalCustomer_DivWrap
{
	text-align: right;
}

.includeInactiveProductWrapSearch
{
	display: inline-block;
	width: 20px;
	margin-left: 10px;
	margin-top: -5px;
}

.includeInactiveProductWrapSearch > i
{
	font-size: 20px;
	/*color: #ce0000;*/
	outline: none;
}

.emailStatementPopupWrap, .loggedInUsersPopUpWrap
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999999;
}

#posGiftVoucherPanel
{
	background: rgba(0, 0, 0, 0.8);
}

.loggedInUsersPopUpWrap
{
	align-items: center;
	justify-content: center;
}

.loggedInUsersPopUpWrap > div
{
	position: relative;
}

.switchUserLogin_pos_popup_content_inputs > input {
	border-color: #b9b9b9 !important;
}

.emailStatementPopupWrap
{
	align-items: center;
	justify-content: center;
}

.emailStatementPopupWrap > div
{
	position: relative;
	width: 500px;
	background: #fff;
	padding: 20px;
}

.emailStatementPopupWrap > div > input
{
	width: 420px;
	border-radius: var(--default-border-radius);
	border-color: #ccc;
}

.emailStatementPopupWrap > div > button
{
	border: none;
	background: #008000;
	color: #fff;
	padding: 6px 15px;
	cursor: pointer;
	border-radius: var(--default-border-radius);
}

.cancelPopUpEmailStatement
{
	position: absolute;
	top: -25px;
	right: -25px;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #f00;
	color: #fff;
	border-radius: var(--default-border-radius);
	text-align: center;
	line-height: 1.5;
	cursor: pointer;
}

.optInDetailsPos
{
	text-align: center;
}

.optInDetailsPos > input[type=checkbox]
{
	width: 17px;
	height: 17px;
}

.optInDetailPriceWrap
{
	text-align: right;
}

.progressBarOPTWrapTD
{
	text-align: center;
}

.progressBarOPTWrap_inner
{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.progressBarOPTWrap_inner > label
{
	font-weight: bold;
	color: #003e8e;
	font-size: 15px;
	margin-bottom: 0;
}

progress[value]
{
	/* Reset the default appearance */
	-webkit-appearance: none;
	appearance: none;
	width: 150px;
	height: 15px;
	overflow: hidden;
	border-radius: 10px;
}

progress[value]::-webkit-progress-bar {
	background-color: #eee;
	border-radius: var(--default-border-radius);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.inventoryDetailProductPage
{
	width: 100%;
}

.inventoryDetailProductPageBody > td:nth-child(2)
{
	text-align: right !important;
}

.inventoryDetailProductPageBody > td
{
	text-align: center;
}

.detailsOfInventory, .productInfo_productPage_details
{
	position: relative;
	clear: both;
	border: 1px solid #ccc;
	border-radius: var(--default-border-radius);
	padding: 7px;
	background: #fff;
	margin-bottom: 5px;
}

.detailsOfInventory > summary, .productInfo_productPage_details > summary
{
	outline: none;
	cursor: pointer;
}

.inventoryDetailProductPage
{
	margin-top: 10px;
}

.productHistoryTableProductPageBody > td
{
	text-align: center;
}

.productHistoryTableProductPageBody > td:nth-child(4)
{
	text-align: right !important;
}

.productInfo_productPage_detailsBody
{
	display: flex;
}

.productInfo_productPage_detailsBody > div
{
	width: 50%;
}

.productInfo_productPage_detailsBody > div > img
{
	float: right;
	margin-right: 10px;
	max-width: 200px;
	max-height: 120px;
}

.trashIndeOptBtnWrap
{
	text-align: center;
	color: #f00;
	cursor: pointer;
	font-size: 18px;
}

.trashIndeOptBtnWrap > i:hover
{
	text-shadow: 1px 1px 5px #000;
}

.voidedSaleClass .fa-trash-alt
{
	color:#fff !important;
}

.deleteBtn_retriveSale .fa-trash-alt
{
	color:#fff;
}

.productHistoryRefine_productPage
{
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	background: #fff;
	border-radius: var(--default-border-radius);
}

.productPageProductHistoryUpdBtnWrap
{
	text-align: right;
	margin-top: 10px;
}

.quoteRetriveSale_color td
{
	background: rgba(160, 41, 45, 0.9) !important;
	box-shadow: unset !important;
}

.salesTypeColorClass
{
	display: flex;
	display: -webkit-flex;
	margin-bottom: 10px;
	margin-bottom: 10px;
}

.salesTypeColorClass > div
{
	margin-right: 20px;
}

.saleColor
{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: var(--default-border-radius);
	border: 1px solid #606060;
}

.normalSaleClass
{
	background: #222529;
}

.quoteSaleClass
{
	background: #a93e42;
}

.historySaleClass
{
	background: #868320;
}

.windowActions
{
	display: inline-block;
	width: 99%;
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.windowActions > span
{
	font-size: 20px;
	cursor: pointer;
	padding: 0 6px;
	border-radius: var(--default-border-radius);
	float: right;
	margin-right: 15px;
}

.goFullScreen
{
	background: #029802;
	color: #fff;
}

.existFullScreen
{
	background: #f00;
	color: #fff;
}

.lessOfSicountHistory
{
	display: inline-block;
	margin-left: 25px;
	color: #b9b9b9;
}

.additionalDiscountDisplayHistory
{
	/*text-align: center;
	color: #00578c;
    font-weight: bold;*/
}

.payBtnCustomerTrans > i
{
	margin-right: 5px;
}

.actionsWrapCustomerList > a
{
	background: #000;
	color: #fff;
	padding: 3px 10px;
	border-radius: var(--default-border-radius);
	cursor: pointer;
	margin-right: 5px;
}

.actionsWrapCustomerList > a:hover
{
	box-shadow: 1px 1px 5px 1px #545454;
}

.btn-primary
{
	color: #fff !important;
}

.searchFieldProduct_pos
{
	width: 100%;
}

.searchFieldProduct_pos
{
	border: 1px solid #ccc;
	outline: none;
	border-radius: var(--default-border-radius);
	padding: 7px;
}

.searchFieldWrap_tags_pos
{
	display: flex;
	display: -webkit-flex;
}

.searchFieldWrap_tags_pos > input
{
	width: 87%;
	margin-right: 1%;
}

.searchFieldWrap_tags_pos > button
{
	width: 15%;
}

.searchedProductDisplay_pos, .displaySearchedTags_pos
{
	margin-top: 10px;
	width: 100%;
}

.spinnerProduct_pos
{
	display: none;
	font-size: 45px;
	text-align: center;
	color: #FF9800;
	border: 1px solid #ccc;
	padding: 10px 0;
	width: 100%;
	margin: 10px 0;
}

.addProductToPriceBookListWrap
{
	margin-top: 10px;
}

.searchedProductDisplay_priceBook_spinner
{
	font-size: 40px;
	color: #FF9800;
	text-align: center;
	border: 1px solid #ccc;
	width: 100%;
	background: #fff;
}

.searchedProductDisplay_priceBook_wrap
{
	position: absolute;
	width: 100%;
	left: 0;
	background: #fff;
	display: none;
	box-shadow: 0 3px 5px #747474;
	z-index: 9999;
}

.actionProductList_priceBook >  input
{
	width: 100px;
	border-color: #ccc;
}

.customerTags_customerPage_wrap
{
	margin-bottom: 20px;
}

/* overwritting tagEditor - start */
.ui-menu
{
	/*max-height: 200px;*/
	overflow: auto;
}
/* overwritting tagEditor - end */

/*.ui-menu .ui-menu-item
{
	border-bottom: 1px solid #e3e3e3;
}*/

.ui-menu .ui-menu-item:last-child
{
	border-bottom: none
}

.processingPaymentWaitSpinnerWrap
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 999999999999;
	align-items: center;
	justify-content: center;
}

.gear_wait_sell_pos_wrap
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}

.gear_wait_sell_pos_wrap > i
{
	font-size: 60px !important;
	margin-right: 10px;
	color: #FF9800  !important;
}

.paginationWrap
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.paginationWrap, .pagination
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.pagination
{
	margin: 0;
	padding: 0;
}

.paginationWrap .pagination > li
{
	list-style: none;
	margin:3px;
}

.pagination a, .pagination .disabled
{
	/*display: inline-block;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 5px 10px;*/
	cursor: pointer;
}

.pagination .active a, .pagination a:hover
{
	background: #074882;
	border-color: #074882;
	color: #fff;
	text-decoration: none;
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #797979;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid #797979;
	border-radius: var(--default-border-radius);
}

.w40
{
	width:40px !important;
}

.tabPageHeader
{
	text-align: center;
	background: #679a2c;
	padding: 5px 0;
	color: #fff;
	font-size: 22px;
}

.tabPageHeader img
{
	vertical-align: middle;
}

/* Calendar PopUp Formatting Start */

/* the div that holds the date picker calendar */
.dpDiv
{

}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
	border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}


/* Calendar PopUp Formatting End */

.changeUser_userActions_wrap, .changeUser_userActions_wrap > div
{
	align-items: center;
	justify-content: center;
}

.changeUser_userActions_wrap, .changeUserFromToDetailsWrap, .changeUser_userActions_wrap > div
{
	display: flex;
	display: -webkit-flex;
}

.changeUser_userActions_wrap > div, .changeUserFromToDetailsWrap > div
{
	width: 48%;
}

.changeUser_userActions_wrap input
{
	width: 100%;
	border-color: #ccc;
}

.changeToArrow_userActions
{
	font-size: 25px;
	text-align: center;
	width: 4% !important;
}

.changeUserFromToDetailsWrap
{
	display: none;
	margin-top: 20px;
}

.saveAndDeleteBtn_userActions_wrap
{
	text-align: right;
	margin-top: 20px;
}

.userActions_wrap
{
	margin-bottom: 30px;
}

.toolsWrap_pos
{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.toolsWrap_pos > a
{
	display: flex;
	display: -webkit-flex;
	/*border: 1px solid #ccc;*/
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 5px;
	align-items: center;
	justify-content: center;
	border-radius: var(--default-border-radius);
	margin: 5px;
	color: #000;
	background: #FF9800;
	height: 130px;
	min-width: 130px;
}

.toolsWrap_pos > a:hover
{
	text-decoration: none;
	box-shadow: 1px 1px 5px 1px #888;
}

.toolsWrap_pos > a > i
{
	font-size: 30px;
}

.pos_customerSearch, .pos_customerSearchWrap, .posAddCustomer
{
	display: flex;
	display: -webkit-flex;
	position: relative;
}

.ordersToProcessWrap
{
	flex-direction: column;
	align-items: flex-start;
}

.pos_customerSearchWrap, .posAddCustomer
{
	flex-direction: column;
	-webkit-flex-direction: column;
}

.selectedCustomerName b
{
	display: inline-block;
	cursor: pointer;
}

.selectedCustomerName b:hover
{
	color: #f00;
}

.selectedCustomerName
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
}

.selectedCustomerName_innerName
{
	font-weight: bold;
	cursor: pointer;
}

.selectedCustomerName_innerName span
{
	font-weight: 400;
}

.selectedCustomerName_innerName mark
{
	border-radius: 100%;
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	background: #1fd400;
	width: 20px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	animation: blinker 1s linear 5;
}

.userHasRelatedTaskMark
{
	background: #00d4cc !important;
}

@keyframes blinker
{
	50% { opacity: 0; }
}

.customerInfoInBriefWrap
{
	position: relative;
}

.eventDetailsForm select
{
	width: 100%;
	border-color: #ccc;
	outline: none;
}

.eventDetailsForm_body_glassware_body
{
	width: 100%;
}

.eventDetailsForm_header, .eventDetailsForm_footer
{
	text-align: center;
}

.eventDetailsForm_header
{
	padding: 5px 0;
	border-radius: var(--default-border-radius);
}

.eventDetailsForm_header h3
{
	margin: 1px auto;
}

.addedEquipmentList
{
	width: 100%;
	margin-top: 10px;
}

.addedEquipmentList input
{
	border-color: #ccc;
	outline: none;
	text-align: right;
	width: 100px;
	height: 25px;
}

.addedEquipmentRow > td
{
	text-align: center;
	padding: 5px;
}

.addedEquipmentRow > td:first-child
{
	text-align: left !important;
}

.commentsEventDetails
{
	width: 100%;
	height: 100px;
	resize: none;
	outline: none;
}

.commentsEventDetailsWrap
{
	display: flex;
	display: -webkit-flex;
}

/*.eventDetailsForm_footer
{
	margin-bottom: 0 !important;
}

.eventsBtn_pos_sell
{
	background: #000 !important;
}

.orderEventsWrap_pos_sell
{
	display: none;
	overflow-y: auto;
}

.orderEventsWrap_pos_sell, .eventDetailsForm
{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99999;
}

.eventDetailsForm
{
	background: rgba(0, 0, 0, 0.8);
}

#submitForm_eventDetails
{
	display: none;
}*/

/* date time picker custom properties */
.ui_tpicker_unit_hide
{
	display: none;
}

.ui_tpicker_time_label, .ui_tpicker_hour_label, .ui_tpicker_minute_label
{
	float: left;
	display: inline-block;
	position: relative;
	top: 7px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.ui_tpicker_time_input
{
	border-color: #ccc;
}

.ui_tpicker_time, .ui_tpicker_hour, .ui_tpicker_minute
{
	margin-bottom: 5px;
}

#searchAddCustomerHistoryModal:before
{
	content: '';
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

#searchAddCustomerHistoryModal .modal-dialog
{
	z-index: 99999;
}


/* custom css for jquery autocomplete start */
.ui-menu {
	z-index: 999999 !important;
}

/* custom css for jquery autocomplete start */

/*.eventDetailsWrap_history
{
	border: 1px solid #ccc;
}*/

.eventDetailsWrap_history input
{
	width: 20px;
	height: 20px;
}

.eventDetailsWrap_history table
{
	width: 100%;
}

/*.eventDetails_note1_table td
{
	padding: 1px 5px;
L}

.eventDetails_note1_table td, .eventDetails_note2_table td
{
	background: #b5ccc4;
}*/

.eventDetails_note2_table td
{
	padding: 5px;
}

.eventDetails_note_align_right
{
	text-align: right;
}

.eventDetails_note_align_center
{
	text-align: center;
}

.eventDetails_note2_table
{
	margin-top: 10px;
}

/*.eventDetails_note2_table th
{
	background: #000;
	color: #fff;
	padding: 5px;
}*/

/* SVG log in btn animation start */

.svg-wrapper {
	height: 40px;
	margin: 0 auto;
	position: relative;
	width: 320px;
	cursor: pointer;
}

.shape {
	fill: transparent;
	stroke-dasharray: 140 540;
	stroke-dashoffset: -348;
	stroke-width: 8px;
	stroke: #009800;
}

.text {
	/*color: #fff;
    font-size: 20px;
    letter-spacing: 4px;
    line-height: 25px;
    position: relative;
    top: -33px;*/
}

@keyframes draw {
	0% {
		fill: transparent;
		stroke-dasharray: 140 540;
		stroke-dashoffset: -348;
		stroke-width: 8px;
	}
	100% {
		stroke-dasharray: 760;
		stroke-dashoffset: 0;
		stroke-width: 5px;
		fill: #009800;
	}
}

.svg-wrapper:hover .shape {
	-webkit-animation: 0.5s draw linear forwards;
	animation: 0.5s draw linear forwards;
}

/* custom css for jquery autocomplete start */

.dashboard_upcoming_events_body_tabActive
{
	background: #f00 !important;
}

.dashboard_upcoming_events_header
{
	display: flex;
	display: -webkit-flex;
	cursor: move;
}

.dashboard_upcoming_events_header > div
{
	margin-right: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	cursor: pointer;
	padding: 5px;
	background: #080808;
	color: #fff;
}

.dashboard_upcoming_events_body_pickups
{
	display: none;
}

.upcomingEvents_dashboard_pos_wrap_outer
{
	float: right !important;
	position: absolute;
	top: 23px;
	right: 0;
	background: #fff;
	min-width: 553px;
	padding: 10px;
}

.dashboardEventDetails_table
{
	width: 100%;
	margin-bottom: 0;
}

.icsFileWrap_popup
{
	text-align: right;
	font-size: 25px;
}

.changeProductFromToDetailsWrap
{
	display: flex;
	display: -webkit-flex;
}

.changeProductFromToDetailsWrap > div
{
	width: 48%;
}

.changeToArrow_productActions
{
	width: 4% !important;
}

.changeProductTable
{
	border: 1px solid #ccc;
	width: 100%;
	padding: 5px;
	background: #fff;
}

.chageProductLeft_header
{
	width: 25% !important;
}

.changeProductTable td
{
	width: 85%;
}

.associatedVariantDetails
{
	margin-top: 5px;
}

.associatedVariantDetails summary
{
	padding: 5px;
	outline: none;
	border: 1px solid #ccc;
	cursor: move;
}

.changeProductFromDetails
{
	background: #ebf5d7;
}

.changeProductToDetails
{
	background: #fff8e5;
}

.changeProductBtnWrap
{
	text-align: right;
	padding: 5px;
	border: 1px solid #ccc;
}

.changeProductTable td
{
	padding: 5px;
	background: #f1f1f1;
}

.productCreated_merge td
{
	padding: 5px;
	background: #e2f2f7;
}

.productCreated_merge
{
	width: 100%;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
}

.statArrowDown
{
	color: #f00;
	font-size: 20px;
}

.statArrowUp
{
	color: #038e03;
	font-size: 20px;
}

.compareSaleAmtWrap
{
	text-align: right;
}

.compareSaleAmtStatWrap
{
	text-align: center;
}

.greetingsPos
{
	display: none;
	position: fixed;
	right: 0;
	top: 100px;
	min-width: 50px;
	min-height: 10px;
	background: #18a200;
	padding: 20px 10px;
	color: #fff;
	box-shadow: 1px 1px 5px 1px #848484;
	border-radius: var(--default-border-radius);
}

#dashboardWrap_leftColumn
{
	width:50%;
	position:relative;
	float:left;
}

#dashboardWrap_rightColumn
{
	width:49%;
	position:relative;
	float:right;
}

.displayCustomerNamePopUpHistoryWrap, .removeCustomerNamePopUpHistory, .displayCustomerNamePopUpHistoryWrapInner
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.removeCustomerNamePopUpHistory
{
	width: 23px;
	height: 23px;
	border-radius: 100%;
	cursor: pointer;
	margin-right: 5px;
	background: #f00;
	color: #fff;
}

.displayCustomerNamePopUpHistoryWrap
{
	border: 1px solid #ccc;
	padding: 5px;
	width: 80%;
	margin: 0 auto;
	border-radius: var(--default-border-radius);
	background: #ccc;
}

.settings-wrap .list-group-item
{
	margin-bottom: 5px;
	border-radius: var(--default-border-radius);
}

.accountingPlStatementTable
{
	min-width: 500px;
	border: 1px solid #ccc;
}

.accountingPlStatementTable td, .accountingPlStatementTable th
{
	padding: 5px;
}

.accountingPlStatementTable th
{
	background: #000;
	color: #fff;
}

.accountingPlStatementTable table td
{
	background: #f5fdf5;
}

.accountingPlStatementTable table
{
	width: 100%;
}

.accountingPlStatementTable_amt
{
	text-align: right;
}

#customerComments, #customerComments_other
{
	width: 100%;
	height: 137px;
	resize: none;
	border-color: #ccc;
}

.customerAttention_pos
{
	color: #0f0;
}

.tagsIndicator_opt_wrap
{
	text-align: center;
}

.tagsIndicator_opt,
.tagsIndicator_history
{
	display: inline-flex;
	display: -webkit-inline-flex;
	width: 26px;
	height: 26px;
	border: 1px solid #847963;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background: #f00;
	color: #fff;
	cursor: pointer;
}

.tagsIndicator_opt:hover
{
	box-shadow: 1px 1px 5px 1px #848484;
}

.enterGiftVoucherNoPopUpWrap
{
	display: none;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.enterGiftVoucherNoPopUpWrap, .enterGiftVoucherNoPopUpBg
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999999 !important;
}

.enterGiftVoucherNoPopUpBg
{
	background: rgba(0, 0, 0, 0.8);
}

.enterGiftVoucherNoPopUpInnerWrap
{
	position: relative;
	width: 550px;
	background: #fff;
	padding: 25px;
	z-index: 999999999;
	display: flex;
	display: -webkit-flex;
	border-radius: var(--default-border-radius);
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.enterGiftVoucherNoPopUpInnerWrap > div
{
	width: 100%;
}

.enterGiftVoucherNoPopUpInnerContentWrap
{
	display: flex;
	display: -webkit-flex;
}

.cancelEnterGiftVoucherPopUpBtn
{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: absolute;
	top: -25px;
	right: -25px;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #f00;
	color: #fff;
	cursor: pointer;
}

.enterVoucherNoField_pos
{
	width: 90%;
	margin-right: 5px;
	border-color: #ccc;
}

.onreturnMsgDisplayWrap
{
	display: none;
}

.onreturnMsgDisplayBtnWrap
{
	width: 100%;
	text-align: right;
	margin-top: 10px;
}

.onreturnMsgDisplayWrap
{
	margin-top: 10px;
}

.errorMsgVoucherCheck_pos
{
	color: #f00;
}

.successMsgWrapVoucherPos
{
	border-radius: var(--default-border-radius);
	border: 1px solid #ccc;
	padding: 5px;
	position: relative;
}

.successMsgWrapVoucherPos i
{
	color: #089a08;
	font-size: 35px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.dropPortToMergeVariants_productActionWrap, .startMergeBtn_wrap
{
	display: none;
}

.dropPortToMergeVariants_productAction_from, .dropPortToMergeVariants_productAction_to
{
	border: 1px solid #ccc;
	width: 100%;
	min-height: 100px;
	margin-top: 10px;
}

.merageVariantBtnWrap_productAction
{
	text-align: right;
	margin-top: 10px;
}

.searchedProduct_product_actionBtns
{
	text-align: center;
}

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

.quotePushed, .quotePushed:hover
{
	-moz-box-shadow:    inset 0 0 5px #000000 !important;
	-webkit-box-shadow: inset 0 0 5px #000000 !important;
	box-shadow:         inset 0 0 5px #000000 !important;
	background: #d8d8d8 !important;
	color: #000 !important;
}

.danger_custom td
{
	background-color: rgba(160, 41, 45, 0.9) !important;
	box-shadow: unset !important;
}

.tag-editor
{
	width: auto !important;
	border-radius: var(--default-border-radius);
}

#myModal, .modal
{
	z-index: 99999 !important;
}

.modal-backdrop
{
	z-index: 9999 !important;
}

.modal-dialog
{
	width: 900px !important;
}

/*.readonlyOrderTable
{
	width: 100%;
}

.readonlyOrderTable thead, .productOrderedItemList_readOnly_footer td
{
    background: rgba(52,73,94,.94);
    color: #ECF0F1;
}

.readonlyOrderTable th
{
	text-align: center !important;
	padding: 5px;
}

.readonlyOrderTable td
{
	padding: 5px;
	text-align: right;
}*/

.productOrderedItemList_readOnly td:first-child
{
	text-align: left;
}

.optComments
{
	width: 100%;
	height: 100px;
}

.optCommentFormWrap, .optOrderNotesFormWrap_outer
{
	display: none;
}

.details_orderedItemWrap
{
	display: none;
}

.stockControlTransactionTableBodyEdit
{
	min-width: 100px;
}


.equipments_dashboard
{
	width:100%;
}

/*.equipments_dashboard div:nth-child(2)
{
	width:90%;
}

.equipments_dashboard div:nth-child(1),.equipments_dashboard div:nth-child(3)
{
	width:5%;
}*/

.equipments_dashboard_table th
{
	text-align: center;
}

.equipmentModal
{
	width: auto !important;
	max-width: 95% !important;
}

.itemsPerTray_dashBoard
{
	float: right;
}

.stockOnHand_td_equipment
{
	text-align: center;
	/*cursor: pointer;*/
}

.notDeliveredYet_popup
{
	color: #f00;
}

.equipmentDeliveryDetails_popup th, .equipmentDeliveryDetails_popup td
{
	text-align: center;
}

.notDeliveredYet_td_right
{
	text-align: right !important;
}

.equipments_dashboard, .weeklyIncomeAndExpenditures_dashboardWrap
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	overflow: auto;
}

.equipments_dashboard_content
{
	flex: 1;
}

.equipments_dashboard i, .weeklyIncomeAndExpenditures_dashboardWrap i
{
	font-size: 18px;
	cursor: pointer;
	padding: 5px;
}

.equipmentDetailsHeaderWrap
{
	display: flex;
	display: -webkit-flex;

	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.printEquipmentDetailsBtnWrap
{
	font-size: 20px;
	cursor: pointer;
}

.summary_equipmentName_popUp
{
	text-align: left !important;
}

.paymentStatus_companyImg
{
	width: 50px;
}

.linkToSendEmailAddrField
{
	border-color: #ccc;
	width: 100%;
}

.sendPaymentLinkEmailWaitingWrap
{
	display: none;
	text-align: center;
	padding: 5px;
	margin-top: 20px;
}

.sendPaymentLinkEmailWaitingWrap i
{
	font-size: 30px;
	color: #009e00;
}

.strikeColor
{
	color: #f00;
}

.accessToken_content_wrap_outer
{
	padding: 5px;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.accessToken_content
{
	width: 100%;
}

.accessToken_content td, .saveAccessTokenBtnWrap
{
	/*padding: 5px;*/
}

.accessToken_content_row input
{
	width: 70%;
	margin-left: 10px;
}

.accessToken_content_row i
{
	font-size: 20px;
	color: #f00;
	cursor: pointer;
}

.addNewAccesstokenBtnWrap
{
	margin-top: 10px;
}

/*
.creditCardRow input, .creditCardRow select
{
	width: 100%;
}
*/

.accessToken_content_row span
{
	text-align: right;
	display: inline-block
}

.accessToken_content_row
{
	border: 1px solid #ccc;
}

/*.productToRecreatedListWrap
{
	text-align: left;
	color: #000;
}

.productToRecreatedListWrap a
{
	color: #000;
}

.productToRecreatedListWrap div
{
	padding: 5px;
	margin-bottom: 5px;
	border-radius: var(--default-border-radius);
	background: rgba(236, 236, 236, 0.67);
}

.productToRecreatedListWrap span
{
	float: right;
}*/

.editSectionHeading_Details
{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.productHistory_openingStockRow > td:nth-child(4)
{
	text-align: right;
}

.toDoChecked
{
	color: #00b700;
	font-size: 20px;
}

.showDuplicateUserWrap
{
	margin-bottom: 10px;
}

.accesstokenIndicatorWrap
{
	font-size: 25px;
	color: #198753 !important;
}

.cardInformation_posOnlinePayment
{
	display: none;
}

/* for animated tick box - start */

.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #7ac142;
	fill: none;
	animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.checkmark {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 10% auto;
	box-shadow: inset 0px 0px 0px #7ac142;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

@keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes scale {
	0%, 100% {
		transform: none;
	}
	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px #7ac142;
	}
}

/* for animated tick box - end */

.posOnlinePaymentStatusSignWrap
{
	text-align: center;
}

.proccessingPayment_loaderSign
{
	display: none;
	font-size: 40px;
	position: absolute;
	right: 50px;
	color: #10ad07;
}

.showOnlinePaymentFormCardDetails input, .showOnlinePaymentFormCardDetails select
{
	border-color: #ccc;
}

.cardInformation_posOnlinePayment table
{
	margin-bottom: 0 !important;
}

.saveAccessTokenBtnWrap
{
	text-align: right;
}

.loader_creatingReport
{
	text-align: center;
	font-size: 40px;
	display: none;
}

.stockFilterArrowWrap
{
	float: right;
}

.viewingStockReport
{
	background: #bd9d53 !important;
}

.giftVoucherActionBtnWrap
{
	clear: both;
	margin-top: 10px;
}

.giftVoucherPopUpBodyWrap
{
	display: inline-block;
	width: 100%;
}

.giftVoucherPopUpBodyWrap input, .giftVoucherPopUpBodyWrap select
{
	width: 100%;
	border-color: #ccc;
}

.giftVoucherComments
{
	min-height: 150px;
}

.customers_action_btns_wrap
{
	text-align: center;
}

.customers_action_btns_wrap > a
{
	margin: 0 3px;
}

.reportCreateDateWrap
{
	text-align: right;
	margin-bottom: 5px;
}

.customerReportTimeElapsed
{
	display: inline-block;
	margin-left: 10px;
}

.customerReportTimeElapsed
{
	display: inline-block;
	margin-left: 10px;
	background: #f00;
	padding: 5px 10px;
	color: #fff;
	border-radius: var(--default-border-radius);
}

.sortByIcons_statement
{
	text-align: center;
}

.sortByIcons_statement > i
{
	display: block;
}

.sortByIcons_statement
{
	cursor: pointer;
}

.sortByIcons_statement
{
	float: right;
}

.customerStatementAmount
{
	text-align: right;
}

.customerStatementRaw
{
	background: #fff;
}

.accountPayment_customerStatement
{
	background: #70b571 !important;
}

.accountPayment_customerStatement td
{
	color: #fff;
}

.customerStatementTitle_center
{
	text-align: center;
}

.redAlert
{
	color: #f00;
}

.showLocationInfoIcon_history
{
	font-size: 18px;
	color: #03A9F4;
}

.posBody_sale_search .ui.segment
{
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.posBody_sale_search .checkbox
{
	padding: 0 !important;
	margin: 0 !important;
}

.posBody_sale_search .ui[class*="right labeled"].icon.button
{
	padding: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.pos_customerSearch_innerWrap
{
	display: flex;
	display: -webkit-flex;
	width: 100%;
	align-items: center;
	-webkit-align-items: center;
}

.pos_customerSearch_innerWrap .ui.input
{
	width: 100%;
	height: 100%;
}

.addDiscountInTotalWrap > div
{
	margin-bottom: 10px !important;
}

.supplierSearchWrap .ui.input
{
	width: 100%;
}

.actionsWrapCustomerList
{
	text-align: center;
}

.ui.toggle.checkbox input[type=checkbox]
{
	margin-left: 0;
	width: 100%;
	margin-top: 0;
}

/*.supplierAddBtnWrap
{
	width: 100% !important;
	margin-top: 10px;
	text-align: right;
	margin-right: 0 !important;
}*/

.editSectionContent_field
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.adminOnly_productOrderEdit_wrap
{
	position: relative;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.adminPassword_productOrderEdit_wrap
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);

	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	text-align: center;

	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
}

.ui.dimmer
{
	z-index: 9999 !important;
}

.payPopUpContentOuter
{
	border-radius: var(--default-border-radius) !important;
}

.payPopUpContentOuter .header
{
	background: #172D44 !important;
	color: #fff !important;
}

.payPopUpContentOuter .close
{
	color: #fff;
	opacity: 1;
}

.payPopUpContentOuter .modal-title
{
	text-align: center;
}

.ui.modal
{
	position: relative !important;
}

.paymentFormHeader
{
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

.paymentFormHeader i
{
	height: auto !important;
	margin-right: 10px !important;
}

.posSalesHistory_header_dates .nice-select
{
	width: 100% !important;
}

.includeInactiveProductWrap i
{
	font-size: 20px;
	color: #bf0000;
}

.addToNewLinePosWrap i
{
	font-size: 20px;
	color: #fff;
}

.cartTotalWrap table
{
	width: 55%;
	margin: 5px;
}

.cartTotalWrap table td
{
	color: #fff;
	padding: 5px;
	/*border-bottom: 2px solid #1a1c1d;*/
	font-size: 16px;
}

.stockControlFilterInputsWrap .nice-select .list
{
	max-height: 300px;
	overflow-y: scroll;
}

.orderProductsContentsWrapPos
{
	margin-top: 10px;
}

.hiddenClass
{
	display: none !important;
}

.mergeProductWrap
{
	margin-top: 20px;
}

.customerSearchWrapLoading
{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 26px;
	height: 100%;
	padding: 5px;
	color: #a9a9a9;
	display: none;
}

.dropPortToMergeVariants_productActionWrapInner
{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.dropPortToMergeVariants_productActionWrapInner > div:first-child
{
	margin-right: 20px;
}

.draggableVariant_productMerge
{
	padding: 10px;
	border: 1px solid #ccc;
	margin: 5px;
	cursor: move;
}

.variantStatus_productMerge
{
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #ccc;
	display: none;
}

.variantStatus_productMerge_list
{
	display: flex;
	display: -webkit-flex;
}

.variantStatus_productMerge_list > div
{
	margin-right: 10px;
}

.merageVariantBtnWrap_productAction
{
	display: none;
}

.cancelDroppedItem_productMerge
{
	float: right;
}

.cancelledOn_salesHistory
{
	color: #777;
}

.purchaseOrderDetailsTableBody input
{
	/*width: 70px !important;*/
	width: 100% !important;
	text-align: right;
	/*height: auto;
	padding: 4px;*/
	background: none;
	color: #fff;
}

* {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.textAlignCenter
{
	text-align: center;
}

.payBtns_fair_wrap
{
	display: grid !important;
	grid-template-columns: auto auto auto auto;

	grid-column-gap: 10px;
	grid-row-gap: 10px;
}

.productListWrap_fair, .payBtns_fair_wrap
{
	display: flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	margin-right: -15px;
	margin-left: -15px;
}

.productListWrap_fair > div
{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.productListWrap_fair:before
{
	display: none;
}

.productListWrap_fair > div:nth-child(3n+3)
{
	margin-right: 0;
}

.productListWrap_fair label, .payBtns_fair_wrap label
{
	width: 100%;

	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	white-space: initial !important;
}

.payBtns_fair_wrap label
{
	height: 50px;
}

.productListWrap_fair label
{
	height: 90px;
}

.payBtns_fair_wrap > button
{
	margin-right: 10px;
}

.payBtns_fair_wrap > button:last-child
{
	margin-right: 0;
}

.addedProductListWrap_fair
{
	min-height: 200px;
	border: 1px solid #ccc;
}

.p20
{
	padding: 20px !important;
}

.mb30
{
	margin-bottom: 30px;
}

.mb60
{
	margin-bottom: 60px !important;
}

.mt30
{
	margin-top: 30px;
}

.hide
{
	display: none !important;
}

.textRight
{
	text-align: right;
}

.textCenter
{
	text-align: center;
}

.redColor
{
	color: #f00;
}

.addedProductListTable_fair td, .addedProductListTable_fair th
{
	font-size: 18px !important;
}

.CLIENTdiscountable_bgColor
{
	background: #ffc8bb;
}

.addDiscountFunc_disabled.ui.teal.label
{
	background: #ccc !important;
	cursor: auto;
}

.colorRed
{
	color: #f00;
}

.eventTag_history_content
{
	display: none;
}

.eventTag_history
{
	cursor: help;
}

#productSiteSelect
{
	pointer-events: none;
}

.returnItemsInput
{
	padding: 2px 5px !important;
	height: auto !important;
	text-align: center !important;
}

.returnItemsInputWrap
{
	display: none;
	width: 70px !important;
}

.toggleSwapFieldWrap
{
	display: none;
}

.saveReturnItemsBtnWrap
{
	display: none;
}

.mr5
{
	margin-right: 5px;
}

.mr10
{
	margin-right: 10px;
}

.forceChangedWrap
{
	display: flex;
	display: -webkit-flex;
}

.forceChangedBtn
{
	font-size: 12px !important;
}

.createNewOrderProductListWrap
{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.btn-proceed_good
{
	color: #fff;
	background-color: #336600;
	border-color: #336600;
}

/**********************
  POS CLOSE CALCULATOR
***********************/

#calResult
{
	background-color: #ecb4b4;
	border-radius: var(--default-border-radius);
	display:none;
	padding: 5px;
}

.upDownArrowWrapCloseRegister i
{
	font-size: 20px;
}
/* pretty text box starts here */
.inp {
	position: relative;
}
.inp .label {
	position: absolute;
	top: 29%;
	color: #9098a9;
	font-weight: 500;
	transform-origin: 0 0;
	transition: all 0.2s ease;
	width: 100%;
	left: 0;
	overflow: hidden;
}
.inp input {
	transition: all 0.15s ease;
}

.inp input:not(:placeholder-shown) + span
{
	color: #000000;
	transform: translate(-38%, -16px) scale(0.7);
	background: #fff;
	left: 50%;
	padding: 1px 7px !important;
	width: auto;
	border-radius: var(--default-border-radius);
	font-weight: bold;
}

.inp input:focus + span
{
	color: #008000;
	transform: translateY(-16px) scale(0.8);
	background: #fff;
	left: 7px;
	width: auto;
}

/* pretty text box ends here */

.optInDetailsPos input[type=text]
{
	max-width: 70px;
	/*border: none;*/
}

.posSiteSelectImgWrap
{
	display: flex;
	align-items: center;
}

.posSiteSelectImgWrap img
{
	max-width: 20px;
	max-height: 20px;
	margin-right: 5px;
}

.posBody_sale_search .bootstrap-select .btn
{
	padding: 6px 7px !important;
	font-size: 11px;
	border-radius: var(--default-border-radius);
}

.ui.toggle.checkbox .box, .ui.toggle.checkbox label
{
	padding-left: 3.6rem !important;
}

.pt20
{
	padding-top: 20px;
}

.pb20
{
	padding-bottom: 20px;
}

/* NEW LOADER starts */

.loader{
	width: 90px;
	height: 90px;
	margin: 40px auto;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

.loader > div
{
	display: inline-block;
}

.loader h2{
	font-size: 22px;
	color: #fff;
}
.loader .loader-inner{
	display: inline-block;
	width: 15px;
	border-radius: var(--default-border-radius);
	background: #74d2ba;
}
.loader .loader-inner:nth-last-child(1){
	-webkit-animation: loading 1s 1.5s infinite;
	animation: loading 1s 1.5s infinite;
}
.loader .loader-inner:nth-last-child(2){
	-webkit-animation: loading 1s .1s infinite;
	animation: loading 1s 1s infinite;
}

.loader .loader-inner:nth-last-child(3){
	-webkit-animation: loading 1s 0.5s infinite;
	animation: loading 1s 0.5s infinite;
}

.loader .loader-inner:nth-last-child(4){
	-webkit-animation: loading 1s 0s infinite;
	animation: loading 1s 0s infinite;
}
@-webkit-keyframes loading{
	0%{
		height: 25px;
	}
	50%{
		height: 45px;
	}
	100%{
		height: 25px;
	}
}
@keyframes loading{
	0%{
		height: 25px;
	}
	50%{
		height: 45px;
	}
	100%{
		height: 25px;
	}
}

.loader img
{
	width: 70px;
	height: 70px;
	border-radius: var(--default-border-radius);;
}

/* NEW LOADER ends */

.loaderPosOuterWrap
{
	display: none;
}

.loaderPosOuterWrap, .loaderPosInnerWrap
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999999999999999;
}

.loaderPosInnerWrap
{
	background:rgba(0, 0, 0, 0.8);
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
	left: 10px;
	background-color: #3faf00 !important;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
	right: 4px;
	background-color: #3faf00 !important;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder
{
	border: 4px solid #3faf00 !important;
}

.siteLogoRound
{
	width: 30px;
	height: 30px;
	border-radius: var(--default-border-radius);
}

.siteLogoWrap_retrieveSale
{
	margin-left: 5px;
}

.companyWrap_retrieveSale
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.extraDiscount_historyWrap
{
	display: flex;
	display: -webkit-flex;
	align-items: center !important;
	-webkit-align-items: center !important;
	justify-content: center !important;
	-webkit-justify-content: center !important;
	flex-direction: column;
}

.transactionInDetRetrieveSaleWrap td
{
	border-right: none !important;
}

.dropdown-menu.show
{
	border-radius: var(--default-border-radius);
}

.companyNames_pos_select .dropdown-menu
{
	min-width: 100px;
}

.orange_semiPaid td
{
	background: #985d1c !important;
}

.green_accountPaid td
{
	background: #21653c !important;
}

.showSaveAccessToken_onlinePaymentPos
{
	display: none;
}

.creditCardSelectWrap_posOnlinePayment
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.customerName_onlinePosPayment .userHasRelatedTaskMark
{
	display: none !important;
}

.customerName_onlinePosPayment
{
	padding: 5px 15px;
}

.ui.toggle.checkbox label
{
	min-height: unset !important;
}

.card
{
	box-shadow: unset;
}

.card-header button
{
	width: 100%;
	text-align: left;
}

.card-header button:hover
{
	text-decoration: none !important;
}

.card-body, .card-header
{
	padding: 0.5rem;
}

.blackColor
{
	color: #000;
}

.loggedInUsersPopUpWrap fieldset
{
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: var(--default-border-radius);
	display: inline-block;
	width: 100%;
}

.loggedInUsersPopUpWrap fieldset legend
{
	width: unset;
}

.user-menu
{
	width: 280px;
	padding: 0;
}

.user-header > div
{
	padding: 10px;
	text-align: center;
}

/*.user-header > div, .user-footer
{
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	border-radius: var(--default-border-radius);
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 10px 10px 20px 10px rgba(72, 72, 72, 0.5);
}*/

.user-footer
{
	padding: 10px;
	display: flex;
	justify-content: space-between;
}

.profileDropDownWrap .dropdown-menu
{
	box-shadow: none !important;
}

#themeColor_pos, .color_input
{
	padding: 0;
	overflow: hidden;
	/*box-shadow: 1px 1px 5px #5f5f5f;*/
	margin-right: 10px;
	border: 1px solid #fff;
}

.navbar-nav .nav-link
{
	color: #fff;
}

.totalOrdersOnline_pos_wrap:after
{
	display: none;
	position: relative;
}

.totalOrdersOnline_pos_wrap
{
	overflow: unset;
}

.totalOrdersOnline_pos
{
	position: absolute;
	top: 0;
	left: -10px;
}

.totalOrdersOnline_pos_wrap i
{
	font-size: 20px;
}

.toggleLeftMenu
{
	cursor: pointer;
	font-size: 22px;
	display: none;
}

.sweet-alert button.cancel
{
	background-color: #ff0000;
}

.sweet-alert button.cancel:hover
{
	background-color: #a30101;
}

.sweet-alert button.confirm
{
	background-color: rgb(0, 142, 207) !important;
}

details
{
	height: auto !important;
}

.productImageUploadWrap
{
	position: relative;
	max-width: 100%;
	max-height: 245px;
	height: 100%;
	overflow: hidden;
}

.productImg
{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
}

#productImgPreview
{
	max-width: 100%;
	max-height: 100%;
	line-height: 140px;
	text-align: center;
	color: #8e7700;
	height: 100%;
}

.dropImgLabel
{
	color: #8e7700;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.productImgUpload
{
	position: absolute;
	top: 5px;
	left: 10px;
}

#productImgFile
{
	display: none;
}

.productImgFileUploadImgFileLabel
{
	color: #748e70;
	font-size: 35px;
	cursor: pointer;
}

.cancelImage
{
	display: none;
	position: absolute;
	top: 1px;
	right: 1px;
	color: #5f0000;
	background: rgba(255, 255, 255, 0.5);
	padding: 2px 8px;
	cursor: pointer;
	font-weight: bold;
	font-size: 20px;
}

.addProductCateroryWrap
{
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.skubg, .skuNumberWrap, .addNewTaxWrap, .addNewTaxBg
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.skuNumberWrap, .addNewTaxWrap
{
	display: none;
}

.skuCancel
{
	position: absolute;
	background: #f00;
	border-radius: 100%;
	color: #fff;
	top: -35px;
	left: -35px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.addProductCateroryBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.addProductCateroryMain {
	position: fixed;
	left: 30%;
	top: 20%;
	background: #fff;
	padding: 15px;
	border-radius: var(--default-border-radius);
}

.addProductCateroryCancel {
	position: absolute;
	top: -40px;
	left: -40px;
	background: #fff;
	padding: 11px 15px;
	border-radius: 50px;
	color: #f00;
	cursor: pointer;
}

#mainCategoryDiv {
	display: none;
}

.productNameInput {
	border-color: #a7a6a6;
	width: 300px;
}

.addCategoryBtn {
	background: #008a00;
	border: none;
	padding: 7px;
	border-radius: var(--default-border-radius);
	color: #fff;
}

#mainSubCategoryDiv {
	display: none;
}

.skuNumberContent, .addNewTaxContent {
	position: fixed;
	top: 20%;
	left: 40%;
}

.skuNumberMainBody, .addNewTaxMainBody {
	position: relative;
	width: 400px;
	background: #fff;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

.addNewTaxMainBody>input {
	border-color: #ccc;
	width: 49%;
	outline: none;
}

.skuSaveBtn, .addNewTaxBtn {
	float: right;
	background: #00d400;
	border: none;
	color: #fff;
	padding: 5px 20px;
	cursor: pointer;
}

.prettyCheckBoxLabel
{
	margin-bottom: 0;
}

.productLine
{
	cursor: pointer;
	position: relative;
	margin-bottom: 2px;
}

.productLine:nth-child(odd)
{
	background: #f7d48f;
}

.productLine:nth-child(even)
{
	background: #f1d6a2;
}

.variantIndeTitleWrapCms {
	display: flex;
	display: -webkit-flex;
	outline: none;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
}

.variantIndeTitleWrapCms:before
{
	font-family: "Font Awesome 5 Free";
	content: '\f0a9';
	font-weight: 900;
	margin-right: 10px;
	font-size: 20px;
	color: #fff;
}

.productLine[open] .variantIndeTitleWrapCms:before
{
	content: '\f0ab';
}

.variantActionsWrap > i, .variantActionsWrapNew > i
{
	font-size: 20px;
	position: relative;
	color: #f00;
	margin-right: 5px;
}

.variantName
{
	flex: 1;
}

.variantActionsWrapNew
{
	text-align: center;
}

.variantImgWrap
{
	position: relative;
	width: 130px;
	height: 130px;
	text-align: center;
	border-radius: var(--default-border-radius);
	background: rgba(255, 255, 255, 0.5);
}

.varImg
{
	height: 100%;
	width: 100%;
	object-fit: contain;
	border-radius: var(--default-border-radius);
}

.varImgFile {
	display: none !important;
}

.varImgFileChooseLabel {
	position: absolute;
	bottom: 0;
	left: 5px;
	font-size: 25px;
	cursor: pointer;
}

.removeVariantImgWrap {
	position: absolute;
	top: 0;
	right: 0;
	color: #5f0000;
	cursor: pointer;
	font-size: 22px;
	display: none;
	background: rgba(255, 255, 255, 0.5);
	padding: 1px 6px;
}

#posOnlinePayment, #makeEwayRefund
{
	background: rgba(0, 0, 0, 0.75);
}

.profileDropDownWrap .profileDropDown
{
	padding: 5px 1rem;
}

.allowOnAccountWrap
{
	display: flex;
	align-items: center;
}

.orderNotification_pos_wrap_link
{
	display: block;
}

.orderNotification_pos_wrap_link:hover
{
	text-decoration: none;
	background: #ccc;
}

.orderNotification_pos_wrap
{
	display: flex;
	padding: 5px;
	border: 1px solid #ccc;
}

.orderNotification_pos_customerDetails
{
	text-align: left;
	margin-left: 10px;
}

.orderNotification_pos_customerDetails > div
{
	font-size: 14px;
	color: #000;
}

.ordersToProcessWrapOuter .user-header
{
	padding: 0;
}

.orderNotification_pos_customerName
{
	font-size: 15px !important;
	color: #0081aa !important;
}

.orderNotification_pos_customerDetails > div > small > b
{
	color: #f00;
	font-size: 13px;
}

.orderNotification_pos_customerDetails > div > small
{
	font-size: 12px;
}

.orderNotification_pos_actions
{
	margin-top: 5px;
}

.orderNotification_pos_actions .btn
{
	padding: 0 10px;
}

.alignItems
{
	display: flex;
	align-items: center;
}

.ui-tabs .ui-tabs-panel
{
	padding: 0.4em 0;
}

.ui-widget-content
{
	overflow-y: unset;
}

.table
{
	width: 100% !important;
}

.createDeliveryForm {
	border: 1px solid #ccc;
	width: 46%;
	padding: 5px;
	margin: 20px;
	position: relative;
}

.createDeliveryFormContent {
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	min-height: 150px;
}

.removeCreateDeliveryForm {
	width: 30px;
	height: 30px;
	background: #f00;
	position: absolute;
	top: -10px;
	right: -10px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
}

.departedBtnWrap {
	margin-top: 5px;
	text-align: right;
}

.createdDeliveriesContent {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.createdDeliveriesWrap {
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 30px;
}

.createDeliveryBtnWrap {
	text-align: right;
	margin-bottom: 10px;
}

.createDeliveryFormWrap {
	display: none;
}

.delivery_company_btn_inner
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.delivery_company_btn_inner img
{
	width: 60px;
	height: 60px;
}

.inactiveIcon
{
	width: 16px;
	height: 16px;
	border-radius: 100px;
	background: #ccc;
	display: inline-block;
}

.activeIcon
{
	background: #01bd01 !important;
}

.ui.button
{
	padding: 0.4rem 0.8rem;
}

.showDesktop
{
	display: block;
}

.showMobile
{
	display: none;
}

.w100
{
	width: 100%;
}

.noBg
{
	background: none !important;
}

.noBorder
{
	border: none !important;
}

.whiteColor
{
	color: #fff !important;
}

.posProductCatWrap
{
	height: calc(100vh - 38px);
}

.posProductCatWrap .tab-content
{
	height: calc(100vh - 68px);
	overflow: auto;
}

.tab-content
{
	background: #212529;
	color: #fff;
	/*border: 1px solid #ddd;
	border-top:2px solid #e74c3c;
	border-bottom:2px solid #e74c3c;*/
	padding: 5px;
	height: 99%;
	/*border-top-right-radius: var(--default-border-radius);
	border-bottom-right-radius: var(--default-border-radius);
	border-bottom-left-radius: var(--default-border-radius);*/
	border-radius: var(--default-border-radius);
	margin-top: 2px;
}

.retrieveSaleContents
{
	padding: 5px;
}

.nav-tabs > li .nav-link
{
	border: 1px solid var(--default-dark) !important;
	/*border-bottom: none !important;*/
	height: 100%;
	background: #fff;
	border-bottom: none;
	color: #343b3f;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nav-tabs > li .nav-link.active
{
	background: #172d44;
	color:#fff;
	transition: background 0.20s linear;
}


.event_pop_up_content .nav-tabs > li .nav-link
{
	background: #8c8c8c;;
}

.event_pop_up_content .nav-tabs > li .nav-link.active
{
	background: #fff;
	color:#000;
	transition: background 0.20s linear;
}

.createLabelMainBodyForm
{
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px;
}

.showSaveAccessToken_onlinePaymentPos > div
{
	display: inline-flex;
	align-items: center;
}

.showSaveAccessToken_onlinePaymentPos > div .showSaveAccessToken_onlinePaymentPos_id_label
{
	margin-bottom: 0;
	margin-left: 5px;
}

.customerNameFormated_posOnline_payment_form
{
	font-weight: bold;
}

.customerNameFormated_posOnline_payment_form span
{
	font-size: 14px;
}

.verticalAlignMiddle_table
{
	vertical-align: middle !important;
}

.supplierSearchWrap_input
{
	flex: 1;
}

.optNotes_list_wrap
{
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: var(--default-border-radius);
}

.optNotes_list > div
{
	white-space: unset;
	text-align: left;
	border-radius: var(--default-border-radius);
	max-width: 80%;
}

.ui-datepicker
{
	z-index: 999 !important;
}

/*.ui-state-default, .ui-widget-content .ui-state-default */
.ui-datepicker-calendar a
{
	border: 1px solid #f3f3f3;
	/* background: #f6f6f6; */
	font-weight: normal;
	color: #454545;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin: 3px;
}

.ui-datepicker
{
	width: auto;
	padding: 0;
}

.ui-corner-all
{
	border-radius: 0;
}

.ui-widget-header
{
	background: #172d44;
	border: none;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.ui-datepicker-month
{
	margin-right: 5px !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
	border: none;
}

/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active
{
	color: #fff;
	background: #172d44 !important;
}*/

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
{
	filter: brightness(0) invert(1);
}

.ui-state-hover
{
	background: #172d44 !important;
	color: #fff !important;
}

.ui-datepicker-title
{
	color: #fff;
}

.ui-widget.ui-widget-content
{
	/*border-bottom: none;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	background-color: rgba(255,255,255,0.72);*/
	border-radius: var(--default-border-radius);
	max-height: 65% !important;
	overflow-y: auto;
}

.ui-menu .ui-menu-item-wrapper
{
	padding: 10px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
	border: none;
	background: none;
	font-weight: normal;
	color: #ffffff;
}

.ui-timepicker-div {
	padding: 5px;
}

.ui-timepicker-div select, .ui-timepicker-div .ui_tpicker_time_input
{
	width: 100%;
}

.ui_tpicker_minute
{
	margin-bottom: 10px;
}

.shippingETA_wrap img
{
	max-height: 30px;
}

.shippingETA_wrap
{
	display: inline-flex;
	align-items: center;
}

.shippingETA
{
	width: 120px;
}

.shippingETA_wrap label
{
	margin-bottom: 0;
}

.shippingETA_input_wrap
{
	display: inline-flex;
	align-items: center;
	border-radius: var(--default-border-radius);
	background: #ffffffad;
	padding: 2px;
}

.shippingETA_input_wrap label input
{
	background: none !important;
	color: #000;
	text-align: center !important;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	width: 100px !important;
}

#dashboardWrap_leftColumn > div, #dashboardWrap_rightColumn > div
{
	border: 1px solid #ccc;
	/*padding: 4px;
	width:100%;*/
	border-top: 2px solid #28a745;
	border-radius: var(--default-border-radius);
}

.stockControlActionsWrap_outer
{
	display: flex;
	justify-content: space-between;
}

.dropdown-item
{
	padding: 0.5rem;
}

.optFilledColor
{
	background-color: #FF5722 !important;
	color: #fff;
}

table.dataTable>tbody>tr.child ul.dtr-details
{
	width: 100%;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
	border-bottom: 1px solid #efefef;
	padding: 0.5em 0;
	display: flex;
	justify-content: space-between;
}

.tabID_opt img
{
	max-width: 20px;
	max-height: 20px;
	margin-right: 5px;
}

.paymentFailedReasonsWrap
{
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
}

.btn
{
	white-space: nowrap;
	border-width: 1px !important;
}

.optTableWrap .badge
{
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.taskDetails_basic
{
	display: none;
}

#editMsgDisplayFullCms {
	display: block;
	border: 1px solid #515151;
	overflow: auto;
	padding: 5px;
	border-radius: var(--default-border-radius);
}

#editMsgDisplayFullCms .badge {
	text-align:unset;
}

#editMsgDisplayFullCms .rounded-pill
{
    border-radius: var(--default-border-radius) !important;
}

#editMsgDisplayFullCms .taskMsgBodyEdit
{
    pos.css:6729
    /* max-width: 90% !important; */
    white-space: unset !important;
    padding: 20px;
    width: 100%;
}

.taskTable .bg-success
{
	background-color: rgba(40, 167, 69, 0.3)!important;
}

.taskTable .bg-info
{
	background-color: rgba(23, 162, 184, 0.3)!important;
}

.taskTable .bg-warning
{
	background-color: rgba(255, 193, 7, 0.3)!important;
	color: #fff !important;
}

.taskTable .bg-primary
{
	background-color: rgba(0, 105, 217, 0.3) !important;
}

.taskTable .bg-danger
{
	background-color: rgba(200, 35, 51, 0.3) !important;
}

.taskMsgBodyEdit
{
	max-width: 90% !important;
	white-space: unset !important;
}

#typeMsgBody, #doneEditingBtn
{
	display: none;
}

.smsUserIconWrap
{
	font-size: 35px;
}

.text-grey
{
	color: #b7b7b7!important;
}

.smsDetailLink:hover
{
	text-decoration: none;
}

.removeDeliverySuburbPos
{
	cursor: pointer;
}

.mce-window.mce-in
{
	z-index:999999 !important;
}

#POSdateTime
{
	display:flex;
	flex-direction:row;
}
#POSdateTime > div:nth-child(2)
{
	margin-left:10px;
}


.posSearchProductInputWrap .ui.fluid.input>input, #customer_search_pos
{
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: var(--default-border-radius);
}

input.labelauty + label
{
	background-color: unset;
}

.ui.circular.button
{
	border-radius: 100%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ui.labels>.label
{
	margin: 0;
}

.ui-tooltip.ui-widget-content
{
	border: 1px solid #000 !important;
	background: #000;
	color: #fff;
}

.restrictionList li {
	border: 1px solid #555555;
	padding: 10px;
	margin: 7px 0;
}

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

.posPageHeader {
	background: #212629;
	color: #ffc128;
	padding: 7px 15px;
	font-weight: 300;
	border-radius: var(--default-border-radius);
}

.card-wizard .picture-container {
	position: relative;
	cursor: pointer;
	text-align: center;
}

.card-wizard .picture {
	width: 250px;
	height: 250px;
	background-color: #999;
	border: 1px solid #e3e3e3;
	color: #fff;
	border-radius: 50%;
	margin: 5px auto;
	overflow: hidden;
	transition: all .2s;
	-webkit-transition: all .2s;
}

.card-wizard .picture-src {
	width: 100%;
}

.mt15 {
	margin-top: 15px;
}

.pb15 {
	padding-bottom: 15px !important;
}
.pt10 {
	padding-top: 10px !important;
}

.selfPackingQtyInput
{
	width: 50px;
	height: 22px;
	border-radius: var(--default-border-radius);
}

.bg-default
{
	background: #202435 !important;
}

.createdTablesWrap {
	display: flex;
	display: -webkit-flex;
}

.draggableTableWraper {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	margin: 5px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: var(--default-border-radius);
}

.draggableTable, .previewTable_addEditTable, .draggableTable_dropped {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 5px;
	z-index: 9;
	margin: 5px;
	border-radius: var(--default-border-radius);
	cursor: move;
	min-width: 50px;
	min-height: 50px;
	position: relative;
}

.removeThis {
	display: none;
	position: absolute;
	border-radius: 100%;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	background: #f00;
	color: #fff;
	right: -10px;
	top: -10px;
	width: 20px;
	height: 20px;
}

.dragDropTables_wrap_outer {
	border: 1px solid #ccc;
	width: 100%;
	overflow: auto;
}

.dragDropTables_wrap {
	padding: 10px;
	border: 1px solid #939393;
}

.dragDropTables_main {
	width: 100%;
	min-height: 400px;
	position: relative;
}

.draggableTable_dropped {
	position: absolute;
}

.cloned .removeThis {
	display: inline-flex;
	display: -webkit-inline-flex;
}

.greenBg {
	background: #26a64e;
}

.whiteColor {
	color: #fff !important;
}

.draggableTable a, .draggableTable_dropped a {
	color: #fff;
}

.signUpFormHeaderIcon
{
	font-size: 40px;
}

section.pricing {
	background: #1f2435;
}

.pricing .card {
	border: none;
}

.pricing hr {
	margin: 1.5rem 0;
}

.pricing .card-title {
	margin: 0.5rem 0;
	font-size: 0.9rem;
	letter-spacing: .1rem;
	font-weight: bold;
}

.pricing .card-price {
	font-size: 3rem;
	margin: 0;
}

.pricing .card-price .period {
	font-size: 0.8rem;
}

.pricing ul li {
	margin-bottom: 1rem;
}

.pricing .text-muted {
	opacity: 0.7;
}

.pricing .btn {
	font-size: 80%;
	border-radius: var(--default-border-radius);
	letter-spacing: .1rem;
	font-weight: bold;
	padding: 1rem;
	opacity: 0.7;
	transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
	.pricing .card:hover {
		margin-top: -.25rem;
		margin-bottom: .25rem;
		box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
	}
	.pricing .card:hover .btn {
		opacity: 1;
	}
}

.loginIconWrap
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 1px solid #fff;
	width: 50px;
	height: 50px;
}

.posActionsNextToSearch
{
	padding: 0;
	margin-left: 60px !important;
}

.posActionsNextToSearch > div
{
    /*margin-bottom: 5px;
    background: rgba(204, 204, 204, 0.5);
	padding: 7px 10px;*/
	cursor: pointer;
	border-radius: var(--default-border-radius);
}

.productListWrap_pos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tabProducts
{
	display: inline-block;
	background: rgba(255, 255, 255, 0.75);
	border-radius: var(--default-border-radius);
	cursor: pointer;
	border: 1px solid #dddddd;
	font-size: 12px;
	width: 24%;
	margin-bottom: 6px;
	margin-top: 3px;
	padding: 5px 0;
}

.tabProducts img {
	max-width: 100%;
	max-height: 50px;
}

.outline-none
{
	outline: none;
}

.resize-none
{
	resize: none;
}

.bg-none
{
	background: none !important;
}

.cursor-pointer
{
	cursor: pointer;
}

.cartProductIndeMoreInfo
{
	display: none;
}

.toggleCartProductIndeMoreInfoBtnRotate
{
	transform: rotate(180deg);
}

.toggleCartProductIndeMoreInfoBtn
{
	color: #fff;
	font-size: 22px;
	cursor: pointer;
}

.ui.teal.label, .ui.teal.labels .label {
	background-color: #21ba45!important;
	border-color: #21ba45!important;
	color: #fff!important;
}

.cartProductIndeWrap
{
	margin: 5px;
}

.ui.tag.label:after, .ui.tag.labels .label:after {
	position: absolute;
	content: '+';
	top: 33%;
	left: 0px;
	margin-top: -.25em;
	background-color: unset !important;
	width: unset;
	height: unset;
	-webkit-box-shadow: unset;
	box-shadow: unset;
	border-radius: unset;
	font-size: 20px;
}

.addExtraWrap_pos span
{
	width: 22px;
	height: 22px;
	border-radius: 100%;
	line-height: 1;
	cursor: pointer;
	font-size: 12px;
}

.limitedEdition_pos_icon
{
	position: absolute;
	top: 0;
	left: 5px;
}

.limitedEdition_pos_icon img
{
	max-width: 45px;
	max-height: 45px;
}

.stockOnHand_pos_display
{
	position: absolute;
	top: 0;
	right: 5px;
}

.posCategoryDisplay
{
	margin-top: -32px;
}

.white-space-nowrap
{
	white-space: nowrap;
}

input.labelauty + label > span.labelauty-unchecked-image
{
	border: 1px solid #000;
	padding: 9px;
	border-radius: var(--default-border-radius) !important;
}

input.labelauty + label > span.labelauty-checked-image
{
	padding: 9px;
	border-radius: var(--default-border-radius) !important;
}

input.labelauty:checked + label
{
	border-radius: var(--default-border-radius) !important;
}

.rosterDate
{
	background: #fff;
	cursor: pointer;
	padding: 6px 10px;
	border: 1px solid #ccc;
	width: 100%;
	border-radius: var(--default-border-radius) !important;
}

.saveBundle_select_wrap
{
	border: 1px solid #ccc;
}

.card-title {
	/*float: left;*/
	font-size: 1.1rem;
	font-weight: 400;
	margin: 0;
}

.card-header>.card-tools
{
	float: right;
}

.alertOnProductAdd
{
	position: absolute;
	top: 6px;
	left: 8px;
	z-index: 9;
	/*background: #fff;*/
}

.alertOnProductAdd .spinner-border
{
	border-width: .2em;
	width: 1.6rem;
	height: 1.6rem;
}

.posWrap .nav-tabs
{
	border-bottom: none !important;
	margin-bottom: 2px;
}

/* Reward card design - start */

.wrapper {
	height: 200px;
	width: 400px;
	-webkit-perspective: 300px;
	perspective: 300px;
}

.reward-head img
{
	width: 50px;
	height: 50px;
}

.reward-card, .reward-cards .reward-face, .reward-cards .reward-back {
	background: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#737373));
	background: linear-gradient(#8c8c8c, #737373);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
	border-radius: var(--default-border-radius);
	cursor: pointer;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	height: 200px;
	width: 340px;
}

.reward-cards .reward-face .reward-head {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin: 16px 16px 0 16px;
}
.reward-cards .reward-face .reward-head .reward-title {
	font-weight: 600;
	font-size: 20px;
}
.reward-cards .reward-face .reward-main {
	margin: 16px 16px 0 16px;
}
.reward-cards .reward-face .reward-main .reward-number-title {
	color: #cccccc;
}

.reward-cards .reward-back {
	-webkit-animation: demo 3s ease-in-out;
	animation: demo 3s ease-in-out;
	-webkit-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	background: -webkit-gradient(linear, left top, left bottom, from(#828282), to(dimgray));
	background: linear-gradient(#828282, dimgray);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.reward-cards .reward-back .reward-magnetic-line {
	background: #000;
	margin-top: 16px;
	height: 32px;
	width: 100%;
}
.reward-cards .reward-back .reward-cvv {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.2);
	border-radius: var(--default-border-radius);
	margin: 0 16px 66.6666666667px 0;
	text-align: end;
	padding-right: 8px;
	width: 235.6666666667px;
	height: 24px;
}

.reward-cards:hover .reward-back {
	-webkit-transform: translateX(170px) translateY(-50px);
	transform: translateX(170px) translateY(-50px);
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
}

@-webkit-keyframes demo {
	0% {
		-webkit-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
	}
	50% {
		-webkit-transform: translateX(170px) translateY(-50px);
		transform: translateX(170px) translateY(-50px);
	}
	75% {
		-webkit-transform: translateX(170px) translateY(-50px);
		transform: translateX(170px) translateY(-50px);
	}
	100% {
		-webkit-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
	}
}

@keyframes demo {
	0% {
		-webkit-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
	}
	50% {
		-webkit-transform: translateX(170px) translateY(-50px);
		transform: translateX(170px) translateY(-50px);
	}
	75% {
		-webkit-transform: translateX(170px) translateY(-50px);
		transform: translateX(170px) translateY(-50px);
	}
	100% {
		-webkit-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
	}
}

/* Reward card design - end */

.modal-header, .modal-footer
{
	padding: 0.5rem 1rem;
}

.select2-container .select2-selection--single
{
	height: 100% !important;
	border-color: rgba(34,36,38,.15) !important;
}

.select2-container
{
	width: 100% !important;
	/*height: calc(1.5em + .75rem + 2px);*/
}

.select2-container--default .select2-selection--single .select2-selection__rendered
{
	height: 100% !important;
	line-height: 33px;
}

.blur
{
	/*-webkit-filter: blur(5px);
	filter: blur(5px);*/
}

.blurBody #posFullWrap, .blurBody .posWrapOuter
{
	/*-webkit-filter: blur(5px);
	filter: blur(5px);*/
}

.modal-content, .sweet-alert, .switchUserLogin_pos_popup_content
{
	/*background-color: rgba(210, 209, 209, 0.75);*/
	background-color: #212529;
	color: #fff;
	border-color: #646464;
}

/*.btn-close
{
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}*/

.modal-header
{
	border-bottom: 1px solid #929292;
}

.modal-footer
{
	border-top: 1px solid #929292;
}

.modal-content, .modal-dialog
{
	border-radius: var(--default-border-radius);
}

.dropdown-menu.collapsing {
	display:block;
}

/*.ui.input>input
{
	border: 1px solid rgba(34, 36, 38, 0.27);
	border-radius: var(--default-border-radius);
}*/

.form-control
{
	/*background-color: rgba(255, 255, 255, 0.4);
	border-color: #a7a7a7;*/
	border-radius: var(--default-border-radius);
	/*color: #000;*/
}

.btn
{
	border-radius: var(--default-border-radius) !important;
}

.profileDropDownWrap .dropdown-menu
{
	/*position: fixed !important;
	transform: unset !important;
	top: 32px !important;
	left: unset !important;
	will-change: transform;
	right: 0 !important;
	height: 100% !important;
	position: relative;*/

	border-radius: var(--default-border-radius);
	border: none;
	/*top: 35px !important;*/
}

/*****/

.animate {
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}

@keyframes slideIn {
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
	100% {
		transform:translateY(0rem);
		opacity: 1;
	}
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
}

@-webkit-keyframes slideIn {
	0% {
		-webkit-transform: transform;
		-webkit-opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		-webkit-opacity: 1;
	}
	0% {
		-webkit-transform: translateY(1rem);
		-webkit-opacity: 0;
	}
}

.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}

/*******/

.cartTotalWrap table tr
{
	background: rgba(51, 51, 51, 0.20);
	border-radius: var(--default-border-radius);
}

.cartTotalWrap table
{
	border: 1px solid #3c3c3c;
	border-collapse: collapse;
	border-radius: var(--default-border-radius);
	overflow: hidden;
}

.pos_opt_Wrap table
{
	border-radius: var(--default-border-radius);
	overflow: hidden;
	/*box-shadow: 1px 1px 14px #ccc;*/
}

.nav-tabs .nav-item
{
	margin-bottom: 0;
	margin-right: 3px;
}

.nav-tabs .nav-link
{
	/*border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
	border-radius: 10px;
}

.nav-tabs
{
	border-bottom: 0 !important;
}

.logoSmall_shop
{
	max-width: 30px;
}

.img-circle {
	border-radius: 100%;
}

.card-header
{
	display: flex;
	justify-content: space-between;
}

.fc-button
{
	padding: 0.1rem 0.5rem !important;
}

.sweet-alert .sa-icon.sa-success .sa-fix, .sweet-alert .sa-icon.sa-success::before, .sa-icon.sa-success.animate::after
{
	background: none !important;
}

/*.modal-backdrop.fade, .modal-backdrop, .sweet-overlay, .dropdown-menu, .select2-dropdown, .searchedItemPopUpWrap, #posOnlinePayment, #makeEwayRefund, .tox .tox-dialog-wrap__backdrop
{
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}*/

.modal-backdrop.fade, .modal-backdrop, .sweet-overlay, .tox .tox-dialog-wrap__backdrop
{
	background-color: rgba(0, 0, 0, 1) !important;
	opacity: 0.9;
}

.dropdown-menu, .select2-dropdown
{
	/*background-color: rgba(255, 255, 255, 0.5);*/
	box-shadow: 10px 10px 20px 10px rgba(99, 99, 99, 0.5);
	border: none;
}

/*.modal-backdrop.show, .profileDropDownWrap .dropdown-menu
{
	opacity: 1;
	left: unset !important;
	right: 0 !important;
	padding: 3px;
}*/

.profileDropDownWrap
{
	top: 40px !important;
}

.showBundleBtn
{
	float: right;
	position: relative;
	top: 4px;
}

.bundleItemsWrap
{
	top: 30px;
	position: relative;
	border-top: 2px solid #f00;
	padding-top: 5px;
}

.bundleProductsWrap img
{
	max-width: 100px;
	max-height: 100px;
}

.bundleProductsWrap
{
	border: 1px solid #ccc;
	border-radius: var(--default-border-radius);
	padding: 2px;
	margin: 2px;
}

.profileDropDown img
{
	width: 16px;
	height: 16px;
	border-radius: 100%;
}

.profileDropDown_details img
{
	width: 70px;
	height: 70px;
	border-radius: 100%;
}

.showOnlinePaymentFormCardDetails table
{
	background: rgba(255, 255, 255, 0.5);
	border-radius: var(--default-border-radius);
	overflow: hidden;
	margin-bottom: 0;
}

.customerInfoInBriefWrap .card
{
	border: 1px solid #a7a7a7;
}

.sweet-alert h2, .sweet-alert p
{
	color: #fff;
}

.sweet-alert, .sweet-alert button
{
	border-radius: var(--default-border-radius);
}

.sweet-alert .sa-icon.sa-warning
{
	border-color: #FFC107;
}

.sweet-alert .sa-icon.sa-warning .sa-body, .sweet-alert .sa-icon.sa-warning .sa-dot
{
	background-color: #FFC107;
}

.packedItemsTableWrap
{
	background: rgba(255, 255, 255, 0.37);
	border-radius: var(--default-border-radius);
	overflow: hidden;
}

.ewayRefundContent .text-danger
{
	color: #a90000!important
}

button:focus
{
	outline: none;
}

.selfPackingPopUp_content table, .createdPacksWrap table
{
	background: rgba(255, 255, 255, 0.5);
}

.table
{
	border-radius: var(--default-border-radius);
	overflow: hidden;
}

.table-dark input.labelauty + label > span.labelauty-unchecked-image
{
	border-color: #ffffff;
}

.posWrap_user_pos_ui .posBody_sell
{
	border: 1px solid #ccc;
	border-radius: var(--default-border-radius);
	display: flex;
	flex-direction: column;
}

.posWrap_user_pos_ui .deleteIndeItem_pos, .posWrap_user_pos_ui .addExtraWrap_pos
{
	visibility: hidden;
}

.posWrap_user_pos_ui .posBodyWrap
{
	pointer-events: none;
}

.pointer-events-none
{
	pointer-events: none;
}

.posWrap_user_pos_ui .pos_gpSaleWrap_outer
{
	display: none !important;
}

.posWrap_user_pos_ui .posBody_sale_productAddedField
{

}

.mce-tinymce, .tox-tinymce
{
	border-radius: var(--default-border-radius) !important;
	overflow: hidden !important;
}

/*.optTable, .optTable input, .salesHistoryTable
{
	background: #fff;
}*/

.customerInfoInBriefWrap .card-body
{
	background: rgba(255, 255, 255, 0.4);
}

.card, .card-body
{
	border-radius: var(--default-border-radius);
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary
{
	opacity: 1;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
	background: rgba(246, 246, 246, 0.6);
}*/

.opt_ordred_tr_bg_orange td
{
	background: #8e7650 !important;
	box-shadow: unset !important;
}

.opt_picked_tr_bg_green td
{
	background: #526f4b !important;
	box-shadow: unset !important;
}

.addExtraWrap_pos
{
	visibility: hidden;
}

.w-mw-95
{
	width: 95% !important;
	max-width: 95% !important;
}

.editPurchaseOrderComments
{
	border-radius: var(--default-border-radius);
}

.text-bold
{
	font-weight: bold !important;
}

.ui-datepicker
{
	z-index: 9999999 !important;
}

.internalCommentsTextWrap, .orderInternalComments
{
	border-radius: var(--default-border-radius);
}

.orderInternalComments
{
	background: rgba(0, 0, 0, 0.1);
	padding: 7px;
}

.closeSwal_times
{
	position: absolute;
	top: 10px;
	right: 13px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	border-radius: var(--default-border-radius);
	/*color: rgb(0, 0, 0);*/
	line-height: 1;
	font-size: 22px;
	text-shadow: 0 1px 0 #fff;
	opacity: 0.5;
}

.companyNames_pos_select, .companyNames_pos_select > div
{
	display: flex !important;
}

.dropdown.bootstrap-select
{
	width: 100% !important;
}

.dataTables_filter label
{
	width: 50% !important;
	margin-left: 0 !important;
}

.dataTables_filter input
{
	width: 100% !important;
	margin-left: 0 !important;
}

.sweet-alert.show-input input
{
	display: block;
	border-radius: var(--default-border-radius);
	opacity: 0.4;
	color: #fff;
}

summary, details
{
	border-radius: var(--default-border-radius);
	/*overflow: hidden;*/
	outline: none;
}

.bg-warning {
	background-color: #ffbb33!important;
}

.optionTemplate input, .optionTemplate select
{
	display: none !important;
}

.productCommentsGroup .card
{
	margin-bottom: 5px;
	border: none;
}

.productLine:last-child
{
	margin-bottom: 0;
}

.savedSkuNumbersWrap table
{
	opacity: 0.9 !important;
}

.savedSkuNumbersWrap .form-control, .savedSkuNumbersWrap .select2-container--default .select2-selection--multiple, #productDeatails .select2-container--default .select2-selection--multiple, #inputProductName
{
	/*border: none !important;*/
	/*background-color: rgba(255, 255, 255, 0.7) !important;
	color: #484b49 !important;*/
}

.savedSkuNumbersWrap .table-dark input[readonly]
{
	background: #8a8a8a !important;
}

.btn.focus, .btn:focus
{
	box-shadow: none !important;
}

.productCommentsGroup .card-body
{
	background: rgba(255, 255, 255, 0.5);
}

.bg-warning-soft
{
	background: #fbdb9e;
}

.rounded-10
{
	border-radius: 10px !important;
}

.rounded-15
{
	border-radius: 15px !important;
}

.rounded-20
{
	border-radius: 20px !important;
}

input[type="color"] {
	-webkit-appearance: none;
	border: none;
	min-width: 32px;
	height: 32px;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}

div.dataTables_wrapper div.dataTables_filter input
{
	padding: .375rem .75rem;
	/* height: calc(1.5em + .75rem + 2px); */
	font-size: unset;
	background: #222529;
	height: 40px;
	border-radius: var(--default-border-radius);
	color: #fff;
	/*border: none;*/
}

div.dataTables_wrapper div.dataTables_filter label
{
	position: relative;
	margin-bottom: 0;
}

div.dataTables_wrapper div.dataTables_filter label:before
{
	font-family: "Font Awesome 5 Free";
	content: "\f002";
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	position: absolute;
	color: #d4d4d5;
	top: 8px;
	right: 12px;
	font-size: 18px;
}

.packBtn
{
	margin: 5px;
}

/* for animated tick box - start */

.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #198754;
	fill: none;
	animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.checkmark {
	width: 56px;
	height: 56px;
	border-radius: 50% !important;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 10% auto;
	box-shadow: inset 0px 0px 0px #198754;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

@keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes scale {
	0%, 100% {
		transform: none;
	}
	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px #198754;
	}
}

/* for animated tick box - end */

.processLoginNow
{
	position: relative;
}

.h-100vh
{
	height: 100vh;
}

.loginRegisterSection
{
	background-image: url("/images/bhlg.png");
	position: relative;
	background-position: center top;

	display: flex;
	align-items: center;
	justify-content: center;
}

.loginRegisterSection:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);

	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

.loginRegisterSection .container
{
	position: relative;
	z-index: 9;
}

.processLoginNow_spinner
{
	border-radius: 100% !important;
	font-size: 32px;
	width: 80px !important;
	height: 80px !important;
	/*visibility: hidden;*/

	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: .15em solid currentColor;
}

.spinner-border
{
	border-width: .15em;
}

.processLoginNow_spinner_spin
{
	border-right-color: transparent !important;
}

.processLoginNow i
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 40px;
}

.loginImageWrap img
{
	width: 80px;
	border-radius: var(--default-border-radius);
}

.delete_btn_fridgeLabel
{
	position: absolute;
	right: -5px;
	top: -5px;
}

.break-word
{
	word-break: break-word !important;
}

.noOfNewSmsLabelHeaderWrap
{
	position: relative;
	text-decoration: none;
}

.noOfNewSmsLabelHeaderWrap i
{
	font-size: 28px;
}

.noOfNewSmsLabelHeader
{
	position: absolute;
	right: -15px;
	top: -2px;
	color: #fff;
	background: #f00;
	padding: 3px 4px;
	border-radius: 100%;
	font-size: 10px;
}

.opt_btn_print_sub
{
	font-size: 10px;
	position: absolute;
	top: -7px;
	z-index: 9;
	background: rgb(255 193 7);
	padding: 0 7px;
	border-radius: var(--default-border-radius);
	left: 50%;
	transform: translateX(-50%);
	color: #212529;
	font-weight: bold;
}

.searchProductForm_results
{
	z-index: 99;
}

.historyRetriveSale_color td
{
	background-color: #4a480f !important;
	box-shadow: unset !important;
}

.loggedInUserInde
{
	margin-right: 5px;
}

.blink_bg_danger
{
	animation: blinker 1s linear infinite;
	background: rgba(160, 41, 45, 0.6) !important;
}

@keyframes blinker
{
	50%
	{
		opacity: 0;
	}
}

.text-decoration-none
{
	text-decoration: none;
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES --- START
* ==========================================
*/
.nav-pills-custom .nav-link
{
	color: #aaa;
	background: #fff;
	position: relative;
}

.nav-pills-custom .nav-link.active,
.nav-pills-custom .nav-link.active.issueClosedColor a,
.nav-pills-custom .nav-link.active.issueClosedColor div
{
	color: #45b649;
	background: #fff;
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES --- END
* ==========================================
*/


.profileImg
{
	width: 40px;
	border-radius: 100%;
}

.issueClosedColor
{
	border: 1px solid #f00;
}

.issueClosedColor a, .issueClosedColor div
{
	color: #f00;
}

.measurementOptionDisabledHide
{
	display: none !important;
}

.noOfNewSmsLabelHeaderWrap:hover
{
	text-decoration: none;
}

.posProgressAlert
{
	position: fixed;
	top: 50px;
	right: 5px;
	z-index: 999999999;
}

.img-small
{
	max-height: 150px;
	max-width: 150px;
}

.border-grey
{
	border-color: #ccc !important;
}

.bg-grey
{
	background-color: #ccc !important;
}

.bg-grey-light
{
	background-color: #eaeaea !important;
}

.img-small
{
	max-width: 30px;
	max-height: 30px;
}


/* Remove Arrows/Spinners from input type number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.mce-widget.mce-tooltip {
	display: none !important;
}

.img-sm
{
	max-width: 30px;
	max-height: 30px;
}

.clientTaskEditContentEdit
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ccc;
	border-radius: var(--default-border-radius);
	outline: none;
	display: inline-block;
}

.selectedPackedItemsForm legend
{
	font-size: unset !important;
}

.selectedPackedItemsForm fieldset
{
	min-width: unset !important;
	padding: 5px !important;
	margin: 5px !important;
	border: 1px solid #808080 !important;
}

legend
{
	float: unset !important;
	width: auto !important;
}

.sweet-alert .sa-icon.sa-error .sa-line
{
	background-color: #b50000;
	top: 35px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left
{
	left: 15px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right
{
	right: 12px;
}

.sweet-alert .sa-icon.sa-error
{
	border-color: #b50000;
}

.form-select
{
	border-radius: var(--default-border-radius);
}

.card-dark .form-select
{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: right 0.75rem center !important;
	background-size: 16px 12px !important;
	background: #212529;
	color: #fff;
}

.ui.action.input:not([class*="left action"])>.button:last-child,
.ui.action.input:not([class*="left action"])>.buttons:last-child>.button,
.ui.action.input:not([class*="left action"])>.dropdown:last-child
{
	border-radius: 0 var(--default-border-radius) var(--default-border-radius) 0;
}

a:hover
{
	text-decoration: none;
}

.pagination > li
{
	margin: 3px;
}

.btn-close
{
	box-sizing: content-box !important;
}

.lh-1
{
	line-height: 1;
}

.taskStatusWrap > .col-sm-3:nth-last-child(-n+3)
{
	margin-bottom: 0 !important;
}

.ui.popup
{
	z-index: 99999;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
	position: unset;
}

.w-auto
{
	width: auto !important;
}

.dt-button
{
	color: #198754;
	background-color: transparent;

	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 2px solid #198754;
	padding: .375rem .75rem;
	font-size: 1rem;
	border-radius: var(--default-border-radius);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.dt-buttons
{
	margin-bottom: 5px;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #a1a1a1;
	opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #a1a1a1;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #a1a1a1;
}

.card-header:first-child
{
	border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
}

.card-footer:last-child
{
	border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
}

.card-footer {
	background-color: rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.2);
}

.card-header
{
	background-color: rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.2);
}

.checkbox_lg
{
	width: 30px;
	height: 30px;
}

.checkbox_md
{
	width: 23px;
	height: 23px;
}

.page-item.active .page-link {
	z-index: 3;
	background-color: #074882;
	border-color: #074882;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]
{
	padding-bottom: 17px !important;
}

.sweet-overlay
{
	z-index: 99999 !important;
}

.sweet-alert
{
	z-index: 999999 !important;
}

.tox-tinymce-aux
{
	z-index: 999999 !important;
}

.tox .tox-dialog--width-lg
{
	border-radius: var(--default-border-radius) !important;
}

.tox .tox-button
{
	border-radius: var(--default-border-radius) !important;
}

.salesHistoryDate
{
	max-width: 140px;
}

.card-dark summary.card-header
{
	display: list-item !important;
}

.card-dark
{
	background-color: #212529!important;
	color: #fff !important;
}

.card-dark .form-control
{
	background-color: transparent !important;
	color: #fff !important;
}

.card-dark .pagination>li>a, .card-dark .pagination>li>span
{
	color: #fff;
}

.card-dark .dt-button
{
	border-color: #fff;
	color: #fff;
	border-width: 1px;
	background: #212529 !important;
}

input[type=checkbox], input[type=radio]
{
	width: 23px;
	height: 23px;
	display: inline-block;
	/*top: 6px;*/
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 3px;
	border-color: #1c7e5a;
	min-width: 23px;
	min-height: 23px;
}

input[type=checkbox]:checked, input[type=radio]:checked
{
	border: none;
}

input[type=checkbox]:checked:after, input[type=radio]:checked:after
{
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
	position:absolute;
	top:0;
	font-size: 15px;
	color: #fff;
	background: #1c7e5a;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 3px;
}

input[type=checkbox].incompleteInputCheckbox:checked:after,
input[type=radio].incompleteInputCheckbox:checked:after
{
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
	position:absolute;
	top:0;
	font-size: 15px;
	color: #fff;
	background: #a88b00;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

input[type=checkbox].rounded-circle:checked:after
{
	border-radius: 100% !important;
}

input[type=checkbox].border-warning:checked:after
{
	color: #212529 !important;
	background: #ffc008 !important;
}

input[disabled]:after
{
	background: #9f9f9f !important;
	border-color: #9f9f9f !important;
}

input[disabled]
{
	border-color: #9f9f9f !important;
}

.table .selected > td
{
	background-color: #132231 !important;
	box-shadow: unset !important;
}

.bg-dark .form-control
{
	background: none !important;
	color: #fff !important;
}

.profileImg {
	height: 40px;
	width: 40px;
	object-fit: cover;
	object-position: center;
	border-radius: 100%;
}

.profileImg_sm {
	height: 30px;
	width: 30px;
	object-fit: cover;
	object-position: center;
	border-radius: 100%;
}

.profileImg_xs {
	height: 20px;
	width: 20px;
	object-fit: cover;
	object-position: center;
	border-radius: 100%;
}

.searchInput {
	background: rgba(255, 255, 255, 0.4);
	border: none !important;
}

.bg-light-grey {
	background-color: #ececec;
}

.border-light-grey {
	border-color: #ececec !important;
}

.border-grey {
	border-color: #ced4da;
}

.text-grey {
	color: #ced4da;
}

.text-small {
	font-size: 12px !important;
}

.bg-primary-light
{
	background-color: #2d8bda !important;
}

.received_msg p, .sent_msg p
{
	margin-bottom: 0;
}

.mw-75
{
	max-width: 75%;
}

.messages ul {
	display: flex;
	flex-direction: column-reverse;
}

.negativeQty .qtyChange
{
	color: #dc3545 !important;
}

.userAvatarMessage:not(:first-child)
{
	margin-left: -30px;
}

.userAvatarMessage
{
	border: 2px solid #212529;
}

.bg-dark .filter-option
{
	color: #fff;
}

.table-dark
{
	border-color: #5d5d5d;
}

table
{
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: var(--default-border-radius);
	overflow: hidden;
	width: 100% !important;
}

table>:not(caption)>*>*
{
	padding: .5rem .5rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

table.table-bordered thead tr:first-child th,
table.table-bordered thead tr:first-child td
{
	border-top-width: 1px;
}

table.table-bordered th,
table.table-bordered td
{
	border-bottom-width: 1px;
}

table.table-bordered th:first-child,
table.table-bordered th:first-child,
table.table-bordered td:first-child,
table.table-bordered td:first-child
{
	border-left-width: 1px;
}

table.table-bordered th,
table.table-bordered td {
	border-left-width: 0;
}

table > *:first-child > tr:first-child > td:first-child,
table > *:first-child > tr:first-child > th:first-child
{
	border-top-left-radius: var(--default-border-radius);
}

table > *:first-child > tr:first-child > td:last-child,
table > *:first-child > tr:first-child > th:last-child
{
	border-top-right-radius: var(--default-border-radius);
}

table > *:last-child > tr:last-child > td:first-child,
table > *:last-child > tr:last-child > th:first-child
{
	border-bottom-left-radius: var(--default-border-radius);
}

table > *:last-child > tr:last-child > td:last-child,
table > *:last-child > tr:last-child > th:last-child
{
	border-bottom-right-radius: var(--default-border-radius);
}

table > *:last-child > tr:not(.d-none)
{

}

.productListRow
{
	line-height: 1.2;
}

.productListRow:last-child
{
	margin-bottom: 0 !important;
}

dd{
	display: flex;
	align-items: center;
}

.blink {
	animation: blinker 3s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.addedImageInhouseTestingWrap
{
	display: flex;
	display: -webkit-flex;
}

.addedImageInhouseTestingWrap img
{
	max-width: 200px;
	max-height: 200px;
}

.addedImageInhouseTestingWrap > div
{
	margin-right: 15px;
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	position: relative;
}

.addedImageInhouseTestingWrap > div:last-child
{
	margin-right: 0 !important;
}

.imgLabelOnSearch_inhouseTesting
{
	max-width: 70px;
	max-height: 70px;
	vertical-align: middle;
}

.featureProductWrap img
{
	max-width: 100px;
	max-height: 100px;
}

.featureProductWrap
{
	width: 17%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-item: center;
	-webkit-align-item: center;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	border: 1px solid #ccc;
	border-radius: var(--default-border-radius);
	padding: 5px;
	margin-bottom: 10px;

	position: relative;
	background: #fff;
	cursor: move;
}

.featureProductWrap > div
{
	width: 100%;
	text-align: center;
}

.deleteFeatureProductBtn
{
	width: 22px;
	height: 22px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	border-radius: 100%;
	position: absolute;
	left: -5px;
	top: -5px;
	background: #f00;
	color: #fff;
	cursor: pointer;
}

.productName_inhouseTesting_search
{
	margin-left: 20px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
}

.avatar
{
	max-width: 80px;
	max-height: 80px;
}

.shippingETA_alternate
{
	min-width: 150px;
}

.mapAssignOrders
{
	height: 700px;
}

.overflow-unset
{
	overflow: unset !important;
}

.draggable_orderItem
{
	z-index: 999;
}

.orderListEventOrders
{
	position: sticky;
	top: 50px;
	z-index: 999999;
}

.orders_alreadyAssigned_wrap
{
	position: relative;
}

.assignedOrderList_event
{
	position: relative;
	padding-left: 12px;
}

.orders_alreadyAssigned_wrap:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 100%;
	background: #000;
	top: 0px;
	left: 6px;
	border-radius: var(--default-border-radius);
}

.assignedOrderList_event:before
{
	content: '';
	position: absolute;
	width: 30px;
	height: 40px;
	border-left: 3px solid #000;
	border-bottom: 3px solid #000;
	border-bottom-left-radius: 20px;
	top: 50%;
	transform: translateY(-95%);
	left: 0px;
}

.form-select:disabled,.form-control:disabled, .form-control[readonly]
{
	background-color: #4a4a4a !important;
}

.ui-helper {
	width: 100% !important;
}

.draggableItemsWrap
{
	min-height: 100px;
	position: relative;
}

.draggableItemsWrap:before
{
	content: 'Drop here...';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	color: #ccc;
}

/*.accordion-item:first-of-type .accordion-button, .accordion-item:first-of-type {
	border-top-left-radius: var(--default-border-radius) !important;
	border-top-right-radius: var(--default-border-radius) !important;
}

.accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:last-of-type, .tab-content
{
	border-bottom-right-radius: var(--default-border-radius) !important;
	border-bottom-left-radius: var(--default-border-radius) !important;
}*/

.accordion-item, .accordion-button
{
	background: #212529 !important;
	color: #fff !important;
	border-radius: var(--default-border-radius);
}

.accordion-button, .accordion-body
{
	padding: 10px !important;
}

.accordion-body
{
	border-radius: var(--default-border-radius);
}

.accordion-item
{
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.accordion-button::after
{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.ui.popup
{
	background: #212529;
	border-radius: 15px;
}

.ui.top.popup:before, .ui.bottom.popup:before
{
	background: #212529;
}

.loginSuccessMark
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.md-form.md-outline label.active
{
	background: #ffc008;
	color: #000;
	border-radius: 15px;
}

.customer_trans_linked_highlight
{
	background-color: #1464a1 !important;
	color: #fff !important;
	animation: blinker 2s linear infinite;
	box-shadow: unset !important;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.trashBtnBulkEmailPopUp
{
	position: relative;
	top: -3px;
}

.bg-orange
{
	background-color: #cc661d !important;
}

.customerNamePopUpHistory
{
	color: #000 !important;
}


.card-dark .page-item:first-child .page-link,
.card-dark .page-item:last-child .page-link, 
.card-dark .page-item.disabled .page-link
{
	background-color: transparent;
	border: 1px solid #797979;
	border-radius: var(--default-border-radius);
}

.page-item:last-child .page-link, .page-item:first-child .page-link
{
	border-radius: var(--default-border-radius);
}

.assignableDropedOrders
{
	position: relative;
	min-height: 100px;
}

.assignableDropedOrders:after
{
	content: 'Drop here';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #3b3b3b;
}

.assignableDropedOrders > details:last-child
{
	margin-bottom: 0 !important;
}

.closeBtn_posActionsNextToSearch
{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	z-index: 999;
}

.createdPacksWrapDisable
{
	pointer-events: none;
	position: relative;
}

.createdPacksWrapDisable:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
}

.tail-datetime-calendar .calendar-actions
{
	border-radius: var(--default-border-radius);
	margin-bottom: 10px;
}

.tail-datetime-calendar
{
	padding: 5px;
	border-radius: var(--default-border-radius);
}

.tail-datetime-calendar .calendar-datepicker table
{
	border: 1px solid #505050;
	border-radius: var(--default-border-radius);
}

.dataTables_scrollHeadInner
{
	padding-right: 0 !important;
}

.draggableStaffList
{
	z-index: 9999;
}

.draggableStaffList.cloned .deleteStaffBtn
{
	display: block !important;
	position: absolute;
	right: -7px;
	top: -10px;
}

.managerDroppable,
.otherStaffDroppable
{
	min-height: 50px;
	position: relative;
}

.managerDroppable:before,
.otherStaffDroppable:before
{
	content: 'Drop here...';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #5e5e5e;
	text-align: center;
}

.allOptCheckBoxWrapInner
{
	border-radius: 15px;
	margin: 5px;
	background: #212529;
}

.posBody_sale_total > button
{
	display: flex;
	align-items: center;
}

[contentEditable=true]:empty:not(:focus):before
{
	content: attr(data-text);
	color: #656565;
}

.sp-input-container
{
	width: 100%;
}

.sp-dd
{
	display: none !important;
}

.selectedCustomerName_innerName,
.selectedCustomerNameOpeningBal
{
	position: relative;
}

.darkModePos .selectedCustomerName_innerName,
.darkModePos .selectedCustomerNameOpeningBal
{
	color: #FFFFFF !important;
}

.icon18
{
	width: 25px;
	position: absolute;
	top: 0;
	right: -35px;
}

.icon18_popup
{
	width: 70px;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.darkModePos .icon18
{
	color: #fff;
	filter: invert(100%);
}

.eventIcon18
{
	position:absolute;
	right:15%;
	top:0;
}
.eventIcon18 img
{
	height:30px;
	width:30px;
}

.tox-tinymce {
	border: 1px solid #737373 !important;
}

.productOrderList_forReceive_readonly .deletePurchaseOrderLineBtn
{
	display: none;
}

.productOrderList_forReceive_readonly input
{
	pointer-events: none;
	border: none;
}

.breadcrumb
{
	background: #212529;
	padding: 10px;
	color: #ffbb33;
	border-radius: var(--default-border-radius);
}

.gPreview_title
{
	color: #1a0dab;
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 3px;
}

.gPreview_link
{
	color: #202124;
	line-height: 1;
}

.gPreview_link .dots
{
	color: #70757a;
}

.gPreview_description
{
	color: #4d5156;
}

.gPreview_link .fa-angle-right
{
	font-size: 14px;
	color: #5f6368;
	line-height: 1.3;
}

/*.ui-datepicker
{
	top: 20% !important;
}*/

.sweet-alert
{
	max-width: 70%;
	min-width: 400px;
	width: auto;
	padding: 17px;
	border-radius: var(--default-border-radius);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: auto !important;
	border: 1px solid #4f4f4f;
}

.sweet-alert h2
{
	font-size: 18px;
	margin-top: 5px;
}

.sa-button-container
{
	display: flex;
	justify-content: center;
	padding-top: 20px;
}

.closeSwal_times
{
	z-index: 9;
}

.postProductListWrap
{
	position: relative;
}

.postProductListWrap img
{
	max-width: 100px;
	max-height: 100px;
	object-fit: contain;
}

.postProductListDeleteBtn
{
	position: absolute;
	top: 0;
	right: 0;
}

.select2-search__field::placeholder {
	color: #9d9d9d;
}

.userRoasterTimeList
{
	color: #fff;
	border: none;
}

.userRoasterTimeListHeader
{
	font-size: 15px;
}

.rosteredStaffListItem
{
	z-index: 9999999;
}

.rosteredStaffListItem.cloned
{
	width: 100%;
	margin-bottom: 10px;
}

.staffCommentIcon
{
	position: absolute;
	top: -9px;
	right: -5px;
}

/*.sweet-alert .sa-confirm-button-container
{
	margin-top: 30px;
}*/

.sweet-alert .la-ball-fall
{
	display: none;
}

.sweet-alert .sa-confirm-button-container
{
	display: block;
	margin: 0 10px;
}

.copy-notification 
{
	color: #ffffff;
	background-color: rgba(0,0,0,0.8);
	padding: 20px;
	border-radius: 30px;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 150px;
	margin-top: -30px;
	margin-left: -85px;
	display: none;
	text-align:center;
	z-index: 999999999;
}

.noOfNewRosterCommentsLabelHeader
{
	font-size: 10px;
	position: absolute;
	right: -10px;
	top: -2px;
}

.rosterComments_read_unread_indicator
{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin-right: 5px;
}

.rosterComments_unread_indicator
{
	background: #239d00;
}

.rosterComments_read_indicator
{
	background: #a6a6a6;
}

.roasterUpdateAlert
{
	position: fixed;
	top: 100px;
	right: 10px;
	display: none;
}

.fc-toolbar-chunk > div
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.calendar_roster a
{
	color: #fff !important;
}

.fc .fc-toolbar {
	display: unset;
}

.fc .fc-scrollgrid-liquid
{
	border-radius: var(--default-border-radius);
	overflow: hidden;
}

#calendar_dashboard .fc-event
{
	border: 1px dashed #ccc;
	margin-bottom: 2px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 3px;
}

.fc-toolbar-chunk
{
	width: 100%;
	flex: 1;
}

#calendar_dashboard table,
#calendar_dashboard td,
#calendar_dashboard th,
#calendar_events table,
#calendar_events td,
#calendar_events th
{
	border-radius: 0 !important;
}

.fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-scrollgrid
{
	border: 1px solid #4d4d4d;
}

.fc table {
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 1em;
}

.productBrief .card-body,
.productDescription .card-body
{
	position: relative;
}

.ai_question_btn
{
	top: -35px;
	position: absolute;
	right: 3px;
	font-size: 12px;
}

.fc .fc-non-business
{
	background: unset;
}

.fc-day:has(.unpublishedRoster)
{
	background: #5e5e5e !important;
}

.unpublishedRoster
{
	position: relative;
}

.unpublishedRoster:before
{
	content: 'Unpublished';
	position: relative;
	top: -2px;
	right: 2px;
	font-size: 9px;
	background: #818181;
	padding: 2px;
	border-radius: 7px;
	color: #000;
	white-space: nowrap;
}

.fc-event .fc-event-main
{
	width: 100%;
}

.selectedDateRangePublishWrap
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
}

.smallShopSignTextWrap
{
	position: absolute;
	top: 50%;
	left: 51%;
	transform: translate(-50%, -50%);
	width: 80%;
}

.createSmallShopSignBodyWrap img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ui-datepicker-multi
{
	width: auto !important;
}

.sweet-alert:has(.rosterDetailsForm) .sa-button-container
{
	padding-top: 0;
}

.copyLinkButton
{
	position: relative;
}

.tooltiptext
{
	display: none;
	width: 80px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -45px;
	transition: opacity 0.3s;
}

.tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

#ui-datepicker-div
{
	top: 10% !important;
	left: calc(50% - 100px) !important;
	/*transform: translate(-50%, -50%);*/
	position: fixed !important;
}

#ui-datepicker-div > div,
#ui-datepicker-div > table
{
	z-index: 99999;
	position: relative;
	background: #172d44;
}

#ui-datepicker-div > table
{
	border-radius: 0 !important;
	margin-bottom: 0;
}

#ui-datepicker-div > .ui-datepicker-header
{
	background: #172D44;
}

#ui-datepicker-div:after
{
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.9);
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.ui-datepicker .ui-datepicker-buttonpane
{
	margin: 0;
	display: flex;
	justify-content: space-between;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane button
{
	float: unset;
}

.modal-open
{
	height: 100% !important;
}


.searchedProductTable_stockLocationWrap
{
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 99;
}

.shortCutProductListItem img
{
	max-width: 80px;
	max-height: 80px;
}

.shortCutProductListItemTrash
{
	position: absolute;
	top: -5px;
	right: -5px;
}

.shortCutProductListItemEdit
{
	position: absolute;
	top: 30px;
	right: -5px;
}

.shortCutProductListItemTitleEditArea
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	border-radius: var(--default-border-radius);
	box-shadow: 1px 1px 5px #ccc;
}

.shortCutProductListItemMoreInfo
{
	position: absolute;
	top: 65px;
	right: -5px;
}

.shortCutProductListItemTitleEditArea textarea
{
	resize: none;
}

.shortCutProductListItemTitle
{
	font-size: 12px;
}

.shortCutProductsWrap
{
	overflow-y: scroll;
	padding: 5px 15px 90px 5px;
}

.offcanvas
{
	z-index: 9999999;
}

.hideInDesktop
{
	display: none;
}

.showReserveQtyPopUp
{
	display: none;
}

.visibility-hidden
{
	visibility: hidden;
}

.returnAbleQtyWrap
{
	flex-wrap: nowrap;
}

.returnItemsInput,
.returnAbleQtyWrap .column
{
	min-width: 70px;
}

.gutter {
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 50%;
}

.gutter.gutter-horizontal
{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
	cursor: col-resize;
}

.ui-widget-content {
	background-color: #343a40; /* Dark background */
	color: #f8f9fa; /* Light text */
}
.ui-widget-header {
	background-color: #212529; /* Darker header background */
	color: #f8f9fa;
}
.ui-widget-overlay {
	background-color: rgba(0, 0, 0, 0.7); /* Darker overlay */
}

.sa-button-container .cancel
{
    order: 2;
}

.sa-button-container .sa-confirm-button-container
{
    order: 1;
}

.sa-button-container .btn
{
    box-shadow: none !important;
}

.voipCallerPopup
{
	position: fixed;
	top: 100px;
	right: 10px;
	z-index: 999;
	display: none;
	max-height: 80vh;
	overflow-y: scroll;
}

.invertSiteImgColor
{
	filter: invert(100%);
}

.posSiteImgPhoneNotification
{
	display: flex;
}

.posSiteImgPhoneNotification img
{
	max-width: 25px;
	max-height: 25px;
	margin-right: 5px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: black;
}

.select2-dropdown
{
    background-color: #212529;
    border-radius: var(--default-border-radius) !important;
}

.select2-results__option
{
    border-radius: var(--default-border-radius);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
{
    padding: 3px 5px;
    background-color: #ffbb33;
    border: 1px solid #ffbb33;
    border-radius: var(--default-border-radius);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    color: #212629;
}

.select2-container--default .select2-selection--multiple
{
    border: 1px solid #595959;
    border-radius: var(--default-border-radius) !important;
	color: #000;
}

.darkModePos .select2-container--default .select2-selection--multiple
{
	background-color: #212529;
	color: #fff;
}

.card-dark .select2-container--default .select2-selection--multiple
{
    background: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display
{
    color: #000;
}

.custom-tooltip {
	--bs-tooltip-bg: #fff;
	--bs-tooltip-color: #000;
}

.bg-none,
.bg-none.form-control:disabled
{
	background: none !important;
	background-color: transparent !important;
}

.trashAddedSwapItem
{
	position: absolute;
	top: -10px;
	right: -10px;
}

.allDayContent .fc-daygrid-day-events
{
    display: flex;
    flex-wrap: wrap;
}

.btn-white
{
    background: #FFFFFF;
    color: #000;
}