:root {
	--bs-body-font-size: 15px;
	--bs-nav-link-font-size: 15px;
	--bs-body-line-height: 1.5;
	--bs-body-bg: #fafafa;
	--bs-secondary: #bbbbbb;
	--bs-secondary-rgb: 187,187,187;
	
	--darker: #171a1d;
	--custom-black: #212529;
	--custom-gray: #666;
	--custom-gray-light: #ced4da;
	--custom-gray-extra-light: #e9ecef;
	--custom-gray-extra-light2: #f5f5f5;
	--custom-gray-dark: #555;
	--custom-red: #ff0000;
	--custom-red-dark: #d11616;
	--custom-green: #6faf18;
	--custom-green-light: #bcffc9;
	--custom-green-dark: #548412;
	--custom-blue: #4285f4;
	--custom-blue-dark: #3264b8;
	
	--bs-border-color: #dee2e6;
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-border-color-dark: #c1c6cb;
	--bs-table-border-color-extra-dark: #636464;
}
html, body {
	font-size: var(--bs-body-font-size);
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.75rem;
}
h1 {
	font-size: 1.75rem;
}
h2 {
	font-size: 1.5rem;
}
h3 {
	font-size: 1.35rem;
}
h4 {
	font-size: 1.25rem;
}
h5, h6 {
	font-size: 1rem;
}
.alert, .msg, .alert-default, .help-info .help-block {
	--bs-alert-border-radius: var(--bs-border-radius);
	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
}
.alert-secondary, .msg-default {
	--bs-alert-color: #212529;
	--bs-alert-bg: #f5f5f5;
	--bs-alert-border-color: #bbbbbb;
}
.alert-info, .msg-info, .help-info .help, .help-info .help-block {
	--bs-alert-color: #055160;
	--bs-alert-bg: #cff4fc;
	--bs-alert-border-color: #b6effb;
}
.alert-success, .msg-success, .help-success .help, .help-info.help-success .help-block {
	--bs-alert-color: #0f5132;
	--bs-alert-bg: #d1e7dd;
	--bs-alert-border-color: #badbcc;
}
.alert-warning, .msg-warning, .help-warning .help, .help-info.help-warning .help-block {
	--bs-alert-color: #664d03;
	--bs-alert-bg: #fff3cd;
	--bs-alert-border-color: #f3dfa7;
}
.alert-error, .msg-error, .alert-danger, .help-error .help, .help-info.help-error .help-block {
	--bs-alert-color: #842029;
	--bs-alert-bg: #f8d7da;
	--bs-alert-border-color: #f5c2c7;
}
.msg {
	background: var(--bs-alert-bg);
	color: var(--bs-alert-color);
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	border: 1px solid var(--bs-alert-border-color);
	border-radius: var(--bs-alert-border-radius);
}
.alert .border-alert {
	border-color: rgba(var(--bs-black-rgb), 0.1) !important;
}
span.alert {
	display: inline-block;
	padding: 0.25em 0.5em;
}
ol.alert, ul.alert {
	list-style-type: none;
}
ol.alert ol, ol.alert ul, ul.alert ul, ul.alert ol {
	margin-bottom: 1rem;
}
table.alert tr > td {
	color: var(--bs-alert-color);
	border: 1px solid var(--bs-alert-border-color);
	background-color: var(--bs-alert-bg);
	padding: 0.5em;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.msg pre, .alert pre {
	background-color: var(--bs-white);
	border: 1px solid var(--bs-border-color);
	padding: 0.5em;
	white-space: pre-wrap;
	max-height: 200px;
	overflow: auto;
	margin-bottom: 0;
}
.table {
	--bs-table-bg: var(--bs-white);
	--bs-table-striped-bg: #f5f5f5;
	--bs-table-hover-bg: #ddf1fd;
	--bs-table-changed-bg: #fdfbe3;
}
.nav {
	--bs-nav-link-disabled-color: var(--bs-gray-500);
}
.nav-tabs {
	--bs-nav-tabs-link-color: var(--custom-black);
	--bs-nav-tabs-link-bg: var(--custom-gray-extra-light2);
	--bs-nav-tabs-link-border-color: var(--custom-gray-light);
	--bs-nav-tabs-link-hover-bg: var(--bs-nav-link-hover-color);
	--bs-nav-tabs-link-hover-border-color: var(--bs-nav-link-hover-color);
	--bs-nav-tabs-link-active-color: var(--bs-white);
	--bs-nav-tabs-link-active-bg: var(--bs-primary);
	--bs-nav-tabs-link-active-border-color: var(--bs-primary);
}
.nav-tabs .nav-link {
	color: var(--bs-nav-tabs-link-color);
	background: var(--bs-nav-tabs-link-bg);
	border-color: var(--bs-nav-tabs-link-border-color);
	margin-right: 0.35em;
}
.nav-tabs .nav-link:last-child {
	margin-right: 0;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	background: var(--bs-white);
	border-color: var(--custom-gray-light);
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
	background: var(--bs-nav-tabs-link-bg);
	border-color: var(--bs-nav-tabs-link-border-color);
}
.nav-tabs .nav-link.active.disabled, .nav-tabs .nav-link.active:disabled {
	background: var(--bs-nav-tabs-link-active-bg);
	border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
	background: var(--bs-nav-tabs-link-hover-bg);
	border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.card {
	--bs-card-border-color: var(--custom-gray-light);
}
.btn {
	vertical-align: unset;
}
.btn-secondary, .btn-icon {
	--bs-btn-color: var(--custom-black);
	--bs-btn-bg: var(--custom-gray-extra-light2);
	--bs-btn-border-color: #bbb;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-border-color: #aaa;
	--bs-btn-focus-shadow-rgb: 60,153,110;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #fff;
	--bs-btn-active-border-color: #aaa;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #999;
	--bs-btn-disabled-bg: #f2f2f2;
	--bs-btn-disabled-border-color: var(--custom-gray-light);
}
.btn-warning, .btn.bi-pencil-square {
	--bs-btn-color: #000;
	--bs-btn-bg: #ffc107;
	--bs-btn-border-color: #ffc107;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #ffca2c;
	--bs-btn-hover-border-color: #ffc720;
	--bs-btn-focus-shadow-rgb: 217,164,6;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #ffcd39;
	--bs-btn-active-border-color: #ffc720;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #ffc107;
	--bs-btn-disabled-border-color: #ffc107;
}
.btn-disabled {
	--bs-btn-color: var(--bs-red);
	--bs-btn-hover-color: var(--bs-red);
	--bs-btn-active-color: var(--bs-red);
	opacity: 0.7;
}
.help-block {
	display: inline-block;
	margin: 0 0 0 0.25em;
	position: relative;
	vertical-align: top;
}
.help-info .help {
	background: var(--bs-alert-bg);
	border: 1px solid var(--bs-alert-border-color);
	color: var(--bs-black);
	font-size: 1.1em;
	width: 1.55em;
	height: 1.55em;
	line-height: 1.4em;
	font-weight: 700;
	text-align: center;
	vertical-align: unset;
	cursor: help;
	margin-top: -0.0875em;
	margin-bottom: -0.0875em;
	border-radius: var(--bs-alert-border-radius);
}
.help-info .help .hide, .gView tr > td > .hide, .gView tr > td > .hidden-items {
	display: none;
	background-color: var(--bs-white);
	font-size: 0.95rem;
	font-weight: initial;
	line-height: 1.4em;
	text-align: left;
	padding: 0.35rem;
	border: 1px solid rgba(var(--bs-black-rgb), 0.175);
	position: absolute;
	width: 350px;
	left: 1em;
	top: 1.25em;
	z-index: 25;
}
.gView tr > td > .hide, .gView tr > td > .hidden-items {
	font-size: 0.9em;
	overflow: auto;
	max-height: 60vh;
	width: 370px;
	top: 70%;
}
.help-info .help:hover > .hide, .gView tr:hover > td > .hide, .gView tr:hover > td > .hidden-items {
	display: inline-block !important;
}
.help-info .help .hide .alert {
	display: block;
	--bs-alert-padding-x: 0.75em;
	--bs-alert-padding-y: 0.5em;
	--bs-alert-margin-bottom: 0.35rem;
}
.help-info .help .hide .alert:last-child {
	--bs-alert-margin-bottom: 0;
}

.w-sm-1 {
	width: 70px !important;
}
.w-sm-2 {
	width: 120px !important;
}
a {
	display: inline-block;
}
a:hover, a:focus {
	text-decoration: none;
}
input:required:invalid {
	border-color: var(--custom-red-dark);
}
textarea.form-control {
	min-height: 6rem;
}
.text-gray, tbody td > small, .tbody .tr > div > small {
	color: var(--custom-gray-dark);
}
.text-red, .btn-icon-remove {
	color: var(--custom-red);
}
.btn-icon-remove:hover, .btn-icon-remove:focus {
	color: var(--custom-red-dark);
}

.wrapper {
	display: flex;
	align-items: stretch;
	width: 100%;
}
#main {
	display: flex;
	width: 100%;
	min-height: 100vh;
	min-width: 0;
	flex-direction: column;
}
#sidebar, #sidebar.toggling .sidebar-nav, #sidebar.collapsed .sidebar-nav {
	min-width: 260px;
	max-width: 260px;
	direction: ltr;
}
.sidebar-container {
	height: 100vh;
	overflow: hidden;
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 0;
	left: 0;
	z-index: 10;
}
.sidebar-content {
	width: auto;
	height: 100vh;
}
.sidebar-brand {
	display: block;
	font-weight: 500;
	font-size: 1.125rem;
	height: 4.15rem;
	padding: 1.15rem 0.75rem;
	text-align: center;
	color: var(--bs-white);
}
.sidebar-brand img, #clientLogo img {
	width: auto;
	min-width: 35px;
	max-height: 29px;
}
#clientLogo img {
	max-height: 38px;
	max-width: 100%;
}
#sidebar [data-bs-toggle=collapse]:before {
	content: " ";
	border: solid;
	border-width: 0 0.1rem 0.1rem 0;
	display: inline-block;
	padding: 2px;
	transform: rotate(45deg);
	position: absolute;
	top: 1.2rem;
	right: 1.2rem;
	transition: all 0.2s ease-out;
}
#sidebar [aria-expanded=true]:before, #sidebar [data-bs-toggle=collapse]:not(.collapsed):before {
	transform: rotate(-135deg);
	top: 1.2rem;
}
#sidebar.toggled [data-bs-toggle=collapse]:before {
	transform: rotate(-45deg);
	top: 1.3rem;
}
#sidebar.toggled .sidebar-item.has-childs.active [data-bs-toggle=collapse]:before {
	margin-right: -1rem;
	opacity: 0;
}
.sidebar-item.active > .sidebar-link, .sidebar-item.has-childs > .sidebar-link:not(.collapsed), .sidebar-item .sidebar-link:hover, .sidebar-link.active, .sidebar-link.active:hover {
	color: #e9ecef;
}
.sidebar-dropdown .sidebar-item.active > .sidebar-link:not([data-bs-toggle]), .sidebar-dropdown .sidebar-item > .sidebar-link.active {
	font-weight: 400;
	color: #ffffff;
}
.sidebar [data-bs-toggle=collapse] {
	position: relative;
}
.sidebar-link, a.sidebar-link {
	display: block;
	padding: 0.625rem 1.8rem 0.625rem 3rem;
	font-weight: 400;
	transition: color 75ms ease-in-out;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	color: rgba(var(--bs-white-rgb), 0.6);
}
.sidebar-dropdown {
	position: static !important;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}
