/*
 * admin_layout_advance.css - common stylesheet for the "Advance" admin theme.
 *
 * Loaded by every admin layout in place of style.css / sidebar.css and the
 * per-page sheets. It started as a straight copy of those files (in their
 * original load order, so nothing renders differently); sections are being
 * reworked module by module. The original files are left in place, unused.
 */

/* ==========================================================================
   Base styles (copied from style.css)
   ========================================================================== */
/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/* Global Styles */
body {
	margin-top: 100px;
	background-color: #fff;
}
ul {
	list-style: none;
}
a:focus {
	outline: none !important;
}
@media (min-width: 768px) {
	body {
		margin-top: 50px;
	}
}
#wrapper {
	padding-left: 0;
	position:relative;
}
#page-wrapper {
	width: 100%;
	padding: 0;
	background-color: #fff;
}
.huge {
	font-size: 50px;
	line-height: normal;
}
@media (min-width: 768px) {
	#wrapper {
		padding: 20px;
	}
}
/* Top Navigation */
.top-nav {
	padding: 0 15px;
}
.top-nav > li {
	display: inline-block;
	float: left;
}
.top-nav > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	color: #999;
}
.top-nav > li > a:hover, .top-nav > li > a:focus, .top-nav > .open > a, .top-nav > .open > a:hover, .top-nav > .open > a:focus {
	color: #fff;
	background-color: #000;
}
.top-nav > .open > .dropdown-menu {
	float: left;
	position: absolute;
	margin-top: 0;
	border: 1px solid rgba(0,0,0,.15);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.top-nav > .open > .dropdown-menu > li > a {
	white-space: normal;
}
ul.message-dropdown {
	padding: 0;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}
li.message-preview {
	width: 275px;
	border-bottom: 1px solid rgba(0,0,0,.15);
}
li.message-preview > a {
	padding-top: 15px;
	padding-bottom: 15px;
}
li.message-footer {
	margin: 5px 0;
}
ul.alert-dropdown {
	width: 200px;
}
/* Side Navigation */
.navbar-header {
	padding-left: 15px;
}
@media (min-width: 768px) {
	.side-nav {
		background: #222;
		padding-left: 15px;
	}
	.side-nav > li {
		padding: 0 10px;
	}
	.side-nav li a:hover, .side-nav li a:focus {
		outline: none;
		background-color: #000 !important;
	}
}
.side-nav > li > a {
	padding: 8px 10px;
}
.side-nav > li > ul {
	padding: 0;
}
.side-nav > li > ul > li > a {
	display: block;
	padding: 5px 10px 10px 14px;
	text-decoration: none;
	color: #999;
}
.side-nav > li > ul > li > a:hover {
	color: #fff;
}
/* Flot Chart Containers */
.flot-chart {
	display: block;
	height: 400px;
}
.flot-chart-content {
	width: 100%;
	height: 100%;
}
/* Custom Colored Panels */
.huge {
	font-size: 40px;
}
.panel-green {
	border-color: #5cb85c;
}
.panel-green .panel-heading {
	border-color: #5cb85c;
	color: #fff;
	background-color: #5cb85c;
}
.panel-green a {
	color: #5cb85c;
}
.panel-green a:hover {
	color: #3d8b3d;
}
.panel-red {
	border-color: #d9534f;
}
.panel-red .panel-heading {
	border-color: #d9534f;
	color: #fff;
	background-color: #d9534f;
}
.panel-red a {
	color: #d9534f;
}
.panel-red a:hover {
	color: #b52b27;
}
.panel-yellow {
	border-color: #f0ad4e;
}
.panel-yellow .panel-heading {
	border-color: #f0ad4e;
	color: #fff;
	background-color: #f0ad4e;
}
.panel-yellow a {
	color: #f0ad4e;
}
.panel-yellow a:hover {
	color: #df8a13;
}
.filter-wrapper {
	margin: 0px 0 20px 0;
}
.filter-wrapper .form-group {
	margin: 0 10px 10px 0;
	float: left;
}
@media (max-width: 767px) {
	.filter-wrapper .form-group {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.filter-wrapper .search-btns {
		float: none;
		width: 100%;
		margin-top: 0;
		margin-left: 0 !important;
	}
	.filter-wrapper .search-btns .btn {
		width: 100%;
		margin: 0 0 8px !important;
	}
}
/* Login page - split screen: dark brand panel (left) + sign-in form (right).
   Colours follow the sidebar / Advance theme palette. */
body.login-page {
	margin: 0;
	background: #f5f7fb;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
#wrapper.login {
	padding: 0 !important;
	min-height: 100vh;
	width: 100%;
	display: flex;
	background: #f5f7fb;
}
.login-brand-panel {
	position: relative;
	flex: 0 0 44%;
	max-width: 620px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 48px 56px;
	box-sizing: border-box;
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(circle at 85% 10%, rgba(79,124,255,.45) 0, rgba(79,124,255,0) 45%),
		radial-gradient(circle at 0% 100%, rgba(30,155,224,.30) 0, rgba(30,155,224,0) 50%),
		#12182b;
}
/* faint grid texture */
.login-brand-panel:before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
	background-size: 32px 32px;
	pointer-events: none;
}
.login-brand-inner {
	position: relative;
	max-width: 420px;
}
.login-logo {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 48px;
}
.login-logo-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: #4f7cff;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	box-shadow: 0 6px 16px rgba(79,124,255,.4);
}
.login-logo-name {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .01em;
}
.login-brand-inner h2 {
	margin: 0 0 14px;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.01em;
}
.login-brand-inner p {
	margin: 0 0 28px;
	font-size: 16px;
	line-height: 1.55;
	color: #a9b1c9;
}
.login-features {
	margin: 0;
	padding: 0;
}
.login-features li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 14px;
	font-size: 14.5px;
	color: #d6dbea;
}
.login-features li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(79,124,255,.22);
}
.login-features li:after {
	content: "";
	position: absolute;
	left: 6px;
	top: 5px;
	width: 6px;
	height: 9px;
	border: solid #8fa9ff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.login-brand-foot {
	position: absolute;
	left: 56px;
	bottom: 28px;
	font-size: 12.5px;
	color: #6c7591;
}
.login-brand-foot strong {
	font-weight: 600;
	color: #a9b1c9;
}
/* mobile-only: the brand panel (and its footer) is hidden below 768px */
.login-powered {
	display: none;
	margin-top: 20px;
	text-align: center;
	font-size: 12.5px;
	color: #6b7280;
}
.login-powered strong {
	font-weight: 600;
	color: #344054;
}
#main {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	box-sizing: border-box;
	padding: 32px 24px;
}
#login {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 420px;
}
.login-logo-mobile {
	display: none;
	justify-content: center;
	margin-bottom: 24px;
	color: #1b2340;
}
#login > .alert {
	border-radius: 8px;
	font-size: 13.5px;
}
#login-form {
	background: #fff;
	margin: 0;
	padding: 40px 36px 36px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e7e9f0;
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 12px 32px rgba(16,24,40,.06);
}
#login-form h3 {
	margin: 0 0 6px;
	font-size: 24px;
	font-weight: 700;
	color: #1b2340;
	letter-spacing: -.01em;
}
.login-subtitle {
	margin: 0 0 28px;
	font-size: 14px;
	color: #6b7280;
}
#login-form .message .alert {
	border-radius: 8px;
	font-size: 13.5px;
}
#login-form .form-group {
	margin-bottom: 18px;
}
#login-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #344054;
}
#login-form .form-control {
	height: 46px;
	padding: 10px 14px;
	font-size: 15px;
	color: #1b2340;
	border: 1px solid #d9dce5;
	border-radius: 8px;
	box-shadow: none;
	transition: border-color .15s, box-shadow .15s;
}
#login-form .form-control::placeholder {
	color: #a0a6b5;
}
#login-form .form-control:focus {
	border-color: #4f7cff;
	box-shadow: 0 0 0 4px rgba(79,124,255,.16);
}
#login-form .login-forgot {
	display: block;
	margin: -6px 0 22px;
	text-align: right;
	font-size: 13px;
	font-weight: 500;
	color: #4f7cff;
}
#login-form .login-forgot:hover,
#login-form .login-forgot:focus {
	color: #1e50e2;
	text-decoration: none;
}
#login-form .btn-success {
	width: 100%;
	height: 46px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	background: #4f7cff;
	border: 0;
	border-radius: 8px;
	box-shadow: 0 6px 16px rgba(79,124,255,.28);
	transition: background-color .15s, box-shadow .15s;
}
#login-form .btn-success:hover,
#login-form .btn-success:focus {
	background: #3d68e8;
	box-shadow: 0 8px 20px rgba(79,124,255,.36);
}
#login-form .btn-success:active {
	background: #1e50e2;
}
#login-form .login-back {
	display: block;
	margin-top: 16px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: #4f7cff;
}
#login-form .login-back:hover,
#login-form .login-back:focus {
	color: #1e50e2;
	text-decoration: none;
}
/* Forgot password modal (opened from the login page) */
.forgot-password-intro {
	margin: 0 0 16px;
	font-size: 13.5px;
	line-height: 1.5;
	color: #6b7280;
}
.forgot-password-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #344054;
}
.forgot-password-form .form-control {
	height: 42px;
	padding: 8px 12px;
	font-size: 14px;
	border: 1px solid #d9dce5;
	border-radius: 8px;
	box-shadow: none;
}
.forgot-password-form .form-control:focus {
	border-color: #4f7cff;
	box-shadow: 0 0 0 4px rgba(79,124,255,.16);
}
.forgot-password-form .form-group.error .form-control {
	border-color: #e5484d;
}
.forgot-password-form .error-message {
	margin-top: 6px;
	font-size: 12.5px;
	color: #e5484d;
}
.forgot-password-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 20px;
}
.forgot-password-actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	height: 38px;
	padding: 0 16px;
	font-size: 13.5px;
	font-weight: 600;
	border-radius: 8px;
}
.forgot-password-actions .btn-success {
	background: #4f7cff;
	border-color: #4f7cff;
}
.forgot-password-actions .btn-success:hover,
.forgot-password-actions .btn-success:focus {
	background: #3d68e8;
	border-color: #3d68e8;
}
body.login-page .modal-custom .modal-dialog {
	width: auto;
	max-width: 440px;
	margin: 80px auto;
}
@media (max-width: 991px) {
	.login-brand-panel {
		flex-basis: 40%;
		padding: 40px;
	}
	.login-brand-foot {
		left: 40px;
	}
	.login-brand-inner h2 {
		font-size: 28px;
	}
}
@media (max-width: 767px) {
	.login-brand-panel {
		display: none;
	}
	.login-logo-mobile {
		display: flex;
	}
	.login-powered {
		display: block;
	}
	#main {
		padding: 24px 16px;
	}
	#login-form {
		padding: 28px 22px 24px;
	}
	body.login-page .modal-custom .modal-dialog {
		margin: 24px 16px;
	}
	.forgot-password-actions .btn {
		flex: 1 1 0;
	}
}
.page-header {
	border-bottom: 1px solid #ccc;
}
/* error formating */
.form-group.error label {
	color: #a94442;
}
.form-error {
	border: 1px solid #a94442;
}
.form-group .error-message {
	color: #a94442;
}
.btn-cancel {
	margin-left: 5px;
}
.table {
	border: 1px solid #e7e9f0;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 2px rgba(16,24,40,.04);
}
.table td {
	font-size: 13px;
	padding: 10px 12px;
	vertical-align: middle;
	border-top: 1px solid #f0f1f5;
}
.panel .table {
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.table th {
	border-bottom: 1px solid #e7e9f0 !important;
	border-top: 0 !important;
	background: #f7f8fb;
	color: #6b7280;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	padding: 10px 12px;
	white-space: nowrap;
}
.panel .table th {
	border-top: 0 !important;
}
.table tfoot th {
	border-top: 2px solid #e7e9f0 !important;
	background: #fff;
	color: #1b2340;
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: normal;
	padding: 12px;
}
.table-stripped > tbody > tr:nth-of-type(odd) {
	background-color: #fafbfd;
}
.table > tbody > tr:hover,
.table-stripped > tbody > tr:hover {
	background-color: #f3f5fa;
}
.sales-view-summary {
	background: #f7f8fb;
	border: 1px solid #e7e9f0;
	border-radius: 8px;
	box-shadow: none;
	margin-bottom: 16px;
}
.sales-view-summary > tbody > tr > td {
	border-top: 1px solid #e7e9f0;
	padding: 8px 14px;
	color: #6b7280;
	font-size: 13px;
}
.sales-view-summary > tbody > tr:first-child > td {
	border-top: 0;
}
.sales-view-summary > tbody > tr > td:last-child {
	color: #1b2340;
	font-weight: 600;
}

/* Consistent "actions" column across all module tables - always the
   last <td>/<th>, whatever markup (icon links, dropdown, etc) a
   module uses for it. */
.table td:last-child,
.table th:last-child {
	white-space: nowrap;
	text-align: center;
}
.table td:last-child .glyphicon,
.table td:last-child .fa {
	vertical-align: -1px;
	margin-right: 3px;
}
.table td:last-child > a + a,
.table td:last-child > a + span,
.table td:last-child > a + div {
	margin-left: 10px;
}
.table td:last-child .dropdown-menu {
	text-align: left;
	white-space: nowrap;
}
.search-btns {
	margin-top: 25px;
}
.pagination-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	padding: 14px 2px 0;
}
.pagination-bar-single {
	justify-content: flex-start;
}
.paginate-count {
	color: #6b7280;
	font-size: 13px;
}
.paginate-count b {
	color: #1b2340;
}
.pagination {
	margin: 0;
	display: inline-flex;
	gap: 4px;
}
.pagination > li {
	display: inline-block;
}
.pagination > li > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	border: 1px solid #e7e9f0;
	border-radius: 6px;
	background: #fff;
	color: #475467;
	font-size: 13px;
}
.pagination > li > a:hover {
	background: #f3f5fa;
	border-color: #d5d9e3;
	color: #1e50e2;
	text-decoration: none;
}
/* Note: this app's Paginator element swaps the usual meaning of these
   classes - the current page number renders with class "disabled",
   and an unavailable prev/next arrow renders with class "active". */
