@charset "utf-8";

:root {
	--bg: #f4f6f8;
	--surface: #ffffff;
	--surface-soft: #eef2f5;
	--line: #d9e1e7;
	--line-strong: #b9c6d0;
	--text: #1f2a33;
	--muted: #697782;
	--brand: #24935b;
	--brand-dark: #17683e;
	--brand-soft: #e8f5ee;
	--accent: #78b943;
	--ink: #20303a;
	--danger: #b63b34;
	--danger-dark: #8f2721;
	--shadow: 0 10px 24px rgba(31, 42, 51, 0.08);
	--radius: 8px;
	--icon-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
	--icon-sheet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8M8 17h8M8 9h2'/%3E%3C/svg%3E");
	--icon-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3Cpath d='M12 15v2'/%3E%3C/svg%3E");
	--icon-building: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V5a2 2 0 0 1 2-2h7v18'/%3E%3Cpath d='M14 8h3a2 2 0 0 1 2 2v11'/%3E%3Cpath d='M8 7h2M8 11h2M8 15h2M16 12h1M16 16h1'/%3E%3C/svg%3E");
	--icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3Cpath d='M8 21h8'/%3E%3C/svg%3E");
	--icon-counter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6l1 2h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3z'/%3E%3Cpath d='M8 11h8M8 15h5'/%3E%3Cpath d='M9 3h6v4H9z'/%3E%3C/svg%3E");
	--icon-money: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M6 9v.01M18 15v.01'/%3E%3Cpath d='M12 9v6'/%3E%3C/svg%3E");
	--icon-coordinates: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M2 12h20'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='m15 9 4-4M9 15l-4 4'/%3E%3C/svg%3E");
	--icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
	--icon-work: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18v13H3z'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E");
	--icon-car: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 17h12l2-6-2-5H6l-2 5z'/%3E%3Ccircle cx='7.5' cy='17.5' r='1.5'/%3E%3Ccircle cx='16.5' cy='17.5' r='1.5'/%3E%3Cpath d='M4 11h16'/%3E%3C/svg%3E");
	--icon-fuel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v16'/%3E%3Cpath d='M7 8h5'/%3E%3Cpath d='M15 8h2l3 3v7a2 2 0 0 1-2 2h-1'/%3E%3Cpath d='M6 21h10'/%3E%3C/svg%3E");
}

html {
	background: var(--bg);
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font: 13px/1.45 Arial, Helvetica, sans-serif;
	letter-spacing: 0;
}

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

a {
	color: #1f6fb2;
}

a:hover {
	color: var(--brand);
}

#wrapper {
	min-height: 100vh;
	padding-bottom: 48px;
	background: var(--bg);
}

.wrapper {
	width: auto;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}

.header {
	position: sticky;
	top: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	min-height: 54px;
	padding: 0 18px;
	background: #26313a;
	border-bottom: 3px solid var(--accent);
	box-shadow: 0 8px 24px rgba(19, 31, 40, 0.18);
}

.app-shell-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 190px;
	color: #fff;
	font-weight: 700;
}

.app-shell-mark {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--brand), var(--accent));
	color: #fff;
	font-size: 17px;
	line-height: 1;
}

.app-shell-name {
	font-size: 14px;
	white-space: nowrap;
}

.nav {
	flex: 1;
	width: auto;
	margin: 0;
	padding-left: 14px;
	background: none !important;
	border-left: 1px solid rgba(120, 185, 67, 0.65);
}

.nav ul {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav li {
	float: none;
	list-style: none;
}

.nav li a {
	min-width: 0;
	max-width: none;
	padding: 15px 16px;
	background: transparent !important;
	border-radius: 6px;
	color: #eef5f8;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.nav li a:hover,
.nav li.root:hover a {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #fff;
}

.login-header .home-button,
.right-top-header .home-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 14px;
	background: #fff !important;
	background-image: none !important;
	border: 1px solid var(--line);
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(19, 31, 40, 0.12);
	color: var(--brand-dark) !important;
	font-weight: 700;
	text-decoration: none;
}

.login-header .home-button:hover,
.right-top-header .home-button:hover {
	border-color: var(--brand);
	color: var(--brand-dark) !important;
}

#main {
	min-height: calc(100vh - 102px);
}

#content-wrapper {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
}

#content {
	width: 100%;
	padding: 22px 24px 72px;
}

.inner-content {
	margin: 0 0 14px;
	padding: 18px 20px;
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
}