.sidebar-dropdown .sidebar-link {
	padding: 0.55rem 2rem 0.55rem 3.1rem;
}
.sidebar-item.active, .sidebar-item.selected {
	background-color: var(--darker);
}
#sidebar-toggle {
	margin-left: -0.5rem;
	cursor: pointer;
}
#sidebar.toggled, #sidebar.toggled .sidebar-nav {
	min-width: 68px;
	max-width: 68px;
}
#sidebar-toggle.toggled *::before {
	transform: rotate(180deg);
}
#sidebar.toggled .sidebar-item-level-0 > .sidebar-link {
	padding-left: 3.15em;
	padding-right: 1.5em;
}
#sidebar.toggled .sidebar-item-level-0 > .sidebar-link .name {
	white-space: nowrap;
	opacity: 0;
}
#sidebar.toggled .sidebar-dropdown.collapsing {
	display: none;
}
#sidebar.toggled #logo-default {
	display: none !important;
}
#sidebar.toggled #logo-small {
	display: inline !important;
}
#sidebar.toggled.collapsed .sidebar-dropdown {
	background: var(--darker);
	position: fixed !important;
	width: 260px;
	left: 75px;
	top: auto;
	max-height: 93vh;
	overflow-y: auto;
	z-index: 5;
}
#sidebar.toggled.collapsed .sidebar-item-level-0 > .sidebar-link .arrow {
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	border-color: transparent var(--darker) transparent transparent;
	margin-top: 1.05rem;
	position: fixed;
	left: 70px;
	top: auto;
	z-index: 2;
	opacity: 0;
}
#sidebar.toggled.collapsed .sidebar-item-level-0.active > .sidebar-link .arrow {
	display: inline-block;
	opacity: 1;
}
#sidebar.toggled.collapsed .sidebar-dropdown, #sidebar.toggled.collapsed .sidebar-item-level-0.active > .sidebar-link .arrow {
	-webkit-animation: fadeIn 0.25s;
	animation: fadeIn 0.25s;
	-webkit-transition: opacity 0.25s linear;
	transition: opacity 0.25s linear;
}
#sidebar.toggled .sidebar-item.active > .sidebar-dropdown, #sidebar.toggled .sidebar-item.active > .sidebar-dropdown.show {
	display: inline-block !important;
	height: auto !important;
}
#sidebar.toggled.toggling .sidebar-item.active > .sidebar-dropdown, #sidebar.toggled.toggling .sidebar-item > .sidebar-dropdown.show {
	display: none !important;
}
#sidebar.toggled .sidebar-item.selected:not(.active) > .sidebar-dropdown.show {
	display: none;
}
#sidebar.toggled .sidebar-dropdown .sidebar-link {
	padding-left: 1.5rem;
}