.pagination > li.disabled > a {
	background: #1e50e2;
	border-color: #1e50e2;
	color: #fff;
	cursor: default;
}
.pagination > li.disabled > a:hover {
	background: #1e50e2;
	color: #fff;
}
.pagination > li.active > a {
	background: #f7f8fb;
	border-color: #e7e9f0;
	color: #c3c9d4;
	cursor: default;
}
.pagination > li.active > a:hover {
	background: #f7f8fb;
	border-color: #e7e9f0;
	color: #c3c9d4;
}
.dropdown-menu .divider {
	margin: 3px 0;
}
.dropdown-menu li a:hover {
	color: #428bca !important;
}
.dropdown-menu > li > a {
	padding-left: 10px;
}
.order-detail {
	padding-left: 0 !important;
	color: #777;
}
.order-detail div {
	line-height:20px;
}
.order-detail .label {
	color: #777;
	font-weight: bold;
	font-size: 13px;
}
.widget_heading {
	background: linear-gradient(to bottom, #222222 0%, #222222 0%, #222222 0%, #222222 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #222222;
	border-bottom-right-radius: 5% 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: block;
	height: 40px;
}
.widget_heading {
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
	font-size: 14px;
}
.widget_container {
	background-color: #ffffff;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	margin-bottom: 20px;
	min-height: 20px;
	overflow: hidden;
	padding: 20px 20px 10px;
	width: auto;
}
div.shadow {
	background: none repeat scroll 0 0 #fbfbfb;
}
.infoblock {
	border-radius: 4px;
	display: block;
	padding: 10px;
	text-align: center;
}
.widget_container li {
	background: none repeat scroll 0 0 #fbfbfb;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 9px;
	width: 30%;
	float: left;
}
.widget_container ul {
	border: medium none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.infoblock p {
	font-weight: 400;
}
.action-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.action-list li {
	margin-bottom: 5px;
}
.action-list .btn {
	padding: 3px 8px;
	cursor: pointer;
	min-width: 105px;
}
.table-panel ul {
	list-style: none;
	padding: 5px 0;
	margin: 0;
}
.table-panel ul li {
	font-weight: normal;
	line-height: 25px;
}
.small-loader {
	background: url(../../img/ajax/loader_round.gif) no-repeat;
	width: 16px;
	height: 16px;
}
.content-loader {
	background: url(../../img/ajax/loader_round_48_48.gif) no-repeat;
	width: 48px;
	height: 48px;
	margin: 0 auto;
}
.tin_number {
	color: #777;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-top: -8px;
	width: 100%;
}
.modal-custom .close {
	opacity: 1;
}
.modal-custom .alert {
	padding: 10px;
}
.modal-body .spinner {
	height: 11px;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 16px;
	background: url('../../img/ajax/facebook_loader.gif') no-repeat;
}
.modal-body .spin-text {
	text-align: center;
	color: #453C2D;
	font-size: 11px;
}
.icon-spinner {
	background: url('../../img/ajax/loader_round.gif') no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
	vertical-align: text-bottom;
}
#activityLoader {
	background: none repeat scroll 0 0 #dddddd;
	border-radius: 0 0 10px 10px;
	bottom: 0;
	color: #000000;
	height: 30px;
	left: 45%;
	padding: 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 200px;
	display: none;
}
#activityLoader .spin {
	background: url('../../img/ajax/facebook_loader.gif') no-repeat;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}
