@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,700&display=swap";

:root {
	--clr-common-white: #fff;
	--clr-common-black: #000;
	--clr-body-heading: #0D0F19;
	--clr-body-bodyText: #616161;
	--clr-body-grayBorder: #EFF0F2;
	--clr-body-bodyBg: #F6F6F6;
	--clr-body-grayBg: #FCFCFC;
	--clr-body-grayBgLight: #f9f9f9;
	--clr-theme-themeBlue: #6F4EF6;
	--clr-theme-themeGreen: #5BC5A8;
	--clr-theme-themeGreenDark: #27DB8D;
	--clr-theme-themeOrange: #FF9720;
	--clr-theme-themeOrangeDark: #FFC403;
	--clr-theme-themeWarn: #DF7272;
	--clr-theme-themePerple: #866AD4
}

html,
body {
	height: 100%
}

body {
	padding: 0;
	margin: 0;
	font-family: nunito sans, sans-serif;
	box-sizing: border-box
}

main {
	height: 100%
}

div img,
div svg,
div video,
div canvas,
div audio,
div iframe,
div embed,
div object {
	display: inline-block
}

button {
	box-sizing: border-box;
	position: relative;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	outline: none;
	border: none;
	-webkit-tap-highlight-color: transparent;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none;
	vertical-align: baseline;
	text-align: center;
	margin: 0;
	min-width: 0;
	line-height: 36px;
	padding: 0 16px;
	border-radius: 4px;
	overflow: visible;
	transform: translate3d(0, 0, 0);
	transition: background 400ms cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
	padding: 0
}

button,
input,
optgroup,
select,
textarea {
	font-family: nunito sans, sans-serif !important
}

.metismenu .has-arrow::after {
	transform: rotate(-225deg) translate(0, -50%)
}

.tab {
	display: none
}

.tab-active,
.tab-activeA {
	display: block
}

.breadcrumb h1 {
	color: #666
}

.cashier-select-field {
	display: block;
	overflow: visible
}

.boxshadow {
	box-shadow: 1px 1px 6px 0px;
}

.cashier-select-field-style .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
	display: none
}

.cashier-select-field-style .mat-form-field-hide-placeholder .mat-select-placeholder {
	color: var(--clr-body-bodyText);
	opacity: .7;
	-webkit-text-fill-color: var(--clr-body-bodyText)
}

.cashier-select-field-style .mat-form-field-appearance-legacy .mat-form-field-underline {
	display: none
}

.cashier-select-field-style select,
.cashier-select-field-style .nice-select {
	height: 48px;
	line-height: 46px;
	border: 1px solid #000;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 3px;
	outline: none;
	display: block;
	font-size: 14px;
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif;
	font-weight: 400;
	width: 100%;
	background: var(--clr-body-bodyBg)
}

.cashier-select-field-style .mat-form-field-subscript-wrapper {
	padding-top: 0;
	padding-bottom: 0;
	top: 0
}

.cashier-select-field-style .single-input-field {
	display: block
}

.cashier-select-field-style select,
.cashier-select-field-style .nice-select {
	width: 100%
}

.cashier-select-field-style .mat-form-field-label-wrapper {
	padding-top: 0;
	top: -18px
}

.cashier-select-field-style .mat-select-value-text {
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif
}

.cashier-select-field-style .single-input-field {
	font-family: nunito sans, sans-serif
}

.cashier-input-field-style input {
	margin: 0;
	height: 48px;
	line-height: 46px;
	border: 1px solid #000;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 3px;
	outline: none;
	display: block;
	font-size: 14px;
	color: #000;
	font-family: nunito sans, sans-serif;
	font-weight: 400;
	width: 100%;
	background: var(--clr-body-bodyBg);
	box-sizing: border-box
}

.cashier-input-field-style input:focus {
	outline: none;
	border-color: var(--clr-body-grayBorder);
	box-shadow: none;
	--tw-ring-color: none
}

.cashier-input-field-style textarea {
	height: 48px;
	line-height: 46px;
	border: 1px solid #000;
	padding: 0 20px;
	border-radius: 3px;
	outline: none;
	display: block;
	font-size: 14px;
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif;
	font-weight: 400;
	width: 100%;
	background: var(--clr-body-grayBg);
	box-sizing: border-box;
	transition: all linear .3s
}

.cashier-input-field-style textarea:focus {
	background: var(--clr-common-white);
	outline: none;
	border-color: var(--clr-body-grayBorder);
	box-shadow: none;
	--tw-ring-color: none
}

.cashier-input-field-style textarea::-moz-placeholder,
.cashier-input-field-style textarea::placeholder {
	color: var(--clr-body-bodyText);
	opacity: .7;
	font-family: nunito sans, sans-serif;
	font-weight: 400
}

.cashier-input-field-style textarea {
	padding-bottom: 10px;
	height: 120px
}

.cashier-input-field-file-label input {
	height: 48px;
	line-height: 46px;
	border: 1px solid #000;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 3px;
	outline: none;
	display: block;
	font-size: 14px;
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif;
	font-weight: 400;
	width: 100%;
	background: var(--clr-body-grayBg);
	box-sizing: border-box;
	cursor: pointer
}

.cashier-input-field-file-label input:focus {
	background: var(--clr-common-white)
}

.cashier-input-field-file-label input::file-selector-button {
	background: var(--clr-body-grayBg);
	border-radius: 4px;
	border: 1px solid var(--clr-body-grayBorder);
	padding: 0;
	padding-left: 8px;
	padding-right: 8px;
	font-family: nunito sans, sans-serif;
	font-weight: 400;
	color: var(--clr-body-bodyText);
	margin-right: 12px
}

input[type=radio]~input[type=radio] {
	margin-left: 16px
}

.cashier-radio-field-style input:focus {
	outline: none;
	border-color: #1c64f2;
	box-shadow: none;
	--tw-ring-color: none
}

.cashier-radio-field-style label {
	font-size: 14px;
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif;
	padding-left: 2px
}

.cashier-radio-field-style .mat-radio-outer-circle {
	height: 14px;
	width: 14px;
	border: 3px solid #c9ccd4;
	top: 3px
}

.cashier-radio-field-style .mat-radio-checked .mat-radio-outer-circle {
	background: var(--clr-theme-themeBlue)
}

.cashier-radio-field-style .mat-radio-button.mat-accent .mat-radio-inner-circle {
	background: 0 0
}

.cashier-radio-field-style .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
	border-color: #c9ccd4
}

.cashier-radio-field-style .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple {
	background: var(--clr-theme-themeBlue)
}

.cashier-calender-field-style .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
	display: none
}

.cashier-calender-field-style .mat-form-field-hide-placeholder .mat-select-placeholder {
	display: none
}

.cashier-calender-field-style .mat-form-field-appearance-legacy .mat-form-field-underline {
	display: none
}

.cashier-calender-field-style input {
	height: 48px;
	line-height: 46px;
	border: 1px solid var(--clr-body-grayBorder);
	padding: 0 20px;
	border-radius: 3px;
	outline: none;
	display: block;
	font-size: 14px;
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif;
	font-weight: 400;
	width: 100%;
	background: var(--clr-body-grayBg);
	box-sizing: border-box
}

.cashier-calender-field-style input:focus {
	outline: none;
	border-color: var(--clr-body-grayBorder);
	box-shadow: none;
	--tw-ring-color: none
}

.cashier-calender-field-style .mat-form-field-infix {
	width: 100%;
	border-top: 0;
	height: 100%;
	display: flex;
	align-items: center
}

.cashier-calender-field-style .mat-form-field-appearance-fill .mat-form-field-infix {
	padding: 8px 0 .75em
}

.cashier-calender-field-style .mat-form-field-wrapper,
.cashier-calender-field-style .mat-form-field-appearance-legacy .mat-form-field-wrapper {
	padding-top: 0;
	padding-bottom: 0;
	top: 0
}

.cashier-calender-field-style .mat-form-field {
	display: block
}

.cashier-calender-field-style .mat-form-field-label-wrapper {
	padding-top: 0;
	top: -4px
}

.cashier-calender-field-style .mat-select-arrow {
	color: var(--clr-body-bodyText)
}

.cashier-calender-field-style .mat-select-value {
	color: var(--clr-body-bodyText)
}

.cashier-calender-field-style .mat-form-field-underline {
	display: none
}

.cashier-calender-field-style .mat-form-field-suffix {
	position: absolute;
	top: 7px;
	right: 20px
}

.cashier-calender-field-style .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
	height: inherit;
	width: inherit
}

.cashier-calender-field-style .mat-form-field-appearance-fill .mat-form-field-flex {
	padding: 6px 20px 0
}

.cashier-calender-field-style svg {
	display: block !important
}

abbr[title] {
	text-decoration: none !important
}

.cashier-popup-header-close a {
	height: 36px;
	width: 36px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	border: 1px solid var(--clr-theme-themeWarn);
	border-radius: 3px;
	outline: none
}

.cashier-popup-header-close a i {
	font-size: 16px;
	line-height: 34px;
	color: var(--clr-theme-themeWarn);
	margin-right: 0;
	transform: translateX(0px) !important
}

.cashier-popup-btn button {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--clr-common-white) !important;
	border-radius: 5px !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 16px !important;
	width: 100% !important;
	text-align: center
}

.cashier-popup-btn button.btn-primary {
	background: var(--clr-theme-themeBlue)
}

.mat-dialog-container {
	padding: 0 !important;
	border-radius: 10px !important;
	overflow: hidden !important
}

.cdk-overlay-dark-backdrop {
	background: rgba(0, 0, 0, .5)
}

.mat-dialog-content {
	max-height: 90vh;
	max-width: 90vw
}

.dropdown {
	position: relative
}

.dropdown-list {
	background: var(--clr-common-white);
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	z-index: 1000;
	padding-top: 8px;
	padding-bottom: 8px;
	position: absolute;
	right: 0;
	border-radius: 4px;
	display: none;
	min-width: 100%
}

.dropdown-menu-content {
	padding-top: 8px;
	padding-bottom: 8px
}

button.dropdown-menu-item {
	width: 100% !important;
	margin-left: 0 !important
}

button.dropdown-menu-item:hover {
	background: #f6f9ff
}

.dropdown-menu-item {
	user-select: none;
	cursor: pointer;
	outline: none;
	border: none !important;
	-webkit-tap-highlight-color: transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	line-height: 48px;
	height: 48px;
	padding: 0 16px !important;
	text-align: left !important;
	text-decoration: none;
	position: relative;
	height: 40px !important;
	line-height: 40px !important
}

.dropdown-menu-item img {
	width: 16px;
	margin-right: 12px;
	max-width: inherit
}

.dropdown-menu-item span {
	color: var(--clr-body-heading)
}

.mat-menu-item:hover:not([disabled]) {
	background: #f6f9ff
}

.common-action-menu-style {
	color: var(--clr-theme-themeBlue);
	height: 36px;
	border: 1px solid #c1d5fe;
	border-radius: 3px;
	padding: 0 10px;
	width: inherit;
	line-height: 36px;
	font-size: 14px
}

.common-action-menu-style span {
	color: var(--clr-theme-themeBlue)
}

.common-action-menu-style i {
	width: 18px !important
}

div .cashier-table-header-search input {
	height: 40px;
	width: 100%;
	display: block;
	border-radius: 3px;
	border: 1px solid var(--clr-body-grayBorder);
	padding-left: 44px;
	padding-right: 16px;
	font-size: 14px;
	font-weight: 400;
	font-family: nunito sans, sans-serif;
	color: var(--clr-body-bodyText)
}

div .cashier-table-header-search input:focus {
	outline: none;
	border-color: var(--clr-body-grayBorder);
	box-shadow: none;
	--tw-ring-color: none
}

div .cashier-table-header-search span {
	position: absolute;
	top: 10px;
	left: 14px;
	color: #b7b7b7;
	font-size: 16px;
	display: inline-block
}

div .cashier-input-field-file label {
	height: 48px;
	border-radius: 0;
	outline: none;
	display: block;
	width: 100%;
	background: 0 0;
	cursor: pointer;
	border: 0;
	line-height: 48px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--clr-common-white) !important;
	transition: all linear .3s
}

div .cashier-input-field-file label:focus {
	background: var(--clr-common-white)
}

div .cashier-input-field-file input {
	display: none
}

.cashier-table-header-search-action-btn button {
	height: 40px;
	width: 40px;
	border-radius: 3px;
	border: 1px solid var(--clr-body-grayBorder);
	padding: 0;
	font-size: 14px;
	line-height: 38px;
	font-weight: 400;
	font-family: nunito sans, sans-serif;
	display: inline-block;
	color: var(--clr-body-bodyText);
	text-align: center;
	margin-left: 10px
}

@media(max-width:575px) {
	.cashier-table-header-search-action-btn button {
		margin-bottom: 6px
	}
}

.cashier-table-header-search-action-btn button svg {
	display: inline-block
}

.cashier-table-header-search-action-btn button.filter {
	width: inherit;
	border-color: var(--clr-theme-themeBlue);
	padding-left: 20px;
	padding-right: 20px;
	color: var(--clr-theme-themeBlue);
	margin-left: 0
}

@media(max-width:767px) {
	.cashier-table-header-search-action-btn button.filter {
		padding-left: 16px;
		padding-right: 16px
	}
}

.cashier-table-header-search-action-btn button.filter svg {
	margin-right: 6px
}

.cashier-table-header-search-action-btn button.pdf {
	border-color: var(--clr-theme-themeOrange)
}

.cashier-table-header-search-action-btn button.csv {
	border-color: var(--clr-theme-themeGreenDark)
}

.cashier-table-header-search-action-btn button.printer {
	border-color: var(--clr-theme-themeBlue)
}

.cashier-table-header-search-action-btn .dropdown {
	display: inline-block;
	margin-left: 10px
}

.cashier-dashboard-sidebar {
	transition: all linear .3s;
	position: relative;
	max-width: 315px;
	margin-left: 0;
	background: var(--clr-common-white);
	z-index: 10
}

.cashier-dashboard-sidebar .cashier-header-bar-responsive {
	position: absolute;
	top: 23px;
	right: -60px;
	z-index: 11;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: 32px;
	width: 32px;
	line-height: 47px;
	color: var(--clr-theme-themeBlue);
	background: var(--clr-body-grayBorder)
}

@media(max-width:1200px) {
	.cashier-dashboard-sidebar .cashier-header-bar-responsive {
		right: -44px
	}
}

@media(max-width:359px) {
	.cashier-dashboard-sidebar .cashier-header-bar-responsive {
		right: -20px !important
	}
}

.cashier-dashboard-sidebar .cashier-header-bar-responsive .mat-icon {
	line-height: 0
}

.cashier-dashboard-main {
	margin-left: auto;
	height: 100vh;
	width: 100%;
	transition: all linear .3s
}

.cashier-dashboard-sidebar.sidebar-enable .cashier-menu-wrapper {
	left: -315px
}

@media(min-width:320px) and (max-width:1900px) {
	.cashier-dashboard-sidebar.sidebar-enable .cashier-menu-wrapper {
		left: 0
	}
}

.cashier-dashboard-main.sidebar-enable {
	width: calc(100% - 0px)
}

@media(max-width:1400px) {
	.cashier-menu-overlay.sidebar-enable {
		background: rgba(0, 0, 0, .6);
		transition: all linear .3s;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10px
	}
}

.cashier-breadcrumb-area {
	display: none
}

@media(max-width:575px) {
	.cashier-breadcrumb-area {
		display: block
	}
}

.cashier-content-area {
	margin-top: 30px
}

@media(max-width:575px) {
	.cashier-header-breadcrumb {
		display: none
	}
}

.cashier-header-area {
	position: sticky;
	top: 0;
	z-index: 2
}

.cashier-header-shortmenu {
	position: relative
}

.cashier-header-shortmenu .mat-icon {
	font-size: 18px;
	width: 18px !important
}

@media(max-width:359px) {
	.cashier-header-shortmenu {
		display: none
	}
}

.cashier-header-language-content ul li {
	line-height: 1
}

.cashier-header-language-content .mat-icon {
	width: 14px !important;
	color: var(--clr-body-bodyText);
	font-size: 18px;
	transform: translateY(4px)
}

.cashier-header-language-content {
	transform: translateY(-2px)
}

.cashier-header-bar {
	line-height: 1
}

.custom-height-70 {
	height: 70px
}

.cashier-header-notify-wrapper svg {
	min-width: 18px
}

.cashier-header-profile-info i {
	color: var(--clr-body-heading);
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	transform: translateY(4px)
}

.cashier-header-bar span {
	margin-bottom: 1px
}

.cashier-quick-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	width: 220px;
	z-index: 9;
	border: 1px solid var(--clr-body-grayBorder);
	padding: 12px 20px;
	background: var(--clr-common-white);
	opacity: 0;
	transform: scale(0);
	visibility: hidden;
	box-shadow: 0 20px 40px rgba(18, 42, 91, .05)
}

.cashier-quick-dropdown.shortmenu-enable,
.cashier-quick-dropdown.langmenu-enable,
.cashier-quick-dropdown.promenu-enable {
	opacity: 1;
	visibility: visible;
	transform: scale(1)
}

.cashier-quick-dropdown ul li a {
	font-size: 14px;
	padding: 12px 20px;
	border-radius: 4px;
	display: block;
	font-weight: 400;
	color: var(--clr-body-bodyText);
	transition: all linear .3s
}

.cashier-quick-dropdown ul li a:hover {
	background: var(--clr-body-grayBgLight);
	color: var(--clr-theme-themeBlue)
}

.cashier-quick-dropdown ul li a svg {
	margin-right: 10px;
	transform: translateY(-1px)
}

.cashier-quick-dropdown ul li a:hover path,
.cashier-quick-dropdown ul li a:hover rect {
	fill: var(--clr-theme-themeBlue)
}

.cashier-quick-lang-dropdown {
	width: 240px;
	padding: 10px
}

.cashier-quick-lang-dropdown.langmenu-enable {
	left: auto;
	right: 0;
	top: 45px
}

.cashier-quick-pro-dropdown {
	width: 195px
}

.cashier-quick-pro-dropdown.promenu-enable {
	left: auto;
	right: 0;
	top: 59px
}

.cashier-quick-pro-dropdown a {
	display: inline-flex;
	align-items: center;
	line-height: 1
}

.cashier-quick-pro-dropdown a .mat-icon {
	width: 24px !important;
	font-size: 16px;
	transform: translateY(3px)
}

@media(max-width:767px) {
	.cashier-quick-dropdown {
		right: auto
	}
}

@media(max-width:575px) {
	.cashier-quick-dropdown {
		left: 0
	}
}

.cashier-notify-dropdown-list .cashier-notify-img {
	border-radius: 5px;
	margin-right: 16px;
	width: 50px
}

.cashier-notify-dropdown-list .cashier-notify-text h6 {
	font-size: 14px;
	font-weight: 600;
	color: var(--clr-body-heading);
	margin-bottom: 8px
}

.cashier-notify-dropdown-list .cashier-notify-text span {
	font-size: 12px;
	font-weight: 400;
	display: block;
	color: var(--clr-body-bodyText)
}

.cashier-notify-dropdown-list a {
	display: inline-flex;
	color: var(--clr-body-bodyText);
	line-height: 1
}

.cashier-notify-dropdown-list a:hover {
	color: var(--clr-theme-themeBlue)
}

.cashier-notify-dropdown-list a i {
	font-size: 14px;
	margin-left: 4px
}

.cashier-notify-dropdown {
	position: absolute;
	top: 45px;
	right: 0;
	width: 250px;
	z-index: 9;
	background: var(--clr-common-white);
	opacity: 0;
	transform: scale(0);
	visibility: hidden;
	box-shadow: 0 20px 40px rgba(18, 42, 91, .05)
}

.cashier-notify-dropdown.notifydropdown-enable,
.cashier-notify-dropdown.emaildropdown-enable {
	opacity: 1;
	visibility: visible;
	transform: scale(1)
}

@media(max-width:1400px) {

	.cashier-notify-dropdown.notifydropdown-enable,
	.cashier-notify-dropdown.emaildropdown-enable {
		left: auto;
		right: 0
	}
}

@media(max-width:575px) {
	.cashier-notify-dropdown.notifydropdown-enable {
		left: auto;
		right: -80px
	}
}

@media(max-width:575px) {
	.cashier-notify-dropdown.emaildropdown-enable {
		left: auto;
		right: -56px
	}
}

.cashier-header-shortmenu a.short {
	position: relative;
	z-index: 9
}

.cashier-header-profile {
	position: relative;
	z-index: 9
}

.cashier-header-notification a.noti {
	position: relative;
	z-index: 9
}

.cashier-header-email .emai {
	position: relative;
	z-index: 9
}

.cashier-header-language {
	position: relative;
	z-index: 9;
	cursor: pointer
}

.cashier-notify-dropdown {
	z-index: 9
}

.cashier-quick-dropdown {
	z-index: 9
}

.cashier-header-overlay.shortmenu-enable,
.cashier-header-overlay.notifydropdown-enable,
.cashier-header-overlay.emaildropdown-enable,
.cashier-header-overlay.langmenu-enable,
.cashier-header-overlay.promenu-enable {
	display: block
}

.cashier-header-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 8
}

.cashiar-dialog-content {
	box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
	background: var(--clr-common-white);
	color: rgba(0, 0, 0, .87);
	max-width: 800px;
	height: 100%;
	overflow: auto;
	border-radius: 10px;
	-ms-overflow-style: none;
	scrollbar-width: none;
	margin: 0 auto;
	margin-top: 10vh;
	margin-bottom: 10vh;
	z-index: 99;
	max-height: 700px
}

.cashiar-dialog-content-two {
	max-width: 850px
}

@media(max-width:991px) {
	.cashiar-dialog-content-two {
		max-width: 90vw;
		max-height: 90vh
	}
}

@media(max-width:991px) {
	.cashiar-dialog-content {
		max-width: 90vw;
		max-height: 90vh
	}
}