.sidebar-link .bi, a.sidebar-link .bi {
	float: left;
	margin-left: -1.75rem;
}
.sidebar-item-overview > a .bi::before { content: "\f580"; }
.sidebar-item-search > a .bi::before { content: "\f52a"; }
.sidebar-item-intercom > a .bi::before { content: "\f24a"; }
.sidebar-item-isservice > a .bi::before { content: "\f12b"; }
.sidebar-item-orders > a .bi::before { content: "\f244"; }
.sidebar-item-products > a .bi::before { content: "\f227"; }
.sidebar-item-shipping > a .bi::before { content: "\f5ea"; }
.sidebar-item-discounts > a .bi::before { content: "\f5b2"; }
.sidebar-item-domains > a .bi::before { content: "\f62e"; }
.sidebar-item-marketing > a .bi::before { content: "\f4e9"; }
.sidebar-item-categories > a .bi::before { content: "\f2ee"; }
.sidebar-item-content > a .bi::before { content: "\f38b"; }
.sidebar-item-importexport > a .bi::before { content: "\f544"; }
.sidebar-item-suppliersandproducers > a .bi::before { content: "\f87d"; }
.sidebar-item-settings > a .bi::before { content: "\f3e5"; }
.sidebar-item-utilities > a .bi::before { content: "\f5db"; }
.sidebar-item-supervisor > a .bi::before { content: "\f777"; }