.modal-custom .modal-dialog {
	width: 500px;
}
.modal-custom .modal-content {
	border: 0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(16,24,40,.25);
}
.modal-header {
	border-bottom: 1px solid #e7e9f0;
	background: #f7f8fb;
	padding: 16px 20px;
}
.modal-header .modal-title {
	font-size: 16px;
	color: #1b2340;
}
.modal-header .close {
	font-size: 22px;
	margin: 0;
	top: 16px;
	right: 16px;
	position: absolute;
}
.modal-body {
	max-height: 580px;
	overflow-y: auto;
	font-size: 13px;
	padding: 20px;
}
.modal-footer {
	padding: 14px 20px;
	border-top: 1px solid #e7e9f0;
}
.ui-autocomplete {
	z-index: 11111 !important;
}
.form-group p {
	color: #808080;
	font-size: 10px;
	margin-top: 2px;
}
.close {
	color: inherit;
}
.navigation {
	border-top: 1px solid #999;
	float: left;
	width: 100%;
}
.navigation .dropdown-menu {
	left: 10px;
	background: #222;
	max-width:200px;
}
.navigation .dropdown-menu a {
	padding: 5px 10px;
}
.navigation .dropdown-menu a:hover {
	color: #fff !important;
	padding: 5px 10px;
}

.label {
	font-size: 85%
}
.alert {
	padding: 12px;
}
.nav.blue {
	margin-top: 10px;
}
.nav.blue a {
	border-radius: 0;
}
.nav.blue li a:hover {
	background: #428bca;
	border-color: #357ebd;
	color: #fff !important;
}
.nav.blue li.active {
	background: #fff;
}
.nav.blue li.active a {
	color: #333;
}
.error-sku {
	color: #a94442;
	font-size: 11px;
	font-weight: bold;
	padding: 0 9px;
	text-align: left;
	float: left;
}
.ui-menu .ui-menu-item a {
	border-top: 1px solid #aaa;
}
.spiner-ui-blocker {
	height: 100%;
	opacity: 0.2;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}