.cashiar-dialog-content::-webkit-scrollbar {
	display: none
}

.pop-outer,
.pop-outerA,
.pop-outerB {
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99
}

.nice-select {
	float: inherit
}

.nice-select::after {
	right: 20px;
	width: 8px;
	height: 8px
}

.cashier-managesale-top-btn {
	display: block
}

@media(min-width:576px) {
	.cashier-managesale-top-btn {
		display: flex
	}
}

.cashier-managesale-top-btn button,
.cashier-managesale-top-btn .button {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading);
	border-radius: 5px;
	height: 48px;
	line-height: 48px;
	padding: 0 28px;
	margin-right: 16px;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	background: var(--clr-theme-themeOrangeDark)
}

.cashier-managesale-top-btn button:last-child,
.cashier-managesale-top-btn .button:last-child {
	margin-right: 0
}

.cashier-managesale-top-btn button i,
.cashier-managesale-top-btn .button i {
	width: 20px;
	transform: translateX(-3px);
	margin-right: 10px;
	background: var(--clr-theme-themeOrangeDark);
	color: var(--clr-body-heading);
	font-weight: 500
}

.cashier-managesale-top-btn button.btn-primary,
.cashier-managesale-top-btn .button.btn-primary {
	display: inline-block;
	background: var(--clr-theme-themeBlue);
	color: var(--clr-common-white) !important
}

.cashier-managesale-top-btn button.btn-primary i,
.cashier-managesale-top-btn .button.btn-primary i {
	color: var(--clr-common-white);
	background-color: transparent
}

.cashier-managesale-top-btn button.btn-accent,
.cashier-managesale-top-btn .button.btn-accent {
	background: #3abc8c;
	color: var(--clr-common-white) !important
}

.cashier-managesale-top-btn button.btn-warn,
.cashier-managesale-top-btn .button.btn-warn {
	background: #df7b7b;
	color: var(--clr-common-white) !important
}

.cashier-salereturns-table-checkbox input,
.cashier-salereturns-table-checkboxB input,
.cashier-salereturns-table-checkboxC input,
.cashier-salereturns-table-checkboxD input,
.cashier-managesale-table-checkbox input {
	margin-left: 16px;
	border-width: 2px;
	border-color: #cbced4
}

.cashier-salereturns-table-checkbox input[type=checkbox]:focus,
.cashier-salereturns-table-checkboxB input[type=checkbox]:focus,
.cashier-salereturns-table-checkboxC input[type=checkbox]:focus,
.cashier-salereturns-table-checkboxD input[type=checkbox]:focus,
.cashier-managesale-table-checkbox input[type=checkbox]:focus {
	box-shadow: none
}

.cashier-login-btn-full button.btn-primary {
	background: var(--clr-theme-themeBlue);
	font-size: 16px;
	font-weight: 700;
	color: var(--clr-common-white);
	width: 100%;
	height: 48px;
	justify-content: center
}

.cashier-login-wrapper {
	display: inline-block;
	width: 560px;
	max-width: 560px;
	border-radius: 10px;
	padding: 48px;
	padding-bottom: 44px;
	background: var(--clr-common-white);
	box-shadow: 0 10px 30px rgba(19, 41, 85, .05)
}

@media(max-width:600px) {
	.cashier-login-wrapper {
		width: calc(100% - 40px);
		max-width: inherit;
		padding: 20px;
		padding-bottom: 16px
	}
}

.cashier-login-wrapper .cashier-input-field-style input {
	padding-right: 36px
}

.cashier-input-field-style-eye button {
	position: absolute;
	top: 14px;
	right: 14px;
	color: #a8a8a8;
	border-radius: 0;
	display: none
}

.cashier-input-field-style {
	position: relative
}

.cashier-input-field-style .input-icon {
	position: absolute;
	top: 14px;
	right: 14px;
	display: inline-block
}

.cashier-input-field-style .input-icon i {
	color: #a8a8a8;
	font-size: 16px;
	border-radius: 0
}

.cashier-menu-wrapper {
	position: fixed;
	top: 0;
	width: 315px;
	min-width: 315px;
	overflow-y: auto;
	height: 100vh;
	left: 0;
	z-index: 91;
	transition: all linear .3s;
	max-width: 315px;
	-ms-overflow-style: none;
	scrollbar-width: none
}

@media(max-width:1400px) {
	.cashier-menu-wrapper {
		left: -100%
	}
}

@media(max-width:1200px) {
	.cashier-menu-wrapper {
		width: 300px;
		min-width: 300px
	}
}

@media(min-width:320px) and (max-width:1900px) {
	.cashier-menu-wrapper {
		left: -320px;
		box-sizing: border-box
	}
}

.cashier-menu-wrapper::-webkit-scrollbar {
	display: none
}

.cashier-menu ul li a {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading);
	width: 100%;
	padding: 16px 20px;
	border-radius: 4px;
	display: block
}

.cashier-menu ul li a .mat-icon {
	text-align: right;
	color: var(--clr-body-heading);
	font-size: 20px;
	line-height: inherit;
	width: 13px !important
}

.cashier-menu ul li:hover>a {
	background: var(--clr-body-grayBorder)
}

.cashier-menu ul li.mm-active>.has-arrow[aria-expanded=true] {
	color: var(--clr-common-white);
	background: var(--clr-theme-themeBlue)
}

.cashier-menu ul li.mm-active>.has-arrow[aria-expanded=true] path,
.cashier-menu ul li.mm-active>.has-arrow[aria-expanded=true] rect {
	fill: var(--clr-common-white)
}

.cashier-menu ul li.mm-active .mm-active>.has-arrow[aria-expanded=true] {
	background: 0 0;
	color: var(--clr-body-heading)
}

.cashier-menu ul li.mm-active .mm-active>.has-arrow[aria-expanded=true]:hover {
	background: var(--clr-body-grayBorder)
}

.cashier-menu ul li path,
.cashier-menu ul li rect {
	fill: var(--clr-theme-themeBlue)
}

.cashier-menu ul li svg {
	width: 28px;
	margin-right: 16px;
	height: 18px;
	margin-top: -4px !important;
	margin-left: -4px !important
}

.cashier-menu .has-arrow[aria-expanded=true] {
	background: var(--clr-theme-themeBlue)
}

.cashier-menu .has-arrow[aria-expanded=true]:hover {
	background: var(--clr-theme-themeBlue)
}

.cashier-menu li>.mm-collapse,
.cashier-menu li>.mm-collapsing {
	padding: 0 10px
}

.cashier-menu li>.mm-collapse>li>.mm-collapse,
.cashier-menu li>.mm-collapse>li>.mm-collapsing {
	padding-left: 20px;
	padding-right: 20px
}

.cashier-quickview {
	min-width: 230px;
	width: 22%;
	min-height: 275px
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-quickview {
		width: 21%;
		min-width: 195px
	}
}

@media(max-width:1400px) {
	.cashier-quickview {
		min-width: 0;
		width: 31.33%
	}
}

@media(max-width:991px) {
	.cashier-quickview {
		min-width: 0;
		width: 31%
	}
}

@media(max-width:767px) {
	.cashier-quickview {
		width: 100%
	}
}

.cashier-quickview-last {
	min-width: 80px;
	min-height: 275px;
	width: 8%
}

@media(max-width:1400px) {
	.cashier-quickview-last {
		min-width: 0;
		width: 31.33%
	}
}

@media(max-width:991px) {
	.cashier-quickview-last {
		min-width: 0;
		width: 31%
	}
}

@media(max-width:767px) {
	.cashier-quickview-last {
		width: 100%
	}
}

@media(max-width:1400px) {
	.cashier-quickview-wrapper {
		justify-content: flex-start;
		flex-wrap: wrap
	}
}

.cashier-dashboard-main.sidebar-enable .apexcharts-canvas {
	width: 100% !important
}

.cashier-bar-chart h5 {
	left: 50%;
	transform: translateX(-50%);
	bottom: 25px
}

.common-blue-badge {
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background: var(--clr-theme-themeBlue);
	border-radius: 4px;
	display: inline-block;
	color: var(--clr-common-white);
	font-size: 11px;
	font-weight: 700
}

@media(min-width:1201px) and (max-width:1900px) {
	.cashier-dashboard-sidebar {
		margin-left: -315px
	}
}

@media(max-width:1200px) {
	.cashier-dashboard-sidebar {
		margin-left: -300px
	}
}

@media(max-width:1900px) {
	.cashier-dashboard-sidebar .cashier-header-bar-responsive {
		right: -56px
	}
}

@media(max-width:1200px) {
	.cashier-dashboard-sidebar .cashier-header-bar-responsive {
		right: -40px
	}
}

@media(min-width:1900px) {
	.cashier-dashboard-main {
		width: calc(100% - 315px)
	}
}

@media(max-width:1200px) {
	.cashier-dashboard-main {
		margin-left: 0
	}
}

@media(min-width:1201px) and (max-width:1900px) {
	.cashier-dashboard-sidebar.sidebar-enable {
		margin-left: 0
	}
}

@media(max-width:1200px) {
	.cashier-dashboard-sidebar.sidebar-enable {
		margin-left: 0
	}
}

@media(max-width:1900px) {
	.cashier-menu-overlay-dashboard.sidebar-enable {
		background: rgba(0, 0, 0, .6);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10px
	}
}

