:root,
[data-theme=light] {
  --blue: #0d6efd;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #d63384;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #198754;
  --teal: #20c997;
  --cyan: #0dcaf0;
  --black: #000;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --primary: #0d6efd;
  --secondary: #6c757d;
  --success: #198754;
  --disabled: #cdcdcd;
  --info: #0dcaf0;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #212529;
  --highlight-bg: #fff3cd;
  --font-body: 'Inter', 'Noto Sans Bengali', sans-serif;
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --body-bg: #eff0f7;
  --body-bg-rgb: rgb(250, 250, 252);
  --body-font-size: 0.875rem;/*  0.875rem; */
  --label-font-size: 0.875rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color2: #495057;
  --body-color: #424242;
  --heading-color: #1e2022;
  --emphasis-color: #000;
  --link-color: #3075cd;
  --link-dark-hover: #99c7ff;
  --link-hover-color: #173a65;
  --link-color-rgb: 42, 105, 184;
  --link-hover-color-rgb: 10, 88, 202;
  --button-bg2: #3320c0;
  --button-bg: #ff5722; /*#edd56a*/
  --button-bg-1: #f66709; /*#ffa500 */
  --button-bg-2: #ffa500; /*#edd56a*/
  --button-text: #fff;
  --button-hover-bg2: #16049a;
  --button-hover-bg: #ee430e;
  --button-hover-text: #fff;
  --button-sec-bg: #ffffff;
  --button-sec-border: #c1cad6;
  --button-sec-text: #212529;
  --button-sec-hover-bg: #c52827;
  --button-sec-hover-text: #ffffff;
  --code-color: #d63384;
  --secondary-color: rgba(33, 37, 41, 0.75);
  --secondary-color-rgb: 33, 37, 41;
  --input-color: #000000;
  --input-border-color: #b3c6dc;
  --input-border-color-light: rgb(210, 212, 222);
  --input-border-color-focus: #457d54;
  --input-border-radius: 4px;
  --border-color: rgba(231,234,243,.7);/*  #dee2e6; */
  --border-color-alt: #c1cad6;
  --border-color-translucent: rgba(81, 65, 65, 0.175);
  --table-bg: transparent;
  --table-border: #cfd9e3;
  --invoice-table-border: rgba(199, 199, 199, 0.7);
  --table-border-rgb: rgb(207, 217, 227);
  --card-bg: #fff;
  --card-border: #fff;
  --box-shadow-color: rgba(54, 71, 108, 0.15);
  --loader-color: rgba(255, 255, 255, 0.86);
  --icons: 0.8;
}
[data-theme=dark] {
	--link-color: #0d6efd;
}

body.lang-bn .nav-menu ul {
	font-size: 1rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	line-height: var(--body-line-height);
	color: var(--body-color);
	text-align: left;
	background-color: var(--body-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
	margin: 1rem 0;
	color: inherit;
	border: 0;
	border-top: 1px solid;
	opacity: 0.25;
}
fieldset {
	border: 1px solid var(--input-border-color);
}
fieldset legend {
	color: var(--black);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--heading-color);
}

h1, .h1 {
	font-size: calc(1.26609375rem + .193125vw);
}
@media (min-width: 1200px) {
	h1, .h1 {
		font-size: 1.4109375rem;
	}
}

h2, .h2 {
	font-size: calc(1.25625rem + .075vw);
}
@media (min-width: 1200px) {
	h2, .h2 {
		font-size: 1.3125rem;
	}
}

h3, .h3 {
	font-size: 1.1484375rem;
}

h4, .h4 {
	font-size: .984375rem;
}

h5, .h5 {
	font-size: var(--font-body);
}

h6, .h6 {
	font-size: .765625rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}
p:last-child {
	margin-bottom: 0;
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}

ol,
ul {
	padding-left: 2rem;
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0;
}

blockquote {
	margin: 0 0 1rem;
}

b,
strong {
	font-weight: bolder;
}

small, .small {
	font-size: 0.875em;
}

mark, .mark {
	padding: 0.1875em;
	background-color: var(--highlight-bg);
}

sub,
sup {
	position: relative;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

a {
	color: var(--link-color);
	text-decoration: none;
}
.lcr {
	color: var(--body-color);
}
.lcr:hover {
	color: var(--link-color);
}
a:hover {
	color: var(--link-hover-color);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}

pre,
code,
kbd,
samp {
	font-family: var(--font-monospace);
	font-size: 1em;
}

pre {
	display: block;
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	font-size: 0.875em;
}
pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal;
}

code {
	font-size: 0.875em;
	color: var(--code-color);
	word-wrap: break-word;
}
a > code {
	color: inherit;
}

kbd {
	padding: 0.1875rem 0.375rem;
	font-size: 0.875em;
	color: var(--body-bg);
	background-color: var(--body-color);
	border-radius: 0.25rem;
}
kbd kbd {
	padding: 0;
	font-size: 1em;
}

figure {
	margin: 0 0 1rem;
}

img,
svg {
	vertical-align: middle;
	max-width: 100%;
}

table {
	caption-side: bottom;
	border-collapse: collapse;
}

caption {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: var(--secondary-color);
	text-align: left;
}

th {
	text-align: inherit;
	text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
	border-color: var(--border-color);
	border-style: solid;
	border-width: 0;
}

.color-red {
	color: var(--red);
}
.color-green {
	color: var(--green);
}

.table {
	width: 100%;
	margin-bottom: 1rem;
	color: var(--body-color);
	vertical-align: top;
	border-color: var(--table-border);
}
.table > :not(caption) > * > * {
	padding: 0.825rem 0.5rem;
	background-color: var(--table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px transparent;
}
.table > tbody {
	vertical-align: inherit;
}
.table > thead {
	vertical-align: bottom;
}
.table tr:nth-child(even) {
	background-color: rgba(207, 217, 227, 0.15);
}
.table th {
	font-weight: 600;
	color: var(--heading-color);
}
.table td.title a {
	font-weight: 600;
	text-decoration: underline;
}
svg#svg-icons {
	position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}
.line-height {
	line-height: 1;
}
.margin-left-auto {
	margin-left: auto;
}
.white-space {
	white-space: nowrap;
}
.td-amount-padding {
	padding-right: 20px !important;
}
.no-text-decoration {
	text-decoration: none;
}
.grid { display: flex; flex-flow: row wrap; list-style: none; margin: 0; padding: 0; text-rendering: optimizespeed; }
.grid.nowrap { flex-flow: row; }
.ctrv {
	display: flex;
	list-style: none;
	text-rendering: optimizespeed;
	align-items: center;
}
.alignb {
	display: flex;
	list-style: none;
	text-rendering: optimizespeed;
	align-items: flex-end;
}
.divider {
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	margin: 0;
	margin: 2rem 0;
}
.divider-mini {
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	margin: 0;
	margin: 0.5rem 0;
}
.spacer {
	display: flex;
	margin: 1.5rem 0;
	line-height: 1;
}
.spacer-mini {
	display: flex;
	margin: 0.5rem 0;
	line-height: 1;
}
.ctrv > .field,
.alignb > .field {
	margin-right: 7px;
}
.ctrv > .field:last-child {
	margin-right: 0;
}
.ctnc {
	justify-content: center;
}
.ctnr {
	justify-content: flex-end;
}
.block { flex: 1; min-width: 0; min-height: 0; }
.first-block { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; }
.last-block { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.size-5 { flex: 0 5%; width: 5%; }
.size-6 { flex: 0 6%; width: 6%; }
.size-7 { flex: 0 7%; width: 7%; }
.size-8 { flex: 0 8%; width: 8%; }
.size-9 { flex: 0 9%; width: 9%; }
.size-10 { flex: 0 10%; width: 10%; }
.size-11 { flex: 0 11%; width: 11%; }
.size-12 { flex: 0 12%; width: 12%; }
.size-13 { flex: 0 13%; width: 13%; }
.size-14 { flex: 0 14%; width: 14%; }
.size-15 { flex: 0 15%; width: 15%; }
.size-16 { flex: 0 16%; width: 16%; }
.size-17 { flex: 0 17%; width: 17%; }
.size-18 { flex: 0 18%; width: 18%; }
.size-19 { flex: 0 19%; width: 19%; }
.size-20 { flex: 0 20%; width: 20%; }
.size-21 { flex: 0 21%; width: 21%; }
.size-22 { flex: 0 22%; width: 22%; }
.size-23 { flex: 0 23%; width: 23%; }
.size-24 { flex: 0 24%; width: 24%; }
.size-25 { flex: 0 25%; width: 25%; }
.size-26 { flex: 0 26%; width: 26%; }
.size-27 { flex: 0 27%; width: 27%; }
.size-28 { flex: 0 28%; width: 28%; }
.size-29 { flex: 0 29%; width: 29%; }
.size-30 { flex: 0 30%; width: 30%; }
.size-31 { flex: 0 31%; width: 31%; }
.size-32 { flex: 0 32%; width: 32%; }
.size-33 { flex: 0 33%; width: 33%; }
.size-34 { flex: 0 34%; width: 34%; }
.size-35 { flex: 0 35%; width: 35%; }
.size-36 { flex: 0 36%; width: 36%; }
.size-37 { flex: 0 37%; width: 37%; }
.size-38 { flex: 0 38%; width: 38%; }
.size-39 { flex: 0 39%; width: 39%; }
.size-40 { flex: 0 40%; width: 40%; }
.size-41 { flex: 0 41%; width: 41%; }
.size-42 { flex: 0 42%; width: 42%; }
.size-43 { flex: 0 43%; width: 43%; }
.size-44 { flex: 0 44%; width: 44%; }
.size-45 { flex: 0 45%; width: 45%; }
.size-46 { flex: 0 46%; width: 46%; }
.size-47 { flex: 0 47%; width: 47%; }
.size-48 { flex: 0 48%; width: 48%; }
.size-49 { flex: 0 49%; width: 49%; }
.size-50 { flex: 0 50%; width: 50%; }
.size-51 { flex: 0 51%; width: 51%; }
.size-52 { flex: 0 52%; width: 52%; }
.size-53 { flex: 0 53%; width: 53%; }
.size-54 { flex: 0 54%; width: 54%; }
.size-55 { flex: 0 55%; width: 55%; }
.size-56 { flex: 0 56%; width: 56%; }
.size-57 { flex: 0 57%; width: 57%; }
.size-58 { flex: 0 58%; width: 58%; }
.size-59 { flex: 0 59%; width: 59%; }
.size-60 { flex: 0 60%; width: 60%; }
.size-61 { flex: 0 61%; width: 61%; }
.size-62 { flex: 0 62%; width: 62%; }
.size-63 { flex: 0 63%; width: 63%; }
.size-64 { flex: 0 64%; width: 64%; }
.size-65 { flex: 0 65%; width: 65%; }
.size-66 { flex: 0 66%; width: 66%; }
.size-67 { flex: 0 67%; width: 67%; }
.size-68 { flex: 0 68%; width: 68%; }
.size-69 { flex: 0 69%; width: 69%; }
.size-70 { flex: 0 70%; width: 70%; }
.size-71 { flex: 0 71%; width: 71%; }
.size-72 { flex: 0 72%; width: 72%; }
.size-73 { flex: 0 73%; width: 73%; }
.size-74 { flex: 0 74%; width: 74%; }
.size-75 { flex: 0 75%; width: 75%; }
.size-76 { flex: 0 76%; width: 76%; }
.size-77 { flex: 0 77%; width: 77%; }
.size-78 { flex: 0 78%; width: 78%; }
.size-79 { flex: 0 79%; width: 79%; }
.size-80 { flex: 0 80%; width: 80%; }
.size-81 { flex: 0 81%; width: 81%; }
.size-82 { flex: 0 82%; width: 82%; }
.size-83 { flex: 0 83%; width: 83%; }
.size-84 { flex: 0 84%; width: 84%; }
.size-85 { flex: 0 85%; width: 85%; }
.size-86 { flex: 0 86%; width: 86%; }
.size-87 { flex: 0 87%; width: 87%; }
.size-88 { flex: 0 88%; width: 88%; }
.size-89 { flex: 0 89%; width: 89%; }
.size-90 { flex: 0 90%; width: 90%; }
.size-91 { flex: 0 91%; width: 91%; }
.size-92 { flex: 0 92%; width: 92%; }
.size-93 { flex: 0 93%; width: 93%; }
.size-94 { flex: 0 94%; width: 94%; }
.size-95 { flex: 0 95%; width: 95%; }
.size-29-3 { flex: 0 29.33333%; width: 29.33333%; max-width: 29.33333%; }
.size-30-6 { flex: 0 30.66666%; width: 30.66666%; max-width: 30.66666%; }
.size-33-3 { flex: 0 33.33333%; width: 33.33333%; max-width: 33.33333%; }
.size-16-7 { flex: 0 16.66667%; width: 16.66667%; max-width: 16.66667%; }
.size-14-3 { flex: 0 14.28571%; width: 14.28571%; max-width: 14.28571%; }
.size-12-5 { flex: 0 12.5%; width: 12.5%; max-width: 12.5%; }
.size-11-1 { flex: 0 11.11111%; width: 11.11111%; max-width: 11.11111%; }
.size-9-1 { flex: 0 9.09091%; width: 9.09091%; max-width: 9.09091%; }
.size-8-3 { flex: 0 8.33333%; width: 8.33333%; max-width: 8.33333%; }
.size-100 { width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%; }
@media only all and (max-width: 767px) {
	body [class*=size-] {
		flex-grow: 0;
		flex-basis: 100%;
		max-width: 100%;
	}
}

/*
 * Tooltips
*/
/* Tooltip */
[data-tooltip] {
	position: relative;
}
[data-tooltip]:before {
	pointer-events: none;
	position: absolute;
	content: '';
	font-size: 0.875rem;
	width: 0.71428571em;
	height: 0.71428571em;
	background: #1B1C1D;
	box-shadow: none;
	opacity: 0;
	transform: rotate(45deg) scale(0);
	transform-origin: center top;
	transition: all 0.1s ease;
	z-index: 2;
}
[data-tooltip]:after {
	pointer-events: none;
	content: attr(data-tooltip);
	position: absolute;
	text-transform: none;
	text-align: left;
	white-space: nowrap;
	font-size: 0.75rem;
	border: 1px solid #1B1C1D;
	line-height: 1.4285em;
	max-width: none;
	background: #1B1C1D;
	padding: 0.35em 1em;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	border-radius: 0.28571429rem;
	box-shadow: none;
	z-index: 1;
	opacity: 1;
	transform-origin: center bottom;
	transition: all 0.1s ease;
}
[data-tooltip]:not([data-position]):before {
	top: auto;
	right: auto;
	bottom: 100%;
	left: 50%;
	background: #1B1C1D;
	margin-left: -0.07142857rem;
	margin-bottom: 0.0918rem;
}
[data-tooltip]:not([data-position]):after {
	left: 50%;
	bottom: 100%;
	margin-bottom: 0.5em;
	transform: translateX(-50%);
}
[data-tooltip]:before, [data-tooltip]:after {
	pointer-events: none;
	visibility: hidden;
}
[data-tooltip]:hover:before {
	visibility: visible;
	pointer-events: auto;
	transform: rotate(45deg) scale(1) !important;
	opacity: 1;
}
[data-tooltip]:hover:after {
	visibility: visible;
	pointer-events: auto;
}
[data-tooltip]:after, [data-tooltip][data-position="top center"]:after, [data-tooltip][data-position="bottom center"]:after {
	transform: translateX(-50%) scale(0) !important;
}
[data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after {
	transform: translateX(-50%) scale(1) !important;
}
[data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after {
	transform: translateX(-50%) scale(1) !important;
}
[data-tooltip][data-position="left center"]:after, [data-tooltip][data-position="right center"]:after {
	transform: translateY(-50%) scale(0) !important;
}
[data-tooltip][data-position="left center"]:hover:after, [data-tooltip][data-position="right center"]:hover:after {
	transform: translateY(-50%) scale(1) !important;
}
[data-tooltip][data-position="top left"]:after, [data-tooltip][data-position="top right"]:after, [data-tooltip][data-position="bottom left"]:after, [data-tooltip][data-position="bottom right"]:after {
	transform: scale(0) !important;
}
[data-tooltip][data-position="top left"]:hover:after, [data-tooltip][data-position="top right"]:hover:after, [data-tooltip][data-position="bottom left"]:hover:after, [data-tooltip][data-position="bottom right"]:hover:after {
	transform: scale(1) !important;
}
[data-tooltip][data-white]:before {
	box-shadow: 1px 1px 0px 0px #d4d4d5;
	background: #fff;
}
[data-tooltip][data-white]:after {
	box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
	background: #fff;
	color: rgba(0, 0, 0, 0.87);
	border: none;
}
/* Top Center */
[data-position="top center"][data-tooltip]:after {
	top: auto;
	right: auto;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	margin-bottom: 0.5em;
}
[data-position="top center"][data-tooltip]:before {
	top: auto;
	right: auto;
	bottom: 100%;
	left: 50%;
	background: #1B1C1D;
	margin-left: -0.07142857rem;
	margin-bottom: 0.0918rem;
}
/* Top Left */
[data-position="top left"][data-tooltip]:after {
	top: auto;
	right: auto;
	left: 0;
	bottom: 100%;
	margin-bottom: 0.5em;
}
[data-position="top left"][data-tooltip]:before {
	top: auto;
	right: auto;
	bottom: 100%;
	left: 1em;
	margin-left: -0.05rem;
	margin-bottom: 1px;
}
/* Top Right */
[data-position="top right"][data-tooltip]:after {
	top: auto;
	left: auto;
	right: 0;
	bottom: 100%;
	margin-bottom: 0.5em;
}
[data-position="top right"][data-tooltip]:before {
	top: auto;
	left: auto;
	bottom: 100%;
	right: 1em;
	margin-left: -0.07142857rem;
	margin-bottom: 0.0918rem;
}
/* Bottom Center */
[data-position="bottom center"][data-tooltip]:after {
	bottom: auto;
	right: auto;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	margin-top: 0.5em;
}
[data-position="bottom center"][data-tooltip]:before {
	bottom: auto;
	right: auto;
	top: 100%;
	left: 50%;
	margin-left: -0.07142857rem;
	margin-top: 0.0704rem;
}
/* Bottom Left */
[data-position="bottom left"][data-tooltip]:after {
	left: 0;
	top: 100%;
	margin-top: 0.5em;
}
[data-position="bottom left"][data-tooltip]:before {
	bottom: auto;
	right: auto;
	top: 100%;
	left: 1em;
	margin-left: -0.07142857rem;
	margin-top: 0.0704rem;
}
/* Bottom Right */
[data-position="bottom right"][data-tooltip]:after {
	right: 0;
	top: 100%;
	margin-top: 0.5em;
}
[data-position="bottom right"][data-tooltip]:before {
	bottom: auto;
	left: auto;
	top: 100%;
	right: 1em;
	margin-left: -0.0704rem;
	margin-top: 0.07142857rem;
}
/* Left Center */
[data-position="left center"][data-tooltip]:after {
	right: 100%;
	top: 50%;
	margin-right: 0.5em;
	transform: translateY(-50%);
}
[data-position="left center"][data-tooltip]:before {
	right: 100%;
	top: 50%;
	margin-top: -0.14285714rem;
	margin-right: -0.07142857rem;
}
/* Right Center */
[data-position="right center"][data-tooltip]:after {
	left: 100%;
	top: 50%;
	margin-left: 0.5em;
	transform: translateY(-50%);
}
[data-position="right center"][data-tooltip]:before {
	left: 100%;
	top: 50%;
	margin-top: -0.07142857rem;
	margin-left: 0.1rem;
}
/* Arrow */
[data-position~="bottom"][data-tooltip]:before {
	background: #1B1C1D;
	box-shadow: -1px -1px 0px 0px #1B1C1D;
}
[data-position="left center"][data-tooltip]:before {
	background: #1B1C1D;
	box-shadow: 1px -1px 0px 0px #1B1C1D;
}
[data-position="right center"][data-tooltip]:before {
	background: #1B1C1D;
	box-shadow: -1px 1px 0px 0px #1B1C1D;
}
[data-position~="top"][data-tooltip]:before {
	background: #1B1C1D;
}
/* Inverted Arrow Color */
[data-white][data-position~="bottom"][data-tooltip]:before {
	background: #fff;
	box-shadow: -1px -1px 0px 0px #bababc;
}
[data-inverted][data-position="left center"][data-tooltip]:before {
	background: #fff;
	box-shadow: 1px -1px 0px 0px #bababc;
}
[data-inverted][data-position="right center"][data-tooltip]:before {
	background: #fff;
	box-shadow: -1px 1px 0px 0px #bababc;
}
[data-inverted][data-position~="top"][data-tooltip]:before {
	background: #fff;
}
[data-position~="bottom"][data-tooltip]:before {
	transform-origin: center bottom;
}
[data-position~="bottom"][data-tooltip]:after {
	transform-origin: center top;
}
[data-position="left center"][data-tooltip]:before {
	transform-origin: top center;
}
[data-position="left center"][data-tooltip]:after {
	transform-origin: right center;
}
[data-position="right center"][data-tooltip]:before {
	transform-origin: right center;
}
[data-position="right center"][data-tooltip]:after {
	transform-origin: left center;
}

/*
 * Icons
*/
.icon {
	box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--icons,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px
}
.icon-chevron-down::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 4px;
    top: 2px
}

.icon-chevron-up::after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 10px;
	height: 10px;
	border-top: 2px solid;
	border-right: 2px solid;
	transform: rotate(-45deg);
	left: 4px;
	bottom: 2px
}
.icon-chevron-left::after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid;
	border-left: 2px solid;
	transform: rotate(45deg);
	left: 6px;
	top: 4px
}