/**************Image Preview**********************/
#image-preview img {
	max-width: 75px;
	max-height: 75px;
}
.alert span.error {
	font-size: 11px;
	display: block;
	margin-left: 17px;
}
.form-note {
	font-size: 11px;
	font-weight: bold;
	padding-left: 3px;
}
.glyphicon.spin {
	animation: spin 1s infinite linear;
	-webkit-animation: spin2 1s infinite linear;
}
@keyframes spin {
from {
	transform: scale(1) rotate(0deg);
}
to {
	transform: scale(1) rotate(360deg);
}
}
@-webkit-keyframesspin2 {
from {
	-webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
/**Responsive css*/
@media (min-width: 521px) {
	.actions {
		margin: 20px 0 20px -17px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
	}
	.col-lg-6, .col-md-6 {
		float: left;
		width: 50%;
	}
	.col-lg-4 {
		width: 33.3333%;
		float: left;
	}
}
@media (min-width: 300px) {
	.col-lg-4 {
		width: 33.3333%;
		float: left;
	}
}
#wrapper {
	padding-top: 20px;
}
.navbar-inverse .top-nav .dropdown-toggle {
	min-width: 171px;
}
ul.links li {
	float: left;
	margin-left: 10px;
}
ul.links {
	margin-top: 10px;
}
#pageContent .navbar-collapse {
	padding: 0;
}
.tab-content.new-orders {
	margin-top: 50px;
}
.btn-left {
	margin-bottom: 10px;
}
.checkbox-wrapper {
	border: 1px solid #ccc;
	float: left;
	margin: 0 5px 0 0;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	width: 30px;
}
.summary {
	margin: 0;
	padding: 8px;
	color: #777777;
}
.summary .title {
	font-weight: bold;
	margin-bottom: 8px;
}
.summary ul {
	margin: 0;
	padding: 0;
}
.summary li {
	line-height: 22px;
}
.summary li:last-child {
	border-bottom: none;
}
.summary .column {
	border-right: 1px solid #dddddd;
}
.summary .column:last-child {
	border-right: none;
}
.app-icon {
	font-size: 20px;
}
.chzn-container-multi .chzn-choices {
	padding: 7px !important;
}
.order-detail .label-text{color:#fff;}
.footer-brand-text{color:#eee;font-size:11px;text-transform:capitalize;font-weight:bold;background:#101010;padding:10px 0;}
.footer-brand-text p{margin:0;}

#loadingBar .bar {
	background: rgba(9, 179, 239, 0.9);
	position: fixed;
	z-index: 10002;
	left: 0;
	height: 4px;
	width: 10%;
	border-bottom-right-radius: 1px;
	border-top-right-radius: 1px;
}
#loadingBar{
	width: 100%;
	position: absolute;
	top: 0px;
	margin: 0;
	left: 0;
	right: 0;
}
.loader-items{
    left:45%;
    display:flex;
    position:absolute;
    width:100px;
    top:20px;
}
.loader-items .loader-ui-item {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-items .item-2 {
  background: rgba(30, 80, 226);
  background-color: #7ecfee;
}

.loader-items .item-3 {
  background: rgba(30, 80, 226);
  background-color: #1da9df;
}
.loader-items .item-1 {
  background: rgba(30, 80, 226, 0.9);
  background-color: #afe0f3;
}
.loader-items .loader-ui-item:before {
  content: '';
  width: 20px;
  height: 20px;
  opacity: 0.7;
  border-radius: 50%;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  transition: 0.5s all ease;
  transform: scale(1);
}
.loader-items .item-1:before {
  background-color: #afe0f3;
  animation-delay: 200ms;

}
.loader-items .item-2:before {
  background-color: #7ecfee;
  animation-delay: 400ms;
}
.loader-items .item-3:before {
  background-color: #1da9df;
  animation-delay: 600ms;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.returns li{float:left;width:49%;margin:5px 10px 5px 0;padding:5px 10px;background:#ddd;border-radius:5px;color:#777;}
.returns li.info{;background:#5bc0de;color:#fff;}
.page-header{margin-top:20px;}
.navbar-insta{background:linear-gradient(to right, rgba(9, 179, 239, 0.9) 0%, rgba(30, 80, 226, 0.9) 100%);}
.navbar-insta a,.navbar-insta li a{color:#fff;}
.navbar-insta li a:hover,.navbar-insta .dropdown.open > a,.navbar-insta .open a{background:rgba(9, 179, 239)!important;color:#fff!important;}
.navbar-insta .dropdown-menu{background:rgba(9, 179, 239)!important;}
.navbar-insta .dropdown-menu a hover{color:#fff!important;background:rgba(9, 179, 239)!important;}
.table-form td{padding:5px!important;}
.table-form td .form-control{height:32px;}
.product-autocomplete {font-size:12px;}
.form-style-base {
	position: absolute;
	top: 0px;
	z-index: 999;
	opacity: 0!important;
	height: 100%;
	width: 95%;
	cursor: pointer;
}
.photo-upload-wrapper{ 
	font-size:12px;
	text-align:left;
	position:relative;
} 
.photo-upload-wrapper .fa-camera{ 
	font-size:26px!important;
	color:#fff;
}
.verified .fa{
	font-size:16px;
	color:green;
	vertical-align:middle;
}
.verified{color:green;font-weight:bold!important;font-size:12px;vertical-align:middle;}
tr.credit-note td {
	font-size:11px;
	font-style:italic;
}
.unverified .fa{
	font-size:16px;
	color:#d9534f;
	vertical-align:middle;
}
.unverified{color:#d9534f;font-weight:bold!important;font-size:12px;vertical-align:middle;}

/* ==========================================================================
   Sidebar layout (copied from sidebar.css)
   ========================================================================== */
/*
 * Left sidebar admin navigation layout - modern icon-tile theme.
 * Scoped entirely under body.sidebar-layout so it can be switched on/off
 * without touching admin/style.css - see Configure::read('Admin.navStyle')
 * in app/Config/bootstrap.php.
 *
 * Desktop (>=992px): a narrow icon rail; sub-items appear as a flyout
 * panel on mouse-over (plus click, for keyboard/accessibility).
 * Mobile/tablet (<992px): a wider off-canvas drawer; sub-items expand
 * inline as a tap accordion (no hover on touch devices).
 */
:root {
	--sidebar-width: 230px;
	--topbar-height: 48px;
	--sidebar-bg: #12182b;
	--sidebar-bg-soft: #1a2238;
	--sidebar-flyout-bg: #1d2540;
	--sidebar-text: #8b93ab;
	--sidebar-text-active: #ffffff;
	--brand-accent: #4f7cff;
	--brand-accent-soft: rgba(79, 124, 255, 0.16);
	--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
@media (min-width: 992px) {
	:root {
		--sidebar-width: 80px;
		--topbar-height: 42px;
	}
}

body.sidebar-layout {
	margin-top: 0;
	background-color: #f2f4f8;
	font-family: var(--font-stack);
}

body.sidebar-layout #wrapper {
	padding: 0;
}

/* ---------- Sidebar ---------- */
body.sidebar-layout #sidebar-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: var(--sidebar-width);
	max-width: 200px;
	background: var(--sidebar-bg);
	overflow: visible;
	z-index: 1030;
	transform: translateX(-100%);
	transition: transform .25s ease, width .15s ease;
}
/* Submenus flyout to the side on mobile too (see below). Any
   overflow:auto/hidden on an ancestor - even set on just one axis, since
   the other axis is then implicitly upgraded to auto by the spec - would
   clip that flyout, so the drawer intentionally does not scroll
   internally (its items are compact single-line rows now, so they fit
   typical phone viewport heights). */

body.sidebar-layout #sidebar-close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	background: transparent;
	border: 0;
	color: var(--sidebar-text);
	font-size: 18px;
	padding: 6px;
}

body.sidebar-layout .sidebar-nav {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	margin: 0;
	padding: 14px 8px 16px;
	list-style: none;
}
body.sidebar-layout .sidebar-nav li {
	display: block;
	float: none;
	position: relative;
}
/* Pushes everything after it (the account/settings item) to the bottom
   of the rail, so the main nav sits at the top and account sits last. */
body.sidebar-layout .sidebar-nav-spacer {
	flex: 1 1 auto;
}

/* Top-level items: icon on top, small label below - "tile" style */
body.sidebar-layout .sidebar-nav > li > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 5px;
	padding: 12px 4px 10px;
	margin: 0 0 4px;
	border-radius: 10px;
	color: var(--sidebar-text);
	text-decoration: none;
	white-space: normal;
	text-align: center;
	line-height: 1.2;
	transition: background-color .15s ease, color .15s ease;
}
body.sidebar-layout .sidebar-nav > li > a > i:first-child {
	font-size: 18px;
	line-height: 1;
}
body.sidebar-layout .sidebar-nav > li > a span {
	margin-left: 0;
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .01em;
}
body.sidebar-layout .sidebar-nav li > a:hover,
body.sidebar-layout .sidebar-nav li > a:focus {
	background: rgba(255,255,255,.06);
	color: var(--sidebar-text-active);
	text-decoration: none;
}
body.sidebar-layout .sidebar-nav > li.active > a,
body.sidebar-layout .sidebar-nav > li.dropdown-toggle.active > a,
body.sidebar-layout .sidebar-nav > li.dropdown-toggle.open > a {
	background: var(--brand-accent-soft);
	color: var(--sidebar-text-active);
}
body.sidebar-layout .sidebar-nav > li.active > a > i:first-child,
body.sidebar-layout .sidebar-nav > li.dropdown-toggle.active > a > i:first-child,
body.sidebar-layout .sidebar-nav > li.dropdown-toggle.open > a > i:first-child {
	color: var(--brand-accent);
}

/* Expand caret - small corner indicator on the tile */
body.sidebar-layout .sidebar-nav > li > a .fa-caret-down {
	position: absolute;
	top: 8px;
	right: 6px;
	float: none;
	margin: 0;
	font-size: 10px;
	color: var(--sidebar-text);
	transition: transform .15s ease;
}

/* ===== Mobile / tablet drawer (<992px): tap accordion ===== */
@media (max-width: 991px) {
	/* The desktop "tile" layout (icon on top, centered) doesn't fit a
	   narrow drawer - switch to a normal left-aligned icon+label row. */
	body.sidebar-layout .sidebar-nav > li > a {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 10px;
		padding: 10px 30px 10px 12px;
		text-align: left;
	}
	body.sidebar-layout .sidebar-nav > li > a > i:first-child {
		flex: 0 0 auto;
		width: 18px;
		text-align: center;
	}
	body.sidebar-layout .sidebar-nav > li > a span {
		font-size: 13px;
	}
	body.sidebar-layout .sidebar-nav > li > a .fa-caret-down {
		top: 50%;
		margin-top: -5px;
	}
	body.sidebar-layout .sidebar-nav li.open > a .fa-caret-down {
		transform: rotate(180deg);
		color: var(--brand-accent);
	}
	/* Flyout to the side instead of expanding inline at the bottom of the
	   tile - the drawer is too narrow to expand submenus in place. */
	body.sidebar-layout .sidebar-nav .dropdown-menu {
		position: absolute;
		top: 0;
		left: 100%;
		float: none;
		display: none;
		width: max-content;
		min-width: 180px;
		max-width: 240px;
		margin: 0;
		padding: 8px 0;
		background: var(--sidebar-flyout-bg);
		border: 1px solid rgba(255,255,255,.08);
		border-left: 0;
		border-radius: 0 10px 10px 0;
		box-shadow: 0 12px 30px rgba(0,0,0,.35);
	}
	body.sidebar-layout .sidebar-nav li.open > .dropdown-menu {
		display: block;
	}
	body.sidebar-layout .sidebar-nav > li:last-child > .dropdown-menu {
		top: auto;
		bottom: 0;
	}
}

/* ===== Desktop rail (>=992px): hover / click flyout ===== */
@media (min-width: 992px) {
	/* Swap the glyph for a right-pointing chevron (\f105 = fa-angle-right)
	   instead of rotating fa-caret-down - rotating that glyph renders
	   slightly off-center since its artwork isn't square. */
	body.sidebar-layout .sidebar-nav > li > a .fa-caret-down {
		font-family: FontAwesome;
	}
	body.sidebar-layout .sidebar-nav > li > a .fa-caret-down:before {
		content: "\f105";
	}
	body.sidebar-layout .sidebar-nav .dropdown-menu {
		position: absolute;
		top: 0;
		/* Touches the tile with zero gap on purpose: any gap here is a
		   dead zone where :hover breaks while the cursor crosses it,
		   making the flyout close before it can be reached/clicked. */
		left: 100%;
		float: none;
		display: none;
		width: max-content;
		min-width: 190px;
		max-width: 260px;
		margin: 0;
		padding: 8px 0;
		background: var(--sidebar-flyout-bg);
		border: 1px solid rgba(255,255,255,.08);
		border-left: 0;
		border-radius: 0 10px 10px 0;
		box-shadow: 0 12px 30px rgba(0,0,0,.35);
		z-index: 1040;
	}
	body.sidebar-layout .sidebar-nav li.open > .dropdown-menu,
	body.sidebar-layout .sidebar-nav li:hover > .dropdown-menu {
		display: block;
	}
	/* The account item is pinned to the bottom of the rail, so its flyout
	   (opening downward from top:0) can run past the viewport edge and
	   clip its lower items. Anchor it to the tile's bottom instead so it
	   opens upward. */
	body.sidebar-layout .sidebar-nav > li:last-child > .dropdown-menu {
		top: auto;
		bottom: 0;
	}
}

/* Skip the border when a .divider (or .dropdown-header) already sits right
   above - otherwise the account menu shows a doubled/inconsistent line
   above "Settings" (divider + our own border-top stacked together). */
body.sidebar-layout .sidebar-nav .dropdown-menu > li:not(.divider):not(.dropdown-header) + li > a {
	border-top: 1px solid rgba(255,255,255,.08);
}
body.sidebar-layout .sidebar-nav .dropdown-menu > li > a {
	display: block;
	padding: 9px 16px;
	margin: 0;
	border-radius: 0;
	font-size: 12.5px;
	font-weight: 400;
	color: var(--sidebar-text);
	white-space: nowrap;
	text-align: left;
}
body.sidebar-layout .sidebar-nav .dropdown-menu > li > a:hover {
	color: var(--sidebar-text-active);
	background: rgba(255,255,255,.06);
}
/* Bootstrap's default divider (#e5e5e5) is a bright line on our dark
   flyout - match it to the same subtle tone as the li+li borders above. */
body.sidebar-layout .sidebar-nav .dropdown-menu > li.divider {
	background-color: rgba(255,255,255,.08);
	margin: 6px 0;
}
body.sidebar-layout .sidebar-nav .dropdown-menu > li.dropdown-header {
	padding: 6px 16px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--sidebar-text);
	white-space: nowrap;
}

/* ---------- Top bar ---------- */
body.sidebar-layout .topbar {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: var(--topbar-height);
	background: #fff;
	box-shadow: 0 2px 6px rgba(16,24,40,.08);
	z-index: 1020;
	display: flex;
	align-items: center;
	padding: 0 18px;
}
body.sidebar-layout #sidebar-toggle {
	background: transparent;
	border: 0;
	font-size: 19px;
	color: #475069;
	padding: 6px 10px;
	margin-right: 8px;
	border-radius: 8px;
	transition: background-color .15s ease;
}
body.sidebar-layout #sidebar-toggle:hover {
	background: #f2f4f8;
}
body.sidebar-layout .topbar-title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	color: #1b2340;
	font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.sidebar-layout .topbar-actions {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	margin-left: auto;
}
body.sidebar-layout .topbar-actions .btn {
	height: 34px;
	padding: 0 14px;
	font-size: 12.5px;
	line-height: 34px;
}
body.sidebar-layout #activityLoader {
	flex: 0 0 auto;
	position: static;
	margin-left: 10px;
}

/* ---------- Buttons (app-wide, not just the topbar) ---------- */
/* Recolors/reshapes .btn-primary and .btn-success everywhere, but keeps
   Bootstrap's normal display/padding/line-height/font-size so sizing and
   icon+nbsp+text spacing (the convention used throughout this app's
   buttons) is unaffected - only the topbar (above) opts into its own
   compact height. */
body.sidebar-layout .btn-primary,
body.sidebar-layout .btn-success,
body.sidebar-layout .btn-danger {
	border: 1px solid transparent;
	border-radius: 8px;
	font-weight: 600;
	white-space: nowrap;
	box-shadow: none;
	transition: background-color .15s ease, border-color .15s ease, transform .1s ease;
}
body.sidebar-layout .btn-primary:active,
body.sidebar-layout .btn-success:active,
body.sidebar-layout .btn-danger:active {
	transform: translateY(1px);
}
body.sidebar-layout .btn-primary {
	background: var(--brand-accent);
	border-color: var(--brand-accent);
	color: #fff;
}
body.sidebar-layout .btn-primary:hover,
body.sidebar-layout .btn-primary:focus {
	background: #3d68e6;
	border-color: #3d68e6;
	color: #fff;
}
body.sidebar-layout .btn-success {
	background: #17b26a;
	border-color: #17b26a;
	color: #fff;
}
body.sidebar-layout .btn-success:hover,
body.sidebar-layout .btn-success:focus {
	background: #12945a;
	border-color: #12945a;
	color: #fff;
}
body.sidebar-layout .btn-primary.disabled,
body.sidebar-layout .btn-primary[disabled] {
	background: #b7c3e6;
	border-color: #b7c3e6;
}
body.sidebar-layout .btn-success.disabled,
body.sidebar-layout .btn-success[disabled] {
	background: #9adfc0;
	border-color: #9adfc0;
	pointer-events: none;
}
body.sidebar-layout .btn-danger {
	background: #e5484d;
	border-color: #e5484d;
	color: #fff;
}
body.sidebar-layout .btn-danger:hover,
body.sidebar-layout .btn-danger:focus {
	background: #c8353a;
	border-color: #c8353a;
	color: #fff;
}
body.sidebar-layout .btn-danger.disabled,
body.sidebar-layout .btn-danger[disabled] {
	background: #f3aeb0;
	border-color: #f3aeb0;
	pointer-events: none;
}

/* ---------- Page content ---------- */
body.sidebar-layout #page-wrapper {
	margin: 0;
	padding: calc(var(--topbar-height) + 10px) 20px 20px;
	min-height: 100vh;
	width: 100%;
	box-sizing: border-box;
	transition: margin-left .15s ease, width .15s ease;
}
/* The page title (h1.page-header) and its action buttons now live in the
   topbar (.topbar-title / .topbar-actions), so the whole in-page row from
   admin/page_header.ctp is redundant here. */
