.body {
	width:100%;
	padding:0 50px;
}
#signBlock {
	width:500px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
}
#signBlock form {
	background:#f5f5f5;

	border-radius: 2px;
	box-shadow: 0 3px 9px -2px rgb(0 0 0 / 20%), 0 0 0 1px rgb(0 0 0 / 8%);
	padding: 32px;
	width:100%;
}
#signBlock div.title {
	font-size: 24px;
	color: var(--TitleColor);
	font-weight: 500;
	margin: 0 0 22px;
}
#signBlock div.line {

}
#signBlock div.line+div.line {
	margin-top:20px;
}
#signBlock div.line label {
	display: block;
	cursor: pointer;
	font-size: 16px;
	line-height: 15px;
	color: var(--DarkColor);
	font-weight: normal;
	margin: 0 0 18px;
}
#signBlock div.line .text {
	width: 100%;
	border: 1px solid #C4C4C4;
	border-radius: 10px;
	height: 40px;
	line-height: 38px;
	padding: 0 19px;
	font-weight: normal;
	font-size: 16px;
	color: var(--DarkColor);
}
div.managerPage {

}
div.managerPage div.tabs {
	display:flex;
}
div.managerPage div.tabs div.tab {
	display:inline-block;
	white-space:nowrap;
}
div.managerPage div.tabs div.tab.signout {
	flex:1;
	text-align:right;
}
div.managerPage div.tabs div.tab.signout a {
	color:var(--NomadColor);
}
div.managerPage div.tabs div.tab+div.tab {
	margin-left:20px;
}
div.managerPage div.tabs div.tab a {
	flex: 1;
	background: none;
	color:var(--TitleColor);
	font-size:14px;
	font-weight:500;
	line-height:24px;
	padding: 5px 10px;
	text-decoration:none;
	display:inline-block;
}
div.managerPage div.tabs div.tab.current a,
div.managerPage div.tabs div.tab a:hover {
	background:var(--TitleColor) linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
	color:#fff;
}
div.managerPage div.ordersList,
div.managerPage div.manager-form {
	margin:20px 0 0;
}
div.managerPage div.ordersList div.noOrders {
	font-size:18px;
}
#salesAnalytics div.table,
div.managerPage div.ordersList div.table {
	display:table;
	border-collapse:collapse;
	width:100%;
}
#salesAnalytics div.table .r,
#salesAnalytics div.table .r,
div.managerPage div.ordersList div.table div.r {
	display:table-row;
}
#salesAnalytics div.table .r.h div.c,
div.managerPage div.ordersList div.table div.r.h div.c {
	font-weight:500;
	background:#fafafa;
	color:var(--NomadColor);
	white-space:nowrap;
}
#salesAnalytics div.table .r div.c,
div.managerPage div.ordersList div.table div.r div.c {
	display:table-cell;
	font-size:12px;
	vertical-align:middle;
	font-weight:normal;
	padding:7px 10px;
	border:1px solid #e6e6e6;
	cursor:default;

	transition:all 0.1s;
}
#salesAnalytics div.table .r div.c.h {
	font-weight:500;
}