.icon-chevron-right::after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid;
	border-right: 2px solid;
	transform: rotate(-45deg);
	right: 6px;
	top: 4px
}

.icon-check::after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	left: 3px;
	top: -1px;
	width: 6px;
	height: 10px;
	border-width: 0 2px 2px 0;
	border-style: solid;
	transform-origin: bottom left;
	transform: rotate(45deg)
}
.icon-close {
	border-radius: 40px
}

.icon-close::after,
.icon-close::before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 16px;
	height: 2px;
	background: currentColor;
	transform: rotate(45deg);
	border-radius: 5px;
	top: 8px;
	left: 1px
}

.icon-close::after {
	transform: rotate(-45deg)
}

.icon-check-o {
	border: 2px solid;
}
.icon-check-o::after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	left: 3px;
	top: -1px;
	width: 6px;
	height: 10px;
	border-color: currentColor;
	border-width: 0 2px 2px 0;
	border-style: solid;
	transform-origin: bottom left;
	transform: rotate(45deg)
}
.icon-close-o {
	border: 2px solid;
	border-radius: 40px
}
.icon-close-o::after,
.icon-close-o::before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 12px;
	height: 2px;
	background: currentColor;
	transform: rotate(45deg);
	border-radius: 5px;
	top: 8px;
	left: 3px
}
.icon-close-o::after {
	transform: rotate(-45deg)
}
.icon-trash {
	width: 10px;
	height: 12px;
	border: 2px solid transparent;
	box-shadow:
	0 0 0 2px,
	inset -2px 0 0,
	inset 2px 0 0;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
	margin-top: 7px;
	border-radius: 0;
}

.icon-trash::after,
.icon-trash::before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute
}
.icon-trash::after {
	background: currentColor;
	border-radius: 3px;
	width: 16px;
	height: 2px;
	top: -4px;
	left: -5px
}
.icon-trash::before {
	width: 10px;
	height: 4px;
	border: 2px solid;
	border-bottom: transparent;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	top: -7px;
	left: -2px
}
.icon-plus,
.icon-plus::after {
	display: block;
	box-sizing: border-box;
	background: currentColor;
	border-radius: 10px
}

.icon-plus {
	margin-top: -2px;
	width: 16px;
	height: 2px;
	border: 0;
}

.icon-plus::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 16px;
	top: -7px;
	left: 7px
}
.icon-info {
	border: 2px solid;
	border-radius: 40px
}
.icon-info::after,
.icon-info::before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	border-radius: 3px;
	width: 2px;
	background: currentColor;
	left: 7px
}
.icon-info::after {
	bottom: 2px;
	height: 8px
}
.icon-info::before {
	height: 2px;
	top: 2px
}
.icon-chevron-down::after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid;
	border-right: 2px solid;
	transform: rotate(45deg);
	left: 4px;
	top: 2px
}