.cashier-dashboard-supplier .cashier-dashboard-supplier-list-name {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 64%;
	min-width: 180px
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-dashboard-supplier .cashier-dashboard-supplier-list-name {
		min-width: 145px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-dashboard-supplier .cashier-dashboard-supplier-list-name {
		min-width: 145px;
		padding-left: 16px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-dashboard-supplier .cashier-dashboard-supplier-list-name {
		min-width: 145px
	}
}

@media(max-width:767px) {
	.cashier-dashboard-supplier .cashier-dashboard-supplier-list-name {
		width: 60%;
		min-width: 160px;
		padding-left: 10px
	}
}

.cashier-dashboard-supplier .cashier-dashboard-supplier-list-amount {
	text-align: left;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	width: 35%;
	min-width: 100px
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-dashboard-supplier .cashier-dashboard-supplier-list-amount {
		padding-left: 16px
	}
}

@media(max-width:767px) {
	.cashier-dashboard-supplier .cashier-dashboard-supplier-list-amount {
		width: 90px;
		min-width: 90px;
		padding-left: 10px
	}
}

.cashier-dashboard-user-list-left-img img {
	border-radius: 5px
}

.cashier-dashboard-user-list-right span {
	border-radius: 9999px
}

.cashier-dashboard-transaction-dateR {
	width: 19%;
	min-width: 160px;
	border-right: 1px solid var(--clr-body-grayBorder)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-dashboard-transaction-dateR {
		width: 14%;
		min-width: 115px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-dashboard-transaction-dateR {
		width: 14%;
		min-width: 100px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-dashboard-transaction-dateR {
		width: 15%;
		min-width: 115px
	}
}

@media(max-width:991px) {
	.cashier-dashboard-transaction-dateR {
		width: 14%;
		min-width: 100px
	}
}

.cashier-dashboard-transaction-referenceR {
	width: 24%;
	min-width: 210px;
	border-right: 1px solid var(--clr-body-grayBorder)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-dashboard-transaction-referenceR {
		width: 19%;
		min-width: 160px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-dashboard-transaction-referenceR {
		width: 20%;
		min-width: 140px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-dashboard-transaction-referenceR {
		width: 19%;
		min-width: 160px
	}
}

@media(max-width:991px) {
	.cashier-dashboard-transaction-referenceR {
		width: 20%;
		min-width: 120px
	}
}

.cashier-dashboard-transaction-customerR {
	width: 18%;
	min-width: 155px;
	border-right: 1px solid var(--clr-body-grayBorder)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-dashboard-transaction-customerR {
		width: 20%;
		min-width: 170px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-dashboard-transaction-customerR {
		width: 22%;
		min-width: 100px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-dashboard-transaction-customerR {
		width: 20%;
		min-width: 110px
	}
}

@media(max-width:991px) {
	.cashier-dashboard-transaction-customerR {
		width: 20%;
		min-width: 100px
	}
}

.cashier-dashboard-transaction-duedateR {
	width: 19%;
	min-width: 160px;
	border-right: 1px solid var(--clr-body-grayBorder)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-dashboard-transaction-duedateR {
		width: 20%;
		min-width: 170px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-dashboard-transaction-duedateR {
		width: 22%;
		min-width: 100px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-dashboard-transaction-duedateR {
		width: 20%;
		min-width: 140px
	}
}

@media(max-width:991px) {
	.cashier-dashboard-transaction-duedateR {
		width: 22%;
		min-width: 100px
	}
}

.cashier-dashboard-transaction-modeR {
	width: 15%;
	min-width: 130px;
	border-right: 1px solid var(--clr-body-grayBorder)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-dashboard-transaction-modeR {
		width: 14%;
		min-width: 100px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-dashboard-transaction-modeR {
		width: 11%;
		min-width: 80px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-dashboard-transaction-modeR {
		width: 14%;
		min-width: 100px
	}
}

@media(max-width:991px) {
	.cashier-dashboard-transaction-modeR {
		width: 11%;
		min-width: 70px
	}
}

.cashier-dashboard-transaction-statusR {
	width: 19%;
	min-width: 160px;
	border-right: 1px solid var(--clr-body-grayBorder)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-dashboard-transaction-statusR {
		width: 18.5%;
		min-width: 150px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-dashboard-transaction-statusR {
		width: 18%;
		min-width: 100px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-dashboard-transaction-statusR {
		width: 18.5%;
		min-width: 150px
	}
}

@media(max-width:991px) {
	.cashier-dashboard-transaction-statusR {
		width: 18%;
		min-width: 100px
	}
}

.cashier-dashboard-transaction-priceR {
	width: 13%;
	min-width: 110px
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-dashboard-transaction-priceR {
		width: 18.5%;
		min-width: 150px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-dashboard-transaction-priceR {
		width: 18%;
		min-width: 130px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-dashboard-transaction-priceR {
		width: 18.5%;
		min-width: 150px
	}
}

@media(max-width:991px) {
	.cashier-dashboard-transaction-priceR {
		width: 10%;
		min-width: 80px
	}
}

@media(max-width:767px) {
	.cashier-dashboard-transaction-priceR {
		width: 12%;
		min-width: 100px
	}
}

.cashier-dashboard-transaction {
	border: 1px solid var(--clr-body-grayBorder);
	border-bottom: 0
}

.cashier-dashboard-transaction-row-heading,
.cashier-dashboard-transaction-row {
	height: 40px;
	display: flex;
	align-items: center;
	border: 1px solid var(--clr-body-grayBorder)
}

.cashier-dashboard-transaction-row {
	height: 48px
}

.cashier-dashboard-transaction-dateR,
.cashier-dashboard-transaction-referenceR,
.cashier-dashboard-transaction-customerR,
.cashier-dashboard-transaction-modeR,
.cashier-dashboard-transaction-statusR,
.cashier-dashboard-transaction-priceR,
.cashier-dashboard-transaction-duedateR {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-dashboard-transaction-dateR h5,
.cashier-dashboard-transaction-dateR span,
.cashier-dashboard-transaction-referenceR h5,
.cashier-dashboard-transaction-referenceR span,
.cashier-dashboard-transaction-customerR h5,
.cashier-dashboard-transaction-customerR span,
.cashier-dashboard-transaction-modeR h5,
.cashier-dashboard-transaction-modeR span,
.cashier-dashboard-transaction-statusR h5,
.cashier-dashboard-transaction-statusR span,
.cashier-dashboard-transaction-priceR h5,
.cashier-dashboard-transaction-priceR span,
.cashier-dashboard-transaction-duedateR h5,
.cashier-dashboard-transaction-duedateR span {
	padding-left: 28px;
	padding-right: 8px
}

@media(min-width:1401px) {

	.cashier-dashboard-transaction-dateR h5,
	.cashier-dashboard-transaction-dateR span,
	.cashier-dashboard-transaction-referenceR h5,
	.cashier-dashboard-transaction-referenceR span,
	.cashier-dashboard-transaction-customerR h5,
	.cashier-dashboard-transaction-customerR span,
	.cashier-dashboard-transaction-modeR h5,
	.cashier-dashboard-transaction-modeR span,
	.cashier-dashboard-transaction-statusR h5,
	.cashier-dashboard-transaction-statusR span,
	.cashier-dashboard-transaction-priceR h5,
	.cashier-dashboard-transaction-priceR span,
	.cashier-dashboard-transaction-duedateR h5,
	.cashier-dashboard-transaction-duedateR span {
		padding-left: 16px
	}
}

@media(max-width:1400px) {

	.cashier-dashboard-transaction-dateR h5,
	.cashier-dashboard-transaction-dateR span,
	.cashier-dashboard-transaction-referenceR h5,
	.cashier-dashboard-transaction-referenceR span,
	.cashier-dashboard-transaction-customerR h5,
	.cashier-dashboard-transaction-customerR span,
	.cashier-dashboard-transaction-modeR h5,
	.cashier-dashboard-transaction-modeR span,
	.cashier-dashboard-transaction-statusR h5,
	.cashier-dashboard-transaction-statusR span,
	.cashier-dashboard-transaction-priceR h5,
	.cashier-dashboard-transaction-priceR span,
	.cashier-dashboard-transaction-duedateR h5,
	.cashier-dashboard-transaction-duedateR span {
		padding-left: 10px
	}
}

.cashier-dashboard-transaction-dateR h5,
.cashier-dashboard-transaction-referenceR h5,
.cashier-dashboard-transaction-customerR h5,
.cashier-dashboard-transaction-modeR h5,
.cashier-dashboard-transaction-statusR h5,
.cashier-dashboard-transaction-priceR h5,
.cashier-dashboard-transaction-duedateR h5 {
	font-size: 15px;
	color: var(--clr-body-heading);
	font-weight: 600
}

.cashier-dashboard-transaction-dateR span,
.cashier-dashboard-transaction-referenceR span,
.cashier-dashboard-transaction-customerR span,
.cashier-dashboard-transaction-modeR span,
.cashier-dashboard-transaction-statusR span,
.cashier-dashboard-transaction-priceR span,
.cashier-dashboard-transaction-duedateR span {
	font-size: 14px;
	color: var(--clr-body-bodyText);
	font-weight: 400
}

.status-tag {
	padding-left: .625rem !important;
	padding-right: .625rem !important;
	font-size: 12px !important;
	color: var(--clr-common-white) !important
}

@media(max-width:991px) {
	.cashier-dashboard-transaction {
		width: 670px;
		min-width: 100%
	}
}

@media(max-width:991px) {
	.cashier-dashboard-transaction-wrapper {
		overflow-x: auto
	}
}

.apexcharts-legend-marker {
	margin-right: 10px !important;
	border: none !important;
	height: 15px !important;
	width: 30px !important;
	border-radius: 3px !important
}

.apexcharts-legend-text {
	font-size: 14px !important;
	color: var(--clr-body-heading) !important;
	font-weight: 600 !important;
	font-family: nunito sans, sans-serif !important
}

.apexcharts-legend-series {
	display: inline-flex !important;
	margin-left: 20px !important
}

.apexcharts-legend {
	top: 0 !important;
	display: inline-flex !important;
	padding: 0 5px !important
}

@media(max-width:575px) {
	.apexcharts-legend {
		left: 0 !important;
		right: auto !important;
		margin: 10px 0 !important;
		top: 13px !important
	}
}

.apexcharts-title-text {
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	color: var(--clr-body-heading) !important;
	transform: translateX(12px) !important;
	font-family: nunito sans, sans-serif !important
}

#chart {
	width: calc(100% - 16px);
	overflow: hidden
}

.apexcharts-xaxis-label,
.apexcharts-yaxis-label {
	font-size: 14px;
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif !important
}

.apexcharts-toolbar {
	display: none !important
}

.apexcharts-legend-marker {
	margin-right: 10px !important;
	border: none !important;
	height: 15px !important;
	width: 30px !important;
	border-radius: 3px !important
}

.apexcharts-legend-text {
	font-size: 14px !important;
	color: var(--clr-body-heading) !important;
	font-weight: 600 !important;
	font-family: nunito sans, sans-serif !important
}

.apexcharts-legend-series {
	display: inline-flex !important;
	margin-left: 20px !important
}

.apexcharts-legend {
	top: 0 !important;
	display: inline-flex !important;
	padding: 0 5px !important
}

@media(max-width:575px) {
	.apexcharts-legend {
		left: 0 !important;
		right: auto !important;
		margin: 10px 0 !important;
		top: 13px !important
	}
}

.apexcharts-title-text {
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	color: var(--clr-body-heading) !important;
	transform: translateX(12px) !important;
	font-family: nunito sans, sans-serif !important
}

#chartBar {
	width: calc(100% - 16px);
	overflow: hidden
}

.apexcharts-xaxis-label,
.apexcharts-yaxis-label {
	font-size: 14px;
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif !important
}

.apexcharts-toolbar {
	display: none !important
}

.custom-height-70 {
	height: 70px;
	min-height: 70px
}

.lang-dropdown-wrapper li .lang-sub-down {
	position: absolute;
	top: 60%;
	left: -84%;
	opacity: 0;
	visibility: hidden;
	background: var(--clr-common-white);
	border: 1px solid var(--clr-body-grayBorder);
	width: 200px
}

@media(max-width:575px) {
	.lang-dropdown-wrapper li .lang-sub-down {
		left: auto;
		right: -84%
	}
}

@media(max-width:480px) {
	.lang-dropdown-wrapper li .lang-sub-down {
		width: 100px;
		right: -36%
	}
}

.lang-dropdown-wrapper li .lang-sub-down li a {
	display: block
}

.lang-dropdown-wrapper li:hover .lang-sub-down {
	opacity: 1;
	visibility: visible;
	top: 50%
}

.cashier-copyright-area {
	position: sticky;
	top: 100%
}

.cashier-copyright {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.cashier-salereturns-table-checkboxB,
.cashier-salereturns-table-dateB,
.cashier-salereturns-table-referenceB,
.cashier-salereturns-table-customerB,
.cashier-salereturns-table-warehouseB,
.cashier-salereturns-table-billerB,
.cashier-salereturns-table-totalB,
.cashier-salereturns-table-remarkB,
.cashier-salereturns-table-actionB {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkboxB h5,
.cashier-salereturns-table-dateB h5,
.cashier-salereturns-table-referenceB h5,
.cashier-salereturns-table-customerB h5,
.cashier-salereturns-table-warehouseB h5,
.cashier-salereturns-table-billerB h5,
.cashier-salereturns-table-totalB h5,
.cashier-salereturns-table-remarkB h5,
.cashier-salereturns-table-actionB h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkboxB span,
.cashier-salereturns-table-dateB span,
.cashier-salereturns-table-referenceB span,
.cashier-salereturns-table-customerB span,
.cashier-salereturns-table-warehouseB span,
.cashier-salereturns-table-billerB span,
.cashier-salereturns-table-totalB span,
.cashier-salereturns-table-remarkB span,
.cashier-salereturns-table-actionB span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-checkboxB {
	min-width: 50px;
	width: 3.5%
}

.cashier-salereturns-table-dateB {
	min-width: 190px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-dateB {
		width: 14%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-dateB {
		width: 13%;
		min-width: 135px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-dateB {
		width: 13%;
		min-width: 135px
	}
}

.cashier-salereturns-table-referenceB {
	min-width: 160px;
	width: 10%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-referenceB {
		width: 10%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-referenceB {
		width: 9%;
		min-width: 95px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-referenceB {
		width: 9%;
		min-width: 95px
	}
}

.cashier-salereturns-table-customerB {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customerB {
		width: 15%;
		min-width: 170px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-customerB {
		width: 15%;
		min-width: 150px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-customerB {
		width: 15%;
		min-width: 165px
	}
}

.cashier-salereturns-table-warehouseB {
	min-width: 180px;
	width: 13%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouseB {
		width: 12%;
		min-width: 140px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-warehouseB {
		width: 10%;
		min-width: 105px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-warehouseB {
		width: 10%;
		min-width: 120px
	}
}

.cashier-salereturns-table-billerB {
	min-width: 200px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-billerB {
		width: 13%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-billerB {
		width: 14%;
		min-width: 135px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-billerB {
		width: 14%;
		min-width: 150px
	}
}

.cashier-salereturns-table-totalB {
	min-width: 150px;
	width: 11%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-totalB {
		width: 11%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-totalB {
		width: 9%;
		min-width: 90px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-totalB {
		width: 10%;
		min-width: 115px
	}
}

.cashier-salereturns-table-remarkB {
	min-width: 180px;
	width: 12%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-remarkB {
		width: 12%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-remarkB {
		width: 12%;
		min-width: 110px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-remarkB {
		width: 12%;
		min-width: 125px
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerC {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperC {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-salereturns-table-checkbox,
.cashier-salereturns-table-date,
.cashier-salereturns-table-reference,
.cashier-salereturns-table-customer,
.cashier-salereturns-table-warehouse,
.cashier-salereturns-table-biller,
.cashier-salereturns-table-total,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-action {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkbox h5,
.cashier-salereturns-table-date h5,
.cashier-salereturns-table-reference h5,
.cashier-salereturns-table-customer h5,
.cashier-salereturns-table-warehouse h5,
.cashier-salereturns-table-biller h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-action h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkbox span,
.cashier-salereturns-table-date span,
.cashier-salereturns-table-reference span,
.cashier-salereturns-table-customer span,
.cashier-salereturns-table-warehouse span,
.cashier-salereturns-table-biller span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-action span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-checkbox {
	min-width: 70px;
	width: 4.5%
}

.cashier-salereturns-table-date {
	min-width: 340px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-date {
		width: 21%;
		min-width: 250px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-date {
		width: 19%;
		min-width: 200px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-date {
		width: 19%;
		min-width: 200px
	}
}

.cashier-salereturns-table-reference {
	min-width: 340px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-reference {
		width: 22%;
		min-width: 260px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-reference {
		width: 21%;
		min-width: 200px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-reference {
		width: 21%;
		min-width: 200px
	}
}

.cashier-salereturns-table-customer {
	min-width: 340px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customer {
		width: 21%;
		min-width: 240px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-customer {
		width: 21%;
		min-width: 200px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-customer {
		width: 21%;
		min-width: 200px
	}
}

.cashier-salereturns-table-warehouse {
	min-width: 280px;
	width: 19%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouse {
		width: 21%;
		min-width: 240px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-warehouse {
		width: 19%;
		min-width: 180px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-warehouse {
		width: 19%;
		min-width: 180px
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerT {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperT {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-pagination ul {
	display: inline-flex;
	border: 1px solid var(--clr-body-grayBorder)
}

.cashier-pagination ul li a {
	height: 40px;
	width: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText);
	line-height: 40px;
	display: inline-block;
	border-right: 1px solid var(--clr-body-grayBorder)
}

.cashier-pagination ul li a.active {
	background: var(--clr-theme-themeBlue);
	border-color: var(--clr-theme-themeBlue);
	color: var(--clr-common-white)
}

.cashier-pagination ul li:last-child a {
	border-right: 0
}

.cashier-pagination ul li .material-icons {
	font-size: 15px;
	line-height: 40px
}

.cashier-pagination-sort .mat-select-arrow-wrapper {
	transform: translateY(-1px)
}

.cashier-pagination-sort .mat-form-field-appearance-legacy .mat-form-field-infix {
	padding-top: 11px
}

.cashier-pagination-sort .cashier-select-field-style .nice-select {
	background: var(--clr-common-white);
	height: 40px;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 40px
}

.cashier-pagination-sort .cashier-select-field-style .nice-select::after {
	right: 16px
}

.custom-height-70 {
	height: 70px;
	min-height: 70px
}

.cashier-input-field-style textarea {
	height: 48px;
	line-height: 46px;
	border: 1px solid #000;
	padding: 0 20px;
	border-radius: 3px;
	outline: none;
	display: block;
	font-size: 14px;
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif;
	font-weight: 400;
	width: 100%;
	background: var(--clr-body-grayBg);
	box-sizing: border-box;
	transition: all linear .3s
}

.cashier-input-field-style textarea:focus {
	background: var(--clr-common-white)
}

.cashier-input-field-style textarea::-moz-placeholder,
.cashier-input-field-style textarea::placeholder {
	color: var(--clr-body-bodyText);
	opacity: .7;
	font-family: nunito sans, sans-serif;
	font-weight: 400
}

.cashier-input-field-style textarea {
	padding-bottom: 10px;
	height: 120px
}

.cashier-salereturns-table-checkbox,
.cashier-salereturns-table-date,
.cashier-salereturns-table-reference,
.cashier-salereturns-table-customer,
.cashier-salereturns-table-warehouse,
.cashier-salereturns-table-biller,
.cashier-salereturns-table-total,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-action {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkbox h5,
.cashier-salereturns-table-date h5,
.cashier-salereturns-table-reference h5,
.cashier-salereturns-table-customer h5,
.cashier-salereturns-table-warehouse h5,
.cashier-salereturns-table-biller h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-action h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkbox span,
.cashier-salereturns-table-date span,
.cashier-salereturns-table-reference span,
.cashier-salereturns-table-customer span,
.cashier-salereturns-table-warehouse span,
.cashier-salereturns-table-biller span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-action span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.paymentlist-table .cashier-salereturns-table-checkbox {
	min-width: 50px;
	width: 3.5%
}

.paymentlist-table .cashier-salereturns-table-date {
	min-width: 160px;
	width: 10%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlist-table .cashier-salereturns-table-date {
		width: 10%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlist-table .cashier-salereturns-table-date {
		width: 9%;
		min-width: 95px
	}
}

@media(max-width:1400px) {
	.paymentlist-table .cashier-salereturns-table-date {
		width: 9%;
		min-width: 95px
	}
}

.paymentlist-table .cashier-salereturns-table-reference {
	min-width: 190px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlist-table .cashier-salereturns-table-reference {
		width: 14%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlist-table .cashier-salereturns-table-reference {
		width: 13%;
		min-width: 135px
	}
}

@media(max-width:1400px) {
	.paymentlist-table .cashier-salereturns-table-reference {
		width: 13%;
		min-width: 135px
	}
}

.paymentlist-table .cashier-salereturns-table-customer {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlist-table .cashier-salereturns-table-customer {
		width: 15%;
		min-width: 170px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlist-table .cashier-salereturns-table-customer {
		width: 15%;
		min-width: 150px
	}
}

@media(max-width:1400px) {
	.paymentlist-table .cashier-salereturns-table-customer {
		width: 15%;
		min-width: 165px
	}
}

.paymentlist-table .cashier-salereturns-table-warehouse {
	min-width: 180px;
	width: 13%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlist-table .cashier-salereturns-table-warehouse {
		width: 12%;
		min-width: 140px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlist-table .cashier-salereturns-table-warehouse {
		width: 10%;
		min-width: 105px
	}
}

@media(max-width:1400px) {
	.paymentlist-table .cashier-salereturns-table-warehouse {
		width: 10%;
		min-width: 120px
	}
}

.paymentlist-table .cashier-salereturns-table-biller {
	min-width: 200px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlist-table .cashier-salereturns-table-biller {
		width: 13%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlist-table .cashier-salereturns-table-biller {
		width: 14%;
		min-width: 135px
	}
}

@media(max-width:1400px) {
	.paymentlist-table .cashier-salereturns-table-biller {
		width: 14%;
		min-width: 150px
	}
}

.paymentlist-table .cashier-salereturns-table-total {
	min-width: 150px;
	width: 11%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlist-table .cashier-salereturns-table-total {
		width: 11%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlist-table .cashier-salereturns-table-total {
		width: 9%;
		min-width: 90px
	}
}

@media(max-width:1400px) {
	.paymentlist-table .cashier-salereturns-table-total {
		width: 10%;
		min-width: 115px
	}
}

.paymentlist-table .cashier-salereturns-table-remark {
	min-width: 180px;
	width: 12%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlist-table .cashier-salereturns-table-remark {
		width: 12%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlist-table .cashier-salereturns-table-remark {
		width: 12%;
		min-width: 110px
	}
}

@media(max-width:1400px) {
	.paymentlist-table .cashier-salereturns-table-remark {
		width: 12%;
		min-width: 125px
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerP {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperP {
		width: 1090px;
		scrollbar-height: thin
	}
}

.custom-height-70 {
	height: 70px;
	min-height: 70px
}

.cashier-voucher-account-box input.mat-input-element {
	background: var(--clr-common-white)
}

.cashier-voucher-account-box .mat-form-field-flex {
	background: var(--clr-common-white)
}

.cashier-voucher-account-box-btn button {
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-weight: 600;
	color: var(--clr-common-white);
	border-radius: 3px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0;
	outline: none;
	font-family: nunito sans, sans-serif
}

.cashier-salereturns-table-checkbox,
.cashier-salereturns-table-date,
.cashier-salereturns-table-reference,
.cashier-salereturns-table-customer,
.cashier-salereturns-table-warehouse,
.cashier-salereturns-table-biller,
.cashier-salereturns-table-total,
.cashier-salereturns-table-mode,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-action {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkbox h5,
.cashier-salereturns-table-date h5,
.cashier-salereturns-table-reference h5,
.cashier-salereturns-table-customer h5,
.cashier-salereturns-table-warehouse h5,
.cashier-salereturns-table-biller h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-mode h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-action h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkbox span,
.cashier-salereturns-table-date span,
.cashier-salereturns-table-reference span,
.cashier-salereturns-table-customer span,
.cashier-salereturns-table-warehouse span,
.cashier-salereturns-table-biller span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-mode span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-action span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.debitlist-table .cashier-salereturns-table-checkbox {
	min-width: 50px;
	width: 3.5%
}

.debitlist-table .cashier-salereturns-table-date {
	min-width: 160px;
	width: 10%
}

@media(min-width:1601px) and (max-width:1900px) {
	.debitlist-table .cashier-salereturns-table-date {
		width: 10%;
		min-width: 120px
	}
}

@media(max-width:1600px) {
	.debitlist-table .cashier-salereturns-table-date {
		width: 10%;
		min-width: 120px
	}
}

.debitlist-table .cashier-salereturns-table-reference {
	min-width: 190px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.debitlist-table .cashier-salereturns-table-reference {
		width: 14%;
		min-width: 160px
	}
}

@media(max-width:1600px) {
	.debitlist-table .cashier-salereturns-table-reference {
		width: 14%;
		min-width: 160px
	}
}

.debitlist-table .cashier-salereturns-table-customer {
	min-width: 180px;
	width: 12%
}

@media(min-width:1601px) and (max-width:1900px) {
	.debitlist-table .cashier-salereturns-table-customer {
		width: 10%;
		min-width: 120px
	}
}

@media(max-width:1600px) {
	.debitlist-table .cashier-salereturns-table-customer {
		width: 10%;
		min-width: 120px
	}
}

.debitlist-table .cashier-salereturns-table-warehouse {
	min-width: 180px;
	width: 13%
}

@media(min-width:1601px) and (max-width:1900px) {
	.debitlist-table .cashier-salereturns-table-warehouse {
		width: 14%;
		min-width: 160px
	}
}

@media(max-width:1600px) {
	.debitlist-table .cashier-salereturns-table-warehouse {
		width: 14%;
		min-width: 160px
	}
}

.debitlist-table .cashier-salereturns-table-biller {
	min-width: 160px;
	width: 12%
}

@media(min-width:1601px) and (max-width:1900px) {
	.debitlist-table .cashier-salereturns-table-biller {
		width: 12%;
		min-width: 135px
	}
}

@media(max-width:1600px) {
	.debitlist-table .cashier-salereturns-table-biller {
		width: 12%;
		min-width: 135px
	}
}

.debitlist-table .cashier-salereturns-table-total {
	min-width: 155px;
	width: 10%
}

@media(min-width:1601px) and (max-width:1900px) {
	.debitlist-table .cashier-salereturns-table-total {
		width: 11%;
		min-width: 120px
	}
}

@media(max-width:1600px) {
	.debitlist-table .cashier-salereturns-table-total {
		width: 11%;
		min-width: 120px
	}
}

.debitlist-table .cashier-salereturns-table-mode {
	min-width: 115px;
	width: 7.5%
}

@media(min-width:1601px) and (max-width:1900px) {
	.debitlist-table .cashier-salereturns-table-mode {
		width: 8%;
		min-width: 90px
	}
}

@media(max-width:1600px) {
	.debitlist-table .cashier-salereturns-table-mode {
		width: 8%;
		min-width: 90px
	}
}

.debitlist-table .cashier-salereturns-table-remark {
	min-width: 140px;
	width: 9%
}

@media(min-width:1601px) and (max-width:1900px) {
	.debitlist-table .cashier-salereturns-table-remark {
		width: 8%;
		min-width: 90px
	}
}

@media(max-width:1600px) {
	.debitlist-table .cashier-salereturns-table-remark {
		width: 8%;
		min-width: 90px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-innerI {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-inner-wrapperI {
		width: 1175px;
		scrollbar-height: thin
	}
}

.cashier-managesale-top-btn .mat-raised-button {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--clr-common-white) !important;
	border-radius: 5px !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 28px !important;
	margin-right: 16px !important;
	margin-bottom: 6px !important
}

.cashier-managesale-top-btn .mat-raised-button:last-child {
	margin-right: 0 !important
}

.cashier-managesale-top-btn .mat-button-wrapper {
	display: flex !important;
	align-items: center !important
}

.cashier-managesale-top-btn .mat-icon {
	width: 20px !important;
	transform: translateX(-3px) !important;
	margin-right: 10px
}

.cashier-managesale-top-btn .mat-raised-button.mat-primary {
	background: var(--clr-theme-themeBlue)
}

.cashier-managesale-top-btn .mat-raised-button.mat-accent {
	background: var(--clr-theme-themeOrangeDark);
	color: var(--clr-body-heading) !important
}

.cashier-salereturns-table-checkbox,
.cashier-salereturns-table-date,
.cashier-salereturns-table-reference,
.cashier-salereturns-table-customer,
.cashier-salereturns-table-warehouse,
.cashier-salereturns-table-biller,
.cashier-salereturns-table-total,
.cashier-salereturns-table-mode,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-action {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkbox h5,
.cashier-salereturns-table-date h5,
.cashier-salereturns-table-reference h5,
.cashier-salereturns-table-customer h5,
.cashier-salereturns-table-warehouse h5,
.cashier-salereturns-table-biller h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-mode h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-action h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkbox span,
.cashier-salereturns-table-date span,
.cashier-salereturns-table-reference span,
.cashier-salereturns-table-customer span,
.cashier-salereturns-table-warehouse span,
.cashier-salereturns-table-biller span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-mode span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-action span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.creditlist-table .cashier-salereturns-table-checkbox {
	min-width: 50px;
	width: 3.5%
}

.creditlist-table .cashier-salereturns-table-date {
	min-width: 160px;
	width: 10%
}

@media(min-width:1601px) and (max-width:1900px) {
	.creditlist-table .cashier-salereturns-table-date {
		width: 10%;
		min-width: 120px
	}
}

@media(max-width:1600px) {
	.creditlist-table .cashier-salereturns-table-date {
		width: 10%;
		min-width: 120px
	}
}

.creditlist-table .cashier-salereturns-table-reference {
	min-width: 190px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.creditlist-table .cashier-salereturns-table-reference {
		width: 14%;
		min-width: 160px
	}
}

@media(max-width:1600px) {
	.creditlist-table .cashier-salereturns-table-reference {
		width: 14%;
		min-width: 160px
	}
}

.creditlist-table .cashier-salereturns-table-customer {
	min-width: 180px;
	width: 12%
}

@media(min-width:1601px) and (max-width:1900px) {
	.creditlist-table .cashier-salereturns-table-customer {
		width: 10%;
		min-width: 120px
	}
}

@media(max-width:1600px) {
	.creditlist-table .cashier-salereturns-table-customer {
		width: 10%;
		min-width: 120px
	}
}

.creditlist-table .cashier-salereturns-table-warehouse {
	min-width: 180px;
	width: 13%
}

@media(min-width:1601px) and (max-width:1900px) {
	.creditlist-table .cashier-salereturns-table-warehouse {
		width: 14%;
		min-width: 160px
	}
}

@media(max-width:1600px) {
	.creditlist-table .cashier-salereturns-table-warehouse {
		width: 14%;
		min-width: 160px
	}
}

.creditlist-table .cashier-salereturns-table-biller {
	min-width: 160px;
	width: 12%
}

@media(min-width:1601px) and (max-width:1900px) {
	.creditlist-table .cashier-salereturns-table-biller {
		width: 12%;
		min-width: 135px
	}
}

@media(max-width:1600px) {
	.creditlist-table .cashier-salereturns-table-biller {
		width: 12%;
		min-width: 135px
	}
}

.creditlist-table .cashier-salereturns-table-total {
	min-width: 155px;
	width: 10%
}

@media(min-width:1601px) and (max-width:1900px) {
	.creditlist-table .cashier-salereturns-table-total {
		width: 11%;
		min-width: 120px
	}
}

@media(max-width:1600px) {
	.creditlist-table .cashier-salereturns-table-total {
		width: 11%;
		min-width: 120px
	}
}

.creditlist-table .cashier-salereturns-table-mode {
	min-width: 115px;
	width: 7.5%
}

@media(min-width:1601px) and (max-width:1900px) {
	.creditlist-table .cashier-salereturns-table-mode {
		width: 8%;
		min-width: 90px
	}
}

@media(max-width:1600px) {
	.creditlist-table .cashier-salereturns-table-mode {
		width: 8%;
		min-width: 90px
	}
}

.creditlist-table .cashier-salereturns-table-remark {
	min-width: 140px;
	width: 9%
}

@media(min-width:1601px) and (max-width:1900px) {
	.creditlist-table .cashier-salereturns-table-remark {
		width: 8%;
		min-width: 90px
	}
}

@media(max-width:1600px) {
	.creditlist-table .cashier-salereturns-table-remark {
		width: 8%;
		min-width: 90px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-innerF {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-inner-wrapperF {
		width: 1175px;
		scrollbar-height: thin
	}
}

.cashier-journal-calender button {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--clr-common-white) !important;
	border-radius: 5px !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 24px !important;
	margin-right: 16px !important;
	margin-bottom: 20px !important
}

.cashier-journal-calender button:last-child {
	margin-right: 0 !important
}

.cashier-journal-calender button.btn-primary {
	background: var(--clr-theme-themeBlue)
}

.cashier-salereturns-table-checkboxC,
.cashier-salereturns-table-dateC,
.cashier-salereturns-table-referenceC,
.cashier-salereturns-table-customerC,
.cashier-salereturns-table-warehouseC,
.cashier-salereturns-table-biller,
.cashier-salereturns-table-total,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-action {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkboxC h5,
.cashier-salereturns-table-dateC h5,
.cashier-salereturns-table-referenceC h5,
.cashier-salereturns-table-customerC h5,
.cashier-salereturns-table-warehouseC h5,
.cashier-salereturns-table-biller h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-action h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkboxC span,
.cashier-salereturns-table-dateC span,
.cashier-salereturns-table-referenceC span,
.cashier-salereturns-table-customerC span,
.cashier-salereturns-table-warehouseC span,
.cashier-salereturns-table-biller span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-action span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-checkboxC {
	min-width: 70px;
	width: 4.5%
}

.cashier-salereturns-table-dateC {
	min-width: 340px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-dateC {
		width: 21%;
		min-width: 250px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-dateC {
		width: 19%;
		min-width: 200px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-dateC {
		width: 19%;
		min-width: 200px
	}
}

.cashier-salereturns-table-referenceC {
	min-width: 340px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-referenceC {
		width: 22%;
		min-width: 260px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-referenceC {
		width: 21%;
		min-width: 200px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-referenceC {
		width: 40%;
		min-width: 200px
	}
}

.cashier-salereturns-table-customerC {
	min-width: 340px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customerC {
		width: 21%;
		min-width: 240px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-customerC {
		width: 21%;
		min-width: 200px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-customerC {
		width: 21%;
		min-width: 200px
	}
}

.cashier-salereturns-table-warehouseC {
	min-width: 280px;
	width: 19%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouseC {
		width: 21%;
		min-width: 240px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-warehouseC {
		width: 19%;
		min-width: 180px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-warehouseC {
		width: 19%;
		min-width: 180px
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerL {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperL {
		width: 1090px;
		scrollbar-height: thin
	}
}

.custom-height-70 {
	height: 70px;
	min-height: 70px
}

.cashier-salereturns-table-checkbox,
.cashier-salereturns-table-date,
.cashier-salereturns-table-reference,
.cashier-salereturns-table-customer,
.cashier-salereturns-table-warehouse,
.cashier-salereturns-table-biller,
.cashier-salereturns-table-total,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-action {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkbox h5,
.cashier-salereturns-table-date h5,
.cashier-salereturns-table-reference h5,
.cashier-salereturns-table-customer h5,
.cashier-salereturns-table-warehouse h5,
.cashier-salereturns-table-biller h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-action h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkbox span,
.cashier-salereturns-table-date span,
.cashier-salereturns-table-reference span,
.cashier-salereturns-table-customer span,
.cashier-salereturns-table-warehouse span,
.cashier-salereturns-table-biller span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-action span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.ledgerlist-table .cashier-salereturns-table-checkbox {
	min-width: 50px;
	width: 3.5%
}

.ledgerlist-table .cashier-salereturns-table-date {
	min-width: 160px;
	width: 10%
}

@media(min-width:1601px) and (max-width:1900px) {
	.ledgerlist-table .cashier-salereturns-table-date {
		width: 10%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.ledgerlist-table .cashier-salereturns-table-date {
		width: 9%;
		min-width: 95px
	}
}

@media(max-width:1400px) {
	.ledgerlist-table .cashier-salereturns-table-date {
		width: 9%;
		min-width: 95px
	}
}

.ledgerlist-table .cashier-salereturns-table-reference {
	min-width: 190px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.ledgerlist-table .cashier-salereturns-table-reference {
		width: 14%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.ledgerlist-table .cashier-salereturns-table-reference {
		width: 13%;
		min-width: 135px
	}
}

@media(max-width:1400px) {
	.ledgerlist-table .cashier-salereturns-table-reference {
		width: 13%;
		min-width: 135px
	}
}

.ledgerlist-table .cashier-salereturns-table-customer {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.ledgerlist-table .cashier-salereturns-table-customer {
		width: 15%;
		min-width: 170px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.ledgerlist-table .cashier-salereturns-table-customer {
		width: 15%;
		min-width: 150px
	}
}

@media(max-width:1400px) {
	.ledgerlist-table .cashier-salereturns-table-customer {
		width: 15%;
		min-width: 165px
	}
}

.ledgerlist-table .cashier-salereturns-table-warehouse {
	min-width: 180px;
	width: 13%
}

@media(min-width:1601px) and (max-width:1900px) {
	.ledgerlist-table .cashier-salereturns-table-warehouse {
		width: 12%;
		min-width: 140px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.ledgerlist-table .cashier-salereturns-table-warehouse {
		width: 10%;
		min-width: 105px
	}
}

@media(max-width:1400px) {
	.ledgerlist-table .cashier-salereturns-table-warehouse {
		width: 10%;
		min-width: 120px
	}
}

.ledgerlist-table .cashier-salereturns-table-biller {
	min-width: 200px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.ledgerlist-table .cashier-salereturns-table-biller {
		width: 13%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.ledgerlist-table .cashier-salereturns-table-biller {
		width: 14%;
		min-width: 135px
	}
}

@media(max-width:1400px) {
	.ledgerlist-table .cashier-salereturns-table-biller {
		width: 14%;
		min-width: 150px
	}
}

.ledgerlist-table .cashier-salereturns-table-total {
	min-width: 150px;
	width: 11%
}

@media(min-width:1601px) and (max-width:1900px) {
	.ledgerlist-table .cashier-salereturns-table-total {
		width: 11%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.ledgerlist-table .cashier-salereturns-table-total {
		width: 9%;
		min-width: 90px
	}
}

@media(max-width:1400px) {
	.ledgerlist-table .cashier-salereturns-table-total {
		width: 10%;
		min-width: 115px
	}
}

.ledgerlist-table .cashier-salereturns-table-remark {
	min-width: 180px;
	width: 12%
}

@media(min-width:1601px) and (max-width:1900px) {
	.ledgerlist-table .cashier-salereturns-table-remark {
		width: 12%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.ledgerlist-table .cashier-salereturns-table-remark {
		width: 12%;
		min-width: 110px
	}
}

@media(max-width:1400px) {
	.ledgerlist-table .cashier-salereturns-table-remark {
		width: 12%;
		min-width: 125px
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerM {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperM {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-managesale-table-checkbox,
.cashier-managesale-table-name,
.cashier-managesale-table-code,
.cashier-managesale-table-action {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-managesale-table-checkbox h5,
.cashier-managesale-table-name h5,
.cashier-managesale-table-code h5,
.cashier-managesale-table-action h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-managesale-table-checkbox span,
.cashier-managesale-table-name span,
.cashier-managesale-table-code span,
.cashier-managesale-table-action span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.ledgergroup-table .cashier-managesale-table-checkbox {
	min-width: 100px;
	width: 14%
}

@media(max-width:1900px) {
	.ledgergroup-table .cashier-managesale-table-checkbox {
		min-width: 70px;
		width: 12%
	}
}

@media(max-width:1600px) {
	.ledgergroup-table .cashier-managesale-table-checkbox {
		min-width: 50px;
		width: 12%
	}
}

@media(min-width:768px) and (max-width:991px) {
	.ledgergroup-table .cashier-managesale-table-checkbox {
		min-width: 50px;
		width: 10%
	}
}

.ledgergroup-table .cashier-managesale-table-name {
	min-width: 520px;
	width: 72%
}

@media(min-width:1601px) and (max-width:1900px) {
	.ledgergroup-table .cashier-managesale-table-name {
		min-width: 405px;
		width: 70%;
		padding-right: 10px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.ledgergroup-table .cashier-managesale-table-name {
		min-width: 315px;
		width: 67%;
		padding-right: 10px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.ledgergroup-table .cashier-managesale-table-name {
		min-width: 325px;
		width: 68%;
		padding-right: 10px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.ledgergroup-table .cashier-managesale-table-name {
		min-width: 265px;
		width: 66%;
		padding-right: 10px
	}
}

@media(max-width:991px) {
	.ledgergroup-table .cashier-managesale-table-name {
		min-width: 485px;
		width: 74%
	}
}

@media(max-width:767px) {
	.ledgergroup-table .cashier-managesale-table-name {
		min-width: 485px;
		width: 74%
	}
}

@media(max-width:767px) {
	.cashier-managesale-table-inner {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:767px) {
	.cashier-managesale-table-inner-wrapper {
		min-width: 100%;
		width: 655px;
		scrollbar-height: thin
	}
}

.cashier-addsale-product-btn button {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--clr-common-white) !important;
	border-radius: 5px !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 28px !important;
	margin-right: 16px !important;
	margin-bottom: 6px !important;
	justify-content: center;
	display: inline-block
}

@media(min-width:576px) {
	.cashier-addsale-product-btn button {
		margin-bottom: 4px
	}
}

.cashier-addsale-product-btn button:last-child {
	margin-right: 0 !important
}

.cashier-addsale-product-btn button.btn-primary {
	background: #6f4ef6 !important
}

.cashier-addsale-product-btn .mat-button-wrapper {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important
}

.cashier-addsale-product-list {
	display: flex
}

.cashier-addsale-product-date,
.cashier-addsale-product-unit,
.cashier-addsale-product-Products,
.cashier-addsale-product-batch,
.cashier-addsale-product-price,
.cashier-addsale-product-qty,
.cashier-addsale-product-total,
.cashier-addsale-product-action,
.cashier-addsale-product-discount,
.cashier-addsale-product-tax {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding-left: 20px;
	padding-right: 4px;
	align-items: flex-start
}

@media(max-width:1600px) {

	.cashier-addsale-product-date,
	.cashier-addsale-product-unit,
	.cashier-addsale-product-Products,
	.cashier-addsale-product-batch,
	.cashier-addsale-product-price,
	.cashier-addsale-product-qty,
	.cashier-addsale-product-total,
	.cashier-addsale-product-action,
	.cashier-addsale-product-discount,
	.cashier-addsale-product-tax {
		padding-left: 10px
	}
}

.cashier-addsale-product-action {
	border-right: 0
}

.custom-height-70 {
	height: 70px;
	min-height: 70px
}

.cashier-addsale-product-date {
	width: 9.5%;
	min-width: 140px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-addsale-product-date {
		width: 9%;
		min-width: 100px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-addsale-product-date {
		width: 9%;
		min-width: 90px
	}
}

@media(max-width:1400px) {
	.cashier-addsale-product-date {
		width: 9%;
		min-width: 90px
	}
}

.cashier-addsale-product-unit {
	width: 10%;
	min-width: 150px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-addsale-product-unit {
		width: 10%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-addsale-product-unit {
		width: 10%;
		min-width: 100px
	}
}

@media(max-width:1400px) {
	.cashier-addsale-product-unit {
		width: 10%;
		min-width: 115px
	}
}

.cashier-addsale-product-Products {
	width: 17%;
	min-width: 250px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-addsale-product-Products {
		width: 17%;
		min-width: 200px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-addsale-product-Products {
		width: 17%;
		min-width: 170px
	}
}

@media(max-width:1400px) {
	.cashier-addsale-product-Products {
		width: 17%;
		min-width: 170px
	}
}

.cashier-addsale-product-batch {
	width: 10%;
	min-width: 150px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-addsale-product-batch {
		width: 10%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-addsale-product-batch {
		width: 10%;
		min-width: 90px
	}
}

@media(max-width:1400px) {
	.cashier-addsale-product-batch {
		width: 10%;
		min-width: 90px
	}
}

.cashier-addsale-product-price {
	width: 9%;
	min-width: 150px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-addsale-product-price {
		width: 9%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-addsale-product-price {
		width: 9%;
		min-width: 70px
	}
}

@media(max-width:1400px) {
	.cashier-addsale-product-price {
		width: 9%;
		min-width: 90px
	}
}

.cashier-addsale-product-qty {
	width: 11.5%;
	min-width: 170px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-addsale-product-qty {
		width: 11.5%;
		min-width: 140px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-addsale-product-qty {
		width: 11.5%;
		min-width: 130px
	}
}

@media(max-width:1400px) {
	.cashier-addsale-product-qty {
		width: 11.5%;
		min-width: 130px
	}
}

.cashier-addsale-product-total {
	width: 8.5%;
	min-width: 120px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-addsale-product-total {
		width: 8.5%;
		min-width: 100px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-addsale-product-total {
		width: 8.5%;
		min-width: 90px
	}
}

@media(max-width:1400px) {
	.cashier-addsale-product-total {
		width: 8.5%;
		min-width: 100px
	}
}

.cashier-addsale-product-discount {
	width: 8%;
	min-width: 130px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-addsale-product-discount {
		width: 8%;
		min-width: 100px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-addsale-product-discount {
		width: 8%;
		min-width: 80px
	}
}

@media(max-width:1400px) {
	.cashier-addsale-product-discount {
		width: 8%;
		min-width: 90px
	}
}

.cashier-addsale-product-tax {
	width: 8.5%;
	min-width: 110px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-addsale-product-tax {
		width: 8%;
		min-width: 80px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-addsale-product-tax {
		width: 6%;
		min-width: 60px
	}
}

@media(max-width:1400px) {
	.cashier-addsale-product-tax {
		width: 6%;
		min-width: 70px
	}
}

.cashier-addsale-product-action .product-delete-btn {
	height: 24px;
	width: 24px;
	line-height: 23px;
	text-align: center;
	display: inline-block;
	border: 1px solid var(--clr-theme-themeWarn);
	border-radius: 3px
}

.cashier-addsale-product-action .product-delete-btn i {
	line-height: 22px;
	transform: translateX(-1px);
	font-size: 14px;
	color: var(--clr-theme-themeWarn)
}

.cashier-addsale-product-qty input {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText);
	padding-left: 12px;
	padding-right: 12px;
	width: 32px;
	padding-top: 0;
	padding-bottom: 0;
	border: none
}

.cashier-addsale-product-qty button {
	line-height: 26px;
	border-radius: 3px;
	text-align: center;
	display: inline-block;
	color: var(--clr-theme-themeBlue);
	height: 30px;
	width: 30px;
	border: 2px solid #c1d5fe
}

.cashier-addsale-product-qty button i {
	line-height: 26px;
	transform: translateX(0px);
	font-size: 14px;
	border-radius: 0
}

.cashier-addsale-product-qty button.active {
	background: var(--clr-theme-themeBlue);
	color: var(--clr-common-white);
	border-color: var(--clr-theme-themeBlue)
}

.cashier-addsale-product-cost ul {
	display: inline-block;
	max-width: 400px;
	width: 480px;
	text-align: left
}

@media(max-width:575px) {
	.cashier-addsale-product-cost ul {
		width: 100%
	}
}

.cashier-addsale-product-cost ul li {
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media(max-width:767px) {
	.cashier-addsale-product-cost ul li span.w-40 {
		width: 96px
	}
}

.cashier-addsale-product-btn button {
	height: 48px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 48px !important;
	border-radius: 5px !important;
	width: 180px !important
}

@media(max-width:1199px) {
	.cashier-addsale-product-wrapper-inner {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1199px) {
	.cashier-addsale-product-wrapper-inner-wrap {
		width: 1080px;
		scrollbar-height: thin
	}
}

.cashier-salereturns-table-checkboxD,
.cashier-salereturns-table-dateD,
.cashier-salereturns-table-referenceD,
.cashier-salereturns-table-customerD,
.cashier-salereturns-table-companyD,
.cashier-salereturns-table-warehouseD,
.cashier-salereturns-table-biller,
.cashier-salereturns-table-total,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-actionD {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkboxD h5,
.cashier-salereturns-table-dateD h5,
.cashier-salereturns-table-referenceD h5,
.cashier-salereturns-table-customerD h5,
.cashier-salereturns-table-companyD h5,
.cashier-salereturns-table-warehouseD h5,
.cashier-salereturns-table-biller h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-actionD h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkboxD span,
.cashier-salereturns-table-dateD span,
.cashier-salereturns-table-referenceD span,
.cashier-salereturns-table-customerD span,
.cashier-salereturns-table-companyD span,
.cashier-salereturns-table-warehouseD span,
.cashier-salereturns-table-biller span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-actionD span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-checkboxD {
	min-width: 70px;
	width: 4.5%
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-checkboxD {
		min-width: 50px;
		width: 4.5%
	}
}

.cashier-salereturns-table-dateD {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-dateD {
		width: 15%;
		min-width: 175px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-dateD {
		width: 18%;
		min-width: 180px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-dateD {
		width: 18%;
		min-width: 180px
	}
}

.cashier-salereturns-table-referenceD {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-referenceD {
		width: 15%;
		min-width: 175px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-referenceD {
		width: 14%;
		min-width: 120px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-referenceD {
		width: 14%;
		min-width: 120px
	}
}

.cashier-salereturns-table-customerD {
	min-width: 280px;
	width: 19%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customerD {
		width: 18%;
		min-width: 200px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-customerD {
		width: 16%;
		min-width: 150px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-customerD {
		width: 16%;
		min-width: 150px
	}
}

.cashier-salereturns-table-companyD {
	min-width: 0px;
	width: 16%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-companyD {
		width: 17%;
		min-width: 185px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-companyD {
		width: 15%;
		min-width: 120px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-companyD {
		width: 15%;
		min-width: 120px
	}
}

.cashier-salereturns-table-warehouseD {
	min-width: 345px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouseD {
		width: 20%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-warehouseD {
		width: 21%;
		min-width: 205px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-warehouseD {
		width: 21%;
		min-width: 205px
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerN {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperN {
		width: 1090px;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner1 {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapper1 {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-notification-text {
	width: calc(100% - 90px)
}

@media(max-width:500px) {
	.cashier-notification-text {
		width: calc(100% - 65px)
	}
}

.cashier-notification {
	transition: all linear .3s
}

.cashier-notification:hover {
	background: var(--clr-common-white)
}

.cashier-manageproduct-top-btn button {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--clr-common-white) !important;
	border-radius: 5px !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 28px !important;
	margin-right: 16px !important;
	background: var(--clr-theme-themeBlue)
}

.cashier-manageproduct-top-btn button:hover {
	background: var(--clr-theme-themeBlue)
}

@media(max-width:767px) {
	.cashier-manageproduct-top-btn button {
		margin-bottom: 4px
	}
}

.cashier-manageproduct-top-btn button:last-child {
	margin-right: 0 !important
}

.cashier-newmessage-wrapper .cashier-newmessage-nav {
	width: 210px;
	margin-right: 50px
}

@media(max-width:767px) {
	.cashier-newmessage-wrapper .cashier-newmessage-nav {
		width: 100%;
		margin-right: 0;
		margin-bottom: 8px
	}
}

.cashier-newmessage-wrapper .cashier-newmessage-content {
	width: calc(100% - 260px)
}

@media(max-width:767px) {
	.cashier-newmessage-wrapper .cashier-newmessage-content {
		width: 100%
	}
}

@media(max-width:767px) {
	.cashier-newmessage-wrapper {
		display: block
	}
}

.cashier-newmessage-send-btn button {
	width: inherit !important
}

.cashier-notification-text {
	width: calc(100% - 90px)
}

@media(max-width:500px) {
	.cashier-notification-text {
		width: calc(100% - 65px)
	}
}

.cashier-notification {
	transition: all linear .3s
}

.cashier-notification:hover {
	background: var(--clr-common-white)
}

.cashier-notification-feedback .mat-raised-button {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--clr-body-bodyText) !important;
	border-radius: 5px !important;
	height: 40px !important;
	line-height: 38px !important;
	padding: 0 20px !important;
	margin-right: 10px !important;
	border: 1px solid var(--clr-body-grayBorder);
	background: 0 0 !important;
	box-shadow: none
}

@media(max-width:767px) {
	.cashier-notification-feedback .mat-raised-button {
		margin-bottom: 4px
	}
}

.cashier-notification-feedback .mat-raised-button:last-child {
	margin-right: 0 !important
}

.cashier-notification-feedback svg {
	margin-right: 5px;
	transform: translateY(-2px)
}

.cashier-message-inbox-wrapper .mat-tab-group {
	max-width: inherit;
	flex-direction: row
}

@media(max-width:991px) {
	.cashier-message-inbox-wrapper .mat-tab-group {
		flex-direction: column;
		max-width: 100%
	}
}

.cashier-message-inbox-wrapper .mat-tab-labels {
	display: flex;
	flex-direction: column;
	min-width: 260px;
	background: var(--clr-common-white);
	border-radius: 5px;
	text-align: left
}

.cashier-message-inbox-wrapper .mat-ink-bar {
	display: none
}

.cashier-message-inbox-wrapper .mat-tab-label {
	white-space: inherit;
	font-family: nunito sans, sans-serif;
	overflow: hidden;
	min-height: 40px;
	padding: 0;
	opacity: 1;
	text-align: left;
	justify-content: flex-start;
	max-width: 210px
}

@media(max-width:991px) {
	.cashier-message-inbox-wrapper .mat-tab-label {
		max-width: 100%
	}
}

.cashier-message-inbox-wrapper .mat-tab-label button {
	display: block;
	position: relative;
	width: 100%;
	font-size: 16px;
	font-weight: 600px;
	color: var(--clr-body-heading);
	text-align: left;
	height: 48px;
	line-height: 45px;
	padding: 0 14px;
	border-radius: 5px
}

.cashier-message-inbox-wrapper .mat-tab-label button .mat-icon {
	height: 15px !important;
	width: 15px !important;
	display: inline;
	font-size: 20px !important;
	color: #b8c1cf;
	margin-right: 8px;
	transform: translateY(4px);
	display: inline-block;
	line-height: 0 !important
}

.cashier-message-inbox-wrapper .mat-tab-label button span {
	float: right
}

.cashier-message-inbox-wrapper .mat-tab-label.mat-tab-label-active button {
	background: var(--clr-body-grayBorder);
	color: var(--clr-theme-themeBlue)
}

.cashier-message-inbox-wrapper .mat-tab-label.mat-tab-label-active button .mat-icon {
	color: var(--clr-theme-themeBlue)
}

.cashier-message-inbox-wrapper .mat-tab-header {
	flex-shrink: inherit;
	border: transparent;
	font-family: nunito sans, sans-serif
}

.cashier-message-inbox-wrapper .mat-tab-body-wrapper {
	width: calc(100% - 260px);
	background: var(--clr-common-white)
}

@media(max-width:991px) {
	.cashier-message-inbox-wrapper .mat-tab-body-wrapper {
		width: 100%
	}
}

.cashier-message-inbox-wrapper .mat-tab-label .mat-tab-label-content {
	justify-content: inherit;
	width: 100%
}

.cashier-message-inbox-body {
	overflow: hidden
}

@media(max-width:991px) {
	.cashier-message-inbox-body {
		margin-top: 24px
	}
}

.mat-tab-labels {
	font-family: nunito sans, sans-serif
}

.mat-ripple.mat-tab-header-pagination.mat-tab-header-pagination-before.mat-elevation-z4.mat-tab-header-pagination-disabled {
	display: none
}

.mat-ripple.mat-tab-header-pagination.mat-tab-header-pagination-after.mat-elevation-z4 {
	display: none
}

.cashier-manageproduct-top-btn .mat-raised-button {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--clr-common-white) !important;
	border-radius: 5px !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 28px !important;
	margin-right: 16px !important
}

@media(min-width:576px) {
	.cashier-manageproduct-top-btn .mat-raised-button {
		margin-bottom: 4px
	}
}

.cashier-manageproduct-top-btn .mat-raised-button:last-child {
	margin-right: 0 !important
}

.cashier-notification-body {
	padding-bottom: 10px
}

.cashier-notification-text {
	width: calc(100% - 90px)
}

@media(max-width:500px) {
	.cashier-notification-text {
		width: calc(100% - 65px)
	}
}

.cashier-notification {
	transition: all linear .3s
}

.cashier-notification:hover {
	background: var(--clr-common-white)
}

.cashier-newmessage-wrapper button {
	color: var(--clr-body-heading);
	display: block;
	position: relative;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	line-height: 45px;
	height: 48px;
	padding: 0 14px;
	border-radius: 5px
}

.cashier-newmessage-wrapper button i {
	height: 15px;
	width: 15px;
	font-size: 16px;
	line-height: 0;
	display: inline-block;
	color: #b8c1cf;
	margin-right: 8px
}

.cashier-newmessage-wrapper button span {
	float: right
}

.cashier-newmessage-wrapper button:hover {
	background: var(--clr-body-grayBgLight);
	color: var(--clr-theme-themeBlue)
}

.cashier-newmessage-wrapper button:hover i {
	color: var(--clr-theme-themeBlue)
}

.cashier-manageproduct-top-btn button {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--clr-common-white) !important;
	border-radius: 5px !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 28px !important;
	margin-right: 16px !important;
	background: var(--clr-theme-themeBlue)
}

.cashier-manageproduct-top-btn button:hover {
	background: var(--clr-theme-themeBlue)
}

@media(max-width:767px) {
	.cashier-manageproduct-top-btn button {
		margin-bottom: 4px
	}
}

.cashier-manageproduct-top-btn button:last-child {
	margin-right: 0 !important
}

.cashier-newmessage-wrapper .cashier-newmessage-nav {
	width: 210px;
	margin-right: 50px
}

@media(max-width:767px) {
	.cashier-newmessage-wrapper .cashier-newmessage-nav {
		width: 100%;
		margin-right: 0;
		margin-bottom: 8px
	}
}

.cashier-newmessage-wrapper .cashier-newmessage-content {
	width: calc(100% - 260px)
}

@media(max-width:767px) {
	.cashier-newmessage-wrapper .cashier-newmessage-content {
		width: 100%
	}
}

@media(max-width:767px) {
	.cashier-newmessage-wrapper {
		display: block
	}
}

.cashier-newmessage-send-btn button {
	width: inherit !important
}

.cashier-notification-text {
	width: calc(100% - 90px)
}

@media(max-width:500px) {
	.cashier-notification-text {
		width: calc(100% - 65px)
	}
}

.cashier-notification {
	transition: all linear .3s
}

.cashier-notification:hover {
	background: var(--clr-common-white)
}

.cashier-notification-feedback .mat-raised-button {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--clr-body-bodyText) !important;
	border-radius: 5px !important;
	height: 40px !important;
	line-height: 38px !important;
	padding: 0 20px !important;
	margin-right: 10px !important;
	border: 1px solid var(--clr-body-grayBorder);
	background: 0 0 !important;
	box-shadow: none
}

@media(max-width:767px) {
	.cashier-notification-feedback .mat-raised-button {
		margin-bottom: 4px
	}
}

.cashier-notification-feedback .mat-raised-button:last-child {
	margin-right: 0 !important
}

.cashier-notification-feedback svg {
	margin-right: 5px;
	transform: translateY(-2px)
}

.cashier-message-inbox-wrapper .cashiar-tab-group {
	max-width: inherit;
	display: flex;
	flex-direction: row
}

@media(max-width:991px) {
	.cashier-message-inbox-wrapper .cashiar-tab-group {
		max-width: 100%;
		flex-direction: column
	}
}

.cashier-message-inbox-wrapper .cashiar-tab-labels {
	display: flex;
	flex-direction: column;
	min-width: 260px;
	background: var(--clr-common-white);
	border-radius: 5px;
	text-align: left
}

.cashier-message-inbox-wrapper .mat-ink-bar {
	display: none
}

.cashier-message-inbox-wrapper .cashiar-tab-label {
	white-space: inherit;
	font-family: nunito sans, sans-serif;
	overflow: hidden;
	min-height: 40px;
	padding: 0;
	opacity: 1;
	text-align: left;
	justify-content: flex-start;
	max-width: 210px
}

@media(max-width:991px) {
	.cashier-message-inbox-wrapper .cashiar-tab-label {
		max-width: 100%
	}
}

.cashier-message-inbox-wrapper .cashiar-tab-label button,
.cashier-message-inbox-wrapper .cashiar-tab-label div {
	display: block;
	position: relative;
	width: 100%;
	font-size: 16px;
	font-weight: 600px !important;
	color: var(--clr-body-heading);
	text-align: left;
	height: 48px;
	line-height: 45px;
	padding: 0 14px;
	border-radius: 5px;
	font-family: nunito sans, sans-serif !important
}

.cashier-message-inbox-wrapper .cashiar-tab-label button i,
.cashier-message-inbox-wrapper .cashiar-tab-label div i {
	height: 15px;
	width: 15px;
	display: inline;
	font-size: 16px;
	line-height: 0;
	color: #b8c1cf;
	margin-right: 8px;
	display: inline-block
}

.cashier-message-inbox-wrapper .cashiar-tab-label button span,
.cashier-message-inbox-wrapper .cashiar-tab-label div span {
	float: right
}

.cashier-message-inbox-wrapper .cashiar-tab-label button[aria-selected=true],
.cashier-message-inbox-wrapper .cashiar-tab-label div[aria-selected=true] {
	background: var(--clr-body-grayBorder);
	color: var(--clr-theme-themeBlue)
}

.cashier-message-inbox-wrapper .cashiar-tab-label button[aria-selected=true] i,
.cashier-message-inbox-wrapper .cashiar-tab-label div[aria-selected=true] i {
	color: var(--clr-theme-themeBlue)
}

.cashier-message-inbox-wrapper .cashiar-tab-label .tab-a.active-a {
	background: var(--clr-body-grayBorder);
	color: var(--clr-theme-themeBlue)
}

.cashier-message-inbox-wrapper .cashiar-tab-label .tab-a.active-a i {
	color: var(--clr-theme-themeBlue)
}

.cashier-message-inbox-wrapper .cashiar-tab-label .tab-b.active-b {
	background: var(--clr-common-white)
}

.cashier-message-inbox-wrapper .cashiar-tab-header {
	flex-shrink: inherit;
	border: transparent;
	font-family: nunito sans, sans-serif
}

.cashier-message-inbox-wrapper .cashiar-tab-body-wrapper {
	width: calc(100% - 260px);
	background: var(--clr-common-white)
}

@media(max-width:991px) {
	.cashier-message-inbox-wrapper .cashiar-tab-body-wrapper {
		width: 100%
	}
}

.cashier-message-inbox-wrapper .mat-tab-label .mat-tab-label-content {
	justify-content: inherit;
	width: 100%
}

.cashier-message-inbox-body {
	overflow: hidden
}

@media(max-width:991px) {
	.cashier-message-inbox-body {
		margin-top: 24px
	}
}

.mat-tab-labels {
	font-family: nunito sans, sans-serif
}

.mat-ripple.mat-tab-header-pagination.mat-tab-header-pagination-before.mat-elevation-z4.mat-tab-header-pagination-disabled {
	display: none
}

.mat-ripple.mat-tab-header-pagination.mat-tab-header-pagination-after.mat-elevation-z4 {
	display: none
}

.cashier-manageproduct-top-btn .mat-raised-button {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--clr-common-white) !important;
	border-radius: 5px !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 28px !important;
	margin-right: 16px !important
}

@media(min-width:576px) {
	.cashier-manageproduct-top-btn .mat-raised-button {
		margin-bottom: 4px
	}
}

.cashier-manageproduct-top-btn .mat-raised-button:last-child {
	margin-right: 0 !important
}

.cashier-notification-body {
	padding-bottom: 10px
}

.cashier-notification-text {
	width: calc(100% - 90px)
}

@media(max-width:500px) {
	.cashier-notification-text {
		width: calc(100% - 65px)
	}
}

.cashier-notification {
	transition: all linear .3s
}

.cashier-notification:hover {
	background: var(--clr-common-white)
}

.cashier-notification-feedback button {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--clr-body-bodyText) !important;
	border-radius: 5px !important;
	height: 40px !important;
	line-height: 38px !important;
	padding: 0 20px !important;
	margin-right: 10px !important;
	border: 1px solid var(--clr-body-grayBorder);
	background: 0 0 !important;
	box-shadow: none
}

@media(max-width:767px) {
	.cashier-notification-feedback button {
		margin-bottom: 4px
	}
}

.cashier-notification-feedback button:last-child {
	margin-right: 0 !important
}

.cashier-notification-feedback i {
	margin-right: 5px;
	transform: translateY(-2px)
}

.cashier-notification-wrapper {
	padding: 0
}

.cashier-notification-wrapper .cashiar-tab-header {
	margin-right: 50px;
	border: 0
}

@media(max-width:991px) {
	.cashier-notification-wrapper .cashiar-tab-header {
		margin-right: 25px
	}
}

@media(max-width:767px) {
	.cashier-notification-wrapper .cashiar-tab-header {
		margin-right: 0;
		margin-bottom: 32px
	}
}

.cashier-notification-wrapper .cashiar-tab-group {
	font-family: nunito sans, sans-serif;
	flex-direction: row
}

@media(max-width:767px) {
	.cashier-notification-wrapper .cashiar-tab-group {
		flex-direction: column
	}
}

.cashier-notification-wrapper .cashiar-tab-labels {
	display: flex;
	flex-direction: column;
	min-width: 340px;
	height: 670px;
	background: #f5f7fb;
	padding: 15px;
	border-radius: 5px;
	text-align: left;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none
}

@media(max-width:767px) {
	.cashier-notification-wrapper .cashiar-tab-labels {
		height: 300px
	}
}

.cashier-notification-wrapper .cashiar-tab-labels::-webkit-scrollbar {
	display: none
}

.cashier-notification-wrapper .mat-ink-bar {
	display: none
}

.cashier-notification-wrapper .casiar-tab-label {
	white-space: inherit;
	overflow: hidden;
	min-height: 100px;
	padding: 0;
	opacity: 1;
	text-align: left;
	justify-content: flex-start;
	min-width: 100%
}

.cashier-notification-wrapper .casiar-tab-label button[aria-selected=true] .cashier-notification {
	background: var(--clr-common-white)
}

.cashier-notification-wrapper .cashier-notification {
	padding: 20px 14px;
	width: 100%
}

.cashier-notification-wrapper .cashier-notification .cashier-notification-text h5 {
	line-height: 27px
}

.cashier-notification-wrapper .cashiar-tab-label {
	white-space: inherit;
	width: 100%;
	justify-content: flex-start
}

.cashier-notification-wrapper .cashiar-tab-label-container {
	width: 400px
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-notification-wrapper .cashiar-tab-label-container {
		width: 440px
	}
}

@media(min-width:768px) and (max-width:991px) {
	.cashier-notification-wrapper .cashiar-tab-label-container {
		width: 640px
	}
}

@media(max-width:500px) {
	.cashier-notification-wrapper .cashiar-tab-label {
		min-height: 150px
	}

	.cashier-notification-wrapper .cashiar-tab-labels {
		min-width: 100%
	}

	.cashier-notification-wrapper .cashier-notification {
		display: block
	}

	.cashier-notification-wrapper .cashier-notification-text {
		width: calc(100% - 15px)
	}

	.cashier-notification-wrapper .cashier-notification-img {
		margin-bottom: 15px;
		margin-right: 0
	}
}

.cashier-notification-body {
	overflow: hidden
}

.cashier-notification-action button {
	display: inline-block;
	font-size: 16px;
	margin-right: 12px;
	color: var(--clr-body-bodyText)
}

.cashier-notification-action button:last-child {
	margin-right: 0
}

.cashier-notification-search i {
	position: absolute;
	top: 16px;
	padding-left: 10px;
	color: #b8bbbf;
	left: 0
}

.cashier-notification-search input.mat-input-element {
	padding-left: 40px
}

@media(max-width:1200px) {
	.cashier-notification-wrapper {
		overflow-x: auto
	}
}

@media(max-width:1200px) {
	.cashier-notification-wrapper-inner {
		min-width: 100%;
		width: 830px
	}
}

@media(max-width:767px) {
	.cashier-notification-wrapper-inner {
		width: 100%
	}
}

button.mat-raised-button.mat-primary {
	background: var(--clr-theme-themeBlue)
}

.cashiar-tab-label {
	display: inline-flex
}

.cashier-message-inbox-wrapper .cashiar-tab-label .cashier-notification {
	display: flex;
	flex-wrap: wrap;
	padding: 14px;
	height: 100%
}

.cashier-message-inbox-wrapper .cashiar-tab-label .cashier-notification-img {
	width: 48px;
	padding: 0
}

.cashier-message-inbox-wrapper .cashiar-tab-label .cashier-notification-text {
	width: calc(100% - 90px);
	padding: 0;
	height: inherit;
	line-height: 1
}

@media(max-width:500px) {
	.cashier-message-inbox-wrapper .cashiar-tab-label .cashier-notification-text {
		width: calc(100% - 65px)
	}
}

.cashier-message-inbox-wrapper .cashiar-tab-label .cashier-notification-text span {
	float: inherit;
	margin-bottom: 10px
}

.cashier-message-inbox-wrapper .cashiar-tab-label>div {
	height: inherit;
	padding: 0
}

.cashier-notification-wrapper .cashiar-tab-label div[aria-selected=true] {
	background: var(--clr-common-white)
}

.cashier-notification-text {
	width: calc(100% - 90px)
}

@media(max-width:500px) {
	.cashier-notification-text {
		width: calc(100% - 65px)
	}
}

.cashier-notification {
	transition: all linear .3s
}

.cashier-notification:hover {
	background: var(--clr-common-white)
}

.cashier-notification-feedback .mat-raised-button {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--clr-body-bodyText) !important;
	border-radius: 5px !important;
	height: 40px !important;
	line-height: 38px !important;
	padding: 0 20px !important;
	margin-right: 10px !important;
	border: 1px solid var(--clr-body-grayBorder);
	background: 0 0 !important;
	box-shadow: none
}

@media(max-width:767px) {
	.cashier-notification-feedback .mat-raised-button {
		margin-bottom: 4px
	}
}

.cashier-notification-feedback .mat-raised-button:last-child {
	margin-right: 0 !important
}

.cashier-notification-feedback svg {
	margin-right: 5px;
	transform: translateY(-2px)
}

.cashier-notification-wrapper {
	padding: 0
}

.cashier-notification-wrapper .mat-tab-header {
	margin-right: 50px;
	border: 0
}

@media(max-width:991px) {
	.cashier-notification-wrapper .mat-tab-header {
		margin-right: 25px
	}
}

@media(max-width:767px) {
	.cashier-notification-wrapper .mat-tab-header {
		margin-right: 0;
		margin-bottom: 32px
	}
}

.cashier-notification-wrapper .mat-tab-group {
	font-family: nunito sans, sans-serif;
	flex-direction: row
}

@media(max-width:767px) {
	.cashier-notification-wrapper .mat-tab-group {
		flex-direction: column
	}
}

.cashier-notification-wrapper div.cashiar-tab-labels {
	display: flex;
	flex-direction: column;
	min-width: 340px;
	height: 670px;
	background: #f5f7fb;
	padding: 15px;
	border-radius: 5px;
	text-align: left;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.cashier-notification-wrapper div.cashiar-tab-labels::-webkit-scrollbar {
	display: none
}

.cashier-notification-wrapper .mat-ink-bar {
	display: none
}

.cashier-notification-wrapper .cashiar-tab-label {
	white-space: inherit;
	overflow: hidden;
	padding: 0;
	opacity: 1;
	text-align: left;
	justify-content: flex-start;
	min-width: 100%
}

.cashier-notification-wrapper .cashiar-tab-label.cashiar-tab-label-active .cashier-notification {
	background: var(--clr-common-white)
}

.cashier-notification-wrapper li.cashiar-tab-label {
	min-height: 100px
}

.cashier-notification-wrapper li.cashiar-tab-label button {
	padding-left: 0;
	padding-right: 0
}

.cashier-notification-wrapper .cashier-notification {
	padding: 20px 14px;
	width: 100%
}

.cashier-notification-wrapper .cashiar-tab-label .cashiar-tab-label-content {
	white-space: inherit;
	width: 100%;
	justify-content: flex-start
}

.cashier-notification-wrapper .cashiar-tab-label-container {
	width: 400px
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-notification-wrapper .cashiar-tab-label-container {
		width: 440px
	}
}

@media(min-width:768px) and (max-width:991px) {
	.cashier-notification-wrapper .cashiar-tab-label-container {
		width: 640px
	}
}

@media(max-width:500px) {
	.cashier-notification-wrapper .cashiar-tab-label {
		min-height: 150px
	}

	.cashier-notification-wrapper .cashiar-tab-labels {
		min-width: 100%
	}

	.cashier-notification-wrapper .cashier-notification {
		display: block
	}

	.cashier-notification-wrapper .cashier-notification-text {
		width: calc(100% - 15px)
	}

	.cashier-notification-wrapper .cashier-notification-img {
		margin-bottom: 15px;
		margin-right: 0
	}
}

.cashier-notification-body {
	overflow: hidden
}

.cashier-notification-action button {
	display: inline-block;
	font-size: 16px;
	margin-right: 12px;
	color: var(--clr-body-bodyText)
}

.cashier-notification-action button:last-child {
	margin-right: 0
}

div.cashier-notification-search .mat-icon {
	position: absolute;
	top: 13px;
	padding-left: 10px;
	color: #b8bbbf;
	left: 0
}

div.cashier-notification-search input {
	padding-left: 40px
}

@media(max-width:1200px) {
	.cashier-notification-wrapper {
		overflow-x: auto
	}
}

@media(max-width:1200px) {
	.cashier-notification-wrapper-inner {
		min-width: 100%;
		width: 830px
	}
}

@media(max-width:767px) {
	.cashier-notification-wrapper-inner {
		width: 100%
	}
}

button.mat-raised-button.mat-primary {
	background: var(--clr-theme-themeBlue)
}

.cashier-salereturns-table-checkboxI,
.cashier-salereturns-table-dateI,
.cashier-salereturns-table-referenceI,
.cashier-salereturns-table-customerI,
.cashier-salereturns-table-companyI,
.cashier-salereturns-table-warehouseI,
.cashier-salereturns-table-actionI {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkboxI h5,
.cashier-salereturns-table-dateI h5,
.cashier-salereturns-table-referenceI h5,
.cashier-salereturns-table-customerI h5,
.cashier-salereturns-table-companyI h5,
.cashier-salereturns-table-warehouseI h5,
.cashier-salereturns-table-actionI h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkboxI span,
.cashier-salereturns-table-dateI span,
.cashier-salereturns-table-referenceI span,
.cashier-salereturns-table-customerI span,
.cashier-salereturns-table-companyI span,
.cashier-salereturns-table-warehouseI span,
.cashier-salereturns-table-actionI span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-checkboxI {
	min-width: 70px;
	width: 4.5%
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-checkboxI {
		min-width: 50px;
		width: 4.5%
	}
}

.cashier-salereturns-table-dateI {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-dateI {
		width: 15%;
		min-width: 175px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-dateI {
		width: 18%;
		min-width: 180px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-dateI {
		width: 18%;
		min-width: 180px
	}
}

.cashier-salereturns-table-referenceI {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-referenceI {
		width: 15%;
		min-width: 175px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-referenceI {
		width: 14%;
		min-width: 120px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-referenceI {
		width: 14%;
		min-width: 120px
	}
}

.cashier-salereturns-table-customerI {
	min-width: 280px;
	width: 19%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customerI {
		width: 18%;
		min-width: 200px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-customerI {
		width: 16%;
		min-width: 150px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-customerI {
		width: 16%;
		min-width: 150px
	}
}

.cashier-salereturns-table-companyI {
	min-width: 230px;
	width: 16%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-companyI {
		width: 17%;
		min-width: 185px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-companyI {
		width: 15%;
		min-width: 120px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-companyI {
		width: 15%;
		min-width: 120px
	}
}

.cashier-salereturns-table-warehouseI {
	min-width: 345px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouseI {
		width: 20%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-warehouseI {
		width: 21%;
		min-width: 205px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-warehouseI {
		width: 21%;
		min-width: 205px
	}
}

.cashier-salereturns-table-checkboxI input {
	margin-left: 16px
}

.cashier-salereturns-table-checkboxI .mat-checkbox-frame {
	border-color: #cbced4 !important
}

.cashier-salereturns-table-checkboxI .mat-checkbox {
	display: flex
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerB {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperB {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-salereturns-table-checkboxF,
.cashier-salereturns-table-dateF,
.cashier-salereturns-table-referenceF,
.cashier-salereturns-table-customerF,
.cashier-salereturns-table-companyF,
.cashier-salereturns-table-warehouseF,
.cashier-salereturns-table-biller,
.cashier-salereturns-table-total,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-actionF {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkboxF h5,
.cashier-salereturns-table-dateF h5,
.cashier-salereturns-table-referenceF h5,
.cashier-salereturns-table-customerF h5,
.cashier-salereturns-table-companyF h5,
.cashier-salereturns-table-warehouseF h5,
.cashier-salereturns-table-biller h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-actionF h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkboxF span,
.cashier-salereturns-table-dateF span,
.cashier-salereturns-table-referenceF span,
.cashier-salereturns-table-customerF span,
.cashier-salereturns-table-companyF span,
.cashier-salereturns-table-warehouseF span,
.cashier-salereturns-table-biller span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-actionF span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-checkboxF {
	min-width: 70px;
	width: 4.5%
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-checkboxF {
		min-width: 50px;
		width: 4.5%
	}
}

.cashier-salereturns-table-dateF {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-dateF {
		width: 15%;
		min-width: 175px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-dateF {
		width: 18%;
		min-width: 180px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-dateF {
		width: 18%;
		min-width: 180px
	}
}

.cashier-salereturns-table-referenceF {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-referenceF {
		width: 15%;
		min-width: 175px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-referenceF {
		width: 14%;
		min-width: 120px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-referenceF {
		width: 14%;
		min-width: 120px
	}
}

.cashier-salereturns-table-customerF {
	min-width: 280px;
	width: 19%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customerF {
		width: 18%;
		min-width: 200px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-customerF {
		width: 16%;
		min-width: 150px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-customerF {
		width: 16%;
		min-width: 150px
	}
}

.cashier-salereturns-table-companyF {
	min-width: 230px;
	width: 16%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-companyF {
		width: 17%;
		min-width: 185px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-companyF {
		width: 15%;
		min-width: 120px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-companyF {
		width: 15%;
		min-width: 120px
	}
}

.cashier-salereturns-table-warehouseF {
	min-width: 345px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouseF {
		width: 20%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-warehouseF {
		width: 21%;
		min-width: 205px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-warehouseF {
		width: 21%;
		min-width: 205px
	}
}

.cashier-salereturns-table-checkboxF input {
	margin-left: 16px
}

.cashier-salereturns-table-checkboxF .mat-checkbox-frame {
	border-color: #cbced4 !important
}

.cashier-salereturns-table-checkboxF .mat-checkbox {
	display: flex
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerD {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperD {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-salereturns-table-checkboxG,
.cashier-salereturns-table-dateG,
.cashier-salereturns-table-referenceG,
.cashier-salereturns-table-customerG,
.cashier-salereturns-table-warehouseG,
.cashier-salereturns-table-billerG,
.cashier-salereturns-table-total,
.cashier-salereturns-table-modeG,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-actionG {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start
}

.cashier-salereturns-table-checkboxG h5,
.cashier-salereturns-table-dateG h5,
.cashier-salereturns-table-referenceG h5,
.cashier-salereturns-table-customerG h5,
.cashier-salereturns-table-warehouseG h5,
.cashier-salereturns-table-billerG h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-modeG h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-actionG h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkboxG span,
.cashier-salereturns-table-dateG span,
.cashier-salereturns-table-referenceG span,
.cashier-salereturns-table-customerG span,
.cashier-salereturns-table-warehouseG span,
.cashier-salereturns-table-billerG span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-modeG span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-actionG span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-checkboxG {
	min-width: 50px;
	width: 3.5%
}

.cashier-salereturns-table-dateG {
	min-width: 185px;
	width: 13%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-dateG {
		width: 14%;
		min-width: 160px
	}
}

@media(max-width:1600px) {
	.cashier-salereturns-table-dateG {
		width: 14%;
		min-width: 160px
	}
}

.cashier-salereturns-table-referenceG {
	min-width: 190px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-referenceG {
		width: 14%;
		min-width: 160px
	}
}

@media(max-width:1600px) {
	.cashier-salereturns-table-referenceG {
		width: 14%;
		min-width: 160px
	}
}

.cashier-salereturns-table-customerG {
	min-width: 215px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customerG {
		width: 16%;
		min-width: 185px
	}
}

@media(max-width:1600px) {
	.cashier-salereturns-table-customerG {
		width: 16%;
		min-width: 185px
	}
}

.cashier-salereturns-table-warehouseG {
	min-width: 180px;
	width: 13%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouseG {
		width: 10%;
		min-width: 120px
	}
}

@media(max-width:1600px) {
	.cashier-salereturns-table-warehouseG {
		width: 10%;
		min-width: 120px
	}
}

.cashier-salereturns-table-billerG {
	min-width: 160px;
	width: 12%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-billerG {
		width: 12%;
		min-width: 135px
	}
}

@media(max-width:1600px) {
	.cashier-salereturns-table-billerG {
		width: 12%;
		min-width: 135px
	}
}

.cashier-salereturns-table-modeG {
	min-width: 340px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-modeG {
		width: 21%;
		min-width: 245px
	}
}

@media(max-width:1600px) {
	.cashier-salereturns-table-modeG {
		width: 21%;
		min-width: 245px
	}
}

.cashier-salereturns-table-checkboxG input {
	margin-left: 16px
}

.cashier-salereturns-table-checkboxG .mat-checkbox-frame {
	border-color: #cbced4 !important
}

.cashier-salereturns-table-checkboxG .mat-checkbox {
	display: flex
}

@media(max-width:1300px) {
	.cashier-salereturns-table-innerH {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1300px) {
	.cashier-salereturns-table-inner-wrapperH {
		width: 1175px;
		scrollbar-height: thin
	}
}

.cashier-salereturns-table-checkboxJ,
.cashier-salereturns-table-dateJ,
.cashier-salereturns-table-referenceJ,
.cashier-salereturns-table-customerJ,
.cashier-salereturns-table-companyJ,
.cashier-salereturns-table-warehouseJ,
.cashier-salereturns-table-actionJ {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	padding: 15px;
  	border: 1px solid #f5f7fb;
  	width: 15%;
}

.cashier-salereturns-table-checkboxJ h5,
.cashier-salereturns-table-dateJ h5,
.cashier-salereturns-table-referenceJ h5,
.cashier-salereturns-table-customerJ h5,
.cashier-salereturns-table-companyJ h5,
.cashier-salereturns-table-warehouseJ h5,
.cashier-salereturns-table-actionJ h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkboxJ span,
.cashier-salereturns-table-dateJ span,
.cashier-salereturns-table-referenceJ span,
.cashier-salereturns-table-customerJ span,
.cashier-salereturns-table-companyJ span,
.cashier-salereturns-table-warehouseJ span,
.cashier-salereturns-table-actionJ span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-checkboxJ figure,
.cashier-salereturns-table-dateJ figure,
.cashier-salereturns-table-referenceJ figure,
.cashier-salereturns-table-customerJ figure,
.cashier-salereturns-table-companyJ figure,
.cashier-salereturns-table-warehouseJ figure,
.cashier-salereturns-table-actionJ figure {
	display: inline-block;
	text-align: center;
	width: 70px
}

.cashier-salereturns-table-checkboxJ {
	min-width: 0px;
		width: 23%
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-checkboxJ {
		min-width: 0px;
		width: 23%;
		text-align: left;      
	}
}

.cashier-salereturns-table-dateJ {
	min-width: 0px;
		width: 23%;
		text-align: left; 
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-dateJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-dateJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-dateJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

.cashier-salereturns-table-referenceJ {
	min-width: 0px;
		width: 23%;
		text-align: left; 
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-referenceJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-referenceJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-referenceJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

.cashier-salereturns-table-customerJ {
	min-width: 0px;
		width: 23%;
		text-align: left; 
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customerJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-customerJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-customerJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

.cashier-salereturns-table-companyJ {
	min-width: 0px;
		width: 23%;
		text-align: left; 
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-companyJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-companyJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-companyJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

.cashier-salereturns-table-warehouseJ {
	min-width: 0px;
		width: 23%;
		text-align: left; 
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouseJ {
		min-width: 0px;
		width: 23%
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-warehouseJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-warehouseJ {
		min-width: 0px;
		width: 23%;
		text-align: left; 
	}
}

.cashier-salereturns-table-checkboxJ input {
	margin-left: 16px
}

.cashier-salereturns-table-checkboxJ .mat-checkbox-frame {
	border-color: #cbced4 !important
}

.cashier-salereturns-table-checkboxJ .mat-checkbox {
	display: flex
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerX {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperX {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-managesale-table-checkbox,
.cashier-managesale-table-name,
.cashier-managesale-table-description,
.cashier-managesale-table-action {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start
}

.cashier-managesale-table-checkbox h5,
.cashier-managesale-table-name h5,
.cashier-managesale-table-description h5,
.cashier-managesale-table-action h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-managesale-table-checkbox span,
.cashier-managesale-table-name span,
.cashier-managesale-table-description span,
.cashier-managesale-table-action span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-managesale-table-checkbox {
	min-width: 100px;
	width: 14%
}

@media(max-width:1900px) {
	.cashier-managesale-table-checkbox {
		min-width: 70px;
		width: 12%
	}
}

@media(max-width:1600px) {
	.cashier-managesale-table-checkbox {
		min-width: 50px;
		width: 12%
	}
}

@media(min-width:768px) and (max-width:991px) {
	.cashier-managesale-table-checkbox {
		min-width: 50px;
		width: 10%
	}
}

.cashier-managesale-table-name {
	min-width: 150px;
	width: 21%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-managesale-table-name {
		min-width: 130px;
		width: 23%;
		padding-right: 10px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-managesale-table-name {
		min-width: 120px;
		width: 26%;
		padding-right: 10px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-managesale-table-name {
		min-width: 120px;
		width: 23%;
		padding-right: 10px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-managesale-table-name {
		min-width: 110px;
		width: 26%;
		padding-right: 10px
	}
}

@media(max-width:991px) {
	.cashier-managesale-table-name {
		min-width: 130px;
		width: 22%;
		padding-right: 10px
	}
}

.cashier-managesale-table-description {
	min-width: 370px;
	width: 51%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-managesale-table-description {
		min-width: 275px;
		width: 48%;
		padding-right: 10px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-managesale-table-description {
		min-width: 185px;
		width: 42%;
		padding-right: 10px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-managesale-table-description {
		min-width: 185px;
		width: 47%;
		padding-right: 10px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-managesale-table-description {
		min-width: 155px;
		width: 40%;
		padding-right: 10px
	}
}

@media(max-width:991px) {
	.cashier-managesale-table-description {
		min-width: 275px;
		width: 52%;
		padding-right: 10px
	}
}

.cashier-managesale-table-checkbox input {
	margin-left: 16px
}

.cashier-managesale-table-checkbox .mat-checkbox-frame {
	border-color: #cbced4 !important
}

.cashier-managesale-table-checkbox .mat-checkbox {
	display: flex
}

@media(max-width:991px) {
	.cashier-managesale-table-inner {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:991px) {
	.cashier-managesale-table-inner-wrapper {
		min-width: 100%;
		width: 655px;
		scrollbar-height: thin
	}
}

.cashier-role-list .cashier-role-checkbox label {
	font-size: 15px;
	font-weight: 400;
	transform: translateY(2px);
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif;
	margin-left: 3px;
	display: inline-block
}

.cashier-salereturns-table-checkbox,
.cashier-salereturns-table-dateP,
.cashier-salereturns-table-referenceP,
.cashier-salereturns-table-customerP,
.cashier-salereturns-table-companyP,
.cashier-salereturns-table-warehouseP,
.cashier-salereturns-table-actionP {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkbox h5,
.cashier-salereturns-table-dateP h5,
.cashier-salereturns-table-referenceP h5,
.cashier-salereturns-table-customerP h5,
.cashier-salereturns-table-companyP h5,
.cashier-salereturns-table-warehouseP h5,
.cashier-salereturns-table-actionP h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkbox span,
.cashier-salereturns-table-dateP span,
.cashier-salereturns-table-referenceP span,
.cashier-salereturns-table-customerP span,
.cashier-salereturns-table-companyP span,
.cashier-salereturns-table-warehouseP span,
.cashier-salereturns-table-actionP span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-checkbox {
	min-width: 70px;
	width: 4.5%
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-checkbox {
		min-width: 50px;
		width: 4.5%
	}
}

.cashier-salereturns-table-dateP {
	min-width: 220px;
	width: 15%;
	padding-left: 20px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-dateP {
		width: 15%;
		min-width: 175px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-dateP {
		width: 18%;
		min-width: 180px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-dateP {
		width: 18%;
		min-width: 180px
	}
}

.cashier-salereturns-table-referenceP {
	min-width: 315px;
	width: 21%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-referenceP {
		width: 24%;
		min-width: 260px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-referenceP {
		width: 22%;
		min-width: 215px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-referenceP {
		width: 22%;
		min-width: 215px
	}
}

.cashier-salereturns-table-customerP {
	min-width: 280px;
	width: 19%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customerP {
		width: 18%;
		min-width: 200px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-customerP {
		width: 16%;
		min-width: 150px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-customerP {
		width: 16%;
		min-width: 150px
	}
}

.cashier-salereturns-table-companyP {
	min-width: 230px;
	width: 16%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-companyP {
		width: 17%;
		min-width: 185px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-companyP {
		width: 15%;
		min-width: 120px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-companyP {
		width: 15%;
		min-width: 120px
	}
}

.cashier-salereturns-table-warehouseP {
	min-width: 345px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouseP {
		width: 20%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-warehouseP {
		width: 21%;
		min-width: 205px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-warehouseP {
		width: 21%;
		min-width: 205px
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerS {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperS {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-transection-info {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	border-radius: 8px
}

@media(min-width:1401px) and (max-width:1800px) {
	.cashier-transection-info {
		padding: 24px 16px
	}
}

.cashier-transection-info-text h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-bodyText)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h5 {
		font-size: 12px
	}
}

.cashier-transection-info-text h4 {
	font-size: 22px;
	font-weight: 700;
	color: var(--clr-body-heading)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h4 {
		font-size: 18px
	}
}

.cashier-transection-info-percent span {
	font-size: 14px;
	font-weight: 600;
	color: var(--clr-common-white);
	height: 30px;
	line-height: 31px;
	border-radius: 16px;
	padding: 0 12px
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-percent span {
		font-size: 12px;
		padding: 0 8px
	}
}

.cashier-transection-selector-single .mat-form-field-flex {
	height: 40px;
	line-height: 38px;
	padding: 0 20px
}

.cashier-salereturns-table-dateK,
.cashier-salereturns-table-referenceK,
.cashier-salereturns-table-customerK,
.cashier-salereturns-table-companyK,
.cashier-salereturns-table-warehouseK,
.cashier-salereturns-table-actionK,
.cashier-salereturns-table-balanceK {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-dateK h5,
.cashier-salereturns-table-referenceK h5,
.cashier-salereturns-table-customerK h5,
.cashier-salereturns-table-companyK h5,
.cashier-salereturns-table-warehouseK h5,
.cashier-salereturns-table-actionK h5,
.cashier-salereturns-table-balanceK h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-dateK span,
.cashier-salereturns-table-referenceK span,
.cashier-salereturns-table-customerK span,
.cashier-salereturns-table-companyK span,
.cashier-salereturns-table-warehouseK span,
.cashier-salereturns-table-actionK span,
.cashier-salereturns-table-balanceK span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-dateK {
	min-width: 170px;
	width: 12%;
	padding-left: 20px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-dateK {
		width: 12%;
		min-width: 150px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-dateK {
		width: 13%;
		min-width: 125px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-dateK {
		width: 13%;
		min-width: 125px
	}
}

.cashier-salereturns-table-referenceK {
	min-width: 290px;
	width: 20%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-referenceK {
		width: 19%;
		min-width: 220px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-referenceK {
		width: 20%;
		min-width: 200px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-referenceK {
		width: 20%;
		min-width: 200px
	}
}

.cashier-salereturns-table-customerK {
	min-width: 250px;
	width: 17%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customerK {
		width: 16%;
		min-width: 185px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-customerK {
		width: 15%;
		min-width: 150px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-customerK {
		width: 15%;
		min-width: 150px
	}
}

.cashier-salereturns-table-companyK {
	min-width: 200px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-companyK {
		width: 13%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-companyK {
		width: 12%;
		min-width: 115px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-companyK {
		width: 12%;
		min-width: 115px
	}
}

.cashier-salereturns-table-warehouseK {
	min-width: 230px;
	width: 16%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouseK {
		width: 13%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-warehouseK {
		width: 13%;
		min-width: 125px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-warehouseK {
		width: 13%;
		min-width: 125px
	}
}

.cashier-salereturns-table-actionK {
	min-width: 180px;
	width: 12%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-actionK {
		width: 13%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-actionK {
		width: 12%;
		min-width: 120px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-actionK {
		width: 12%;
		min-width: 120px
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerA {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperA {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-transection-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px;
	border-radius: 8px
}

@media(min-width:1601px) and (max-width:1800px) {
	.cashier-transection-info {
		padding: 24px 16px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info {
		padding: 24px 16px
	}
}

.cashier-transection-info-text h5 {
	font-size: 15px;
	color: var(--clr-body-bodyText);
	font-weight: 600
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h5 {
		font-size: 12px
	}
}

.cashier-transection-info-text h4 {
	font-size: 22px;
	color: var(--clr-body-heading);
	font-weight: 700
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h4 {
		font-size: 18px
	}
}

.cashier-transection-info-percents span {
	font-size: 14px;
	color: var(--clr-common-white);
	height: 30px;
	width: 30px;
	line-height: 31px;
	border-radius: 50%;
	font-weight: 600;
	text-align: center
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-percents span {
		padding: 0 8px;
		font-size: 12px
	}
}

.cashier-transection-selector-single .mat-form-field-flex {
	height: 40px;
	line-height: 38px;
	padding: 0 20px
}

.cashier-salereturns-table-incomeM,
.cashier-salereturns-table-januaryM,
.cashier-salereturns-table-februaryM,
.cashier-salereturns-table-marchM,
.cashier-salereturns-table-aprilM,
.cashier-salereturns-table-mayM,
.cashier-salereturns-table-juneM,
.cashier-salereturns-table-julyM,
.cashier-salereturns-table-augustM,
.cashier-salereturns-table-septemberM,
.cashier-salereturns-table-octoberM,
.cashier-salereturns-table-novemberM,
.cashier-salereturns-table-decemberM {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-incomeM h5,
.cashier-salereturns-table-januaryM h5,
.cashier-salereturns-table-februaryM h5,
.cashier-salereturns-table-marchM h5,
.cashier-salereturns-table-aprilM h5,
.cashier-salereturns-table-mayM h5,
.cashier-salereturns-table-juneM h5,
.cashier-salereturns-table-julyM h5,
.cashier-salereturns-table-augustM h5,
.cashier-salereturns-table-septemberM h5,
.cashier-salereturns-table-octoberM h5,
.cashier-salereturns-table-novemberM h5,
.cashier-salereturns-table-decemberM h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-incomeM span,
.cashier-salereturns-table-januaryM span,
.cashier-salereturns-table-februaryM span,
.cashier-salereturns-table-marchM span,
.cashier-salereturns-table-aprilM span,
.cashier-salereturns-table-mayM span,
.cashier-salereturns-table-juneM span,
.cashier-salereturns-table-julyM span,
.cashier-salereturns-table-augustM span,
.cashier-salereturns-table-septemberM span,
.cashier-salereturns-table-octoberM span,
.cashier-salereturns-table-novemberM span,
.cashier-salereturns-table-decemberM span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-incomeM {
	padding-left: 20px;
	min-width: 200px;
	width: 15%
}

.cashier-salereturns-table-januaryM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-februaryM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-marchM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-aprilM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-mayM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-juneM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-julyM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-augustM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-septemberM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-octoberM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-novemberM {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-decemberM {
	min-width: 105px;
	width: 6%
}

.cashier-transection-chart-area {
	height: calc(100% - 20px);
	padding: 16px 22px
}

@media(max-width:1900px) {
	.cashier-salereturns-table-innerK {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1900px) {
	.cashier-salereturns-table-inner-wrapperK {
		min-width: 1475px;
		scrollbar-height: thin
	}
}

.cashier-transection-info {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	border-radius: 8px
}

@media(min-width:1401px) and (max-width:1800px) {
	.cashier-transection-info {
		padding: 24px 16px
	}
}

.cashier-transection-info-text h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-bodyText)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h5 {
		font-size: 12px
	}
}

.cashier-transection-info-text h4 {
	font-size: 22px;
	font-weight: 700;
	color: var(--clr-body-heading)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h4 {
		font-size: 18px
	}
}

.cashier-transection-info-percent span {
	font-size: 14px;
	font-weight: 600;
	color: var(--clr-common-white);
	height: 30px;
	line-height: 31px;
	border-radius: 16px;
	padding: 0 12px
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-percent span {
		font-size: 12px;
		padding: 0 8px
	}
}

.cashier-transection-selector-single .mat-form-field-flex {
	height: 40px;
	line-height: 38px;
	padding: 0 20px
}

@media(min-width:320px) and (max-width:1900px) {
	.cashier-transection-chart-area {
		display: block;
		text-align: center;
		overflow: hidden;
		padding-left: 0;
		padding-right: 0
	}
}

@media(max-width:575px) {
	.cashier-transection-chart-area {
		overflow-x: auto
	}
}

@media(min-width:320px) and (max-width:1900px) {
	.cashier-transection-info {
		height: calc(100% - 20px)
	}
}

div.apexcharts-canvas {
	display: inline-block
}

.cashier-transection-income-rating {
	padding-left: 10px
}

.cashier-salereturns-table-incomeL,
.cashier-salereturns-table-januaryL,
.cashier-salereturns-table-februaryL,
.cashier-salereturns-table-marchL,
.cashier-salereturns-table-aprilL,
.cashier-salereturns-table-mayL,
.cashier-salereturns-table-juneL,
.cashier-salereturns-table-julyL,
.cashier-salereturns-table-augustL,
.cashier-salereturns-table-septemberL,
.cashier-salereturns-table-octoberL,
.cashier-salereturns-table-novemberL,
.cashier-salereturns-table-decemberL {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-incomeL h5,
.cashier-salereturns-table-januaryL h5,
.cashier-salereturns-table-februaryL h5,
.cashier-salereturns-table-marchL h5,
.cashier-salereturns-table-aprilL h5,
.cashier-salereturns-table-mayL h5,
.cashier-salereturns-table-juneL h5,
.cashier-salereturns-table-julyL h5,
.cashier-salereturns-table-augustL h5,
.cashier-salereturns-table-septemberL h5,
.cashier-salereturns-table-octoberL h5,
.cashier-salereturns-table-novemberL h5,
.cashier-salereturns-table-decemberL h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-incomeL span,
.cashier-salereturns-table-januaryL span,
.cashier-salereturns-table-februaryL span,
.cashier-salereturns-table-marchL span,
.cashier-salereturns-table-aprilL span,
.cashier-salereturns-table-mayL span,
.cashier-salereturns-table-juneL span,
.cashier-salereturns-table-julyL span,
.cashier-salereturns-table-augustL span,
.cashier-salereturns-table-septemberL span,
.cashier-salereturns-table-octoberL span,
.cashier-salereturns-table-novemberL span,
.cashier-salereturns-table-decemberL span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-incomeL {
	padding-left: 20px;
	min-width: 200px;
	width: 15%
}

.cashier-salereturns-table-januaryL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-februaryL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-marchL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-aprilL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-mayL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-juneL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-julyL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-augustL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-septemberL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-octoberL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-novemberL {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-decemberL {
	min-width: 105px;
	width: 6%
}

.cashier-transection-chart-area {
	height: calc(100% - 20px);
	padding: 16px 22px
}

@media(max-width:1900px) {
	.cashier-salereturns-table-innerJ {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1900px) {
	.cashier-salereturns-table-inner-wrapperJ {
		min-width: 1475px;
		scrollbar-height: thin
	}
}

.cashier-transection-info {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	border-radius: 8px
}

@media(min-width:1401px) and (max-width:1800px) {
	.cashier-transection-info {
		padding: 24px 16px
	}
}

.cashier-transection-info-text h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-bodyText)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h5 {
		font-size: 12px
	}
}

.cashier-transection-info-text h4 {
	font-size: 22px;
	font-weight: 700;
	color: var(--clr-body-heading)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h4 {
		font-size: 18px
	}
}

.cashier-transection-info-percent span {
	font-size: 14px;
	font-weight: 600;
	color: var(--clr-common-white);
	height: 30px;
	line-height: 31px;
	border-radius: 16px;
	padding: 0 12px
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-percent span {
		font-size: 12px;
		padding: 0 8px
	}
}

.cashier-transection-selector-single .mat-form-field-flex {
	height: 40px;
	line-height: 38px;
	padding: 0 20px
}

@media(min-width:320px) and (max-width:1900px) {
	.cashier-transection-chart-area {
		display: block;
		text-align: center;
		overflow: hidden;
		padding-left: 0;
		padding-right: 0
	}
}

@media(max-width:575px) {
	.cashier-transection-chart-area {
		overflow-x: auto
	}
}

@media(min-width:320px) and (max-width:1900px) {
	.cashier-transection-info {
		height: calc(100% - 20px)
	}
}

div.apexcharts-canvas {
	display: inline-block
}

.cashier-salereturns-table-referenceQ,
.cashier-salereturns-table-customerQ,
.cashier-salereturns-table-companyQ {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-referenceQ h5,
.cashier-salereturns-table-customerQ h5,
.cashier-salereturns-table-companyQ h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-referenceQ span,
.cashier-salereturns-table-customerQ span,
.cashier-salereturns-table-companyQ span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-referenceQ {
	min-width: 290px;
	width: 74%;
	padding-left: 20px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-referenceQ {
		width: 65%;
		min-width: 220px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-referenceQ {
		width: 60%;
		min-width: 200px
	}
}

@media(min-width:1201px) and (max-width:1400px) {
	.cashier-salereturns-table-referenceQ {
		width: 64%;
		min-width: 200px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-salereturns-table-referenceQ {
		width: 56%;
		min-width: 200px
	}
}

@media(max-width:991px) {
	.cashier-salereturns-table-referenceQ {
		width: 45%;
		min-width: 200px
	}
}

.cashier-salereturns-table-customerQ {
	min-width: 250px;
	width: 17%
}

@media(max-width:991px) {
	.cashier-salereturns-table-customerQ {
		width: 35%;
		min-width: 150px
	}
}

@media(max-width:991px) {
	.cashier-salereturns-table-innerU {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:991px) {
	.cashier-salereturns-table-inner-wrapperU {
		width: 650px;
		scrollbar-height: thin
	}
}

.cashier-salereturns-table-incomeO,
.cashier-salereturns-table-januaryO,
.cashier-salereturns-table-februaryO,
.cashier-salereturns-table-marchO,
.cashier-salereturns-table-aprilO,
.cashier-salereturns-table-mayO,
.cashier-salereturns-table-juneO,
.cashier-salereturns-table-julyO,
.cashier-salereturns-table-augustO,
.cashier-salereturns-table-septemberO,
.cashier-salereturns-table-octoberO,
.cashier-salereturns-table-novemberO,
.cashier-salereturns-table-decemberO {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-incomeO h5,
.cashier-salereturns-table-januaryO h5,
.cashier-salereturns-table-februaryO h5,
.cashier-salereturns-table-marchO h5,
.cashier-salereturns-table-aprilO h5,
.cashier-salereturns-table-mayO h5,
.cashier-salereturns-table-juneO h5,
.cashier-salereturns-table-julyO h5,
.cashier-salereturns-table-augustO h5,
.cashier-salereturns-table-septemberO h5,
.cashier-salereturns-table-octoberO h5,
.cashier-salereturns-table-novemberO h5,
.cashier-salereturns-table-decemberO h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-incomeO span,
.cashier-salereturns-table-januaryO span,
.cashier-salereturns-table-februaryO span,
.cashier-salereturns-table-marchO span,
.cashier-salereturns-table-aprilO span,
.cashier-salereturns-table-mayO span,
.cashier-salereturns-table-juneO span,
.cashier-salereturns-table-julyO span,
.cashier-salereturns-table-augustO span,
.cashier-salereturns-table-septemberO span,
.cashier-salereturns-table-octoberO span,
.cashier-salereturns-table-novemberO span,
.cashier-salereturns-table-decemberO span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-incomeO {
	padding-left: 20px;
	min-width: 200px;
	width: 15%
}

.cashier-salereturns-table-januaryO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-februaryO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-marchO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-aprilO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-mayO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-juneO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-julyO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-augustO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-septemberO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-octoberO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-novemberO {
	min-width: 105px;
	width: 6%
}

.cashier-salereturns-table-decemberO {
	min-width: 105px;
	width: 6%
}

.cashier-transection-chart-area {
	height: calc(100% - 20px);
	padding: 16px 22px
}

@media(max-width:1900px) {
	.cashier-salereturns-table-innerR {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1900px) {
	.cashier-salereturns-table-inner-wrapperR {
		min-width: 1475px;
		scrollbar-height: thin
	}
}

.cashier-transection-info {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	border-radius: 8px
}

@media(min-width:1401px) and (max-width:1800px) {
	.cashier-transection-info {
		padding: 24px 16px
	}
}

.cashier-transection-info-text h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-bodyText)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h5 {
		font-size: 12px
	}
}

.cashier-transection-info-text h4 {
	font-size: 22px;
	font-weight: 700;
	color: var(--clr-body-heading)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h4 {
		font-size: 18px
	}
}

.cashier-transection-info-percent span {
	font-size: 14px;
	font-weight: 600;
	color: var(--clr-common-white);
	height: 30px;
	line-height: 31px;
	border-radius: 16px;
	padding: 0 12px
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-percent span {
		font-size: 12px;
		padding: 0 8px
	}
}

.cashier-transection-selector-single .mat-form-field-flex {
	height: 40px;
	line-height: 38px;
	padding: 0 20px
}

@media(min-width:320px) and (max-width:1900px) {
	.cashier-transection-chart-area {
		display: block;
		text-align: center;
		overflow: hidden;
		padding-left: 0;
		padding-right: 0
	}
}

@media(max-width:575px) {
	.cashier-transection-chart-area {
		overflow-x: auto
	}
}

@media(min-width:320px) and (max-width:1900px) {
	.cashier-transection-info {
		height: calc(100% - 20px)
	}
}

div.apexcharts-canvas {
	display: inline-block
}

.cashier-netincome-box,
.cashier-salereturns-table-incomeN,
.cashier-salereturns-table-januaryN,
.cashier-salereturns-table-februaryN,
.cashier-salereturns-table-marchN,
.cashier-salereturns-table-aprilN,
.cashier-salereturns-table-mayN {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-netincome-box h5,
.cashier-salereturns-table-incomeN h5,
.cashier-salereturns-table-januaryN h5,
.cashier-salereturns-table-februaryN h5,
.cashier-salereturns-table-marchN h5,
.cashier-salereturns-table-aprilN h5,
.cashier-salereturns-table-mayN h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-netincome-box span,
.cashier-salereturns-table-incomeN span,
.cashier-salereturns-table-januaryN span,
.cashier-salereturns-table-februaryN span,
.cashier-salereturns-table-marchN span,
.cashier-salereturns-table-aprilN span,
.cashier-salereturns-table-mayN span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-netincome-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 280px;
	border-right: 1px solid var(--clr-body-grayBorder);
	padding-left: 20px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-netincome-box {
		min-width: 150px;
		width: 28%
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-netincome-box {
		min-width: 260px;
		width: 25%
	}
}

@media(max-width:1400px) {
	.cashier-netincome-box {
		min-width: 260px;
		width: 25%
	}
}

.cashier-salereturns-table-incomeN {
	min-width: 220px;
	width: 20%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-incomeN {
		min-width: 150px;
		width: 19%
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-incomeN {
		min-width: 125px;
		width: 13%
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-incomeN {
		min-width: 135px;
		width: 19%
	}
}

.cashier-salereturns-table-januaryN {
	min-width: 220px;
	width: 20%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-januaryN {
		min-width: 150px;
		width: 19%
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-januaryN {
		min-width: 125px;
		width: 13%
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-januaryN {
		min-width: 135px;
		width: 19%
	}
}

.cashier-salereturns-table-februaryN {
	min-width: 220px;
	width: 20%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-februaryN {
		min-width: 150px;
		width: 19%
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-februaryN {
		min-width: 125px;
		width: 13%
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-februaryN {
		min-width: 135px;
		width: 19%
	}
}

.cashier-salereturns-table-marchN {
	min-width: 220px;
	width: 20%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-marchN {
		min-width: 150px;
		width: 19%
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-marchN {
		min-width: 125px;
		width: 13%
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-marchN {
		min-width: 135px;
		width: 19%
	}
}

.cashier-salereturns-table-aprilN {
	min-width: 220px;
	width: 20%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-aprilN {
		min-width: 150px;
		width: 19%
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-aprilN {
		min-width: 125px;
		width: 13%
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-aprilN {
		min-width: 135px;
		width: 19%
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerO {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperO {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-transection-info {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	border-radius: 8px
}

@media(min-width:1401px) and (max-width:1800px) {
	.cashier-transection-info {
		padding: 24px 16px
	}
}

.cashier-transection-info-text h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-bodyText)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h5 {
		font-size: 12px
	}
}

.cashier-transection-info-text h4 {
	font-size: 22px;
	font-weight: 700;
	color: var(--clr-body-heading)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h4 {
		font-size: 18px
	}
}

.cashier-transection-info-percent span {
	font-size: 14px;
	font-weight: 600;
	color: var(--clr-common-white);
	height: 30px;
	line-height: 31px;
	border-radius: 16px;
	padding: 0 12px
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-percent span {
		font-size: 12px;
		padding: 0 8px
	}
}

.cashier-transection-selector-single .mat-form-field-flex {
	height: 40px;
	line-height: 38px;
	padding: 0 20px
}

.cashier-netincome-box,
.cashier-salereturns-table-income-a,
.cashier-salereturns-table-january-a,
.cashier-salereturns-table-february,
.cashier-salereturns-table-march,
.cashier-salereturns-table-april,
.cashier-salereturns-table-may {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-netincome-box h5,
.cashier-salereturns-table-income-a h5,
.cashier-salereturns-table-january-a h5,
.cashier-salereturns-table-february h5,
.cashier-salereturns-table-march h5,
.cashier-salereturns-table-april h5,
.cashier-salereturns-table-may h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-netincome-box h5.font-regular,
.cashier-salereturns-table-income-a h5.font-regular,
.cashier-salereturns-table-january-a h5.font-regular,
.cashier-salereturns-table-february h5.font-regular,
.cashier-salereturns-table-march h5.font-regular,
.cashier-salereturns-table-april h5.font-regular,
.cashier-salereturns-table-may h5.font-regular {
	font-weight: 400
}

.cashier-netincome-box span,
.cashier-salereturns-table-income-a span,
.cashier-salereturns-table-january-a span,
.cashier-salereturns-table-february span,
.cashier-salereturns-table-march span,
.cashier-salereturns-table-april span,
.cashier-salereturns-table-may span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-netincome-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 280px;
	border-right: 1px solid var(--clr-body-grayBorder);
	padding-left: 20px
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-netincome-box {
		min-width: 150px;
		width: 28%
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-netincome-box {
		min-width: 160px;
		width: 40%
	}
}

@media(max-width:1400px) {
	.cashier-netincome-box {
		min-width: 160px;
		width: 40%
	}
}

@media(max-width:575px) {
	.cashier-salereturns-table-innerG {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:575px) {
	.cashier-salereturns-table-inner-wrapperG {
		width: 465px;
		scrollbar-height: thin
	}
}

.cashier-transection-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px;
	border-radius: 8px
}

@media(min-width:1401px) and (max-width:1800px) {
	.cashier-transection-info {
		padding: 24px 16px
	}
}

.cashier-transection-info-text h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-bodyText)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h5 {
		font-size: 12px
	}
}

.cashier-transection-info-text h4 {
	font-size: 22px;
	font-weight: 700;
	color: var(--clr-body-heading)
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-text h4 {
		font-size: 18px
	}
}

.cashier-transection-info-percent span {
	font-size: 14px;
	font-weight: 600;
	color: var(--clr-common-white);
	height: 30px;
	line-height: 31px;
	border-radius: 16px;
	padding: 0 12px
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-transection-info-percent span {
		font-size: 12px;
		padding: 0 8px
	}
}

.cashier-transection-selector-single .mat-form-field-flex {
	height: 40px;
	line-height: 38px;
	padding: 0 20px
}

.cashier-salereturns-table-checkbox,
.cashier-salereturns-table-date,
.cashier-salereturns-table-reference,
.cashier-salereturns-table-customer,
.cashier-salereturns-table-warehouse,
.cashier-salereturns-table-biller,
.cashier-salereturns-table-total,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-action {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkbox h5,
.cashier-salereturns-table-date h5,
.cashier-salereturns-table-reference h5,
.cashier-salereturns-table-customer h5,
.cashier-salereturns-table-warehouse h5,
.cashier-salereturns-table-biller h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-action h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkbox span,
.cashier-salereturns-table-date span,
.cashier-salereturns-table-reference span,
.cashier-salereturns-table-customer span,
.cashier-salereturns-table-warehouse span,
.cashier-salereturns-table-biller span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-action span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-salereturns-table-checkbox {
	min-width: 70px;
	width: 4.5%
}

.cashier-salereturns-table-date {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-date {
		width: 15%;
		min-width: 175px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-date {
		width: 18%;
		min-width: 180px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-date {
		width: 18%;
		min-width: 180px
	}
}

.cashier-salereturns-table-reference {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-reference {
		width: 15%;
		min-width: 175px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-reference {
		width: 15%;
		min-width: 140px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-reference {
		width: 15%;
		min-width: 140px
	}
}

.cashier-salereturns-table-customer {
	min-width: 340px;
	width: 23%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-customer {
		width: 18%;
		min-width: 200px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-customer {
		width: 18%;
		min-width: 170px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-customer {
		width: 18%;
		min-width: 170px
	}
}

.cashier-salereturns-table-warehouse {
	min-width: 520px;
	width: 35%
}

@media(min-width:1601px) and (max-width:1900px) {
	.cashier-salereturns-table-warehouse {
		width: 37%;
		min-width: 435px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.cashier-salereturns-table-warehouse {
		width: 31%;
		min-width: 300px
	}
}

@media(max-width:1400px) {
	.cashier-salereturns-table-warehouse {
		width: 33%;
		min-width: 320px
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-innerE {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {
	.cashier-salereturns-table-inner-wrapperE {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-role-category h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-role-left {
	min-width: 250px;
	width: 250px;
	padding-left: 28px;
	height: 100%
}

@media(min-width:1201px) and (max-width:1600px) {
	.cashier-role-left {
		min-width: 210px;
		width: 210px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-role-left {
		min-width: 180px;
		width: 180px;
		padding-left: 16px
	}
}

@media(max-width:991px) {
	.cashier-role-left {
		min-width: 180px;
		width: 180px;
		padding-left: 16px
	}
}

.cashier-role-left .mat-checkbox-frame {
	border-width: 1px;
	border-color: #cbced4 !important
}

.cashier-role-left .mat-checkbox-layout .mat-checkbox-label {
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	font-family: nunito sans, sans-serif
}

.cashier-role-category {
	min-width: 250px;
	width: 250px;
	padding-left: 28px;
	border-right: 1px solid var(--clr-body-grayBorder);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

@media(min-width:1201px) and (max-width:1600px) {
	.cashier-role-category {
		min-width: 210px;
		width: 210px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-role-category {
		min-width: 180px;
		width: 180px;
		padding-left: 16px
	}
}

@media(min-width:768px) and (max-width:991px) {
	.cashier-role-category {
		min-width: 180px;
		width: 180px;
		padding-left: 16px
	}
}

@media(max-width:991px) {
	.cashier-role-category {
		border-right: 0;
		width: 100%;
		min-width: 100%;
		padding-left: 16px;
		height: auto
	}
}

.cashier-role-checkbox .mat-checkbox-checked.mat-primary .mat-checkbox-background {
	background: var(--clr-theme-themeBlue)
}

.cashier-role-checkbox-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
	padding-left: 28px;
	padding-right: 28px;
	justify-content: space-between
}

@media(max-width:1200px) {
	.cashier-role-checkbox-wrapper {
		padding-left: 16px
	}
}

.cashier-role-checkbox-wrapper .mat-checkbox-frame {
	border-width: 1px;
	border-color: #cbced4 !important
}

.cashier-role-checkbox-wrapper .mat-checkbox-layout .mat-checkbox-label {
	font-size: 15px;
	font-weight: 400;
	font-family: nunito sans, sans-serif;
	color: var(--clr-body-bodyText)
}

.cashier-role-checkbox-wrapper .mat-checkbox-layout .mat-checkbox-label label {
	cursor: pointer
}

.cashier-role-checkbox-wrapper .mat-checkbox-checked.mat-primary .mat-checkbox-background {
	background: var(--clr-theme-themeBlue)
}

.custom-height-100 {
	height: 100px
}

.custom-height-70 {
	height: 70px
}

@media(max-width:1200px) {
	.cashier-role-category-list.custom-height-50 {
		height: 100px
	}
}

@media(max-width:991px) {
	.cashier-role-category-list {
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.cashier-role-category-list h5 {
		margin-bottom: 10px
	}
}

@media(max-width:1199px) {
	.cashier-role-inner {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1199px) {
	.cashier-role-inner-wrapper {
		width: 1100px;
		min-width: 100%;
		scrollbar-height: thin
	}
}

.cashier-popup-inner {
	width: 100%;
	padding: 28px
}

@media(min-width:768px) and (max-width:991px) {
	.cashier-popup-inner {
		width: 600px
	}
}

@media(min-width:576px) and (max-width:767px) {
	.cashier-popup-inner {
		width: 440px
	}
}

@media(min-width:450px) and (max-width:575px) {
	.cashier-popup-inner {
		width: 350px
	}
}

@media(max-width:449px) {
	.cashier-popup-inner {
		width: 100%
	}
}

.cashier-popup-inners {
	width: 100% !important;
	padding: 28px
}

@media(min-width:768px) and (max-width:991px) {
	.cashier-popup-inners {
		width: 600px !important
	}
}

@media(min-width:576px) and (max-width:767px) {
	.cashier-popup-inners {
		width: 440px !important
	}
}

@media(min-width:450px) and (max-width:575px) {
	.cashier-popup-inners {
		width: 350px !important
	}
}

@media(max-width:449px) {
	.cashier-popup-inners {
		width: 100% !important
	}
}

@media(max-width:991px) {

	.cashier-bill-address,
	.cashier-bill-view-details {
		min-width: 850px
	}
}

.cashier-bill-address {
	border: 1px solid var(--clr-body-grayBorder)
}

.cashier-bill-address-info {
	padding: 25px;
	border-right: 1px solid var(--clr-body-grayBorder)
}

.cashier-bill-address-info h5 {
	font-size: 12px;
	font-weight: 700;
	color: var(--clr-body-heading)
}

.cashier-bill-address-info ul li {
	font-size: 12px;
	font-weight: 400;
	color: var(--clr-body-heading);
	padding-bottom: 2px
}

.cashier-bill-address-info ul li:last-child {
	padding-bottom: 0
}

.cashier-bill-address-info span {
	font-size: 12px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-bill-address-info.last-info {
	border-right: 0
}

.cashier-bill-view-list-sl,
.cashier-bill-view-list-product,
.cashier-bill-view-list-products,
.cashier-bill-view-list-batch,
.cashier-bill-view-list-unit,
.cashier-bill-view-list-price,
.cashier-bill-view-list-qty,
.cashier-bill-view-list-tax,
.cashier-bill-view-list-discount,
.cashier-bill-view-list-total {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10px
}

.cashier-bill-view-list-sl h5,
.cashier-bill-view-list-product h5,
.cashier-bill-view-list-products h5,
.cashier-bill-view-list-batch h5,
.cashier-bill-view-list-unit h5,
.cashier-bill-view-list-price h5,
.cashier-bill-view-list-qty h5,
.cashier-bill-view-list-tax h5,
.cashier-bill-view-list-discount h5,
.cashier-bill-view-list-total h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-bill-view-list-sl span,
.cashier-bill-view-list-product span,
.cashier-bill-view-list-products span,
.cashier-bill-view-list-batch span,
.cashier-bill-view-list-unit span,
.cashier-bill-view-list-price span,
.cashier-bill-view-list-qty span,
.cashier-bill-view-list-tax span,
.cashier-bill-view-list-discount span,
.cashier-bill-view-list-total span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-bill-view-list-sl {
	min-width: 40px
}

.cashier-bill-view-list-product {
	min-width: 185px
}

.cashier-bill-view-list-products {
	min-width: 225px
}

.cashier-bill-view-list-batch {
	min-width: 90px
}

.cashier-bill-view-list-unit {
	min-width: 55px
}

.cashier-bill-view-list-price {
	min-width: 90px
}

.cashier-bill-view-list-qty {
	min-width: 55px
}

.cashier-bill-view-list-tax {
	min-width: 95px
}

.cashier-bill-view-list-discount {
	min-width: 90px
}

.cashier-bill-view-list-total {
	min-width: 80px;
	border-right: 0
}

.cashier-popup-inner {
	width: 100%;
	padding: 28px
}

.cashier-input-field-file-label label {
	display: none
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button {
	width: inherit;
	padding: 0 16px;
	display: inline-flex;
	align-items: center;
	margin: 0 16px 0 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button svg {
	margin-right: 10px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.printer {
	color: var(--clr-theme-themeBlue)
}

@media(max-width:767px) {
	.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.printer {
		margin-bottom: 10px
	}
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.pdf {
	color: var(--clr-theme-themeOrange)
}

@media(max-width:767px) {
	.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.pdf {
		margin-bottom: 10px
	}
}

.cashier-profile-info-btn button {
	height: 48px;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding-left: 24px;
	padding-right: 24px;
	border: 1px solid var(--clr-body-grayBorder);
	border-radius: 5px;
	transition: all linear .3s
}

.cashier-profile-info-btn button:hover {
	background: var(--clr-theme-themeBlue);
	border-color: var(--clr-theme-themeBlue);
	color: var(--clr-common-white)
}

.custom-height-70 {
	height: 70px;
	min-height: 70px
}

.cashier-input-field-file label {
	height: 48px;
	line-height: 48px;
	border: 1px solid var(--clr-body-grayBorder);
	padding-left: 0;
	padding-right: 0;
	border-radius: 3px;
	outline: none;
	display: block;
	font-size: 14px;
	color: var(--clr-body-bodyText);
	font-family: nunito sans, sans-serif;
	font-weight: 400;
	width: 100%;
	background: var(--clr-body-grayBg);
	transition: all linear .3s;
	cursor: pointer
}

.cashier-input-field-file label:focus {
	background: var(--clr-common-white)
}

.cashier-input-field-styles input::-moz-placeholder,
.cashier-input-field-styles input::placeholder,
.cashier-input-field-style input::-moz-placeholder,
.cashier-input-field-style input::placeholder {
	color: var(--clr-body-bodyText);
	opacity: 1;
	font-family: nunito sans, sans-serif;
	font-weight: 400
}

.cashier-input-field-file label {
	line-height: 46px !important
}

.cashier-input-field-file input {
	display: none
}

.cashier-profile-info-img {
	width: 120px
}

@media(max-width:767px) {
	.cashier-profile-info-img {
		width: 80px
	}
}

.cashier-profile-info-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 50%
}

@media(max-width:400px) {
	.cashier-profile-info-text h4 {
		font-size: 15px
	}

	.cashier-profile-info-text span {
		font-size: 14px
	}
}

div.apexcharts-legend.apx-legend-position-right {
	right: 30px !important
}

@media(min-width:1401px) and (max-width:1600px) {
	div.apexcharts-legend.apx-legend-position-right {
		right: 15px !important
	}
}

.cashier-dashboard-piechart .apexcharts-legend-series {
	margin-left: 0 !important
}

@media(max-width:575px) {
	.cashier-dashboard-piechart .apexcharts-legend {
		left: 35px !important;
		top: 121px !important;
		flex-direction: column !important
	}
}

#incomeChart div .apexcharts-yaxis,
#incomeChart div.apexcharts-toolbar {
	display: none
}

.cashier-popup-inner {
	width: 100%;
	padding: 28px
}

.cashier-invoice-popup-address h5 {
	font-size: 16px;
	font-weight: 700;
	color: var(--clr-body-heading);
	margin-bottom: 16px
}

.cashier-invoice-popup-address ul li {
	font-size: 14px;
	font-weight: 700;
	color: var(--clr-body-heading);
	margin-bottom: 8px
}

.cashier-invoice-popup-address ul li:last-child {
	margin-bottom: 0
}

.cashier-invoice-popup-address ul li span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-invoice-table-list {
	display: flex;
	align-items: center;
	border: 1px solid var(--clr-body-grayBorder)
}

.cashier-invoice-table-sl,
.cashier-invoice-table-sll,
.cashier-invoice-table-product,
.cashier-invoice-table-batch,
.cashier-invoice-table-unit,
.cashier-invoice-table-price,
.cashier-invoice-table-qty,
.cashier-invoice-table-tax,
.cashier-invoice-table-discount,
.cashier-invoice-table-total {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding: 0 10px
}

.cashier-invoice-table-sl h5,
.cashier-invoice-table-sll h5,
.cashier-invoice-table-product h5,
.cashier-invoice-table-batch h5,
.cashier-invoice-table-unit h5,
.cashier-invoice-table-price h5,
.cashier-invoice-table-qty h5,
.cashier-invoice-table-tax h5,
.cashier-invoice-table-discount h5,
.cashier-invoice-table-total h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-invoice-table-sl span,
.cashier-invoice-table-sll span,
.cashier-invoice-table-product span,
.cashier-invoice-table-batch span,
.cashier-invoice-table-unit span,
.cashier-invoice-table-price span,
.cashier-invoice-table-qty span,
.cashier-invoice-table-tax span,
.cashier-invoice-table-discount span,
.cashier-invoice-table-total span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-invoice-table-sll {
	min-width: 209px;
	width: 209px
}

.cashier-invoice-table-area-batch-wd .cashier-invoice-table-sl {
	min-width: 40px;
	width: 40px
}

.cashier-invoice-table-area-batch-wd .cashier-invoice-table-batch {
	min-width: 95px;
	width: 95px
}

.cashier-invoice-table-area-batch-wd .cashier-invoice-table-product {
	min-width: 170px;
	width: 170px
}

.cashier-invoice-table-unit {
	min-width: 50px;
	width: 50px
}

.cashier-invoice-table-price {
	min-width: 90px;
	width: 90px
}

.cashier-invoice-table-qty {
	min-width: 50px;
	width: 50px
}

.cashier-invoice-table-tax {
	min-width: 90px;
	width: 90px
}

.cashier-invoice-table-discount {
	min-width: 90px;
	width: 90px
}

.cashier-invoice-table-total {
	border-right: 0
}

.custom-height-70 {
	height: 70px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button {
	width: inherit;
	padding-left: 16px;
	padding-right: 16px;
	display: inline-flex;
	align-items: center;
	margin: 0;
	margin-right: 16px;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button svg {
	margin-right: 10px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.printer {
	color: var(--clr-theme-themeBlue)
}

@media(max-width:767px) {
	.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.printer {
		margin-bottom: 10px
	}
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.pdf {
	color: var(--clr-theme-themeOrange)
}

@media(max-width:767px) {
	.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.pdf {
		margin-bottom: 10px
	}
}

@media(max-width:991px) {
	.cashier-invoice-table-inner {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:991px) {
	.cashier-invoice-table-inner-wrapper {
		min-width: 100%;
		width: 740px;
		scrollbar-height: thin
	}
}

@media(max-width:991px) {
	.cashier-invoice-popup-heading ul {
		height: 48px
	}
}

@media(max-width:767px) {
	.cashier-invoice-popup-heading ul {
		height: 100%
	}
}

@media(max-width:991px) {
	.cashier-invoice-popup-heading ul li span {
		padding: 0
	}
}

.cashier-managesale-top-btn .mat-raised-button {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--clr-common-white) !important;
	border-radius: 5px !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 28px !important;
	margin-right: 16px !important;
	margin-bottom: 6px !important
}

.cashier-managesale-top-btn .mat-raised-button:last-child {
	margin-right: 0 !important
}

.cashier-managesale-top-btn .mat-button-wrapper {
	display: flex !important;
	align-items: center !important
}

.cashier-managesale-top-btn .mat-icon {
	width: 20px !important;
	transform: translateX(-3px) !important;
	margin-right: 10px
}

.cashier-managesale-top-btn .mat-raised-button.mat-primary {
	background: var(--clr-theme-themeBlue)
}

.cashier-managesale-top-btn .mat-raised-button.mat-accent {
	background: var(--clr-theme-themeOrangeDark);
	color: var(--clr-body-heading) !important
}

.cashier-salereturns-table-checkbox,
.cashier-salereturns-table-date,
.cashier-salereturns-table-reference,
.cashier-salereturns-table-customer,
.cashier-salereturns-table-warehouse,
.cashier-salereturns-table-biller,
.cashier-salereturns-table-total,
.cashier-salereturns-table-remark,
.cashier-salereturns-table-action {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cashier-salereturns-table-checkbox h5,
.cashier-salereturns-table-date h5,
.cashier-salereturns-table-reference h5,
.cashier-salereturns-table-customer h5,
.cashier-salereturns-table-warehouse h5,
.cashier-salereturns-table-biller h5,
.cashier-salereturns-table-total h5,
.cashier-salereturns-table-remark h5,
.cashier-salereturns-table-action h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-salereturns-table-checkbox span,
.cashier-salereturns-table-date span,
.cashier-salereturns-table-reference span,
.cashier-salereturns-table-customer span,
.cashier-salereturns-table-warehouse span,
.cashier-salereturns-table-biller span,
.cashier-salereturns-table-total span,
.cashier-salereturns-table-remark span,
.cashier-salereturns-table-action span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.paymentlistInvoice-table .cashier-salereturns-table-checkbox {
	min-width: 50px;
	width: 3.5%
}

.paymentlistInvoice-table .cashier-salereturns-table-date {
	min-width: 160px;
	width: 10%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlistInvoice-table .cashier-salereturns-table-date {
		width: 10%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlistInvoice-table .cashier-salereturns-table-date {
		width: 9%;
		min-width: 95px
	}
}

@media(max-width:1400px) {
	.paymentlistInvoice-table .cashier-salereturns-table-date {
		width: 9%;
		min-width: 95px
	}
}

.paymentlistInvoice-table .cashier-salereturns-table-reference {
	min-width: 190px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlistInvoice-table .cashier-salereturns-table-reference {
		width: 14%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlistInvoice-table .cashier-salereturns-table-reference {
		width: 13%;
		min-width: 135px
	}
}

@media(max-width:1400px) {
	.paymentlistInvoice-table .cashier-salereturns-table-reference {
		width: 13%;
		min-width: 135px
	}
}

.paymentlistInvoice-table .cashier-salereturns-table-customer {
	min-width: 220px;
	width: 15%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlistInvoice-table .cashier-salereturns-table-customer {
		width: 15%;
		min-width: 170px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlistInvoice-table .cashier-salereturns-table-customer {
		width: 15%;
		min-width: 150px
	}
}

@media(max-width:1400px) {
	.paymentlistInvoice-table .cashier-salereturns-table-customer {
		width: 15%;
		min-width: 165px
	}
}

.paymentlistInvoice-table .cashier-salereturns-table-warehouse {
	min-width: 180px;
	width: 13%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlistInvoice-table .cashier-salereturns-table-warehouse {
		width: 12%;
		min-width: 140px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlistInvoice-table .cashier-salereturns-table-warehouse {
		width: 10%;
		min-width: 105px
	}
}

@media(max-width:1400px) {
	.paymentlistInvoice-table .cashier-salereturns-table-warehouse {
		width: 10%;
		min-width: 120px
	}
}

.paymentlistInvoice-table .cashier-salereturns-table-biller {
	min-width: 200px;
	width: 14%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlistInvoice-table .cashier-salereturns-table-biller {
		width: 13%;
		min-width: 160px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlistInvoice-table .cashier-salereturns-table-biller {
		width: 14%;
		min-width: 135px
	}
}

@media(max-width:1400px) {
	.paymentlistInvoice-table .cashier-salereturns-table-biller {
		width: 14%;
		min-width: 150px
	}
}

.paymentlistInvoice-table .cashier-salereturns-table-total {
	min-width: 150px;
	width: 11%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlistInvoice-table .cashier-salereturns-table-total {
		width: 11%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlistInvoice-table .cashier-salereturns-table-total {
		width: 9%;
		min-width: 90px
	}
}

@media(max-width:1400px) {
	.paymentlistInvoice-table .cashier-salereturns-table-total {
		width: 10%;
		min-width: 115px
	}
}

.paymentlistInvoice-table .cashier-salereturns-table-remark {
	min-width: 180px;
	width: 12%
}

@media(min-width:1601px) and (max-width:1900px) {
	.paymentlistInvoice-table .cashier-salereturns-table-remark {
		width: 12%;
		min-width: 120px
	}
}

@media(min-width:1401px) and (max-width:1600px) {
	.paymentlistInvoice-table .cashier-salereturns-table-remark {
		width: 12%;
		min-width: 110px
	}
}

@media(max-width:1400px) {
	.paymentlistInvoice-table .cashier-salereturns-table-remark {
		width: 12%;
		min-width: 125px
	}
}

@media(max-width:1200px) {

	.cashier-salereturns-table-innerQ,
	.cashier-salereturns-table-innerBB {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:1200px) {

	.cashier-salereturns-table-inner-wrapperQ,
	.cashier-salereturns-table-inner-wrapperBB {
		width: 1090px;
		scrollbar-height: thin
	}
}

.cashier-popup-inner {
	width: 100%;
	padding: 28px
}

@media(min-width:992px) and (max-width:1200px) {
	.cashier-popup-inner {
		width: 100%
	}
}

@media(min-width:768px) and (max-width:991px) {
	.cashier-popup-inner {
		width: 100%
	}
}

@media(max-width:767px) {
	.cashier-popup-inner {
		width: 100%
	}
}

.cashier-invoice-popup-address h5 {
	font-size: 16px;
	font-weight: 700;
	color: var(--clr-body-heading);
	margin-bottom: 16px
}

.cashier-invoice-popup-address ul li {
	font-size: 14px;
	font-weight: 700;
	color: var(--clr-body-heading);
	margin-bottom: 8px
}

.cashier-invoice-popup-address ul li:last-child {
	margin-bottom: 0
}

.cashier-invoice-popup-address ul li span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-invoice-table-list {
	display: flex;
	align-items: center;
	border: 1px solid var(--clr-body-grayBorder)
}

.cashier-invoice-table-sl,
.cashier-invoice-table-sll,
.cashier-invoice-table-product,
.cashier-invoice-table-batch,
.cashier-invoice-table-total {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding: 0 10px
}

.cashier-invoice-table-sl h5,
.cashier-invoice-table-sll h5,
.cashier-invoice-table-product h5,
.cashier-invoice-table-batch h5,
.cashier-invoice-table-total h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-common-white)
}

.cashier-invoice-table-sl span,
.cashier-invoice-table-sll span,
.cashier-invoice-table-product span,
.cashier-invoice-table-batch span,
.cashier-invoice-table-total span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-invoice-table-sl {
	min-width: 100px;
	width: 100px
}

.cashier-invoice-table-product {
	min-width: 150px;
	width: 150px
}

.cashier-invoice-table-batch {
	min-width: 400px;
	width: 400px
}

.cashier-prepare-one,
.cashier-prepare-two,
.cashier-prepare-three {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px
}

.cashier-invoice-table-total {
	border-right: 0
}

.custom-height-70 {
	height: 70px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button {
	width: inherit;
	padding-left: 16px;
	padding-right: 16px;
	display: inline-flex;
	align-items: center;
	margin: 0;
	margin-right: 16px;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button svg {
	margin-right: 10px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.printer {
	color: var(--clr-theme-themeBlue)
}

@media(max-width:767px) {
	.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.printer {
		margin-bottom: 10px
	}
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.pdf {
	color: var(--clr-theme-themeOrange)
}

@media(max-width:767px) {
	.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.pdf {
		margin-bottom: 10px
	}
}

@media(max-width:991px) {
	.cashier-invoice-table-inner {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:991px) {
	.cashier-invoice-table-inner-wrapper {
		min-width: 100%;
		width: 740px;
		scrollbar-height: thin
	}
}

.cashier-popup-inner {
	width: 100%;
	padding: 28px
}

.cashier-invoice-popup-address h5 {
	font-size: 16px;
	font-weight: 700;
	color: var(--clr-body-heading);
	margin-bottom: 16px
}

.cashier-invoice-popup-address ul li {
	font-size: 14px;
	font-weight: 700;
	color: var(--clr-body-heading);
	margin-bottom: 8px
}

.cashier-invoice-popup-address ul li:last-child {
	margin-bottom: 0
}

.cashier-invoice-popup-address ul li span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-invoice-table-list {
	display: flex;
	align-items: center;
	border: 1px solid var(--clr-body-grayBorder)
}

.cashier-invoice-table-sl,
.cashier-invoice-table-sll,
.cashier-invoice-table-product,
.cashier-invoice-table-batch,
.cashier-invoice-table-total {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding: 0 10px
}

.cashier-invoice-table-sl h5,
.cashier-invoice-table-sll h5,
.cashier-invoice-table-product h5,
.cashier-invoice-table-batch h5,
.cashier-invoice-table-total h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-common-white)
}

.cashier-invoice-table-sl span,
.cashier-invoice-table-sll span,
.cashier-invoice-table-product span,
.cashier-invoice-table-batch span,
.cashier-invoice-table-total span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-invoice-table-sl {
	min-width: 100px;
	width: 100px
}

.cashier-invoice-table-product {
	min-width: 150px;
	width: 150px
}

.cashier-invoice-table-batch {
	min-width: 400px;
	width: 400px
}

.cashier-prepare-one,
.cashier-prepare-two,
.cashier-prepare-three {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px
}

.cashier-invoice-table-total {
	border-right: 0
}

.custom-height-70 {
	height: 70px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button {
	width: inherit;
	padding-left: 16px;
	padding-right: 16px;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px;
	display: inline-flex;
	margin: 0;
	margin-right: 16px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button svg {
	margin-right: 10px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.printer {
	color: var(--clr-theme-themeBlue)
}

@media(max-width:767px) {
	.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.printer {
		margin-bottom: 10px
	}
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.pdf {
	color: var(--clr-theme-themeOrange)
}

@media(max-width:767px) {
	.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.pdf {
		margin-bottom: 10px
	}
}

@media(max-width:991px) {
	.cashier-invoice-table-inner {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:991px) {
	.cashier-invoice-table-inner-wrapper {
		min-width: 100%;
		width: 740px;
		scrollbar-height: thin
	}
}

.cashier-popup-inner {
	width: 100%;
	padding: 28px
}

.cashier-invoice-popup-address h5 {
	font-size: 16px;
	font-weight: 700;
	color: var(--clr-body-heading);
	margin-bottom: 16px
}

.cashier-invoice-popup-address ul li {
	font-size: 14px;
	font-weight: 700;
	color: var(--clr-body-heading);
	margin-bottom: 8px
}

.cashier-invoice-popup-address ul li:last-child {
	margin-bottom: 0
}

.cashier-invoice-popup-address ul li span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-invoice-table-list {
	display: flex;
	align-items: center;
	border: 1px solid var(--clr-body-grayBorder)
}

.cashier-invoice-table-sl,
.cashier-invoice-table-sll,
.cashier-invoice-table-product,
.cashier-invoice-table-batch,
.cashier-invoice-table-total,
.cashier-invoice-table-debit,
.cashier-invoice-table-product-total {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding: 0 10px
}

.cashier-invoice-table-sl h5,
.cashier-invoice-table-sll h5,
.cashier-invoice-table-product h5,
.cashier-invoice-table-batch h5,
.cashier-invoice-table-total h5,
.cashier-invoice-table-debit h5,
.cashier-invoice-table-product-total h5 {
	font-size: 15px;
	font-weight: 600;
	color: var(--clr-body-heading)
}

.cashier-invoice-table-sl span,
.cashier-invoice-table-sll span,
.cashier-invoice-table-product span,
.cashier-invoice-table-batch span,
.cashier-invoice-table-total span,
.cashier-invoice-table-debit span,
.cashier-invoice-table-product-total span {
	font-size: 14px;
	font-weight: 400;
	color: var(--clr-body-bodyText)
}

.cashier-invoice-table-sl {
	min-width: 100px;
	width: 100px
}

.cashier-invoice-table-product {
	min-width: 150px;
	width: 150px
}

.cashier-invoice-table-batch {
	min-width: 300px;
	width: 300px
}

.cashier-invoice-table-debit {
	min-width: 100px;
	width: 100px
}

.cashier-invoice-table-product-total {
	min-width: 550px;
	width: 550px
}

.cashier-prepare-one,
.cashier-prepare-two,
.cashier-prepare-three {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px
}

.cashier-invoice-table-total {
	border-right: 0
}

.custom-height-70 {
	height: 70px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button {
	width: inherit;
	padding-left: 16px;
	padding-right: 16px;
	display: inline-flex;
	align-items: center;
	margin: 0;
	margin-right: 16px;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button svg {
	margin-right: 10px
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.printer {
	color: var(--clr-theme-themeBlue)
}

@media(max-width:767px) {
	.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.printer {
		margin-bottom: 10px
	}
}

.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.pdf {
	color: var(--clr-theme-themeOrange)
}

@media(max-width:767px) {
	.cashier-invoice-popup-btn.cashier-table-header-search-action-btn button.pdf {
		margin-bottom: 10px
	}
}

@media(max-width:991px) {
	.cashier-invoice-table-inner {
		overflow-x: auto;
		scrollbar-height: thin
	}
}

@media(max-width:991px) {
	.cashier-invoice-table-inner-wrapper {
		min-width: 100%;
		width: 740px;
		scrollbar-height: thin
	}
}