body.sidebar-layout .page-header-row {
	display: none;
}

/* ---------- Off-canvas overlay (mobile) ---------- */
body.sidebar-layout #sidebar-overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(16,20,35,.5);
	z-index: 1025;
}
body.sidebar-layout.sidebar-open #sidebar-overlay {
	display: block;
}
body.sidebar-layout.sidebar-open #sidebar-wrapper {
	transform: translateX(0);
}

/* ---------- Desktop: sidebar always visible ---------- */
@media (min-width: 992px) {
	body.sidebar-layout #sidebar-wrapper {
		transform: translateX(0);
	}
	body.sidebar-layout #sidebar-overlay {
		display: none !important;
	}
	body.sidebar-layout #sidebar-close,
	body.sidebar-layout #sidebar-toggle {
		display: none;
	}
	body.sidebar-layout .topbar {
		left: var(--sidebar-width);
	}
	body.sidebar-layout #page-wrapper {
		margin-left: var(--sidebar-width);
		width: calc(100% - var(--sidebar-width));
	}
}

/* ---------- Mobile drawer sizing ---------- */
@media (max-width: 991px) {
	body.sidebar-layout .sidebar-nav {
		padding-top: 46px;
	}
	body.sidebar-layout .sidebar-nav > li > a {
		padding: 12px 6px 10px;
	}
	body.sidebar-layout #page-wrapper {
		padding: calc(var(--topbar-height) + 8px) 12px 15px;
	}
	body.sidebar-layout .topbar-title {
		font-size: 14.5px;
	}
	body.sidebar-layout .topbar-actions {
		max-width: 50vw;
		overflow-x: auto;
	}
}
@media (max-width: 480px) {
	:root {
		--sidebar-width: 72vw;
	}
}

/* ==========================================================================
   Sales "Create Record" (copied from sales-create.css)
   ========================================================================== */
.required-mark {
	color: #e5484d;
}

/* Sales "Create Record" - product-picker combo box */
.ui-autocomplete.sales-product-menu {
	border: 1px solid #e7e9f0;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(16,24,40,.12);
	padding: 4px;
	margin-top: 4px;
}
.sales-product-menu .ui-menu-item {
	padding: 0;
}
.sales-product-menu .ui-menu-item a {
	border-top: 0 !important;
	padding: 0;
}
.sales-product-autocomplete {
	padding: 7px 10px;
	border-radius: 6px;
	font-size: 13px;
	color: #344054;
}
.sales-product-menu .ui-menu-item:hover .sales-product-autocomplete,
.sales-product-menu .ui-state-focus .sales-product-autocomplete,
.sales-product-menu .ui-state-focus.sales-product-autocomplete {
	background: #eef2ff;
	color: #1e50e2;
}