/*
 * Input styles
*/
input.inputbox,
textarea.inputbox,
select.selectbox {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
	font-size: var(--body-font-size);
	font-family: var(--font-body);
	color: var(--input-color);
    margin: 0;
    outline: none;
	transition: all 0.3s ease 0s;
	border: 1px solid;
    border-color: var(--input-border-color);
    padding: 4px 7px;
	box-sizing: border-box;
    border-radius: var(--input-border-radius);
	display: inline-block;
	width: 100%;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

input.inputbox[disabled],
input.inputbox.disabled,
textarea.inputbox[disabled],
textarea.inputbox.disabled,
select.selectbox[disabled],
select.inputbox.disabled {
	background: #eee;
	cursor: not-allowed;
}

input.inputbox,
select.selectbox {
	height: 32px;
}
input.inputbox:focus,
textarea.inputbox:focus,
select.selectbox:focus {
	border-color: var(--input-border-color-focus);
    box-shadow: 0 0 0 3px #c0e6ff;
}
.inputbig input.inputbox,
.inputbig select.selectbox {
	height: 40px;
	padding-left: 14px;
	padding-right: 14px;
}
input.inputbox.shrink {
	max-width: 80px;
}
input.xhr_search_input.inputbox {
	padding-right: 32px;
}

select.selectbox {
	background: url(../img/select-bg.svg) no-repeat 100%/max(100%,88rem);
    background-color: var(--body-bg);
    cursor: pointer;
    max-width: 100%;
	padding-right: 42px;
}

.field-input {
	position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.btn {
	background-image: none;
	background: var(--button-bg);
	/* background: linear-gradient(30deg, var(--button-bg-1) 60%, var(--button-bg-2)); */
	color: var(--button-text);
    border: 0;
	outline: 0;
    border-radius: 2px;
	text-shadow: none;
	box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
    cursor: pointer;
    display: inline-flex;
	align-items: center;
	justify-content: center;
    font-size: var(--body-font-size);
    font-weight: 400;
    height: 40px;
    line-height: 1.5715;
    padding: 4px 20px;
	margin: 0;
    position: relative;
    text-align: center;
    transition: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
	text-decoration: none;
}
.btn ~ .btn {
	margin-left: 11px;
}
.btn[disabled] {
	pointer-events: none;
	opacity: 0.67;
}
.btn:hover,
.btn:focus {
	background-image: none;
    background: var(--button-hover-bg);
	color: var(--button-hover-text);
	box-shadow: 0 4px 11px rgba(55,125,255,.35);
	border: 0;
	outline: 0;
}
.btn.mini {
	height: 32px;
	font-size: 13px;
}
.btn.tiny {
	height: 28px;
	font-size: 13px;
}
.btn.sec {
	background: var(--button-sec-bg);
	border: 1px solid var(--button-sec-border);
	color: var(--body-color);
}
.btn.sec svg {
	fill: var(--body-color);
}
.btn.sec:hover,
.btn.sec:focus {
	background: var(--button-sec-hover-bg);
	border: 1px solid var(--button-sec-hover-bg);
	color: var(--button-sec-hover-text);
}
.btn.sec:hover svg,
.btn.sec:focus svg {
	fill: var(--button-sec-hover-text);
}
.btn-link {
	background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: #0096ff;
    font-weight: 600;
    outline: 0;
	cursor: pointer;
	font-size: 14px;
}
.btn-link:hover,
.btn-link:focus {
	color: var(--link-hover-color);
}
.btn.finput {
	height: 32px;
	padding: 4px 15px;
	font-size: 14px;
	border-radius: var(--input-border-radius);
}
.btn.stda {
	height: 42px;
	min-width: 180px;
	font-size: 1rem;
}
.btn .icon {
	transform: scale(1);
	margin-right: 8px;
}
.btn.sec:not(:hover) i.icon-close {
	color: var(--danger);
}
.btn i.icon-close:before,
.btn i.icon-close:after {
	height: 3px;
}
.btn svg {
    width: 18px;
    height: 18px;
    fill: var(--button-text);
    margin-right: 8px;
}
.btn:hover svg,
.btn:focus svg {
	fill: var(--button-hover-text);
}
.btn.black {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.btn.black:hover,
.btn.black:focus {
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.btn.orange {
	background-color: #f2711c;
	border-color: #f2711c;
	color: #fff;
}
.btn.orange:hover,
.btn.orange:focus {
	background-color: #dc3d00;
	border-color: #dc3d00;
	color: #fff;
}
.btn.green {
	background-color: #21ba45;
	border-color: #21ba45;
	color: #fff;
}
.btn.green:hover,
.btn.green:focus {
	background-color: #16ab39;
	border-color: #16ab39;
	color: #fff;
}
.btn.teel {
	background-color: #00b5ad;
	border-color: #00b5ad;
	color: #fff;
}
.btn.teel:hover,
.btn.teel:focus {
	background-color: #009c95;
	border-color: #009c95;
	color: #fff;
}
.btn.red {
	background-color: #db2828;
	border-color: #db2828;
	color: #fff;
}
.btn.red:hover,
.btn.red:focus {
	background-color: #d01919;
	border-color: #d01919;
	color: #fff;
}
.btn.brown {
	background-color: #a5673f;
	border-color: #a5673f;
	color: #fff;
}
.btn.brown:hover,
.btn.brown:focus {
	background-color: #975b33;
	border-color: #975b33;
	color: #fff;
}
.btn.blue {
	background-color: #2185d0;
	border-color: #2185d0;
	color: #fff;
}
.btn.blue:hover,
.btn.blue:focus {
	background-color: #1678c2;
	border-color: #1678c2;
	color: #fff;
}
.bodywpr {
	height: 100vh;
	position: relative;
}
.f-c .bodywpr {
	display: flex;
	align-items: center;
	justify-content: center;
}
.txtac {
	text-align: center !important;
}
.txtal {
	text-align: left !important;
}
.txtar {
	text-align: right !important;
}
.cw-auto {
	margin: 0 auto !important;
}
.cw-10 {
	width: 10px;
	max-width: 100%;
}
.cw-15 {
	width: 15px;
	max-width: 100%;
}
.cw-20 {
	width: 20px;
	max-width: 100%;
}
.cw-25 {
	width: 25px;
	max-width: 100%;
}
.cw-30 {
	width: 30px;
	max-width: 100%;
}
.cw-35 {
	width: 35px;
	max-width: 100%;
}
.cw-40 {
	width: 40px;
	max-width: 100%;
}
.cw-45 {
	width: 45px;
	max-width: 100%;
}
.cw-50 {
	width: 50px;
	max-width: 100%;
}
.cw-55 {
	width: 55px;
	max-width: 100%;
}
.cw-60 {
	width: 60px;
	max-width: 100%;
}
.cw-65 {
	width: 65px;
	max-width: 100%;
}
.cw-70 {
	width: 70px;
	max-width: 100%;
}
.cw-75 {
	width: 75px;
	max-width: 100%;
}
.cw-80 {
	width: 80px;
	max-width: 100%;
}
.cw-85 {
	width: 85px;
	max-width: 100%;
}
.cw-90 {
	width: 90px;
	max-width: 100%;
}
.cw-95 {
	width: 95px;
	max-width: 100%;
}
.cw-100 {
	width: 100px;
	max-width: 100%;
}
.cw-110 {
	width: 110px;
	max-width: 100%;
}
.cw-120 {
	width: 120px;
	max-width: 100%;
}
.cw-130 {
	width: 130px;
	max-width: 100%;
}
.cw-140 {
	width: 140px;
	max-width: 100%;
}
.cw-150 {
	width: 150px;
	max-width: 100%;
}
.cw-160 {
	width: 160px;
	max-width: 100%;
}
.cw-170 {
	width: 170px;
	max-width: 100%;
}
.cw-180 {
	width: 180px;
	max-width: 100%;
}
.cw-190 {
	width: 190px;
	max-width: 100%;
}
.cw-200 {
	width: 200px;
	max-width: 100%;
}
.cw-250 {
	width: 250px;
	max-width: 100%;
}
.cw-300 {
	width: 300px;
	max-width: 100%;
}
.cw-350 {
	width: 350px;
	max-width: 100%;
}
.cw-400 {
	width: 400px;
	max-width: 100%;
}
.cw-450 {
	width: 450px;
	max-width: 100%;
}
.cw-500 {
	width: 500px;
	max-width: 100%;
}
.cw-550 {
	width: 550px;
	max-width: 100%;
}
.cw-600 {
	width: 600px;
	max-width: 100%;
}
.cw-650 {
	width: 650px;
	max-width: 100%;
}
.cw-700 {
	width: 700px;
	max-width: 100%;
}
.cw-800 {
	width: 800px;
	max-width: 100%;
}
.cw-900 {
	width: 900px;
	max-width: 100%;
}
.field {
	margin: 0 0 25px;
}
.field.submit {
	margin-bottom: 0;
}
.field.result:not(.show) {
	display: none;
}
.field-label > label {
    margin: 0px;
    font-size: var(--label-font-size);
	color: var(--heading-color);
	font-weight: 400;
}
h3.field-title {
	font-size: 1.125rem;
	display: inline-block;
	margin: 0 0 30px;
	background:#c5c1c1;
	padding: 8px 20px;
	line-height: 1;
}
h3.field-subtitle {
	font-size: 1.125rem;
	display: block;
	margin: 35px 0 12px;
	padding: 0 0 2px;
	border-bottom: 1.5px dashed #b3c6dc;
	line-height: 1;
}
.field-description {
	font-size: 14px;
	margin: 6px 0 0;
	opacity: 0.87;
}
.field.t-file .field-label {
	margin-bottom: 10px;
}
.input-group {
	position: relative;
	overflow: hidden;
}
.input-group input {
	padding-right: 52px;
}
.input-group-text {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	padding: 0 12px;
	background: #4a6a8e;
	color: #fff;
	font-weight: 600;
	border-top-right-radius: var(--input-border-radius);
	border-bottom-right-radius: var(--input-border-radius);
}
.mr-4 {
	margin-right: 4px;
}
.ml-4 {
	margin-left: 4px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-16 {
	margin-bottom: 16px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-24 {
	margin-bottom: 24px;
}
.mb-25 {
	margin-bottom: 25px;
}
.n-m {
	margin: 0 !important;
}
.n-mt {
	margin-top: 0 !important;
}
.n-mb {
	margin-bottom: 0 !important;
}
.box-s {
	box-shadow: 0 4px 4px var(--box-shadow-color);
}
.card {
	background: var(--card-bg);
	padding: 30px;
	border-radius: 0.75rem;
	margin-bottom: 20px;
	position: relative;
	box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
    border: 0.0625rem solid var(--border-color);
}
.card.card-spd {
	padding: 24px;
}
.card.card-pd {
	padding: 36px;
}
.card.no-padding {
	padding: 0;
}
@media only all and (max-width: 767px) {
	.card {
		padding: 15px;
	}
	.card.card-spd {
		padding: 10px;
	}
	.card.card-pd {
		padding: 18px;
	}
	.card.no-padding {
		padding: 0;
	}
}
.field-label {
	margin-bottom: 0;
}
.loader {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: var(--loader-color);
	color: var(--loader-color);
	animation: loader 1s infinite linear;
}
.loader::before, .loader::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
}
.loader::before {
	left: -15px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: var(--loader-color);
	color: var(--loader-color);
	animation: loader-before 1s infinite linear;
}
.loader::after {
	left: 15px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: var(--loader-color);
	color: var(--loader-color);
	animation: loader-after 1s infinite linear;
}
.loaderblock.loading span.loader {
	display: block;
}
.loaderblock:not(.loading) span.loader {
	display: none;
}
.btn.loading span.text {
	display: none;
}
@keyframes loader-before {
	0% {
		transform: scale(1, 1);
	}
	25% {
		transform: scale(1, 1.5);
	}
	50% {
		transform: scale(1, 0.67);
	}
	75% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1, 1);
	}
}
@keyframes loader {
	0% {
		transform: scale(1, 1);
	}
	25% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1, 1.5);
	}
	75% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1, 1);
	}
}
@keyframes loader-after {
	0% {
		transform: scale(1, 1);
	}
	25% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1, 0.67);
	}
	75% {
		transform: scale(1, 1.5);
	}
	100% {
		transform: scale(1, 1);
	}
}

/*
 * Loader 2
 * <div class="loader2"><div></div><div></div><div></div><div></div></div>
*/
.loader2 {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.loaderblock:not(.loading) .loader2 {
	display: none;
}
.invoiceUpdateProgress {
	text-align: right;
}
.invoiceUpdateProgress > .loader2 {
	display: inline-block !important;
}
.loader2 div {
	position: absolute;
	top: 33px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #00BCD4;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader2 div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.loader2 div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.loader2 div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.loader2 div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
		100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
		100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
		100% {
		transform: translate(24px, 0);
	}
}

/*
 * Spinner 2
*/
.spinner {
	transform: scale(2)
}

.spinner,
.spinner::after,
.spinner::before {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 20px;
	height: 20px
}

.spinner::after,
.spinner::before {
	content: "";
	position: absolute;
	border-radius: 100px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.spinner::before {
	animation: spinner 1s cubic-bezier(.6,0,.4,1) infinite;
	animation-timing-function: linear;
	border: 3px solid transparent;
	border-top-color: #FF5722;
}

.spinner::after {
	border: 3px solid;
	opacity: 0.1;
}

.loaderblock.loading span.spinner {
	display: block;
}
.loaderblock:not(.loading) span.spinner {
	display: none;
}
.btn.loading span.text {
	display: none;
}

@keyframes spinner {
	0% { transform: rotate(0deg) }
	to { transform: rotate(359deg) }
} 

body.p-login {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media only all and (max-width: 399px) {
	body.p-login {
		background: #fff !important;
		background-image: none !important;
	}
	.login-wrapper {
		padding: 0 !important;
	}
}
body.p-login main > .container > .content {
	padding: 26px;
	height: 100vh;
}
body.p-login .notice {
	max-width: 400px;
}
.login-wrapper {
	background: #fff;
	padding: 35px;
	border-radius: 13px;
}
@media only all and (min-width: 960px) {
	body.p-login main > .container > .content {
		width: 100%;
    	max-width: 700px;
	}
}
@media only all and (min-width: 500px) {
	body.p-login main > .container > .content {
		border-radius: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
}
@media only all and (max-width: 499px) {
	.login-wrapper {
		margin: 10% auto 0;
		padding: 25px;
	}
}
.notice {
	width: 100%;
}
.notice-msg {
	margin: 0 0 20px;
	padding: 1rem;
	border: 1px solid #e9ecef;
	border-radius: 0.375rem;
	background: #f8f9fa;
	color: #6c757d;
}
.notice-msg .icon {
	margin-right: 11px;
	transform: scale(1.1);
}
.notice-msg > span {
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	border-radius: 25rem;
	margin-right: 16px;
	position: relative;
	z-index: 1;
}
.notice-msg svg {
	width: 24px;
	height: 24px;
	fill: #fff;
}
.notice-msg > span:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    background: #fff;
    opacity: 0;
    content: '';
    animation: pulse 1.2s infinite;
}
.notice-msg .icon-close {
	margin: 0 0 0 auto;
	cursor: pointer;
}
.notice-msg .icon-close:hover {
	background: rgba(0,0,0,.14);
	color: #fff;
}
.notice-msg.notice-error {
	background: #db2828;
	color: #fff;
	border-color: #db2828;
}
.notice-msg.notice-info {
	background: #087990;
	color: #fff;
	border-color: #087990;
}
.notice-msg.notice-success {
	background: #3b9d3f;
	color: #fff;
	border-color: #3b9d3f;
}
.notice-msg.notice-warning {
	background: #997404;
	color: #fff;
	border-color: #997404;
}
.notice-msg p {
	flex: 1;
	margin: 0;
	padding: 0;
}

@-webkit-keyframes pulse {
    from {
        transform: scale(1);
        opacity: 0.4
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

@-moz-keyframes pulse {
    from {
        transform: scale(1);
        opacity: 0.4
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes pulse {
    from {
        transform: scale(1);
        opacity: 0.4
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.contentwpr {
	min-height: 100%;
}

@media only all and (min-width: 960px) {
	main > .container > .content {
		padding: 35px;
	}
}
@media only all and (max-width: 959px) {
	main > .container > .content {
		padding: 15px 0;
	}
	main > .container > .content .page-dashboard {
		padding: 0 15px;
	}
}
@media only all and (max-width: 767px) {
	main > .container > .content {
		padding: 10px 0;
	}
}
.menu {
	width: 270px;
	background: #1c2436;
	color: #fff;
	padding: 35px 20px 20px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
    overflow-x: hidden;
	overflow-y: scroll;
	font-size: 0.9375rem;
}
@media only all and (min-width: 1200px) {
	.mainwpr {
		margin-left: 270px;
	}
	.sidebar-toggle:not(.goback) {
		display: none;
	}
}
@media only all and (max-width: 1199px) {
	.menu {
		display: none;
	}
	body.sidebar-active .menu {
		display: block;
	}
}
.main-overlay {
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s ease-out, z-index 0.1s ease-out;
    background: rgba(0, 0, 0, 0.4);
}
body.sidebar-active .main-overlay {
	opacity: 1;
    z-index: 99999999;
    height: 100%;
}
.mainwpr {
	background: var(--body-bg);
	position: relative;
    min-height: 100vh;
    left: 0;
    overflow: hidden;
}
body.sidebar-active .mainwpr {
	overflow: visible;
    left: inherit;
    -webkit-transform: translate3d(270px, 0px, 0px);
    transform: translate3d(270px, 0px, 0px);
}

.nav-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
}
.nav-menu ul li {
	margin: 0 0 2px;
	padding: 0;
}
.nav-menu ul li a {
	padding: 7px 13px;
	color: #a7abb3;
	text-decoration: none;
	border-radius: 7px;
}
.nav-menu ul li a.mnhac,
.nav-menu ul li a.current,
.nav-menu ul li a:hover {
	background: #293652;
	color: #fff;
}
/* Search bg #191f2f */
.nav-menu ul li a.mnhac:not(:hover) {
	background: transparent;
	color: #fff;
}
.nav-menu ul ul {
	margin-left: 13px;
	padding-left: 7px;
	position: relative;
}
.nav-menu ul ul li:first-child {
	margin-top: 2px;
}
.nav-menu ul ul:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2px;
	background: #293652;
}
/* .nav-menu ul ul.mn-sl:not(.active) {
	display: none;
}
.nav-menu ul ul.mn-sl:not(.active) {
	display: none;
} */
.nav-menu ul ul.mn-sl {
	position: relative;
	overflow: hidden;
	height: 0;
	transition: height 0.3s ease-in-out;
}
.nav-menu ul ul.mn-sl.active {
	height: auto;
}
#update_status,
#delete_row,
#iprod_t_remove {
	width: 26px;
	width: 26px;
	margin: 0 auto;
	cursor: pointer;
}
#update_status .icon,
#delete_row .icon {
	transform: scale(1.182);
}
#update_status .icon {
	margin-top: 7px;
}
#delete_row .icon {
	margin-top: 13px;
}
table.admin-table svg {
	width: 20px;
	height: 20px;
	vertical-align: top;
}
td.delete svg,
td.iprod-t-remove svg {
	fill: var(--danger);
}
td.edit svg {
	fill: var(--success);
}
td.title {
	font-weight: 600;
	color: var(--heading-color);
}
table.admin-customers #delete_row .icon,
table.admin-suppliers #delete_row .icon {
	margin-top: 9px;
}
table.admin-accounts #delete_row .icon {
	margin-top: 7px;
}
table.admin-accounts td.delete-disabled #delete_row .icon {
	margin-top: 4px;
}
table.admin-suppliers-purchases #delete_row .icon {
	margin-top: 8px;
}
table.admin-accounts td.edit-default svg {
	margin-top: -6px;
}
#delete_row.disabled,
#update_status.disabled,
#delete_row.disabled i,
#update_status.disabled i {
	color: rgb(0, 0, 0, 0.5);
	pointer-events: none;
}
#delete_row.disabled svg,
#update_status.disabled svg {
	fill: rgb(0, 0, 0, 0.5);
	pointer-events: none;
}
#update_status .icon-check-o {
	color: var(--success);
}
#update_status .icon-close-o {
	color: var(--disabled);
}
input.change-order,
input.change-order:hover,
input.change-order:focus {
	background: transparent;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: inherit;
}
#delete_row {
	cursor: pointer;
	color: var(--danger);
}
ul.field-radio {
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
}
ul.field-radio li {
	display: flex;
	align-items: center;
}
ul.field-radio.inline {
	display: flex;
	align-items: center;
}
ul.field-radio.inline li:not(:last-child) {
	margin-right: 16px;
}
.field-radio input,
.field-radio label {
	cursor: pointer;
	margin-right: 5px;
}
ul.radio-box {
	display: flex;
	align-items: center;
}
ul.radio-box li label {
	background: var(--card-bg);
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: 0 5px 0 0;
	border-radius: 2px;
	cursor: pointer;
	padding: 8px 22px;
	border: 1px solid var(--border-color-alt);
	transition: all 0.3s ease;
	line-height: 1;
}
ul.radio-box li .radiodot {
	height: 14px;
	width: 14px;
	margin-right: 6px;
	background: var(--border-color-alt);
	border: 4px solid var(--border-color-alt);
	border-radius: 50%;
	position: relative;
}
ul.radio-box li input[type="radio"] {
	display: none;
}
ul.radio-box li input.radiobox:checked:checked ~ label {
	background: var(--success);
	border-color: var(--success);
}
ul.radio-box li input.radiobox.vlno:checked:checked ~ label {
	background: var(--danger);
	border-color: var(--danger);
}
ul.radio-box li input.radiobox:checked:checked ~ label .radiodot {
	background: transparent;
	border: 3px solid #fff;
}