.content, footer {
	padding: 1.25rem;
	flex: 1;
	direction: ltr;
}
footer {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.navbar-expand {
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.navbar-expand .navbar-nav {
	flex-direction: row;
}
.navbar {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0.875rem 1.25rem;
	border-bottom: 0;
}
.nav-link {
	display: block;
	padding: 0.5rem 1rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0;
}
.navbar-expand .navbar-nav .nav-link {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}
.nav-icon {
	padding: 0 0.8rem;
}
.nav-flag {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}
.nav-icon .badge {
	font-size: 0.7em;
	left: 85% !important;
	top: 25% !important;
}
.dropdown-menu[data-bs-popper] {
	top: 95%;
}
.dropdown-toggle {
	white-space: nowrap;
}

.popover-btn {
	padding: 0.45rem 0.5rem;
}
.popover-body {
	max-height: 60vh;
	overflow: hidden;
	overflow-y: auto;
}
.close-fixed {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10000;
}
.modal-overlay {
	background: rgba(0,0,0, 0.4);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
}

/* ADDONS */
.fs-0 { font-size: 0; }
.fs-smallest { font-size: 0.68em; }
.fs-smaller { font-size: 0.75em; }
.fs-small { font-size: 0.9em; }
.fs-normal { font-size: 1em; }
.fs-mediumsmall { font-size: 1.08em; }
.fs-medium { font-size: 1.15em; }
.fs-big { font-size: 1.25em; }
.fs-bigger { font-size: 1.5em; }
.fs-biggest { font-size: 1.75em; }

.box-shadow {
	-webkit-box-shadow: 0 0 2rem 0 rgba(41,48,66,0.1);
	box-shadow: 0 0 2rem 0 rgba(41,48,66,0.1);
}
.box-shadow-dark {
	-webkit-box-shadow: 0 0 1rem 0 rgba(41,48,66,0.5);
	box-shadow: 0 0 1rem 0 rgba(41,48,66,0.5);
}
.ease-in-out, .sidebar-content, #sidebar-toggle *::before, #sidebar.toggled .sidebar-item-level-0 > .sidebar-link .name {
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.ease-in-out-width, .sidebar-content, #sidebar, #main {
	-webkit-transition: width 0.35s ease-in-out, min-width 0.35s ease-in-out, max-width 0.35s ease-in-out, margin 0.35s ease-in-out;
	transition: width 0.35s ease-in-out, min-width 0.35s ease-in-out, max-width 0.35s ease-in-out, margin 0.35s ease-in-out;
}
.linear-in-out, .sidebar-item-level-0, .sidebar-item-level-0 > .sidebar-link {
	-webkit-transition: all 0.35s linear;
	transition: all 0.35s linear;
}
.no-transition {
	-webkit-transition: none;
	transition: none;
}
@-webkit-keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

#dialog {
	width: 92%;
	max-width: 425px;
	margin-left: 4%;
	margin-right: 4%;
	position: relative;
}
.dialog-login {
	margin-top: 14vh;
}
.form-control, .form-select, .form-control-color {
	display: inline-block;
}
.form-check-wrapper {
	float: left;
	display: inline-block;
	width: 100%;
	margin-bottom: -0.35rem;
	clear: both;
}
.form-check.btn {
	padding: 0;
}
.form-check-wrapper .form-check.btn {
	float: left;
	clear: both;
}
.form-check-wrapper .form-check.form-check-inline.btn, .inline .form-check-wrapper .form-check.btn {
	clear: none;
}
.form-check.btn .form-check-label {
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	padding-left: 2em;
	padding-right: 0.6em;
	text-align: left;
	vertical-align: top;
}
.form-check.form-check-inline.btn {
	padding: 0;
	margin-right: 0.35em;
	vertical-align: middle;
}
.form-check-wrapper .form-check.btn {
	margin: 0 0.35em 0.35em 0;
}
.form-check.form-check-minimal.btn .form-check-label {
	padding-left: 2.1em;
	padding-right: 0.135em;
}
.form-check.form-check-minimal.btn .form-check-input {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
.form-control .form-check, .form-control.form-check-wrapper {
	margin: 0 !important;
}
.select-w-100 .form-select.w-auto {
	width: 100% !important;
}
.form-control.w-100, table#shippingpayment .InputColumn .form-control {
	min-width: 70px;
}
.form-control.form-control-file {
	min-width: 115px;
}
.form-control-search, .form-control-progress, .form-control-success {
	background-image: url('../img/icon-search.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-origin: content-box;
}
.form-control-grid-msg, .form-select-grid-msg {
	width: 60px;
	max-width: none !important;
	padding-right: 20px;
}
.form-control-progress {
	background-image: url('../img/ajax-loader.gif');
}
.form-control-success {
	background-image: url('../img/icon-success.png');
}
.table {
	margin-bottom: 0;
}
.setup-form, .gView {
	margin-bottom: 1rem;
}
.table > :not(caption) > * > * {
	padding: 0;
	box-shadow: none;
	--bs-table-accent-bg: var(--bs-table-bg);
	background-color: var(--bs-table-accent-bg);
}
.table > :not(caption) tr > *, .table > :not(caption) .tr > * {
	padding: 0.5rem;
}
.table th, .table .tr > .th {
	vertical-align: bottom;
}
.table .tr, .table .tr.collapse.show {
	display: table;
	width: 100%;
	margin: 0 0 -1px 0;
}
.table .tr.collapse {
	display: none;
}
.table .tr.collapsing {
	display: block;
}
.table .tr > div {
	display: table-cell;
	vertical-align: top;
	background-color: var(--bs-table-bg);
	-webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table.table-bordered .tr > div {
	border: 1px solid var(--bs-table-border-color);
	border-right: 0px none;
}
.table.table-bordered .tr > div:last-child {
	border-right: 1px solid var(--bs-table-border-color);
}
.table.table-bordered > :not(caption) > * > * {
	border-width: 1px;
}
.table.table-striped .tbody .tr > * {
	--bs-table-accent-bg: var(--bg-white);
}
.table.table-striped .tbody .tr:nth-of-type(odd) > * {
	--bs-table-accent-bg: #f5f5f5;
	color: var(--bs-table-striped-color);
}
.table.table-hover > .tbody > .tr:hover > * {
	--bs-table-accent-bg: var(--bs-table-hover-bg);
	color: var(--bs-table-hover-color);
}
.table > tbody > tr.value-changed > *, .table > tbody > tr > .value-changed, .table > .tbody > .tr.value-changed > *, .table > .tbody > .tr > .value-changed {
	--bs-table-accent-bg: var(--bs-table-changed-bg) !important;
}
thead > tr > td, tfoot > tr > td, thead #grid-filter td, .table th, .table .tr > .th, .table .thead .tr > div, .table .tfoot .tr > div {
	background-color: var(--bs-table-border-color) !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.table th, .table .tr > .th, .table .thead .tr > div, .table .tfoot .tr > div, .table .thead .tr .nav-link, .table .tfoot .tr .nav-link {
	font-size: 0.85rem;
	font-weight: 700;
}
.table th .alert, .table .tr > .th .alert, .table .thead .tr > div .alert, .table .tfoot .tr > div .alert {
	font-size: 0.9rem;
	font-weight: normal;
}
thead th, .table thead th, tfeet th, .table tfoot th, .table .thead > .tr > .th, .table .tfoot > .tr > .th, .gView .grid-header th, .table-hover > tbody > tr.grid-header:hover > * {
	--bs-table-accent-bg: var(--bs-gray);
	background-color: var(--bs-gray) !important;
	color: var(--bs-white) !important;
	border-color: var(--bs-gray);
	border-bottom: 2px solid var(--bs-gray-700) !important;
}
.table thead th a:not(.btn), .table tfoot th a:not(.btn), .table .thead > .tr > .th a:not(.btn), .table .tfoot > .tr > .th a:not(.btn) {
	color: var(--bs-white);
}
.table thead th .alert a, .table tfoot th .alert a, .table .thead > .tr > .th .alert a, .table .tfoot > .tr > .th .alert a {
	color: var(--bs-link-color);
}
.table thead th .alert a:hover, .table tfoot th .alert a:hover, .table .thead > .tr > .th .alert a:hover, .table .tfoot > .tr > .th .alert a:hover {
	color: var(--bs-link-hover-color);
}
.table > tbody > tr.grid-saved, .table > tbody > tr.grid-saved:hover > *, .table > .tbody > .tr.grid-saved, .table > .tbody > .tr.grid-saved:hover > *, .table-striped > tbody > tr.grid-saved:nth-of-type(odd) > * {
	--bs-table-bg: var(--custom-green-light);
	--bs-table-accent-bg: var(--custom-green-light);
}
table.dataTable {
	border-collapse: collapse !important;
}
.gView tr > td {
	position: relative;
	background-clip: padding-box;
}
.gView tr > td > div.alert, .gView tr > td > p.alert {
	min-width: 200px;
	padding: 0.5rem;
}
.gView .grid-header th, .gView .grid-footer th, .table-hover > tbody > tr.grid-header:hover > * {
	border: 1px solid var(--bs-table-border-color-extra-dark);
	border-bottom: 2px solid var(--bs-table-border-color-extra-dark) !important;
}
.gView tfoot td {
	border: 1px solid var(--bs-table-border-color-dark) !important;
}
.table .form-control, .table .form-select, .table .table .file-upload .form-control, .table .table .file-upload .form-select {
	max-width: 60%;
}
table img, .table .form-control.w-100, .table .form-select.w-100, .table .form-select.w-auto, .table .table .form-control, .table .table .form-select, .table .table .file-upload .form-control.w-100, .table .table .file-upload .form-select.w-100, table#shippingpayment .InputColumn .form-control {
	max-width: 100%;
}
.disabled .help:hover .hide, .tabs .nav a .help-block, #grid-filter td .help-block, .grid-header th .help-block, .grid-footer td .help-block, .grid-footer th .help-block {
	display: none !important;
}