/* Sales "Create Record" product table - card-style, modern look. */
.sales-product-table-wrap {
	background: #fff;
	border: 1px solid #e7e9f0;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(16,24,40,.04);
}
.sales-product-table {
	margin-bottom: 0;
}
.sales-product-table-wrap .table-responsive {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow-x: auto;
}
.sales-product-table > thead > tr:first-child > th:first-child {
	border-top-left-radius: 10px;
}
.sales-product-table > thead > tr:first-child > th:last-child {
	border-top-right-radius: 10px;
}
.sales-product-table > thead > tr > th {
	background: #f7f8fb;
	border-bottom: 1px solid #e7e9f0;
	color: #6b7280;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	padding: 10px 14px;
	white-space: nowrap;
}
.sales-product-table > tbody > tr.product-row > td {
	border-top: 1px solid #f0f1f5;
	padding: 10px 14px;
	vertical-align: middle;
}
.sales-product-table > tbody > tr.product-row:first-child > td {
	border-top: 0;
}
.sales-product-table > tbody > tr.product-row:hover > td {
	background: #fafbfd;
}
.sales-product-table .quantity-field {
	text-align: center;
}
.sales-product-table td.rate,
.sales-product-table td.subtotal {
	text-align: right;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.sales-product-table td.rate {
	color: #6b7280;
}
.sales-product-table td.subtotal {
	font-weight: 600;
	color: #1b2340;
}
.sales-product-table .row-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 6px;
	color: #9aa2b1;
	text-decoration: none;
}
.sales-product-table .row-remove:hover {
	background: #fdecec;
	color: #e5484d;
	text-decoration: none;
}
.sales-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	justify-content: space-between;
	background: #f7f8fb;
	border-top: 1px solid #e7e9f0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 12px 16px;
	font-size: 13px;
	color: #6b7280;
}
.sales-summary-total {
	font-size: 13px;
	color: #1b2340;
}
.sales-summary-amount {
	margin-left: 4px;
	color: #17b26a;
	font-size: 17px;
	font-variant-numeric: tabular-nums;
}
.sales-add-row {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

/* Save-record confirmation modal */
.sale-confirm-modal .modal-dialog {
	width: 380px;
	max-width: calc(100vw - 20px);
	margin-left: auto;
	margin-right: auto;
}
.sale-confirm-modal .sale-confirm-icon {
	text-align: center;
	font-size: 32px;
	color: #f79009;
	margin-bottom: 8px;
}
.sale-confirm-modal .sale-confirm-question {
	text-align: center;
	color: #475467;
	margin-bottom: 16px;
}
.sale-confirm-summary {
	background: #f7f8fb;
	border: 1px solid #e7e9f0;
	border-radius: 10px;
	padding: 12px 16px;
}
.sale-confirm-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 0;
	font-size: 13px;
	color: #475467;
}
.sale-confirm-row + .sale-confirm-row {
	border-top: 1px solid #e7e9f0;
}
.sale-confirm-value {
	font-weight: 600;
	color: #1b2340;
	text-align: right;
}
.sale-confirm-row-total .sale-confirm-value {
	color: #17b26a;
	font-size: 16px;
}

/* Sales "Create Record" on phones - each product row becomes a stacked card. */
@media (max-width: 767px) {
	.sales-product-table-wrap .table-responsive {
		overflow: visible;
		border: 0;
		margin-bottom: 0;
	}
	.sales-product-table,
	.sales-product-table > tbody {
		display: block;
		width: 100%;
	}
	.sales-product-table > thead {
		display: none;
	}
	.sales-product-table > tbody > tr.product-row {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 36px;
		column-gap: 10px;
		row-gap: 8px;
		padding: 12px;
		border-top: 1px solid #e7e9f0;
	}
	.sales-product-table > tbody > tr.product-row:first-child {
		border-top: 0;
	}
	.sales-product-table > tbody > tr.product-row > td {
		display: block;
		width: auto !important;
		padding: 0;
		border: 0;
		text-align: left;
	}
	.sales-product-table > tbody > tr.product-row:hover > td {
		background: transparent;
	}
	.sales-product-table td.product-cell {
		grid-column: 1 / 4;
		grid-row: 1;
	}
	.sales-product-table td.remove-cell {
		grid-column: 4;
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.sales-product-table td.qty-cell,
	.sales-product-table td.rate,
	.sales-product-table td.subtotal {
		grid-row: 2;
		align-self: end;
		min-height: 20px;
	}
	.sales-product-table td.rate,
	.sales-product-table td.subtotal {
		text-align: right;
		line-height: 34px;
	}
	.sales-product-table td.subtotal {
		grid-column: 3 / 5;
	}
	.sales-product-table td.product-cell::before,
	.sales-product-table td.qty-cell::before,
	.sales-product-table td.rate::before,
	.sales-product-table td.subtotal::before {
		content: attr(data-label);
		display: block;
		color: #6b7280;
		font-size: 11px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: .03em;
		line-height: 1.4;
		margin-bottom: 4px;
	}
	.sales-product-table td.product-cell::before {
		display: none;
	}
	.sales-product-table .row-remove {
		width: 34px;
		height: 34px;
		background: #f7f8fb;
	}
	/* 16px stops iOS Safari zooming into the field on focus. */
	.sales-product-table .form-control,
	#SaleAdminCreateForm .form-control {
		font-size: 16px;
		height: 38px;
	}
	#SaleAdminCreateForm textarea.form-control {
		height: auto;
	}
	.sales-summary-amount {
		font-size: 18px;
	}
	.sales-form-actions > div + div {
		margin-top: 10px;
	}
	.sales-form-actions .sales-add-row,
	.sales-form-actions .btn-success {
		width: 100%;
		justify-content: center;
		float: none !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.ui-autocomplete.sales-product-menu {
		max-height: 50vh;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.sales-product-autocomplete {
		padding: 11px 12px;
		font-size: 15px;
	}
}

/* ==========================================================================
   Advance theme components
   ========================================================================== */
/* Advance theme components (adv-*): filter card, stat tiles, table card,
   status pills, modal forms. First used by the Inventory module. */

/* Filter bar - compact card. Fields and buttons sit in one wrapping flex
   row aligned on their bottom edge; a right-aligned button group
   (.pull-right: Export / Download Report) is pushed to the row end. */
.adv-filter-row {
	margin-bottom: 12px;
}
.adv-filter-row .form-search {
	margin: 0 15px;
	background: #fff;
	border: 1px solid #e7e9f0;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(16,24,40,.04);
	padding: 10px 12px;
}
.adv-filter.filter-wrapper,
.adv-filter > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 8px 10px;
	float: none !important; /* most views also put .pull-left (float:left !important) on the wrapper */
	width: 100%;
	margin: 0;
	padding: 0;
}
.adv-filter > .row:before,
.adv-filter > .row:after {
	display: none;
}
.adv-filter .form-group {
	float: none;
	margin: 0;
	min-width: 140px;
}
.adv-filter .form-group[class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}
/* legacy col-lg-1 date fields */
.adv-filter .form-group[class*="col-lg-1"] {
	flex: 0 0 120px;
	width: 120px;
	min-width: 120px;
}
.adv-filter label {
	color: #6b7280;
	font-size: 10.5px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin-bottom: 3px;
}
.adv-filter .form-control {
	height: 30px;
	padding: 4px 8px;
	border: 1px solid #e7e9f0;
	border-radius: 6px;
	box-shadow: none;
	font-size: 12.5px;
}
.adv-filter .form-control:focus {
	border-color: #4f7cff;
	box-shadow: 0 0 0 3px rgba(79,124,255,.16);
}
/* date fields are readonly (datepicker) - keep them looking like normal inputs */
.adv-filter .form-control[readonly] {
	background: #fff;
	cursor: pointer;
}
.adv-filter .chzn-container-single .chzn-single {
	height: 30px;
	line-height: 28px;
	border: 1px solid #e7e9f0;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	font-size: 12.5px;
}
.adv-filter .chzn-container-single .chzn-single div b {
	background-position: 0 4px;
}
.adv-filter .search-btns {
	float: none !important;
	margin: 0 !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 0; /* swallows the &nbsp; spacers between buttons */
}
.adv-filter .search-btns:has(> .pull-right) {
	flex: 1 1 auto;
}
.adv-filter .search-btns > .pull-right {
	float: none !important;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}
.adv-filter .search-btns > .btn.pull-right {
	float: none !important;
	margin-left: auto;
}
.adv-filter .search-btns .btn {
	height: 30px;
	padding: 4px 12px;
	font-size: 12.5px;
	line-height: 20px;
	border-radius: 6px;
	margin: 0;
}
.adv-filter .search-btns .dropdown-menu {
	font-size: 13px;
}
/* checkbox field ("Show Detail") */
.adv-filter .adv-filter-check {
	min-width: 0;
	padding-bottom: 5px;
}
.adv-filter .adv-filter-check label {
	margin: 0;
	text-transform: none;
	letter-spacing: normal;
	font-size: 12.5px;
	font-weight: 500;
	color: #344054;
	cursor: pointer;
}
@media (max-width: 767px) {
	.adv-filter .form-group,
	.adv-filter .form-group[style],
	.adv-filter .form-group[class*="col-lg-1"] {
		flex: 1 1 100%;
		width: 100% !important;
	}
	.adv-filter .search-btns {
		width: 100%;
	}
	.adv-filter .search-btns > .pull-right {
		margin-left: 0;
		width: 100%;
	}
	.adv-filter .form-control[style] {
		width: 100% !important;
	}
}