ul.radio-box li span.radiotext {
	color: var(--body-color);
}
ul.radio-box li input.radiobox:checked:checked  ~ label .radiotext {
	color: #fff;
}

.imgupload-preview {
	position: relative;
	overflow: hidden;
	max-width: 250px;
	margin-top: 8px;
}
.imgupload-preview-action {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	
	color: #fff;
	text-align: center;
}
.imgupload-action-item {
	height: 50px;
	text-align: center;
	background: rgba(0, 0, 0, 0.67);
	cursor: pointer;
}
.imgupload-action-item:hover {
	background: rgba(0, 0, 0, 1);
}

.imgupload-preview p {
	margin: 0;
	cursor: pointer;
}
.imgupload-preview p svg {
	width: 18px;
	width: 18px;
}
.imgupload-preview i {
	transform: scale(1);
}
.imgupload-preview svg {
	fill: #fff;
	width: 20px;
	height: 20px;
}
.imgupload-preview span:hover i {
	color: var(--link-dark-hover);
}
.imgupload-preview span:hover svg {
	fill: var(--link-dark-hover);
}
label.cat-imgupload-label {
	cursor: pointer;
}
label.cat-imgupload-label:hover svg {
	fill: var(--link-dark-hover);
}
.hidden {
	display: none !important;
}
.hidden-s {
	display: none;
}
.modal {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index: 999999999;
}
.modal * {
	box-sizing: border-box;
}
.modal.modal-active {
	display: block;
}
body.modal-active {
	overflow: hidden;
}
.modal-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.modal-container {
	position: relative;
	z-index: 11;
	background: #fff;
	width: 90%;
	max-width: 800px;
	margin: 1rem;
	border-radius: 0.25rem;
	-webkit-animation: modalAnimation 0.3s;
	animation: modalAnimation 0.3s;
}

/* .modal:not(.noscroll) .modal-container {
	overflow: hidden;
} */
.modal {
	overflow: auto;
}

.modal-container-wrapper {
	box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgb(0, 0, 0, 0.2);
}
.modal-content {
	padding: 1.5rem;
}
/* .modal:not(.noscroll) .modal-content {
	max-height: calc(70vh);
	overflow: auto;
} */
.modal-header {
	padding: 1.5rem 1.5rem 1rem;
	border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.modal-header > h1,
.modal-header > h2,
.modal-header > h3 {
	margin: 0;
	color: var(--heading-color);
	font-size: 1.3em;
}
.modal-footer {
	padding: 1rem 1.5rem 1.5rem;
	background: #fff;
	border-top: 1px solid rgba(34, 36, 38, 0.15);
	justify-content: flex-end;
}
/* .modal-footer .btn.close-modal {
	margin-left: auto !important;
} */
@-webkit-keyframes modalAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@keyframes modalAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
#modalMessage {
	flex: 1;
}
.upload-progress {
	background: #e9ecef;
    height: 16px;
    flex: 1;
	margin: 0;
	padding: 0;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}
.upload-progress-bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(25, 135, 84, 1);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-size: 16px 16px;
	width: 0%;
	transition: width 0.6s ease;
}
a#closeCropModal {
	margin-left: 30px;
}
.modal-message {
	flex: 1;
	font-size: 14px;
	line-height: 1.2;
	color: var(--danger);
	display: none;
}
.modal-message.success {
	color: var(--success);
}
table.admin-table.has-sort tbody tr {
	cursor: ns-resize;
}

td.title span + span {
	margin-left: 11px;
}
.rgsck.rgsck-editor__editable {
	min-height: 200px;
}
.rgsck-code-block-dropdown .rgsck-splitbutton__arrow {
	display: none !important;
}
.rgsck-content pre {
	background: #272822 !important;
	padding: 1em !important;
    margin: 0.5em 0;
    overflow: auto;
    border-radius: 0.3em !important;
	color: #f8f8f2 !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3) !important;
    font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;
    font-size: .9em !important;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.75;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
.rgsck-content p > code {
	background: rgba(202,205,207,.3) !important;
    padding: 0.1em 0.25em !important;
    border-radius: 3px !important;
    font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;
	color: inherit !important;
}
.rgsck-content pre code {
	color: inherit;
    font-size: inherit;
    word-break: normal;
}
.rgsck-editor blockquote p:last-child {
	margin: 0;
}
body.modal-active .rgsck-body-wrapper {
	z-index: 99999999999;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

label.rgsck.rgsck-voice-label {
	display: none !important;
}
.red {
	color: var(--red);
}
.product-code {
	margin: 0;
	font-size: 24px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
}
.page-quantity-unit #delete_row .icon {
	margin-top: 8px;
}
.black {
	color: var(--black);
}
.no-margin {
	margin: 0 !important;
}
.text-bold {
	font-weight: bold;
}
.table-product-code {
	letter-spacing: 1px;
}

#inlineAlert {
	position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -80px;
    width: 200px;
    background: var(--danger); /**#e43535*/
    color: #fff;
    padding: 16px;
    border-radius: 4px;
	z-index: 999999;
}
#inlineAlert:before {
	content: "\00D7";
    position: absolute;
    top: 2px;
    right: 6px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}
#inlineAlert:not(.active) {
	display: none;
}
#inlineAlert.success {
	background: var(--success);
}
#inlineAlert.active {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: shakeX;
	animation-name: shakeX;
}

.dropdown {
	position: relative;
	min-width: 270px;
}
.dropdown.disabled {
	cursor: not-allowed;
}
.dropdown-default {
	background-color: transparent;
	font-size: var(--font-body);
	color: var(--input-color);
    margin: 0;
    outline: none;
	transition: all 0.3s ease 0s;
	border: 1px solid;
    border-color: var(--input-border-color);
    padding: 4px 7px;
	box-sizing: border-box;
    border-radius: var(--input-border-radius);
	width: 100%;
	justify-content: space-between;
	cursor: pointer;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.disabled .dropdown-default {
	background: #fafafa;
	color: #999;
    cursor: not-allowed;
	pointer-events: none;
}
.dropdown-items {
	position: absolute;
	top: -100%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-height: 260px;
    overflow: auto;
    border: 1px solid var(--input-border-color);
    border-radius: 2px;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.25);
    font-size: 14px;
    line-height: 28px;
    padding: 0 0 12px;
    min-width: 100px;
	color: #212121;
    background: #fff;
	z-index: 1001;
}
.dropdown-items.dropdown-checkbox-items {
	padding-top: 12px;
}
.dropdown-items.active {
	top: 100%;
	visibility: visible;
	opacity: 1;
	animation-name: expandInDown;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both;
    backface-visibility: hidden;
}
ul.dropdown-list {
	list-style: none;
    margin: 0;
    padding: 0;
}
ul.dropdown-list li {
	display: block;
	padding: 0 20px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    transition: background .2s ease;
}
ul.dropdown-list li:hover {
	color: #212121;
    background: #eff0f5;
}
ul.dropdown-list li .icon {
	position: absolute;
    top: 2px;
    left: 0px;
    color: #f57224;
}
.dropdown-checkbox-item label {
	display: block;
	cursor: pointer;
}

@keyframes expandInDown {
	0% {
		opacity: 0;
		transform: scaleY(0);
		transform-origin: left top 0;
	}
	100% {
		opacity: 1;
		transform: scaleY(1);
		transform-origin: left top 0;
	}
}

@-webkit-keyframes shakeX {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
@keyframes shakeX {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
.phone {
	letter-spacing: 1.4px;
}
.spin {
	-webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}
.xhr-search {
	position: relative;
	max-width: 500px;
}
.xhr-search-input-wrapper span {
	width: 31px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.xhr-search-input-wrapper span:not(.active) {
	display: none;
}

.xhr-search-dropdown {
	position: absolute;
	top: -100%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-height: 260px;
    overflow: auto;
    border: 0px solid var(--input-border-color);
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
    font-size: 14px;
    padding: 10px 0;
    min-width: 100px;
	color: #212121;
    background: #fff;
	z-index: 1001;
}
.xhr-search-dropdown.active {
	top: 100%;
	visibility: visible;
	opacity: 1;
	animation-name: expandInDown;
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-fill-mode: both;
    backface-visibility: hidden;
}
ul.xhr-search-result-list {
	display: none;
	list-style: none;
    margin: 0 0 10px;
    padding: 0 0 5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.xhr-search-dropdown p.no-result {
	display: none;
	padding: 0 10px 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	line-height: var(--body-line-height);
}
ul.xhr-search-result-list li {
	display: block;
	padding: 4px 10px;
	margin: 0;
    position: relative;
    cursor: pointer;
    transition: background .2s ease;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
ul.xhr-search-result-list li:last-child {
	border-bottom: 0;
}
ul.xhr-search-result-list li:hover {
	color: #212121;
    background: #eff0f5;
}
ul.xhr-search-result-list li .icon {
	position: absolute;
    top: 2px;
    left: 0px;
    color: #f57224;
}

.xhr-search-addnew,
.xhr-search-guestcustomer {
	padding: 0 10px;
	line-height: var(--body-line-height);
}
.xhr-search-addnew a,
.xhr-search-guestcustomer a {
	display: block;
}
.xhr-search-guestcustomer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    margin-top: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
}
#xhr_search_input.inputbox {
	padding-right: 34px;
}
.disabled {
    cursor: not-allowed;
	pointer-events: none;
}
span#xhr_search_icon_close {
	cursor: pointer;
}
span#xhr_search_icon_close:hover svg {
	fill: var(--danger);
}
#modalMessageBody {
	display: none;
	font-size: 24px;
	padding: 2rem 0;
	color: var(--success);
}
label.label-with-checkbox {
	display: inline-flex;
	cursor: pointer;
}
label.label-with-checkbox input {
	margin: 0 !important;
	width: 16px;
    height: 16px;
    position: relative;
    bottom: -2.5px;
}
label.label-with-checkbox span {
	margin-left: 7px;
}
.invoice-address-content h4 {
	margin: 0;
}

.invoice-shipping-address-title {
	align-items: center;
}
.invoice-shipping-address-title > h4 {
	margin: 0 20px 0 0;
}
.invoice-shipping-address-title .field {
	margin: 0;
}

.invoice-address-edit-link,
.invoice-body:not(.has-customer) {
	display: none;
}
.invoice-address-wrapper span.address-name,
.invoice-address-wrapper span.address-address {
	display: block;
}

.invoice-address-wrapper-links {
	margin-top: 12px;
}