.inner-content h1,
h1.page-title,
.page-title {
	margin: 0;
	color: var(--ink);
	font-size: 22px;
	font-weight: 700;
}

.inner-content:has(.large-btn) {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: stretch;
	box-shadow: none;
}

.inner-content:has(.large-btn) > div:not(.clear) {
	display: contents;
}

.inner-content:has(.large-btn) > .clear {
	display: none;
}

#content-panel {
	clear: both;
}

#left-sidebar {
	padding: 22px 0 0 16px;
}

.left-sidebar-opened {
	width: 268px;
}

.left-sidebar-opened div {
	width: 224px;
	padding: 10px;
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
}

#left-sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left-sidebar ul li {
	background: transparent;
	border-bottom: 1px solid var(--line);
}

#left-sidebar ul li:last-child {
	border-bottom: 0;
}

#left-sidebar ul li a {
	padding: 9px 10px;
	border-radius: 6px;
	color: var(--text);
	font-weight: 700;
}

#left-sidebar ul li a:hover {
	background: var(--surface-soft);
	color: var(--brand);
}

a.sb-btn-new,
a.sb-btn-search,
a.sb-btn-view {
	background: none;
	padding-left: 0 !important;
}

a.sb-btn-new::before,
a.sb-btn-search::before,
a.sb-btn-view::before {
	display: inline-block;
	width: 18px;
	color: var(--brand);
	font-weight: 700;
}

a.sb-btn-new::before {
	content: "+";
}

a.sb-btn-search::before {
	content: "+";
}

a.sb-btn-view::before {
	content: "\2191";
}

.inline-menu-options {
	display: block;
	float: left;
	width: 220px;
	height: auto;
	min-height: 0;
	max-height: none;
	margin: 0 0 0 10px;
	padding: 14px;
	background: var(--surface) !important;
	background-image: none !important;
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(31, 42, 51, 0.08);
}

.inline-menu-options h3 {
	margin: 0 0 10px;
	color: var(--text);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

.inline-menu-options ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.inline-menu-options ul li {
	margin: 0;
	background: transparent !important;
	border-bottom: 1px solid var(--line);
	list-style: none;
}

.inline-menu-options ul li:last-child {
	border-bottom: 0;
}

.inline-menu-options ul li a {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 30px;
	padding: 6px 2px !important;
	background: transparent !important;
	color: var(--muted);
	font-weight: 700;
	text-decoration: none !important;
}

.inline-menu-options ul li a:hover {
	color: var(--brand);
}

.inline-menu-options a[href*="/fromTemp"]::before {
	content: "\21bb";
}

.inline-menu-options a[href*="/import"]::before {
	content: "\2191";
}

a.c-key-l-s {
	width: 36px;
	height: 36px;
	margin-top: 8px;
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: 0 8px 8px 0;
	box-shadow: 0 4px 12px rgba(31, 42, 51, 0.08);
	text-decoration: none;
}

#left-sidebar.left-sidebar-opened a.c-key-l-s,
#left-sidebar.left-sidebar-closed a.c-key-l-s {
	background: var(--surface);
}

a.c-key-l-s::before {
	content: "\2039";
	display: block;
	color: var(--muted);
	font-size: 27px;
	line-height: 32px;
	text-align: center;
}

#left-sidebar.left-sidebar-closed a.c-key-l-s::before {
	content: "\203a";
}

.large-btn {
	--menu-icon: var(--icon-work);
	--menu-color: var(--brand);
	position: relative;
	display: flex;
	float: none;
	flex: 0 0 150px;
	flex-direction: column;
	justify-content: flex-end;
	width: 150px;
	min-height: 148px;
	height: 161px;
	margin: 0;
	padding: 88px 12px 18px;
	overflow: hidden;
	background: var(--surface) !important;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: 0 4px 14px rgba(31, 42, 51, 0.07);
	color: var(--text) !important;
	text-align: center;
	text-decoration: none !important;
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.large-btn::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 50%;
	width: 58px;
	height: 58px;
	transform: translateX(-50%);
	border-radius: 8px;
	background: var(--menu-color);
	box-shadow: 0 8px 18px rgba(31, 42, 51, 0.14);
}

.large-btn::after {
	content: "";
	position: absolute;
	top: 35px;
	left: 50%;
	width: 28px;
	height: 28px;
	transform: translateX(-50%);
	background: #fff;
	-webkit-mask: var(--menu-icon) center / contain no-repeat;
	mask: var(--menu-icon) center / contain no-repeat;
}