div.managerPage div.ordersList#salesAnalytics div.table .r:not(.h) div.c {
	cursor:pointer;
}
div.managerPage div.ordersList div.table div.r div.c.status.n {
	color:var(--NomadColor);
	font-weight:500;
}
div.managerPage div.ordersList div.table div.r div.c a {
	white-space:nowrap;
	color:var(--NomadColor);
	font-weight:500;
}
div.managerPage div.ordersList.userList div.table div.r div.c a {
	font-weight:normal;
}
div.managerPage div.ordersList div.table div.r:not(.h):nth-child(odd) div.c {
	background:rgba(196,196,196,0.1);
}
div.managerPage div.ordersList div.table div.r:not(.h):hover div.c {
	background:rgba(196,196,196,0.2);
}
input.text.focused,
select.text.focused,
input.cb.focused+label,
textarea.text.focused {
	box-shadow:0 0 0 5px var(--NomadColor);
}
input.text.focusedUser,
select.text.focusedUser,
input.cb.focusedUser+label,
textarea.text.focusedUser {
	box-shadow:0 0 0 5px var(--TitleColor);
}
input.text.focused.focusedUser,
select.text.focused.focusedUser,
input.cb.focused.focusedUser+label,
textarea.text.focused.focusedUser {
	box-shadow:2.5px 2.5px 0 2.5px var(--NomadColor),0 0 0 5px var(--TitleColor);
}
div.managerHint {
	display:inline-block;
	position:absolute;
	left:0;
	top:100%;
	font-size:12px;
	background:#f5f5b5;
	cursor:default;
	padding:5px;
	margin:5px 0 0;
	border-radius:3px;
	max-width:100%;
	opacity:0;
	z-index:-1;
	max-height:0;

	transition:all 0.3s;
}
div.managerHint div.title {
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px;
}
div.managerHint.selectBox {
	display:flex;
	flex-direction:column;
}
.hv div.managerHint,
.focused+div.managerHint,
.block:hover>div.managerHint,
.select:hover>div.managerHint {
	opacity:1;
	z-index:1;
	max-height:175px;
}
div.managerHint.selectBox ul {
	flex:1;
	overflow:auto;
	margin:0;
	padding:0 0 0 20px;
	text-transform:lowercase;
}
div.managerHint.selectBox ul li:first-letter {
	text-transform:uppercase;
}
div.managerHint.selectBox ul li+li {
	margin:3px 0 0;
}
div.managerHint.selectBox ul::-webkit-scrollbar {
	width:3px;
	height:3px;
}
#signBlock div.line.actions {
	display:flex;
	align-items:center;
}
#signBlock div.line.actions div.block.reset {
	flex:1;
	text-align:right;
}
#signBlock div.line.actions div.block.reset a {
	display:inline-block;
	font-size:16px;
	color:var(--TitleColor);
	font-weight:normal;
}
div.productForm {
	position:relative;
}
div.productForm div.blockedPopup {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	backdrop-filter:blur(5px);
	text-align:center;

	font-size: 30px;
	line-height: 29px;
	padding:0 150px;
	color: var(--NomadColor);
}
div.productForm form div.line.actions {
	position:relative;
	pointer-events:none;
}
div.productForm form div.line.actions:after {
	content:"";
	display:block;
	position:absolute;
	left:-20px;
	top:-20px;
	right:-20px;
	bottom:-20px;
	background:rgba(255,255,255,0.25);
	backdrop-filter:blur(5px);
}
div.productForm form a {
	pointer-events:none;
}
.products-list {
	display:flex;
	flex-direction:column;
	gap:30px;
	margin-top:30px;
}
.products-list .product {
	flex:0 0 380px;
	max-width:1200px;
}
.products-list .product a {
	display:block;
	border-radius:20px;
	overflow:hidden;
	position:relative;
}
.products-list .product a span.info {
	position:absolute;
	left:30px;
	top:0;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:20px;
	max-width:40%;
}
.products-list .product a span.info span.header {
	font-size:18px;
	font-weight:500;
	color:#7e201e;
}
.products-list .product a span.info span.title {
	font-size:26px;
	line-height:33px;
	font-weight:500;
	color:#7e201e;
}