.invoice-address-content input[type="text"],
.invoice-address-content input[type="number"],
.invoice-address-content select,
.invoice-address-content textarea,
.invoice-address-content input[type="text"]:hover,
.invoice-address-content input[type="number"]:hover,
.invoice-address-content select:hover,
.invoice-address-content textarea:hover,
.invoice-address-content input[type="text"]:focus,
.invoice-address-content input[type="number"]:focus,
.invoice-address-content select:focus,
.invoice-address-content textarea:focus,
.invoice-address-content .dropdown-default {
	font-family: var(--font-body);
	width: 100%;
	max-width: 400px;
	border: 0;
	background: none !important;
	border: 0;
	outline: 0;
    box-shadow: none;
    line-height: 1.5;
    margin: 0;
	padding: 0;
    resize: none;
}
.invoice-address-content .dropdown {
	max-width: 400px;
}
.invoice-address-content input[type="text"],
.invoice-address-content input[type="number"],
.invoice-address-content select,
.invoice-address-content .dropdown-default {
	height: 22px;
}
.invoice-address-content textarea {
	height: 45px;
}
.invoice-address-content .field {
	margin: 0;
	padding: 0;
}
.invoice-address-content .field-label {
	display: none;
}
#invoice_shipping_address.from-billing {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.67;
}
.invoice-address {
    margin-bottom: 30px;
}
input#iprod_search_input {
    padding-right: 34px;
}
span#iprod_search_icon_close {
	cursor: pointer;
}
span#iprod_search_icon_close:hover svg {
	fill: var(--danger);
}
.iprod-search {
	position: relative;
	max-width: 700px;
}

#product_returns_body table.invoice-products-table {
	min-width: 1136px;
}

table.invoice-products-table {
	border-top: 1px solid var(--invoice-table-border);
	table-layout: fixed;
	min-width: 796px;
}
table.invoice-products-table th,
table.invoice-products-table td {
	vertical-align: middle;
	border: 1px solid var(--invoice-table-border);
}
.iprod-t-quantity-input {
	position: relative;
	max-width: 130px;
}
.iprod-t-quantity-input > button {
	position: absolute;
    width: 34px;
    height: 30px;
    top: 0;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 1.4rem;
    cursor: pointer;
    transition: opacity 0.15s;
    opacity: 0.5;
}
.iprod-t-quantity-input > button svg {
	width: 18px;
	height: 18px;
}
.iprod-t-quantity-input > button:hover,
.iprod-t-quantity-input > button:focus {
	box-shadow: none;
	opacity: 1;
}
.iprod-t-quantity-input > button#iprod_t_quantity_sub {
	left: 0;
}
.iprod-t-quantity-input > button#iprod_t_quantity_add {
	right: 0;
}
.invoice-products-wrapper input[type="text"],
.invoice-products-wrapper input[type="text"]:hover,
.invoice-products-wrapper input[type="text"]:focus,
.invoice-products-wrapper input[type="number"],
.invoice-products-wrapper input[type="number"]:hover,
.invoice-products-wrapper input[type="number"]:focus,
.invoice-total-wrapper input[type="text"],
.invoice-total-wrapper input[type="text"]:hover,
.invoice-total-wrapper input[type="text"]:focus {
	font-size: var(--body-font-size);
	font-family: var(--font-body);
	height: 30px;
	border-radius: 2px;
    border: 0;
	border-radius: 2px;
    background-color: #eff0f7;
	background-image: none;
	color: #222;
    box-sizing: border-box;
    outline: 0;
	box-shadow: none;
	text-align: right;
	padding: 0 10px;
	text-align: right;
}
.iprod_t_quantity_tostock,
.iprod_t_quantity_remove_stock {
	text-align: left !important;
	width: 100px;
}
.invoice-products-wrapper input[type="text"].iprod_t_quantity,
.invoice-products-wrapper input[type="text"].iprod_t_quantity:hover,
.invoice-products-wrapper input[type="text"].iprod_t_quantity:focus {
	width: 100%;
    padding: 0 36px;
	transition: background-color 1s ease-in-out;
    text-align: center;
}

th.iprod-t-remove,
td.iprod-t-remove,
th.iprod-t-sl,
td.iprod-t-sl {
	width: 60px;
	white-space: nowrap;
	text-align: center;
}
th.irprod-t-quantity,
td.irprod-t-quantity {
	width: 200px;
	white-space: nowrap;
}
th.iprod-t-return,
td.iprod-t-return {
	width: 90px;
	white-space: nowrap;
	text-align: center;
}
td.iprod-t-return input {
	width: 25px;
	height: 25px;
	cursor: pointer;
}
th.iprod-t-code,
td.iprod-t-code {
	width: 120px;
	white-space: nowrap;
}
th.iprod-t-quantity,
td.iprod-t-quantity {
	width: 150px;
	min-width: 150px;
	white-space: nowrap;
}
th.iprod-t-unit,
td.iprod-t-unit {
	width: 72px;
	white-space: nowrap;
}
th.iprod-t-price,
td.iprod-t-price,
th.iprod-t-total,
td.iprod-t-total {
	width: 110px;
	white-space: nowrap;
	text-align: right;
}
th.iprod-t-refund-amount,
td.iprod-t-refund-amount {
	width: 180px;
	white-space: nowrap;
	text-align: right;
}
td.iprod-t-name {
	word-break: break-all;
	min-width: 150px;
}
.animate_bg_color {
	background-color: #ffb3b3 !important;
}

.invoice-total-wrapper {
	max-width: 300px;
	margin: 40px 0 20px auto;
}
.invoice-total-wrapper input[type="text"],
.invoice-total-wrapper input[type="text"]:hover,
.invoice-total-wrapper input[type="text"]:focus,
input.iprod_t_price,
input.iprod_t_price:hover,
input.iprod_t_price:focus {
	width: 100px;
}
.invoice-total-wrapper > div {
	align-items: center;
	border-bottom: 1px solid var(--invoice-table-border);
	margin: 0 0 5px;
	padding: 0 0 5px;
}
.invoice-total-wrapper > div.invoice-subtotal {
	border-top: 1px solid var(--invoice-table-border);
	padding-top: 5px;
}
.invoice-total-value {
	flex: 0 100px;
	width: 100px;
	text-align: right;
}
.invoice-total-title {
	flex: 1;
	text-align: right;
	padding-right: 16px;
}
#invoice_subtotal_value,
#invoice_ordertotal_value,
#invoice_pastdue_value,
#invoice_remainingdue_value,
#invoice_vat_value {
	padding-right: 10px;
}
.invoice-vat {
	font-style: italic;
	font-size: 12px;
}
.invoice-ordertotal > span {
    font-size: 16px;
    font-weight: bold;
}
span.iprod_t_name > span {
	font-size: 11px;
}
span.iprod-t-name-color {
	margin-right: 10px;
}
table.invoice-address-table td {
	padding: 0;
}
.invoice,
.invoice input,
.invoice textarea,
.invoice td {
	color: var(--black);
}
.invoice-address .invoice-address-wrapper > div:not(.selectcity-dropdown-wrapper),
.invoice-address .selectcity-dropdown-wrapper > div {
	border-bottom: 1px solid var(--invoice-table-border);
	padding: 0.325rem 0.5rem !important;
}
table.invoice-address-table th {
	vertical-align: middle;
}
table.invoice-address-table th h4 {
	margin-top: 0;
	margin-bottom: 0;
}

.invoice-buttons-wrapper,
.invoice-payment-soldby-wrapper {
	margin: 60px 0 0;
}
.invoice-payment-soldby-wrapper {
	max-width: 395px;
}
.invoice-buttons-wrapper > .btn {
	display: block;
	width: 395px;
	max-width: 100%;
	text-align: left;
	margin: 0 0 60px !important;
	height: 47px;
	font-size: 16px;
	display: flex;
    align-items: center;
    justify-content: flex-start;
}
.invoice-buttons-wrapper > button.savetodraft.sec:hover,
.invoice-buttons-wrapper > button.savetodraft.sec:focus {
	background: #e85700;
	border-color: #e85700;
}

.invoice-select-product {
	background: #eff0f7;
    padding: 25px;
    margin: 30px 0 30px;
}
.invoice-select-product .field {
	margin: 0;
}

.invoice {
	position: relative;
}
.invoice > .spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 111;
    transform: scale(4);
    margin-top: -40px;
    margin-left: -40px;
}
.invoice.loading > form {
	opacity: 0.5;
	pointer-events: none;
}
.invoice > .spinner > span {
	display: block;
    text-align: center;
    margin-left: 26px;
    font-weight: 900;
    color: #4CAF50;
}

.page-invoice-details, 
.page-invoice-details td, 
.page-invoice-details h1, 
.page-invoice-details h2, 
.page-invoice-details h3, 
.page-invoice-details h4, 
.page-invoice-details h5 {
	color: var(--black);
}
.page-invoice-details th,
.page-invoice-details td {
	background: #fff !important;
}

.invoice-details-header {
	font-weight: bold;
	border-bottom: 1px solid var(--black);
    margin-bottom: 15px;
    padding-bottom: 15px;
	font-size: 15px;
}

.invd-invoice-barcode-wrapper {
	text-align: right;
}
.invd-invoice-barcode > div {
	margin-left: auto;
}
.tcpdf-m-barcode-bottom {
	width: 100%;
    font-size: 11.5px;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -17px;
    justify-content: space-between;
}
table.table.invoice-details-table,
table.table.invoice-details-table thead,
table.table.invoice-details-table tbody {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}
table.table.invoice-details-table th,
table.table.invoice-details-table td {
	border: 0;
	padding: 0;
}
table.table.invd-address-table th,
table.table.invd-address-table td {
	width: 50%;
}
table.table.invd-address-table th.invd-billto,
table.table.invd-address-table td.invd-billto {
	padding-right: 20px;
}
table.table.invd-address-table th h4 {
	font-weight: bold;
}
td.invd-invoice-business-logo {
	text-align: right;
}
.invoice-details-invoice-number {
	margin-bottom: 15px;
}
img.invoice-details-logo {
	border: 0;
	margin: 0;
	padding: 0;
	opacity: 1;
	max-height: 110px;
	outline: 0;
}
.invoice-details-address {
	margin-bottom: 20px;
}
.invoice-details-payment-method {
	margin-bottom: 30px;
}

table.invd-products-table {
	border-top: 1px solid var(--black);
}
table.invd-products-table th,
table.invd-products-table td {
	vertical-align: middle;
	border: 1px solid var(--black);
	padding: 4px 8px;
}
table.invd-products-table td.iprod-t-name span {
	font-size: 11px;
}
table.invd-totals-table {
	border: 1px solid var(--black) !important;
}
td.invoice-details-tatalbock {
	width: 285px;
}
table.invd-totals-table th,
table.invd-totals-table td {
	border-bottom: 1px solid var(--black) !important;
	text-align: right;
	white-space: nowrap;
	padding: 4px 8px !important;
}
table.invd-totals-table td {
	width: 130px;
	font-size: 16px;
}
table.invd-totals-table th.invd-totals-vat,
table.invd-totals-table td.invd-totals-vat {
	font-size: 12px;
}
table.invd-totals-table th.invd-totals-ordertotal,
table.invd-totals-table td.invd-totals-ordertotal {
	padding-bottom: 0;
	border-bottom: 0;
}
.invoice-details-info-content {
	width: 70%;
	margin-top: 50px;
}
.invoice-details-created-sold-by {
	margin-top: 50px;
}
.invoice-details-signature {
	margin-top: 100px;
}

table.invd-products-table th.iprod-t-sl,
table.invd-products-table td.iprod-t-sl {
	width: 60px;
    white-space: nowrap;
    text-align: center;
}
table.invd-products-table th.iprod-t-code,
table.invd-products-table td.iprod-t-code {
	width: 100px;
    white-space: nowrap;
}
table.invd-products-table th.iprod-t-quantity,
table.invd-products-table td.iprod-t-quantity {
	width: 100px;
    white-space: nowrap;
	text-align: center;
}
th.iprod-t-add-to-stock-quantity,
td.iprod-t-add-to-stock-quantity {
	width: 200px;
    white-space: nowrap;
	text-align: left;
}
table.invd-products-table th.iprod-t-unit,
table.invd-products-table td.iprod-t-unit {
	width: 75px;
    white-space: nowrap;
	text-align: center;
}
table.invd-products-table th.iprod-t-price,
table.invd-products-table td.iprod-t-price,
table.invd-products-table th.iprod-t-total,
table.invd-products-table td.iprod-t-total {
	width: 110px;
    white-space: nowrap;
    text-align: right;
}

.invoices-actions a {
	height: 30px;
}
table.admin-invoices-list th,
table.admin-invoices-list td {
	vertical-align: middle;
}
.p-allinvoices .n-refund_partial_amount,
.p-allinvoices .n-refund_account_id {
	display: none;
}
table.admin-invoices-list td.status.active {
	color: var(--green);
}
table.admin-invoices-list td.status.cancelled {
	color: var(--red);
}
table.admin-invoices-list td.status.refunded {
	color: var(--yellow);
}

.il-status.active {
	color: var(--green);
}
.il-status.cancelled {
	color: var(--red);
}
.il-status.refunded {
	color: var(--yellow);
}

ul.tabs {
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 0;
	padding: 0;
    white-space: nowrap;
	list-style: none;
	height: 48px;
	border-bottom: 2px solid #009688;
}
ul.tabs li {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
	cursor: pointer;
	background: #009688;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #0c7e73;
}
ul.tabs li:first-child {
	border-top-left-radius: 0.75rem;
}
ul.tabs li a {
	display: flex;
    align-items: center;
	color: #fff;
	padding: 0 30px;
	height: 48px;
}
ul.tabs li:last-child {
	border-right: 0;
}
ul.tabs li.active {
	background: #fff;
	color: var(--black);
}
ul.tabs li.active a {
	color: var(--black);
}
.page-edit-managers ul.tabs {
	border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
}
.tab-content {
	padding: 30px;
}
.tab-content:not(.active) {
	display: none;
}