.large-btn:hover {
	transform: translateY(-2px);
	border-color: var(--brand);
	box-shadow: 0 12px 24px rgba(31, 42, 51, 0.13);
}

.large-btn-txt,
.large-btn span.large-btn-pop {
	display: block;
	width: 100%;
	color: var(--text);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	overflow: visible;
	white-space: normal;
}

.large-btn span.large-btn-pop {
	display: none;
	position: absolute !important;
	right: 12px !important;
	bottom: 14px !important;
	left: 12px !important;
	top: auto !important;
	width: auto !important;
	height: auto !important;
	min-height: 30px;
	margin: 0 !important;
	padding: 7px 8px !important;
	background: var(--brand-dark) !important;
	background-image: none !important;
	border-radius: 6px;
	box-shadow: 0 8px 18px rgba(31, 42, 51, 0.16);
	color: #fff !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center !important;
	white-space: normal;
	overflow: visible;
	z-index: 3;
}

.large-btn:hover span.large-btn-txt,
a.large-btn:hover span.large-btn-txt {
	visibility: hidden;
}

.large-btn:hover span.large-btn-pop,
a.large-btn:hover span.large-btn-pop {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.large-btn span.large-btn-count {
	top: 12px;
	right: 12px;
	width: auto;
	min-width: 32px;
	padding: 2px 8px;
	background: var(--surface-soft);
	border-radius: 999px;
	color: var(--muted);
	font-size: 15px;
	font-weight: 700;
}

.btn-user,
.btn-user-c,
.btn-operator,
.btn-operator-c,
.btn-operator-n {
	--menu-icon: var(--icon-users);
	--menu-color: #2f7da6;
}

.btn-excel,
.btn-register,
.btn-nomenklaturi-c,
.btn-models-c {
	--menu-icon: var(--icon-sheet);
	--menu-color: #17856f;
}

.btn-lock {
	--menu-icon: var(--icon-lock);
	--menu-color: #9d3b32;
}

.btn-info,
.btn-help,
.btn-help-c,
.btn-paketi,
.btn-paketi-c {
	--menu-icon: var(--icon-building);
	--menu-color: #5a6f87;
}

.btn-mail {
	--menu-icon: var(--icon-mail);
	--menu-color: #2f7da6;
}

.btn-money {
	--menu-icon: var(--icon-money);
	--menu-color: #5b8b3a;
}

.btn-coordinates,
.btn-mark-c {
	--menu-icon: var(--icon-coordinates);
	--menu-color: #7f5fb2;
}

.btn-consult,
.btn-consult-c,
.btn-143,
.btn-visit,
.btn-visit-c,
.btn-result,
.btn-result-c,
.btn-pipe,
.btn-pipe-c,
.btn-star,
.btn-cancelar,
.btn-holiday,
.btn-yprognose,
.btn-yprognose-blink {
	--menu-icon: var(--icon-info);
	--menu-color: var(--brand);
}

.btn-car {
	--menu-icon: var(--icon-car);
	--menu-color: #2f7da6;
}

.btn-fuel {
	--menu-icon: var(--icon-fuel);
	--menu-color: #17856f;
}

.btn-office,
.btn-office-eq {
	--menu-icon: var(--icon-building);
	--menu-color: #5a6f87;
}

table.table,
table.tableContainer {
	width: 100%;
	margin: 8px 0 0;
	overflow: hidden;
	background: var(--surface);
	border: 1px solid var(--line);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--radius);
	box-shadow: 0 4px 16px rgba(31, 42, 51, 0.05);
}

table tr th,
table.tableContainer thead tr th {
	padding: 11px 12px;
	background: #2f3d47;
	border: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
	color: #fff;
	font-weight: 700;
	text-align: left;
}

table.table tbody tr,
table.tableContainer tbody tr {
	background: var(--surface);
}

table.table tbody tr.alt,
table.table tbody tr:nth-child(even),
table.tableContainer tbody tr:nth-child(even) {
	background: #f8fafb;
}

table.table tbody tr:hover td,
table.tableContainer tbody tr:hover td {
	background: #fff5f0;
}

table.table tbody tr td,
table.tableContainer tbody tr td,
form table.tableContainer tbody tr td {
	padding: 10px 12px;
	border: 0;
	border-top: 1px solid var(--line);
	border-right: 1px solid var(--line);
	color: var(--text);
	vertical-align: middle;
}

table.table tbody tr td:last-child,
table.tableContainer tbody tr td:last-child {
	border-right: 0;
}