#grid-filter > td, #grid-extra-html > td {
	padding: 0;
	margin: 0;
}
#grid-filter label {
	margin-bottom: 0.25rem;
}
.gView th {
	position: relative;
	background-clip: padding-box;
}
.gView .btn-sort, .gView .btn-remove-column {
	font-size: 0.75em;
	padding: 0.2em;
	width: 2.2em;
	position: absolute;
	right: 0;
	top: 0;
}
.gView .btn-remove-column {
	opacity: 0;
	right: auto;
	left: 0;
}
.grid-column-referer, .grid-column-domain_title, .grid-column-title, .grid-column-user_code {
	word-break: break-all;
	min-width: 9rem;
}
.gView th:hover .btn-remove-column {
	opacity: 1;
}
.gView .btn-sort:hover .gView .btn-remove-column:hover {
	font-size: 1em;
}
.grid-header th .help-block, .grid-footer td .help-block, .grid-footer th .help-block {
	display: none !important;
}
.tr-preferences {
	overflow-x: scroll !important;
	display: inline-block !important;
}
#export #output #ajax-entity .btn {
	width: 60%;
	text-align: left;
}
#form-search .form-select {
	width: 100% !important;
}

.odtrz {
	clear: both;
	height: 10px;
}

.custom-scrollbar {
	position: relative;
	overflow: hidden;
	overflow-y: scroll !important;
	margin-right: -17px;
	-webkit-transition: width 0.1s ease-out, height 0.1s ease-out;
	transition: width 0.1s ease-out, height 0.1s ease-out;
}
.custom-scrollbar::-webkit-scrollbar {
	width: 17px;
}
@-moz-document url-prefix() {
    .custom-scrollbar {
	scrollbar-width: none;
	margin-right: 0;
    }
}
.custom-scrollbar .custom-scrollbar-bar {
	display: inline-block;
	background: transparent;
	width: 6px;
	height: 100%;
	margin: 3px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	overflow: visible;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.custom-scrollbar .custom-scrollbar-thumb {
	display: block;
	background: rgba(255,255,255,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease-in-out, background 0.35s ease-in-out, padding 0.15s linear, height 0.1s linear;
	transition: opacity 0.35s ease-in-out, background 0.35s ease-in-out, padding 0.15s linear, height 0.1s linear;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.custom-scrollbar .custom-scrollbar-thumb:hover, .custom-scrollbar .custom-scrollbar-thumb.hovered {
	background: rgba(255,255,255,0.75);
}
.custom-scrollbar.hovered .custom-scrollbar-thumb, .custom-scrollbar .custom-scrollbar-thumb.hovered, .custom-scrollbar.custom-scrollbar-visible .custom-scrollbar-thumb {
	opacity: 1;
}

a[target="_blank"]:after {
	content: "\f1c5";
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	font-size: 0.68rem;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: baseline;
	margin-left: 0.35rem;
}
a.btn-icon[target="_blank"]:after {
	content: "";
	display: none;
	margin-left: 0;
}
img.icon {
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	vertical-align: top;
	margin: 0.15em 0.1em -0.15em -0.2em;
}

@media (max-width: 767px) {
	.wrapper #main {
		padding-top: 4.1em;
	}
	#navbar {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 99;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 0;
		flex-wrap: wrap;
	}
	#sidebar {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		width: 260px;
		margin-left: -260px;
	}
	#sidebar.active {
		margin-left: 0;
	}
	.content, footer {
		padding: 1rem;
	}
	#form-search {
		display: flex !important;
		background: #ffffff;
		width: 100%;
		max-height: 0;
		padding-top: 0.875rem;
		order: 100;
		overflow: hidden;
		-webkit-transition: all 0.25s linear;
		transition: all 0.25s linear;
	}
	#form-search.active {
		max-height: 5rem;
		padding-bottom: 0.875rem;
	}
}

@media (max-width: 640px) {
	.table .form-control, .table .form-select, .table .table .file-upload .form-control, .table .table .file-upload .form-select {
		max-width: 100%;
	}
}

@media (max-width: 499px) {
	#navbar {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	#nav-skiplink {
		width: 50%;
	}
	.content, footer {
		padding: 0.75rem;
	}
	.table .form-control, .table .form-select, .table .table .file-upload .form-control, .table .table .file-upload .form-select {
		max-width: 100%;
	}
}