legend h3, 
legend h4, 
legend h5 {
	margin: 0;
}
ul.access-list-top-level {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.access-list-top-level li {
	margin: 0 0 4px;
}
ul.access-list-top-level > li > label > span {
	font-weight: bold;
}
ul.access-list-top-level li label {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
ul.access-list-top-level li ul {
	margin: 4px 0 10px;
	padding-left: 30px;
	list-style: none;
}
ul.access-list-top-level input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0 7px 0 0;
}
.page-edit-employees .field.submit,
.page-edit-owners .field.submit {
	padding: 20px 30px 30px;
}
label.checkbox-label {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
label.checkbox-label input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0 7px 0 0;
}
table.admin-table.admin-employees svg {
	width: 22px;
	height: 22px;
}
table svg.status-svg-icon {
	width: 23px;
	height: 23px;
}
.status-svg-icon.check {
	fill: var(--success);
}
.status-svg-icon.close {
	fill: var(--disabled);
}
.status-svg-icon:not(.active) {
	display: none;
}
h2.manager-salary-form-title {
	margin-bottom: 30px;
}
.employee-salary-form-block {
	margin-top: 20px;
}
.employee-files fieldset {
    margin-bottom: 30px;
}
table.admin-table.admin-salary th,
table.admin-table.admin-salary td {
	vertical-align: middle;
}

.page-salary-details-wrapper {
	max-width: 1100px;
}
table.salary-details-table th,
table.salary-details-table td {
	background: #fff;
	padding: 4px 0;
}
table.salary-details-table table th:first-child,
table.salary-details-table table td:first-child {
	padding-right: 16px;
}
table.salary-details-table table,
table.salary-details-cal-table table {
	border: 0;
}
table.salary-details-table .td-salary-details-left, 
table.salary-details-table .td-salary-details-right,
table.salary-details-table .td-salary-details-spacer {
	border: 0;
}
.td-salary-details-left,
.td-salary-details-right {
	width: 48%;
}
.td-salary-details-spacer {
	width: 4%;
}
table.salary-details-cal-table,
table.salary-details-cal-table table {
	margin: 0;
}
table.salary-details-cal-table td,
table.salary-details-cal-table th {
	padding: 0;
	border: 0;
	margin: 0;
	background: #fff;
}
table.salary-details-cal-table table th,
table.salary-details-cal-table table td {
	border: 1px solid #000;
	background: #fff;
	width: 50%;
	padding: 4px 8px;
	border-left: 0;
	border-top: 0;
}
table.salary-details-cal-table table th:last-child,
table.salary-details-cal-table table td:last-child {
	border-right: 0;
}
table.salary-details-cal-table > tbody > tr > td:not(.td-salary-details-spacer) {
	border: 1px solid #000;
	padding: 0;
}
table.salary-details-cal-table h4 {
	margin: 0;
	padding: 6px 8px;
}
.salary-details-totals {
	display: block;
	font-size: 105%;
	font-weight: bold;
	color: #000;
	padding: 8px;
}
.salary-details-net-pay {
	padding: 30px 0;
}
td.salary-details-spacer-col {
	height: 150px;
}
table.settings-account-info-table th {
    width: 200px;
}
.page-settings .tab-content h3.tab-content-title {
	margin-bottom: 20px;
}
.reset-gauth {
	display: none;
	padding: 25px;
	border: 1px solid var(--border-color);
}
ol.gauth-setup-list img {
	max-width: 350px;
}
ol.gauth-setup-list {
	margin-top: 20px;
}
ol.gauth-setup-list li {
	margin-bottom: 30px;
}
.login-wrapper .form-wrapper {
	position: relative;
}
.login-loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	background: rgba(255,255,255,.65);
}
.login-loader:not(.loading) {
	display: none;
}
.login-input-mfa {
	display: none;
}
.quarterly-balance-totals {
	font-size: 15px;
}
.quarterly-balance-totals > div > div span {
	margin: 0 11px 0 6px;
}
.quarterly-balance-totals > div > div strong {
	display: inline-block;
	width: 125px;
}
.grid.report-filter > div {
	margin-right: 11px;
}
.list-filter > div {
	margin-right: 11px;
}
.list-filter:not(.list-filter-block) {
	margin-bottom: 0;
}
@media only all and (min-width: 500px) {
	.list-filter input.filter-search-input {
		min-width: 350px;
	}
}
.list-of-cus-withdue-hidden-field {
	display: none;
}
.products-stock-report-filter {
	align-items: center;
}
table.admin-product-returns th,
table.admin-product-returns td {
	vertical-align: middle;
}
.invoice-details-created-by {
	margin-top: 2rem;
}

table.statement-table th,
table.statement-table td {
	border: 0.5px solid #000;
	background: #fff !important;
}
table.statement-table th.statement-col-desc,
table.statement-table td.statement-col-desc {
	text-align: left;
	width: 300px;
}
table.statement-table th.statement-col-amount,
table.statement-table td.statement-col-amount {
	text-align: right;
	width: 150px;
}
table.table-statement-total th,
table.table-statement-total td {
	border: 1px solid #000;
	background: #fff;
}

.list-filter-print {
	margin-left: auto;
}

.pagination {
    margin: 1.5rem 0;
}
.pagination ul {
    display: block;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    margin: 0;
    padding: 1rem 0 0;
    text-align: right;
}
.pagination ul > li {
    display: inline-block;
}
.pagination ul > li > a,
.pagination ul > li > span {
    padding: 0.25rem 0.75rem;
    line-height: 1.125rem;
    text-decoration: none;
    background-color: #fff;
    border: 0.0625rem solid #ddd;
    border-left-width: 0;
    display: inline-block;
    margin: 0.125rem 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #999;
    cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    color: #999;
    background-color: transparent;
    cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
    border-left-width: 0.0625rem;
    -webkit-border-top-left-radius: 0.25rem;
    -moz-border-radius-topleft: 0.25rem;
    border-top-left-radius: 0.25rem;
    -webkit-border-bottom-left-radius: 0.25rem;
    -moz-border-radius-bottomleft: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
    -webkit-border-top-right-radius: 0.25rem;
    -moz-border-radius-topright: 0.25rem;
    border-top-right-radius: 0.25rem;
    -webkit-border-bottom-right-radius: 0.25rem;
    -moz-border-radius-bottomright: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.pagination ul > li.pagination-counter {
	display: block;
	padding-top: 0.5rem;
}
.page-products .list-filter input#search {
	min-width: 250px;
}
header {
    line-height: 1;
    background: #fff;
}
.sidebar-toggle {
	margin-right: 28px;
}
.header-wrapper svg {
	width: 26px;
	height: 26px;
	line-height: 1.2;
}
@media only all and (min-width: 960px) {
	header {
		padding: 25px 35px;
	}
}
@media only all and (min-width: 768px) and (max-width: 959px) {
	header {
		padding: 20px 30px;
	}
	.sidebar-toggle {
		margin-right: 20px;
	}
}

@media only all and (max-width: 767px) {
	header {
		padding: 15px;
	}
	.sidebar-toggle {
		margin-right: 15px;
	}
	.header-wrapper svg {
		width: 20px;
		height: 20px;
	}
	.header-wrapper h1 {
		font-size: 18px;
	}
}