/* Statistics - stat tiles */
.adv-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}
.adv-stat {
	background: #fff;
	border: 1px solid #e7e9f0;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(16,24,40,.04);
	padding: 14px 16px;
	min-width: 0;
}
.adv-stat-label {
	color: #6b7280;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.adv-stat-label .fa {
	color: #4f7cff;
	margin-right: 4px;
}
.adv-stat-value {
	margin-top: 6px;
	color: #1b2340;
	font-size: 22px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1.2;
	overflow-wrap: anywhere;
}
.adv-stat-success {
	color: #17b26a;
}
.adv-stat-danger {
	color: #e5484d;
}
@media (max-width: 991px) {
	.adv-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 480px) {
	.adv-stat-value {
		font-size: 18px;
	}
}

/* Product table - card */
.adv-table-wrap {
	background: #fff;
	border: 1px solid #e7e9f0;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(16,24,40,.04);
	overflow: hidden;
}
.adv-table-wrap .table-responsive {
	border: 0;
	margin-bottom: 0;
}
.adv-table-wrap .adv-table {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
}
.adv-table > tbody > tr > td {
	padding: 10px 14px;
}
.adv-table > thead > tr > th {
	padding: 10px 14px;
}
.adv-table > thead > tr > th a {
	color: #6b7280;
}
.adv-table > thead > tr > th a:hover {
	color: #1e50e2;
	text-decoration: none;
}
.adv-table td.adv-image-cell {
	padding-left: 14px;
}
.adv-table #image-preview img {
	border: 1px solid #e7e9f0;
	border-radius: 8px;
	background: #fff;
}
.adv-sku {
	font-weight: 600;
	color: #1e50e2;
}
.adv-title {
	font-weight: 600;
	color: #1b2340;
}
.adv-meta {
	color: #6b7280;
	font-size: 12px;
}
.adv-table .form-control {
	height: 30px;
	padding: 4px 8px;
	border: 1px solid #e7e9f0;
	border-radius: 6px;
	box-shadow: none;
	font-size: 13px;
	font-variant-numeric: tabular-nums;
}
.adv-table .form-control:focus {
	border-color: #4f7cff;
	box-shadow: 0 0 0 3px rgba(79,124,255,.16);
}
.adv-table .form-group {
	margin-bottom: 0;
}
.adv-table td.adv-num {
	font-weight: 600;
	color: #1b2340;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.adv-table td.adv-dates {
	color: #6b7280;
	font-size: 12px;
	white-space: nowrap;
}
.adv-table > tbody > tr.adv-row-disabled,
.adv-table > tbody > tr.adv-row-disabled:hover {
	background-color: #fdf2f2;
}
.adv-table .action-list .btn {
	min-width: 0;
	border-radius: 6px;
}
.adv-badge-danger {
	display: inline-block;
	background: #fdecec;
	color: #e5484d;
	border-radius: 999px;
	padding: 3px 8px;
	font-size: 11px;
	font-weight: 600;
}
.adv-table tr.no-record td {
	color: #6b7280;
	padding: 28px 14px;
}

/* "Save All" bar under the table */
.adv-table-footer {
	background: #f7f8fb;
	border-top: 1px solid #e7e9f0;
	padding: 10px 14px;
}
.adv-table-footer:after {
	content: "";
	display: table;
	clear: both;
}
.adv-table-footer .btn {
	border-radius: 6px;
}

/* Status / value pills (Brand, Category, Tax Category lists) */
.adv-status,
.adv-pill {
	display: inline-block;
	border-radius: 999px;
	padding: 3px 10px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}
.adv-status:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	margin-right: 6px;
	vertical-align: 1px;
}
.adv-status-on {
	background: #e7f8f0;
	color: #17b26a;
}
.adv-status-off {
	background: #fdecec;
	color: #e5484d;
}
.adv-pill {
	background: #eef2ff;
	color: #1e50e2;
	font-variant-numeric: tabular-nums;
}

/* Modal forms (add/edit brand, category, tax category, product, adjust inventory) */
.adv-form label {
	color: #6b7280;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin-bottom: 5px;
}
.adv-form label a {
	text-transform: none;
}
.adv-form .form-group {
	margin-bottom: 14px;
}
.adv-form .form-control {
	height: 36px;
	border: 1px solid #e7e9f0;
	border-radius: 6px;
	box-shadow: none;
	font-size: 13px;
	color: #1b2340;
}
.adv-form textarea.form-control {
	height: auto;
}
.adv-form .form-control:focus {
	border-color: #4f7cff;
	box-shadow: 0 0 0 3px rgba(79,124,255,.16);
}
.adv-form .form-control[disabled],
.adv-form .form-control[readonly] {
	background: #f7f8fb;
	color: #6b7280;
}
.adv-form .btn {
	border-radius: 6px;
	min-width: 84px;
	font-weight: 600;
}
.adv-form .image-preview-add img,
.adv-form .image-preview-edit img {
	border: 1px solid #e7e9f0;
	border-radius: 8px;
	margin-bottom: 10px;
}
.adv-pill-info {
	background: #e8f4fd;
	color: #1d7fc4;
}

/* ---------- Orders > Completed Orders (Elements/order/complete_orders.ctp) ---------- */
.adv-orders-table > thead > tr > th:first-child,
.adv-orders-table > tbody > tr > td:first-child:empty {
	width: 0;
	padding-left: 0;
	padding-right: 0;
}
.adv-orders-table > tbody > tr > td {
	vertical-align: top;
	padding-top: 14px;
	padding-bottom: 14px;
}
.adv-orders-table > tbody > tr > td:last-child {
	vertical-align: middle;
}
.adv-invoice-id {
	display: inline-block;
	font-weight: 700;
	color: #1e50e2;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.adv-customer-cell {
	min-width: 200px;
	white-space: normal;
}
.adv-customer-cell .adv-pill {
	margin-top: 6px;
}

/* key : value lines - label left (muted), value right (tabular) */
.adv-orders-table td.order-detail {
	padding-left: 14px !important;
	color: #1b2340;
	min-width: 210px;
}
.adv-orders-table td.order-detail div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	line-height: 1.5;
	padding: 1px 0;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.adv-orders-table td.order-detail .label {
	display: inline;
	padding: 0;
	border-radius: 0;
	background: none;
	color: #6b7280;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
}
.adv-orders-table td.order-detail div:last-child {
	margin-top: 4px;
	padding-top: 5px;
	border-top: 1px dashed #e7e9f0;
	font-weight: 700;
}
.adv-orders-table td.order-detail div:only-child {
	margin-top: 0;
	padding-top: 1px;
	border-top: 0;
}
.adv-orders-table td.order-detail a .glyphicon {
	font-size: 11px;
	color: #9aa2b1;
}
.adv-orders-table td.order-detail a:hover .glyphicon {
	color: #1e50e2;
}

/* status column - stacked pills (JS swaps .unverified for .verified in place) */
.adv-order-status {
	white-space: nowrap;
}
.adv-order-status .adv-status {
	display: table;
	margin-bottom: 6px;
}
.adv-orders-table .verified,
.adv-orders-table .unverified {
	display: inline-block;
	border-radius: 999px;
	padding: 3px 10px;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.4;
	text-decoration: none;
	vertical-align: middle;
}
.adv-orders-table .verified {
	background: #e7f8f0;
	color: #17b26a;
}
.adv-orders-table .unverified {
	background: #fff4e5;
	color: #dc6803;
}
.adv-orders-table .unverified:hover {
	background: #ffe9cc;
	text-decoration: none;
}
.adv-orders-table .verified .fa,
.adv-orders-table .unverified .fa {
	font-size: 12px;
	color: inherit;
	vertical-align: -1px;
}