table.table a:link,
table.table a:visited {
	color: #1f6fb2;
}

table.table a:hover {
	color: var(--brand);
}

table.table a.color-b.green-b,
table.table a.color-b.green-b:link,
table.table a.color-b.green-b:visited,
table.table a.color-b.green-b:hover,
table.table a.color-b.green-b:active,
table.table a.color-b.orange-b,
table.table a.color-b.orange-b:link,
table.table a.color-b.orange-b:visited,
table.table a.color-b.orange-b:hover,
table.table a.color-b.orange-b:active,
table.table a.color-b.blue-b,
table.table a.color-b.blue-b:link,
table.table a.color-b.blue-b:visited,
table.table a.color-b.blue-b:hover,
table.table a.color-b.blue-b:active {
	color: #fff !important;
}

input[type="text"],
input[type="password"],
textarea,
select {
	max-width: 100%;
	background: #fff;
	border: 1px solid var(--line-strong);
	border-radius: 6px;
	color: var(--text);
	font: 13px Arial, Helvetica, sans-serif;
	outline: none;
}

input[type="text"],
input[type="password"],
select {
	height: 34px;
	padding: 6px 9px;
}

textarea {
	min-height: 90px;
	padding: 9px 10px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border-color: var(--brand);
	box-shadow: 0 0 0 3px rgba(226, 77, 27, 0.13);
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.submiter,
a.button,
a.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 14px;
	background: var(--brand);
	border: 1px solid var(--brand-dark);
	border-radius: 6px;
	color: #fff !important;
	cursor: pointer;
	font-weight: 700;
	text-decoration: none !important;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover,
.submiter:hover,
a.button:hover,
a.btn:hover {
	background: var(--brand-dark);
}

input[type="reset"] {
	background: #fff;
	border-color: var(--line-strong);
	color: var(--text) !important;
}

input[type="reset"]:hover {
	background: var(--surface-soft);
	border-color: var(--line-strong);
	color: var(--text) !important;
}

a.color-b,
a.color-c,
a.color-b-io,
table.table a.color-b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: auto;
	max-width: none;
	min-height: 32px;
	margin: 2px 4px 2px 0;
	padding: 7px 14px;
	background-image: none !important;
	border: 1px solid var(--line-strong);
	border-radius: 6px;
	box-shadow: none;
	color: var(--text) !important;
	font: 700 13px/1.2 Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	text-shadow: none;
	text-decoration: none !important;
	white-space: nowrap;
}

a.color-b:hover,
a.color-c:hover,
a.color-b-io:hover {
	background-image: none !important;
	text-decoration: none !important;
}

a.green-b,
a.orange-b,
a.blue-b {
	background: var(--brand) !important;
	border-color: var(--brand-dark) !important;
	color: #fff !important;
}

a.green-b:hover,
a.orange-b:hover,
a.blue-b:hover {
	background: var(--brand-dark) !important;
	border-color: var(--brand-dark) !important;
	color: #fff !important;
}

a.red-b {
	background: #fff !important;
	border-color: #d8aaa5 !important;
	color: var(--danger) !important;
}

a.red-b:hover {
	background: #fff1ef !important;
	border-color: var(--danger) !important;
	color: var(--danger-dark) !important;
}

a.color-b span,
a.color-c span {
	display: none;
}

a.color-b-io {
	width: 34px;
	min-width: 34px;
	height: 34px;
	padding: 0;
	border-radius: 7px;
}

a.color-b-io span {
	display: none;
}

a.color-b-io.red-b::before {
	content: "\00d7";
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}

a.plusSign {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: var(--brand) !important;
	background-image: none !important;
	border: 1px solid var(--brand-dark);
	border-radius: 7px;
	box-shadow: none;
	color: #fff !important;
	text-decoration: none !important;
}

a.plusSign::before {
	content: "+";
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}

.table-link-btn,
table.table tbody tr td button.table-link-btn,
table.tableContainer tbody tr td button.table-link-btn,
table.table tbody tr:hover > td button.table-link-btn,
table.tableContainer tbody tr:hover > td button.table-link-btn {
	display: inline;
	min-height: 0;
	height: auto;
	padding: 0;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none;
	color: var(--text) !important;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	line-height: inherit;
	text-align: left;
	text-decoration: none;
	white-space: normal;
}

table.table tbody tr:hover > td button.table-link-btn,
table.tableContainer tbody tr:hover > td button.table-link-btn {
	color: var(--brand-dark) !important;
	text-decoration: underline;
}