.header-wrapper h1 {
	flex: 1;
	margin: 0;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media only all and (max-width: 767px) {
	table.invoice-address-table > tbody > tr > td,
	table.invoice-details-table.invd-address-table > tbody > tr > td,
	table.invoice-details-table.invd-totals-wrapper-table > tbody > tr > td,
	table.return-receipt-number-table > tbody > tr > td {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	table.invoice-details-table.invd-totals-wrapper-table > tbody > tr,
	table.return-receipt-number-table > tbody > tr {
		display: flex;
		flex-flow: row wrap;
		flex-direction: column;
	}
	table.invoice-details-table.invd-totals-wrapper-table > tbody > tr > td.invoice-details-tatalbock,
	table.return-receipt-number-table > tbody > tr > td.invd-invoice-barcode-wrapper {
		order: -1;
		margin-top: 20px;
	}
	table.return-receipt-number-table > tbody > tr > td.invd-invoice-barcode-wrapper {
		text-align: left;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.invoice-print-buttons > a.btn {
		margin: 4px 0;
	}
}
.invoice-address-table-title {
	padding: 0.825rem 0.5rem;
    background-color: var(--table-bg);
    border-bottom: 1px solid var(--invoice-table-border);
    box-shadow: inset 0 0 0 9999px transparent;
	min-height: 50px;
	vertical-align: middle;
	display: flex;
	align-items: center;
}
.invoice-address-table-title h4 {
	margin-top: 0;
	margin-bottom: 0;
}

@media only all and (max-width: 1079px) {
	.invoice-products-wrapper, .invoice-details-products {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
#product_returns_body .invoice-products-wrapper, .invoice-details-products {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

@media only all and (min-width: 768px) and (max-width: 959px) {
	.invoice-bottom-grid .invoice-totalblock {
		flex: 0 50%; width: 50%;
		max-width: 50%;
		order: 2;
	}
	.invoice-bottom-grid .invoice-paymentsoldby-block {
		flex: 0 50%; width: 50%;
		max-width: 50%;
		order: -1;
	}
	.invoice-bottom-grid .invoice-buttonsblock {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		order: 3;
	}
	.invoice-bottom-grid .size-4 {
		display: none;
	}
	.invoice-buttons-wrapper, .invoice-payment-soldby-wrapper {
		margin-top: 40px;
	}
}
@media only all and (max-width: 767px) {
	.invoice-bottom-grid .invoice-totalblock {
		order: -1;
	}
	.invoice-bottom-grid .invoice-paymentsoldby-block {
		order: 2;
	}
	.invoice-bottom-grid .invoice-buttonsblock {
		order: 3;
	}
	.invoice-bottom-grid .size-4 {
		display: none;
	}
	.invoice-buttons-wrapper, .invoice-payment-soldby-wrapper {
		margin-top: 20px;
	}
}
.il-mobile-title {
	display: none;
}

.itemslist-header {
	font-weight: bold;
}
.itemslist-header,
.itemslist-body {
	border-bottom: 1px solid var(--border-color);
}
.itemslist-body:hover {
	background: #f8ebeb !important;
	transition: background 0.15s;
}

.itemslist-body.even {
	background-color: rgba(207, 217, 227, 0.15);
}
.itemslist-header div,
.itemslist-body div {
	padding: 0.825rem 0.5rem;
}
.itemslist-header > div.block {
	padding: 0;
}
.itemslist-body a:not(.btn),
.itemslist-body a .h5 {
	color: var(--body-color);
}
.il-invoice-no {
	flex: 0 100px;
	width: 100px;
}
.il-status {
	flex: 0 120px;
	width: 120px;
	text-align: center;
}
.il-action {
	flex: 0 130px;
	width: 130px;
	text-align: right;
	margin-left: auto;
}
.il-date {
	flex: 0 200px;
	width: 200px;
}
.il-amount {
	flex: 0 150px;
	width: 150px;
	text-align: right;
}

@media only all and (max-width: 979px) {
	.page-invoices-list .table-block.card,
	.page-product-returns .table-block.card,
	.page-products .table-block.card {
		background: transparent;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
		position: relative;
		box-shadow: none;
		border: 0;
	}
	.page-invoices-list .pagination,
	.page-product-returns .pagination {
		padding-right: 15px;
	}
	.itemslist-invoices .itemslist-header {
		display: none;
	}
	.itemslist-invoices .il-mobile-title {
		display: inline-block;
		margin-right: 7px;
		font-weight: bold;
	}
	.itemslist-invoices .ctrv {
		flex-flow: row wrap;
	}
	.itemslist-invoices .itemslist-body {
		background: var(--card-bg);
		padding: 30px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
	}
	.itemslist-invoices .itemslist-body div,
	.itemslist-invoices .itemslist-body a.block {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		text-align: left;
		padding: 0;
	}
	.itemslist-invoices .itemslist-body div {
		padding: 4px 0;
		border-bottom: 0.5px solid var(--border-color);
	}
	.itemslist-invoices .itemslist-body div:last-child {
		border-bottom: 0;
	}
	.itemslist-invoices .il-action {
		margin-top: 15px;
	}
}
@media only all and (max-width: 767px) {
	.itemslist-invoices .itemslist-body {
		padding: 15px;
	}
	table.admin-draft-invoices th.last-updated,
	table.admin-draft-invoices td.last-updated,
	table.admin-draft-invoices th.customer-name,
	table.admin-draft-invoices td.customer-name {
		display: none;
	}
	table.admin-draft-invoices .draft-invoices-mobile {
		display: block;
	}
}
.draft-invoices-mobile {
	display: none;
	font-size: 11px;
}
.draft-invoices-mobile span {
	font-weight: bold;
	display: block;
	margin-top: 4px;
}

@media only all and (max-width: 767px) {
	.invd-invoice-barcode > div {
		transform: scale(0.7);
		transform-origin: 100% 50%;
	}	
}
.invoice-details-status {
	align-items: center;
}
.invoice-details-status h1 {
	margin: 4px 11px 4px 0;
}

@media only all and (min-width: 980px) and (max-width: 1499px) {
	.itemslist-returns .il-amount-paid,
	.itemslist-returns .il-amount-addedback {
		display: none;
	}
}

table.admin-products td.quantity {
	white-space: nowrap;
}

@media only all and (max-width: 979px) {
	table.admin-products thead {
		display: none;
	}
	table.admin-products .il-mobile-title {
		display: block;
		font-weight: bold;
		margin-bottom: 6px;
	}
	table.admin-products #update_status, 
	table.admin-products #delete_row, 
	table.admin-products #iprod_t_remove {
		margin-left: 0;
	}
	table.admin-products tbody tr {
		display: block;
		background: var(--card-bg) !important;
		padding: 30px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
		display: flex;
		flex-flow: row wrap;
	}
	table.admin-products tbody tr td {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	table.admin-products tbody tr td.status,
	table.admin-products tbody tr td.delete {
		flex: 0 80px;
		width: 80px;
		border: 0;
	}
	table.admin-products tbody tr td.title {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		border-top: 0.5px solid var(--border-color);
	}
	table.admin-products tbody tr td.image {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
	}
	table.admin-products tbody tr td.quantity,
	table.admin-products tbody tr td.price {
		flex: 0 70%;
		width: 70%;
		text-align: left !important;
	}
	table.admin-products tbody tr td.sold,
	table.admin-products tbody tr td.vat {
		flex: 0 30%;
		width: 30%;
		text-align: left !important;
	}
	table.admin-products tbody tr td.price,
	table.admin-products tbody tr td.vat {
		border-bottom: 0;
	}
	table.admin-products tbody tr td.image img {
		max-width: 60px;
	}
}

@media only all and (min-width: 960px) and (max-width: 1399px) {
	.products-table-wrapper {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.products-table-wrapper > table {
		min-width: 997px;
	}
}

@media only all and (max-width: 767px) {
	.page-categories .table-block.card {
		background: transparent;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
		position: relative;
		box-shadow: none;
		border: 0;
	}
	.page-edit-categories .discount-field-wrapper {
		flex-flow: row wrap;
	}
	.page-edit-categories .discount-field-wrapper > div {
		flex: 0 46%;
		width: 46%;
	}
	.page-edit-categories .discount-field-wrapper .n-discount_min_amount {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
	}
	table.admin-categories thead {
		display: none;
	}
	table.admin-categories .il-mobile-title {
		display: block;
		font-weight: bold;
		margin-bottom: 6px;
	}
	table.admin-categories tbody tr td.discount .il-mobile-title,
	table.admin-categories tbody tr td.id .il-mobile-title {
		display: inline-block;
		margin: 0 4px 0 0;
	}
	table.admin-categories #update_status, 
	table.admin-categories #delete_row, 
	table.admin-categories #iprod_t_remove {
		margin-left: 0;
	}
	table.admin-categories tbody tr td {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	table.admin-products tbody tr {
		padding: 10px;
	}
	table.admin-categories tbody tr {
		display: block;
		background: var(--card-bg) !important;
		padding: 10px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
		display: flex;
		flex-flow: row wrap;
	}
	table.admin-categories tbody tr td.status,
	table.admin-categories tbody tr td.delete {
		flex: 0 80px;
		width: 80px;
		border: 0;
	}
	table.admin-categories tbody tr td.title {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		border-top: 0.5px solid var(--border-color);
	}
	table.admin-categories tbody tr td.image,
	table.admin-categories tbody tr td.vat,
	table.admin-categories tbody tr td.discount,
	table.admin-categories tbody tr td.id {
		flex: 0 50%;
		width: 50%;
		text-align: left !important;
	}
	table.admin-categories tbody tr td.discount,
	table.admin-categories tbody tr td.id {
		border-bottom: 0;
	}
	table.admin-categories tbody tr td.image img {
		max-width: 60px;
	}
}
@media only all and (min-width: 960px) {
	table.admin-table.admin-products svg,
	table.admin-table.admin-categories svg {
		margin-top: 3px;
	}
}
@media only all and (max-width: 1299px) {
	.page-edit-product .storage-field-wrapper,
	.page-edit-product .stock-field-wrapper {
		flex-flow: row wrap;
	}
	.page-edit-product .storage-field-wrapper > .block {
		flex: 0 46%;
		width: 46%;
	}
}
@media only all and (max-width: 1399px) {
	.page-edit-product .stock-field-wrapper > div {
		flex: 0 50%;
		width: 50%;
	}
}
.stock-field-wrapper.alignb > .field {
	margin-right: 0;
	padding-right: 7px;
}
.itemslist-body svg {
	width: 23px;
	height: 23px;
}
.il-delete, 
.il-edit {
	flex: 0 70px;
	width: 70px;
	text-align: center;
}
.il-id {
	flex: 0 130px;
	width: 130px;
	text-align: center;
}
.il-mobile {
	flex: 0 150px;
	width: 150px;
}
.il-mobile a {
	border-bottom: 1px dotted;
}
.il-last-activity {
	flex: 0 220px;
	width: 220px;
}
.il-address {
	flex: 0 250px;
	width: 250px;
}
.il-delete svg {
	fill: var(--danger);
}
.il-edit svg {
	fill: var(--success);
}

.il-delete.disabled svg {
	fill: rgb(0, 0, 0, 0.5);
	pointer-events: none;
}
@media only all and (max-width: 1699px) {
	.itemslist-customers .il-last-activity {
		display: none;
	}
}
@media only all and (max-width: 1499px) {
	.itemslist-customers .il-address {
		display: none;
	}
}
@media only all and (max-width: 899px) {
	.page-customers .table-block.card {
		background: transparent;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
		position: relative;
		box-shadow: none;
		border: 0;
	}
	.page-customers .pagination {
		padding-right: 15px;
	}
	.itemslist-customers .itemslist-header {
		display: none;
	}
	.itemslist-customers .il-mobile-title {
		display: inline-block;
		margin-right: 7px;
		font-weight: bold;
	}
	.itemslist-customers .ctrv {
		flex-flow: row wrap;
	}
	.itemslist-customers .itemslist-body {
		background: var(--card-bg);
		padding: 30px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
	}
	.itemslist-customers .itemslist-body div:not(.il-edit):not(.il-delete),
	.itemslist-customers .itemslist-body a.block {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		text-align: left;
	}
	.itemslist-customers .itemslist-body div {
		padding: 4px 0;
		border-bottom: 0.5px solid var(--border-color);
	}
	.itemslist-customers .itemslist-body div:last-child {
		border-bottom: 0;
	}
	.itemslist-customers .il-action {
		margin-top: 15px;
	}
	.itemslist-customers .il-id,
	.itemslist-customers .il-mobile {
		border-top: 0.5px solid var(--border-color);
	}
	.itemslist-customers .il-delete, 
	.itemslist-customers .il-edit {
		text-align: left;
		padding-bottom: 12px !important;
		border-bottom: 0 !important;
	}
	.itemslist-customers .il-delete span, 
	.itemslist-customers .il-edit span {
		margin-left: 0 !important;
	}
	.itemslist-customers .il-amount {
		border-bottom: 0;
	}
	.itemslist-customers .il-customer-name,
	.itemslist-customers .il-customer-name .h5 {
		color: var(--link-color);
		font-weight: bold;
	}
}
@media only all and (max-width: 767px) {
	.itemslist-customers .itemslist-body,
	.itemslist-customers-transactions .itemslist-body,
	.itemslist-suppliers .itemslist-body,
	.itemslist-suppliers-trans .itemslist-body,
	.itemslist-employees .itemslist-body {
		padding: 15px !important;
	}
	.page-customers .list-filter .filter-search-input {
		width: 100%;
		margin-right: 0;
	}
}
@media only all and (max-width: 500px) {
	.page-suppliers .list-filter .filter-search-input {
		width: 100%;
		margin-right: 0;
	}
}

.modal-information-block {
	line-height: 1.7;
}
.modal-information-block span:not(.content) {
	font-weight: bold;
}
@media only all and (min-width: 600px) {
	.modal-information-block span.title {
		display: inline-block;
		width: 200px;
	}	
}
@media only all and (max-width: 399px) {
	.modal-information-block span.content {
		display: block;
		margin-bottom: 6px;
	}
	.modal-information-block br {
		display: none;
	}
}

.il-serial-no {
	flex: 0 65px;
	width: 65px;
	text-align: center;
}
.il-tran-type {
	flex: 0 140px;
	width: 140px;
	text-align: left;
}
.il-print {
	flex: 0 100px;
	width: 100px;
}
.itemslist-body .il-print a {
	color: var(--link-color);
}
.itemslist-body .il-print a:hover {
	color: var(--link-hover-color);
}

@media only all and (min-width: 1201px) and (max-width: 1599px) {
	.itemslist-customers-transactions .il-amount {
		display: none;
	}
}
@media only all and (max-width: 1200px) {
	.page-customers-transactions .table-block.card {
		background: transparent;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
		position: relative;
		box-shadow: none;
		border: 0;
	}
	.page-customers-transactions .pagination {
		padding-right: 15px;
	}
	.itemslist-customers-transactions .itemslist-header {
		display: none;
	}
	.itemslist-customers-transactions .il-mobile-title {
		display: inline-block;
		margin-right: 7px;
		font-weight: bold;
	}
	.itemslist-customers-transactions .ctrv {
		flex-flow: row wrap;
	}
	.itemslist-customers-transactions .itemslist-body {
		background: var(--card-bg);
		padding: 30px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
	}
	.itemslist-customers-transactions .itemslist-body div:not(.il-edit):not(.il-delete),
	.itemslist-customers-transactions .itemslist-body a.block {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		text-align: left;
	}
	.itemslist-customers-transactions .itemslist-body div {
		padding: 4px 0;
		border-bottom: 0.5px solid var(--border-color);
	}
	.itemslist-customers-transactions .itemslist-body div:last-child {
		border-bottom: 0;
	}
	.itemslist-customers-transactions .il-action {
		margin-top: 15px;
	}
	.itemslist-customers-transactions .il-id,
	.itemslist-customers-transactions .il-mobile {
		border-top: 0.5px solid var(--border-color);
	}
	.itemslist-customers-transactions .il-delete, 
	.itemslist-customers-transactions .il-edit {
		text-align: left;
		padding-bottom: 12px !important;
		border-bottom: 0 !important;
	}
	.itemslist-customers-transactions .il-delete span, 
	.itemslist-customers-transactions .il-edit span {
		margin-left: 0 !important;
	}
	.itemslist-customers-transactions .il-amount {
		border-bottom: 0;
	}
}

.il-total-trans {
	flex: 0 250px;
	width: 250px;
}
.il-country {
	flex: 0 140px;
	width: 140px;
	text-align: center;
}
.itemslist-body a.open-modal:hover .il-id, 
.itemslist-body a.open-modal:hover .il-customer-name .h5 {
	color: var(--link-color);
}
.itemslist-suppliers .il-mobile {
	flex: 0 170px;
	width: 170px;
}
.itemslist-suppliers .il-address,
.itemslist-suppliers .il-last-activity {
	display: none;
}

@media only all and (min-width: 1800px) {
	.itemslist-suppliers .il-address {
		display: block;
	}
}
@media only all and (max-width: 1499px) {
	.itemslist-suppliers .il-amount {
		display: none;
	}
}
@media only all and (max-width: 1079px) {
	.page-suppliers .table-block.card {
		background: transparent;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
		position: relative;
		box-shadow: none;
		border: 0;
	}
	.page-suppliers .pagination {
		padding-right: 15px;
	}
	.itemslist-suppliers .itemslist-header {
		display: none;
	}
	.itemslist-suppliers .il-mobile-title {
		display: inline-block;
		margin-right: 7px;
		font-weight: bold;
	}
	.itemslist-suppliers .ctrv {
		flex-flow: row wrap;
	}
	.itemslist-suppliers .itemslist-body {
		background: var(--card-bg);
		padding: 30px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
	}
	.itemslist-suppliers .itemslist-body div:not(.il-edit):not(.il-delete),
	.itemslist-suppliers .itemslist-body a.block {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		text-align: left;
	}
	.itemslist-suppliers .itemslist-body div {
		padding: 4px 0;
		border-bottom: 0.5px solid var(--border-color);
	}
	.itemslist-suppliers .il-id,
	.itemslist-suppliers .il-mobile {
		border-top: 0.5px solid var(--border-color);
	}
	.itemslist-suppliers .il-delete, 
	.itemslist-suppliers .il-edit {
		text-align: left;
		padding-bottom: 12px !important;
		border-bottom: 0 !important;
	}
	.itemslist-suppliers .il-delete span, 
	.itemslist-suppliers .il-edit span {
		margin-left: 0 !important;
	}
	.itemslist-suppliers .il-amount {
		display: block;
	}
	.itemslist-suppliers .il-amount {
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	.itemslist-suppliers .il-id,
	.itemslist-suppliers .il-customer-name,
	.itemslist-suppliers .il-customer-name .h5 {
		font-weight: bold;
		color: var(--link-color);
	}
}
.itemslist-suppliers-trans .il-invoice-no {
	flex: 0 180px;
	width: 180px;
}
.il-download {
	flex: 0 160px;
	width: 160px;
}
.itemslist-suppliers-trans a.open-modal:hover .il-invoice-no, 
.itemslist-suppliers-trans a.open-modal:hover .il-customer-name, 
.itemslist-suppliers-trans a.open-modal:hover .il-customer-name .h5,
.il-download a {
	color: var(--link-color);
}
.il-download a:hover {
	color: var(--link-hover-color);
}
.invoice-details-status {
	justify-content: space-between;
}

@media only all and (max-width: 1699px) {
	.itemslist-suppliers-trans .il-download {
		display: none;
	}
}
@media only all and (max-width: 1499px) {
	.itemslist-suppliers-trans .il-date {
		display: none;
	}
}
@media only all and (max-width: 959px) {
	.page-suppliers-purchases .table-block.card,
	.page-suppliers-payments .table-block.card {
		background: transparent;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
		position: relative;
		box-shadow: none;
		border: 0;
	}
	.page-suppliers-purchases .pagination,
	.page-suppliers-payments .pagination {
		padding-right: 15px;
	}
	.itemslist-suppliers-trans .itemslist-header {
		display: none;
	}
	.itemslist-suppliers-trans .il-date,
	.itemslist-suppliers-trans .il-download {
		display: block !important;
	}
	.itemslist-suppliers-trans .il-mobile-title {
		display: inline-block;
		margin-right: 7px;
		font-weight: bold;
	}
	.itemslist-suppliers-trans .ctrv {
		flex-flow: row wrap;
	}
	.itemslist-suppliers-trans .itemslist-body {
		background: var(--card-bg);
		padding: 30px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
	}
	.itemslist-suppliers-trans .itemslist-body div:not(.il-edit):not(.il-delete),
	.itemslist-suppliers-trans .itemslist-body a.block {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		text-align: left;
	}
	.itemslist-suppliers-trans .itemslist-body div {
		padding: 4px 0;
		border-bottom: 0.5px solid var(--border-color);
	}
	.itemslist-suppliers-trans .il-invoice-no {
		border-top: 0.5px solid var(--border-color);
	}
	.itemslist-suppliers-trans .il-delete, 
	.itemslist-suppliers-trans .il-edit {
		text-align: left;
		padding-bottom: 12px !important;
		border-bottom: 0 !important;
	}
	.itemslist-suppliers-trans .il-delete span, 
	.itemslist-suppliers-trans .il-edit span {
		margin-left: 0 !important;
	}
	.itemslist-suppliers-trans .il-amount {
		display: block;
	}
	.itemslist-suppliers-trans .il-download {
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	.itemslist-suppliers-trans .il-id,
	.itemslist-suppliers-trans .il-customer-name,
	.itemslist-suppliers-trans .il-customer-name .h5 {
		font-weight: bold;
		color: var(--link-color);
	}
}
.il-dept {
	flex: 0 250px;
	width: 250px;
}
@media only all and (min-width: 960px) {
	.page-employees .table-block,
	.page-employees-transactions .table-block,
	.page-salary .table-block {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.itemslist-employees {
		overflow-x: auto;
    	-webkit-overflow-scrolling: touch;
	}
	.itemslist-employees .itemslist-header,
	.itemslist-employees .itemslist-body {
		min-width: 1400px;
	}
}

@media only all and (max-width: 959px) {
	.page-employees .table-block.card,
	.page-employees-transactions .table-block.card,
	.page-salary .table-block.card,
	.page-accounts.card,
	.page-owners-transactions .table-block.card {
		background: transparent;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
		position: relative;
		box-shadow: none;
		border: 0;
	}
	.page-employees .pagination {
		padding-right: 15px;
	}
	.itemslist-employees .itemslist-header {
		display: none;
	}
	.itemslist-employees .il-date,
	.itemslist-employees .il-download {
		display: block !important;
	}
	.itemslist-employees .il-mobile-title {
		display: inline-block;
		margin-right: 7px;
		font-weight: bold;
	}
	.itemslist-employees .ctrv {
		flex-flow: row wrap;
	}
	.itemslist-employees .itemslist-body {
		background: var(--card-bg);
		padding: 30px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
	}
	.itemslist-employees .itemslist-body div:not(.il-edit):not(.il-delete),
	.itemslist-employees .itemslist-body a.block {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		text-align: left;
	}
	.itemslist-employees .itemslist-body div {
		padding: 4px 0;
		border-bottom: 0.5px solid var(--border-color);
	}
	.itemslist-employees .il-delete, 
	.itemslist-employees .il-edit {
		text-align: left;
		padding-bottom: 12px !important;
		border-bottom: 0 !important;
	}
	.itemslist-employees .il-delete span, 
	.itemslist-employees .il-edit span {
		margin-left: 0 !important;
	}
	.itemslist-employees .il-amount {
		display: block;
	}
	.itemslist-employees .il-last-login,
	.itemslist-employees-transactions .il-created-by,
	.itemslist-salary .il-action,
	.itemslist-accounts .il-amount.current-balance,
	.itemslist-expenses .il-created-by,
	.itemslist-owners .il-date.last-login-date,
	.itemslist-owners-transactions .il-created-by,
	.itemslist-accounts .il-account-no {
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	.itemslist-employees .il-id,
	.itemslist-employees .il-customer-name,
	.itemslist-employees .il-customer-name .h5,
	.itemslist-salary .il-employee-name {
		font-weight: bold;
		color: var(--link-color);
	}
	.itemslist-employees-transactions .has-item-above .il-date,
	.itemslist-accounts .has-item-above .il-account-name,
	.itemslist-employees .has-item-above .il-id,
	.itemslist-expenses .has-item-above .il-date,
	.itemslist-owners-transactions .has-item-above .il-date {
		border-top: 0.5px solid var(--border-color);
	}
	.itemslist-salary .il-id.salary-id {
		border-top: 0;
	}
}

.itemslist-employees-transactions .il-employee-name {
	flex: 0 250px;
	width: 250px;
}
.il-created-by {
	flex: 0 250px;
	width: 250px;
}
.itemslist-salary a.il-details-link:hover .il-id.salary-id,
.itemslist-salary a.il-details-link:hover .il-employee-name {
	color: var(--link-color);
}
@media only all and (max-width: 767px) {
	.page-salary .page-subtitle-card a.btn {
		margin: 4px 0;
	}
}
.page-departments .table-block,
.page-designations .table-block,
.page-accounts .table-block,
.page-expenses .table-block {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
@media only all and (min-width: 960px) {
	.itemslist-employees.itemslist-accounts {
		min-width: 800px;
	}
}
table.admin-departments,
table.admin-designations {
	min-width: 450px;
}
.il-account-no {
	flex: 0 200px;
	width: 200px;
}
.il-category {
	flex: 0 200px;
	width: 200px;
}
.itemslist-expenses .il-invoice-no {
	flex: 0 180px;
	width: 180px;
}
.il-share {
	flex: 0 100px;
	width: 100px;
	text-align: right;
}

.itemslist-owners-transactions .il-owner-name {
	flex: 0 250px;
	width: 250px;
}
.itemslist-owners-transactions .il-account {
	flex: 0 250px;
	width: 250px;
}
@media only all and (max-width: 419px) {
	.products-stock-report-filter > .products-stock-report-filter-label:first-child {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
	}
}
@media only all and (max-width: 767px) {
	.page-livestatement .list-filter .field.n-daterange {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
	}
	.page-livestatement .list-filter > div {
		margin-right: 0;
	}
	.page-livestatement .list-filter .list-filter-print,
	.page-livestatement .list-filter .field.t-submit,
	.page-livestatement .list-filter .field.t-date {
		flex: 0 50%;
		width: 50%;
		margin-right: 0;
	}
	.page-livestatement .list-filter .field.n-date_from {
		padding-right: 5px;
	}
	.page-livestatement .list-filter .field.n-date_to {
		padding-left: 5px;
	}
	.page-livestatement .list-filter .field.t-submit {
		margin-bottom: 0;
	}
	.page-livestatement .list-filter .list-filter-print {
		text-align: right;
	}
	.page-livestatement .list-filter .field.t-submit .field-label {
		display: none;
	}
}

.il-year {
	flex: 0 80px;
	width: 80px;
	text-align: center;
}

@media only all and (max-width: 767px) {
	.page-quarterly-financialstatement .table-block.card,
	.page-yearly-financialstatement .table-block.card {
		background: transparent;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
		position: relative;
		box-shadow: none;
		border: 0;
	}
	.page-quarterly-financialstatement .pagination,
	.page-yearly-financialstatement .pagination {
		padding-right: 15px;
	}
	.itemslist-statement .itemslist-header {
		display: none;
	}
	.itemslist-statement .il-mobile-title {
		display: inline-block;
		margin-right: 7px;
		font-weight: bold;
	}
	.itemslist-statement .ctrv {
		flex-flow: row wrap;
	}
	.itemslist-statement .itemslist-body {
		background: var(--card-bg);
		padding: 15px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
	}
	.itemslist-statement .itemslist-body div {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		text-align: left;
	}
	.itemslist-statement .itemslist-body div {
		padding: 4px 0;
		border-bottom: 0.5px solid var(--border-color);
	}
	.itemslist-statement .il-year.first {
		border-top: 0;
	}
	.itemslist-statement .il-amount {
		display: block;
	}
	.itemslist-statement .il-printstatement {
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
}

.itemslist-owners-balance,
.itemslist-stock-history {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

@media only all and (min-width: 961px) {
	.itemslist-owners-balance .itemslist-header,
	.itemslist-owners-balance .itemslist-body {
		min-width: 1600px;
	}	
}
@media only all and (max-width: 960px) {
	.page-quarterly-balance .table-block.card,
	.page-yearly-balance .table-block.card,
	.page-activities .table-block.card {
		background: transparent;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
		position: relative;
		box-shadow: none;
		border: 0;
	}
	.page-quarterly-balance .pagination,
	.page-yearly-balance .pagination,
	.page-activities .pagination {
		padding-right: 15px;
	}
	.itemslist-owners-balance .itemslist-header,
	.itemslist-activities .itemslist-header {
		display: none;
	}
	.itemslist-owners-balance .il-mobile-title,
	.itemslist-activities .il-mobile-title {
		display: inline-block;
		margin-right: 7px;
		font-weight: bold;
	}
	.itemslist-owners-balance .ctrv,
	.itemslist-activities .ctrv {
		flex-flow: row wrap;
	}
	.itemslist-owners-balance .itemslist-body,
	.itemslist-activities .itemslist-body {
		background: var(--card-bg);
		padding: 30px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
	}
	.itemslist-owners-balance .itemslist-body div,
	.itemslist-activities .itemslist-body div {
		width: 100%; max-width: 100%; flex-grow: 0; flex-basis: 100%;
		text-align: left;
		padding: 4px 0;
		border-bottom: 0.5px solid var(--border-color);
	}

	.itemslist-owners-balance .il-year.first {
		border-top: 0;
	}
	.itemslist-owners-balance .il-amount {
		display: block;
	}
	.itemslist-owners-balance .il-print,
	.itemslist-activities .il-created-by {
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
}

@media only all and (max-width: 767px) {
	.itemslist-owners-balance .itemslist-body,
	.itemslist-activities .itemslist-body {
		padding: 15px;
	}
	.page-settings table.settings-account-info-table tr {
		display: flex; flex-flow: row wrap; list-style: none; margin: 0; padding: 0; text-rendering: optimizespeed;
	}
	.page-settings table.settings-account-info-table tr td.sait-middlespace {
		display: none;
	}
	.page-settings table.settings-account-info-table tr th,
	.page-settings table.settings-account-info-table tr td {
		flex: 0 50%;
		width: 50%;
	}
}
.product-qr-code img {
	max-width: 150px;
}

.itemslist-accounts .il-account-name {
	flex: 0 350px;
	width: 350px;
}
.dash-create-links {
	margin: 0 -10px;
}
.dash-create-links > .block {
	margin-bottom: 20px;
}
.dash-create-links > .block a {
	display: block;
	margin: 0 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 18px;
	padding: 25px;
}

@media only all and (max-width: 767px) {
	.dash-create-links {
		margin: 0 -5px !important;
	}
	.dash-create-links > .block {
		margin-bottom: 10px !important;
	}
	.dash-create-links > .block a {
		margin: 0 5px !important;
	}
}
.dash-create-links svg {
	width: 80px;
	height: 80px;
	margin: 0 auto 16px;
}

@media only all and (min-width: 1200px) and (max-width: 1499px) {
	.dash-create-links > .block {
		flex: 0 25%; width: 25%;
	}
}
@media only all and (min-width: 768px) and (max-width: 1199px) {
	.dash-create-links > .block {
		flex: 0 33.33333%; width: 33.33333%; max-width: 33.33333%;
	}
}
@media only all and (min-width: 360px) and (max-width: 767px) {
	.dash-create-links > .block {
		flex: 0 50%; width: 50%;
	}
}
.invoice-processing {
	background: rgba(255,255,255,0.7);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    display: flex;
    align-items: center;
}
.loaderblock:not(.loading) .invoice-processing {
	display: none;
}
.invoice-processing > .spinner {
	margin: 0 auto;
}
@media only all and (min-width: 961px) {
	.itemslist-stock-history .il-product-name {
		flex: 0 180px;
		width: 180px;
	}
	.itemslist-stock-history .il-product-code {
		flex: 0 100px;
		width: 100px;
	}
	.itemslist-stock-history .il-quantity,
	.itemslist-stock-history .il-unit {
		flex: 0 100px;
		width: 100px;
	}
	.itemslist-stock-history .il-description {
		flex: 1;
	}
}
@media only all and (min-width: 961px) {
	.itemslist-stock-history .itemslist-header,
	.itemslist-stock-history .itemslist-body {
		min-width: 1300px;
	}	
}
@media only all and (max-width: 960px) {
	.page-productsstockhistory .table-block.card {
		background: transparent;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
		position: relative;
		box-shadow: none;
		border: 0;
	}
	.itemslist-stock-history .itemslist-header {
		display: none;
	}
	.itemslist-stock-history .itemslist-body {
		background: var(--card-bg);
		padding: 30px;
		border-radius: 0.75rem;
		margin-bottom: 10px;
		position: relative;
		box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
		border: 0.0625rem solid var(--border-color);
	}
	.itemslist-stock-history .ctrv {
		flex-flow: row wrap;
	}
	.itemslist-stock-history .ctrv > div {
		width: 100%;
		max-width: 100%;
		flex-grow: 0;
		flex-basis: 100%;
		text-align: left;
		padding: 4px 0;
		border-bottom: 0.5px solid var(--border-color);
	}
	.itemslist-stock-history .il-mobile-title {
		display: inline-block;
		margin-right: 7px;
		font-weight: bold;
	}
}
.dropdown-search {
	display: block;
	border-bottom: 1px solid #bfbfbf;
	padding-top: 12px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.dropdown-search input {
	display: block;
	width: 100%;
	border: 0 !important;
    border-radius: 0 !important;
	box-shadow: none !important;
    padding-left: 20px;
    height: 24px;
	font-style: italic;
}
#update_payment_method_msg {
	font-size: 16px;
	font-weight: bold;
}
#update_payment_method_msg.error {
	color: var(--red);
}
#update_payment_method_msg.success {
	color: var(--green);
}
.repor-pages-wrapper a.btn {
	margin: 5px;
	min-width: 160px;
}
.invoice-payments-wrapper {
	padding: 10px 0 !important;
}
.invoice-payments-wrapper > div {
	margin: 10px 0;
}
.invoice-payments-title .field.t-dropdown {
	display: flex;
	align-items: center;
	margin: 0;
}
.invoice-payments-title .field.t-dropdown .field-label {
	margin: 0 10px 0 0;
}
.invoice-payments-title .field.t-dropdown .field-input .dropdown {
	min-width: auto;
}
.invoice-payments-title .field.t-dropdown .dropdown-default {
	width: 124px;
    white-space: nowrap;
    overflow: hidden;
	padding: 2px 7px;
	line-height: 1;
}
.invoice-payments-title .field.t-dropdown .dropdown-default #dropdown_text {
	width: 110px;
    white-space: nowrap;
    overflow: hidden;
	font-size: 12px;
}
.invoice-payments-title .field.t-dropdown .dropdown-items {
	min-width: 260px;
}

@media only all and (min-width: 1200px) and (max-width: 1349px) {
	.invoice-payments-title .field.t-dropdown .dropdown-default {
		width: 88px;
	}
}
@media only all and (min-width: 960px) and (max-width: 1059px) {
	.invoice-payments-title .field.t-dropdown .dropdown-default {
		width: 88px;
	}
}

input.payment-account-not-selected {
	pointer-events: none;
	background: #eee;
	cursor: not-allowed;
	opacity: 0.3;
}
tr.invoice-payments-row-title th,
tr.invoice-payments-row th {
	text-align: left;
}
tr.invoice-payments-row-title th,
tr.invoice-payments-row-title td,
tr.invoice-payments-row th,
tr.invoice-payments-row td {
	border-bottom: 0;
}

.itemslist-account-adjustments-and-transfers .il-account-name,
.itemslist-account-adjustments-and-transfers .il-created-date {
	flex: 0 200px;
	width: 200px;
}

.itemslist-account-adjustments-and-transfers .il-type {
	flex: 0 150px;
	width: 150px;
}

@media only all and (min-width: 960px) and (max-width: 1669px) {
	.itemslist-account-adjustments-and-transfers .il-desc {
		max-width: 367px;
	}
	.account-adjustments-and-transfers-table-wrapper {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.account-adjustments-and-transfers-table-wrapper > .itemslist {
		min-width: 1267px;
	}
}