/* extra item rows + invoice summary ("Show Detail" mode) */
.adv-orders-table > tbody > tr.adv-order-item-row > td {
	border-top: 1px dashed #eceef3;
	background: #fcfcfe;
}
.adv-orders-table > tbody > tr.adv-invoice-summary-row > td {
	border-top: 0;
	background: #fcfcfe;
}
.adv-orders-table td.adv-invoice-summary {
	background: #f7f8fb !important;
	border: 1px solid #e7e9f0 !important;
	border-radius: 8px;
}
.adv-orders-table td.order-detail div.adv-invoice-summary-title {
	display: block;
	color: #6b7280;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin-bottom: 4px;
}

/* ---------- Transactions (Purchase/admin_vendors, admin_index, admin_ledger, admin_vendor_transaction) ---------- */

/* stat grid variants */
.adv-stats.adv-stats-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.adv-stats.adv-stats-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 1199px) {
	.adv-stats.adv-stats-5 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	.adv-stats.adv-stats-3,
	.adv-stats.adv-stats-5 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* pill colour variants (transaction types etc.) */
.adv-pill-default {
	background: #f2f4f7;
	color: #475467;
}
.adv-pill-success {
	background: #e7f8f0;
	color: #17b26a;
}
.adv-pill-danger {
	background: #fdecec;
	color: #e5484d;
}
.adv-pill-lg {
	padding: 6px 14px;
	font-size: 13px;
}

/* cells */
.adv-table td.adv-ref {
	font-weight: 600;
	color: #1e50e2;
	white-space: nowrap;
}
.adv-table td.adv-meta {
	color: #6b7280;
	font-size: 12px;
}
.adv-table td.adv-title {
	font-weight: 600;
	color: #1b2340;
}
.adv-table td.adv-credit,
.adv-table td.adv-debit {
	font-weight: 600;
}
.adv-table td.adv-credit {
	color: #17b26a;
}
.adv-table td.adv-debit {
	color: #e5484d;
}
.adv-table td.adv-gstin {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* rows */
.adv-table > tbody > tr.adv-row-danger,
.adv-table > tbody > tr.adv-row-danger:hover,
.adv-table > tbody > tr.inactive-row,
.adv-table > tbody > tr.inactive-row:hover {
	background-color: #fdf2f2;
}
.adv-table > tbody > tr.adv-row-danger > td,
.adv-table > tbody > tr.inactive-row > td {
	border-top-color: #f8dcdc;
}
.adv-table > tbody > tr.credit-note > td {
	background: #f5f9ff;
	color: #475467;
}
.adv-table > tbody > tr.adv-total-row,
.adv-table > tbody > tr.adv-total-row:hover {
	background: #f7f8fb;
}
.adv-table > tbody > tr.adv-total-row > th,
.adv-table > tbody > tr.adv-total-row > td {
	border-top: 2px solid #e7e9f0 !important;
	border-bottom: 0 !important;
	background: #f7f8fb;
	color: #1b2340;
	font-size: 13px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: normal;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	padding: 12px 14px;
}
.adv-table > tbody > tr.adv-closing-row > th,
.adv-table > tbody > tr.adv-closing-row > td {
	border-top: 1px solid #e7e9f0 !important;
	font-size: 14px;
}

/* ---------- Reports (Report/admin_index, admin_tax_report, Purchase/admin_closing_stock) ---------- */

/* filter extras: Sales Report has fields and buttons in two .row blocks */
.adv-filter.filter-wrapper > .row + .row {
	margin-top: 0;
}
.adv-filter .search-btns[class*="col-"] {
	width: auto;
	padding: 0;
}
.adv-filter .chzn-container-multi .chzn-choices {
	min-height: 30px;
	padding: 1px 4px !important;
	border: 1px solid #e7e9f0;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
}
.adv-filter .chzn-container-multi .chzn-choices .search-field input {
	height: 26px;
	font-size: 12.5px;
}
.adv-filter .chzn-container-multi .chzn-choices .search-choice {
	margin: 3px 4px 2px 0;
	border-radius: 4px;
	font-size: 12px;
}

/* 6-up stat grid */
.adv-stats.adv-stats-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media (max-width: 1199px) {
	.adv-stats.adv-stats-6 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	.adv-stats.adv-stats-6 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
.adv-stat-value.adv-stat-small {
	font-size: 14px;
	font-weight: 600;
}

/* formula legend under the stat tiles */
.adv-note {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
	margin: -4px 0 14px;
	padding: 0;
	list-style: none;
	color: #6b7280;
	font-size: 12px;
}
.adv-note b {
	color: #344054;
	font-weight: 600;
}

/* summary card (Tax Report: Sales / Purchase) */
.adv-card {
	background: #fff;
	border: 1px solid #e7e9f0;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(16,24,40,.04);
	margin-bottom: 16px;
}
.adv-card-header {
	padding: 12px 16px;
	border-bottom: 1px solid #e7e9f0;
	background: #f7f8fb;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #1b2340;
	font-size: 14px;
	font-weight: 600;
}
.adv-card-header .fa {
	color: #4f7cff;
	margin-right: 4px;
}
.adv-card-body {
	padding: 12px 16px;
	font-size: 13px;
}
.adv-kv {
	list-style: none;
	margin: 0;
	padding: 0;
}
.adv-kv > li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding: 7px 0;
	border-top: 1px solid #f0f1f5;
}
.adv-kv > li:first-child {
	border-top: 0;
}
.adv-kv > li > span:not(.adv-pill) {
	color: #6b7280;
}
.adv-kv > li > b {
	color: #1b2340;
	font-variant-numeric: tabular-nums;
	text-align: right;
}
.adv-kv > li.adv-kv-full {
	display: block;
}
.adv-kv > li.adv-kv-actions {
	padding-top: 12px;
}
.adv-kv-actions .btn {
	border-radius: 6px;
	height: 30px;
	padding: 4px 12px;
	font-size: 12.5px;
	line-height: 20px;
}

/* ---------- Dashboard (Report/admin_dashboard) ---------- */
.adv-dash-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}
.adv-dash-grid .adv-card {
	margin-bottom: 0;
}
.adv-dash-restock {
	overflow: hidden;
}
.adv-dash-restock .adv-card-header .adv-meta {
	font-weight: 400;
	margin-left: 4px;
}
.adv-dash-restock .table-responsive {
	border: 0;
	margin-bottom: 0;
}
.adv-dash-restock .adv-table {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
}
@media (max-width: 1199px) {
	.adv-dash-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	.adv-dash-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.adv-dash-restock .adv-card-header .adv-meta {
		display: block;
		margin: 2px 0 0;
	}
}

/* ---------- Users (Users/admin_index + staff popups) ---------- */
.adv-table td.adv-actions {
	white-space: nowrap;
}
.adv-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin: 0 2px;
	border: 1px solid #e7e9f0;
	border-radius: 6px;
	background: #fff;
	color: #475467;
	text-decoration: none;
	vertical-align: middle;
}
.table td:last-child > a.adv-icon-btn + a.adv-icon-btn {
	margin-left: 2px;
}
.table td:last-child .adv-icon-btn .glyphicon {
	margin: 0;
	vertical-align: 0;
	font-size: 12px;
}
.adv-icon-btn:hover,
.adv-icon-btn:focus {
	background: #eef2ff;
	border-color: #c7d4fe;
	color: #1e50e2;
	text-decoration: none;
}
.adv-icon-btn-danger {
	color: #e5484d;
}
.adv-icon-btn-danger:hover,
.adv-icon-btn-danger:focus {
	background: #fdecec;
	border-color: #f8c9cb;
	color: #e5484d;
}
.adv-icon-btn-success {
	color: #17b26a;
}
.adv-icon-btn-success:hover,
.adv-icon-btn-success:focus {
	background: #e7f8f0;
	border-color: #b7ebd2;
	color: #17b26a;
}
/* Permission popup: checkbox columns */
.adv-form .action-list li {
	margin: 0;
	padding: 6px 0;
	font-size: 13px;
	color: #344054;
}
.adv-form .action-list input[type="checkbox"] {
	margin: 0 4px 0 0;
	vertical-align: -2px;
}
.adv-form > .pull-right {
	margin-top: 8px;
}

/* ---------- Sales (Sales/admin_index, admin_ledger, admin_products) ---------- */
.adv-table > tbody > tr.adv-row-success,
.adv-table > tbody > tr.adv-row-success:hover {
	background-color: #f0fbf6;
}
.adv-table > tbody > tr.adv-row-success > td:first-child {
	box-shadow: inset 3px 0 0 #17b26a;
}