.content-login {
	max-width: 520px;
	margin: 42px auto;
	padding: 0;
}

.content-login .inner-content {
	box-shadow: var(--shadow);
}

.content-login table.tableContainer {
	box-shadow: none;
}

.login-header {
	height: auto;
	min-height: 108px;
	background: #26313a;
	border-bottom: 3px solid var(--accent);
}

.top-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: auto;
	max-width: 1100px;
	height: 108px;
	padding: 0 24px;
}

.login-header h1 {
	margin: 0;
}

.login-header h1 a#logo,
.login-header h1 a#logo:visited,
.login-header h1 a#logo:hover,
.login-header h1 a#logo:active,
h1 a#default-logo,
h1 a#default-logo:visited,
h1 a#default-logo:hover,
h1 a#default-logo:active {
	display: flex;
	align-items: center;
	width: auto;
	min-width: 260px;
	height: 72px;
	margin: 0;
	padding: 0 0 0 82px;
	background: none;
	color: #fff !important;
	font-size: 0;
	font-weight: 700;
	text-decoration: none;
}

.login-header h1 a#logo::before,
h1 a#default-logo::before {
	content: "N";
	position: absolute;
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin-left: -82px;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--brand), var(--accent));
	color: #fff;
	font-size: 30px;
}

.login-header h1 a#logo::after,
h1 a#default-logo::after {
	content: none;
}

.login-brand-name {
	color: #fff !important;
	font-size: 25px;
	line-height: 1.1;
}

.right-top-header {
	float: none;
	width: auto;
	padding: 0;
}

.home-button {
	width: auto;
	height: auto;
	padding: 9px 14px;
	background: #fff !important;
	background-image: none !important;
	border: 1px solid var(--line);
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(19, 31, 40, 0.12);
	color: var(--brand-dark) !important;
	font-weight: 700;
	text-indent: 0;
	text-decoration: none;
}

.home-button:hover {
	border-color: var(--brand);
	color: var(--brand-dark) !important;
}

.footer {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	height: 42px;
	background: #26313a !important;
	border-top: 3px solid var(--accent);
	box-shadow: 0 -6px 18px rgba(31, 42, 51, 0.12);
}

ul.extrafoot {
	width: auto;
	height: 39px;
	margin: 0;
	padding: 0;
}

ul.extrafoot li {
	height: 39px;
}

ul.extrafoot li a,
ul.extrafoot li span {
	height: 39px;
	margin: 0;
	padding: 11px 14px;
	background: transparent;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
	color: #fff;
	text-decoration: none;
}

ul.extrafoot li a:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.message {
	top: 68px;
	z-index: 2147483647;
	border-radius: var(--radius);
	box-shadow: 0 14px 32px rgba(31, 42, 51, 0.22);
}

.success,
.warning,
.error,
.info,
.fixs {
	border-radius: var(--radius);
	box-shadow: 0 6px 16px rgba(31, 42, 51, 0.08);
}

#loading,
#interveil {
	position: fixed !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	background-image: none !important;
	z-index: 2147483646 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text);
}

#loading.hidden,
#interveil.hidden {
	display: none !important;
}

.loading span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
}

#loading .loading,
#interveil .loading,
.loader-blackout .loading {
	background: none !important;
	background-image: none !important;
}

.client-price-bulk {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.client-price-bulk-value {
	display: flex;
	align-items: center;
	gap: 8px;
}

.client-price-bulk-value label {
	padding-top: 0;
	padding-bottom: 0;
}

@media (max-width: 900px) {
	.header {
		position: static;
		flex-wrap: wrap;
		gap: 8px;
		padding: 10px 12px;
	}

	.app-shell-brand {
		width: 100%;
	}

	.nav ul {
		flex-wrap: wrap;
	}

	.nav li a {
		padding: 9px 11px;
	}

	#content-wrapper,
	#content-wrapper tbody,
	#content-wrapper tr,
	#content-wrapper td {
		display: block;
		width: 100% !important;
	}

	#left-sidebar {
		padding: 12px 14px 0;
	}

	.left-sidebar-opened {
		width: 100%;
	}

	.left-sidebar-opened div {
		width: 100%;
		float: none;
	}

	a.c-key-l-s {
		display: none;
	}

	#content {
		padding: 16px 14px 72px;
	}

	.large-btn {
		flex: 1 1 142px;
	}

	table.table,
	table.tableContainer {
		display: block;
		overflow-x: auto;
	}

	.content-login {
		margin: 22px 14px;
	}
}