.product-info {
	margin-top:30px;
}
.product-info .order {
	margin-bottom:30px;
}
.product-info h1.title {
	font-size: 30px;
	line-height: 29px;
	color: var(--NomadColor);
	margin: 0 0 30px;
}
.manager-form h2.title,
.product-info h2.title {
	font-size: 24px;
	color: var(--TitleColor);
	font-weight: 500;
	margin: 0 0 20px;
}
.product-info .description {
	flex:1;
	overflow:auto;
	font-size: 18px;
	line-height: 24px;
	color: var(--DarkColor);
	font-weight:normal;
	padding:0 10px;
}
.product-info .description+h2.title {
	margin-top:30px;
}
.product-info .description a {
	text-decoration:underline;
}
.product-info .description a:hover {
	text-decoration:none;
}
.product-info .description ol,
.product-info .description ul {
	padding:0;
	list-style:none;
	counter-reset:list;
}
.product-info .description ol>li {
	counter-increment:list;
	font-weight:500;
}
.product-info .description li ul {
	margin-top:9px;
	margin-left:30px;
}
.product-info .description ol>li:before {
	content:counter(list) ".";
	font-size: 20px;
	line-height: 19px;
	color: var(--NomadColor);
	display:inline-block;
	margin:0 16px 0 0;
}
.product-info .description ul>li {
	position:relative;
	padding:0 0 0 12px;
	font-weight:normal;
}
.product-info .description ul>li:before {
	content:"";
	display:inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:var(--DarkColor);
	position:absolute;
	left:0;
	top:9px;
}
.product-info .description>*+*,
.product-info .description ul>li+li {
	margin:14px 0 0;
}
.product-info .description ol>li+li {
	margin:29px 0 0;
}
footer.footer {
	padding:25px;
}
div.managerPage div.ordersList.userList {
	display:flex;
	flex-direction:column;
	gap:20px;
}
div.managerPage div.ordersList.userList+h2.title {
	margin-top:30px;
}
.manager-form .form {
	display:flex;
	flex-direction:column;
	gap:20px;
}
.manager-form .form .line,
.manager-form .form .line .block {
	display:flex;
	flex-direction:column;
	gap:10px;
}
.manager-form .form .line.actions {
	justify-content:flex-start;
	align-items:flex-start;
}
.manager-form .form .line.actions .btn {
	flex:none;
}
.manager-form .form .line:has(.block) {
	flex-direction:row;
	align-items:flex-start;
	gap:20px;
}
.manager-form .form .line .block {
	flex:1;
}
.manager-form .form .line label:first-child,
.manager-form .form .line div.label:first-child {
	font-weight:500;
	font-size:16px;
	line-height:24px;
	color:var(--TitleColor);
	cursor:pointer;
}
.manager-form .form .line ul.list {
	padding:0;
	margin:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.manager-form .form .line ul.list li {
	position:relative;
}
div.managerPage div.ordersList.userList .line.actions {
	display:flex;
	gap:20px;
	row-gap:10px;
	flex-wrap:wrap;
	align-items:flex-end;
}
div.managerPage div.ordersList.userList .line.actions .block {
	flex:none;
	display:flex;
	flex-direction:column;
	gap:5px;
	font-size:16px;
}
div.managerPage div.ordersList.userList .line.actions .block>label {
	font-size:16px;
	line-height:24px;
	color:var(--TitleColor);
	cursor:pointer;
}
div.managerPage div.ordersList.userList .line.actions .block .line {
	display:flex;
	gap:10px;
	align-items:center;
}
.manager-form .form .line.download {
	font-size: 20px;
	line-height: 26px;
	color: var(--DarkColor);
	font-weight:normal;
}
.manager-form .form .line.download a {
	display:inline-block;
	padding:0 0 0 30px;
	font-size: 18px;
	line-height: 25px;
	text-decoration-line: underline;
	color: var(--TitleColor);
	position:relative;
}
.manager-form .form .line.download a:hover {
	color:var(--NomadColor);
}
.manager-form .form .line.download a:before {
	content:"";
	display:block;
	width:20px;
	height:25px;
	background:url("/images/document.svg") center center no-repeat;
	background-size:contain;
	position:absolute;
	left:0;
	top:0;
}
.manager-form .form .line.download a:hover:before {
	background-image:url("/images/documentH.svg");
}
.pagination {
	display:flex;
	justify-content:center;
	gap:20px;
	margin-top:30px;
}
.pagination a {
	display:inline-block;
	font-size: 20px;
	line-height: 26px;
	color: var(--NomadColor);
	font-weight:normal;
}
.pagination a:hover {
	color:var(--TitleColor);
}
.pagination a.current {
	color:var(--TitleColor);
}