.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;
	gap:30px;
	margin-top:30px;
	flex-wrap:wrap;
}
.products-list .product {
	width:480px;
	height:380px;
}
.products-list .product a {
	display:block;
	border-radius:20px;
	overflow:hidden;
	position:relative;
}
.products-list .product a span.info {
	position:absolute;
	left:0;
	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);
}

/* Фильтры списка заявок */
div.managerPage form.ordersFilter {
	display:flex;
	gap:20px;
	row-gap:10px;
	flex-wrap:wrap;
	align-items:flex-end;
	margin:0 0 20px;
}
div.managerPage form.ordersFilter .block {
	flex:none;
	display:flex;
	flex-direction:column;
	gap:5px;
	font-size:16px;
}
div.managerPage form.ordersFilter .block.act {
	flex-direction:row;
	gap:15px;
	align-items:center;
}
div.managerPage form.ordersFilter .block>label {
	font-size:16px;
	line-height:24px;
	color:var(--TitleColor);
	cursor:pointer;
}
div.managerPage form.ordersFilter .block .line {
	display:flex;
	gap:10px;
	align-items:center;
}
div.managerPage form.ordersFilter .block a.reset {
	display:inline-block;
	margin:0 0 0 10px;
	font-size:24px;
	line-height:24px;
	color:var(--DarkColor);
	text-decoration:none;
}
div.managerPage form.ordersFilter .block a.reset:hover {
	color:var(--NomadColor);
}
.pagination span.gap {
	display:inline-block;
	font-size:20px;
	line-height:26px;
	color:var(--DarkColor);
}


/* Реестр договоров */
div.managerPage form.ordersFilter .block.wide {
	min-width:320px;
}
div.managerPage form.ordersFilter .block a.btn.export {
	display:inline-block;
	white-space:nowrap;
}
/* строка таблицы — ссылка, поэтому базовые правила (они заданы для div.r) не применяются */
div.managerPage div.ordersList.contractsList div.table a.r {
	display:table-row;
	color:inherit;
	text-decoration:none;
}
div.managerPage div.ordersList.contractsList div.table a.r div.c {
	display:table-cell;
	font-size:12px;
	vertical-align:middle;
	font-weight:normal;
	padding:7px 10px;
	border:1px solid #e6e6e6;
	cursor:pointer;

	transition:all 0.1s;
}
div.managerPage div.ordersList.contractsList div.table a.r:nth-child(odd) div.c {
	background:rgba(196,196,196,0.1);
}
div.managerPage div.ordersList.contractsList div.table a.r:hover div.c {
	background:rgba(196,196,196,0.2);
}
div.managerPage div.ordersList.contractsList div.table .c.number {
	color:var(--NomadColor);
	font-weight:500;
	white-space:nowrap;
}
/* пометка тестового заказа: ярлык в списке и строка в карточке */
div.managerPage div.ordersList span.testMark {
	display:inline-block;
	font-size:10px;
	line-height:14px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#8a6d00;
	background:#fff3cd;
	border:1px solid #ffe08a;
	border-radius:3px;
	padding:0 5px;
	vertical-align:middle;
	white-space:nowrap;
}
div.managerPage div.ordersList div.table .c span.testMark {
	margin-left:6px;
}
div.managerPage div.ordersList.contractsList div.table .c.name .fio,
div.managerPage div.ordersList.contractsList div.table .c.name .iin {
	display:block;
}
div.managerPage div.ordersList.contractsList div.table .c.name .iin {
	color:#8E8E8E;
}
div.managerPage div.ordersList.contractsList div.table .c.date,
div.managerPage div.ordersList.contractsList div.table .c.sum,
div.managerPage div.ordersList.contractsList div.table .c.premium,
div.managerPage div.ordersList.contractsList div.table .c.paid,
div.managerPage div.ordersList.contractsList div.table .c.status,
div.managerPage div.ordersList.contractsList div.table .c.period {
	white-space:nowrap;
}
div.managerPage div.ordersList.contractsList div.table .c.sum,
div.managerPage div.ordersList.contractsList div.table .c.premium,
div.managerPage div.ordersList.contractsList div.table .c.paid {
	text-align:right;
}
div.managerPage div.ordersList.contractsList div.table .c.status.paid {
	color:#2E7D32;
	font-weight:500;
}
div.managerPage div.ordersList.contractsList div.table .c.status.overdue {
	color:#C62828;
	font-weight:500;
}
div.managerPage div.ordersList.contractsList div.table .c.status.denied {
	color:#8E8E8E;
}

/* Карточка договора */
div.managerPage div.ordersList.contractCard h2.title,
div.managerPage div.ordersList.contractCard h3.title {
	margin:0 0 20px;
}
div.managerPage div.ordersList.contractCard h3.title {
	margin-top:40px;
}
div.managerPage div.ordersList.contractCard div.table.info div.r div.c.h {
	width:280px;
	color:#8E8E8E;
	white-space:normal;
}
div.managerPage div.ordersList.contractCard div.table.info div.r div.c a.applicationLink {
	color:var(--NomadColor);
	font-weight:500;
	text-decoration:underline;
}
div.managerPage div.ordersList.contractCard div.table.info div.r div.c a.applicationLink:hover {
	text-decoration:none;
}
div.managerPage div.ordersList.contractCard div.table.schedule div.r div.c.num {
	width:60px;
}
div.managerPage div.ordersList.contractCard div.scheduleNote {
	margin:15px 0 0;
	font-size:13px;
	line-height:19px;
	color:#8E8E8E;
}


/* Блок выгрузок */
div.managerPage div.exportsBlock {
	margin:0 0 20px;
}
div.managerPage div.exportsBlock div.exportPending {
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 15px;
	margin:0 0 10px;
	border:1px solid #e6e6e6;
	border-left:3px solid var(--NomadColor);
	background:#fafafa;
	font-size:13px;
	line-height:18px;
}
div.managerPage div.exportsBlock div.exportPending span.spinner {
	flex:0 0 14px;
	width:14px;
	height:14px;
	border:2px solid #d9d9d9;
	border-top-color:var(--NomadColor);
	border-radius:50%;
	animation:exportSpin 0.8s linear infinite;
}
@keyframes exportSpin {
	to { transform:rotate(360deg); }
}
div.managerPage div.exportsBlock div.exportPending span.text {
	flex:1 1 auto;
}
div.managerPage div.exportsBlock div.exportPending span.state {
	flex:0 0 auto;
	color:var(--NomadColor);
	font-weight:500;
	white-space:nowrap;
}

div.managerPage div.exportsBlock details.exportsHistory {
	border:1px solid #e6e6e6;
	background:#fff;
}
div.managerPage div.exportsBlock details.exportsHistory summary {
	cursor:pointer;
	padding:10px 15px;
	font-size:13px;
	font-weight:500;
	color:var(--NomadColor);
	list-style:none;
	user-select:none;
}
div.managerPage div.exportsBlock details.exportsHistory summary::-webkit-details-marker {
	display:none;
}
div.managerPage div.exportsBlock details.exportsHistory summary:before {
	content:"";
	display:inline-block;
	width:0;
	height:0;
	margin:0 8px 2px 0;
	border-left:5px solid var(--NomadColor);
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	vertical-align:middle;

	transition:transform 0.15s;
}
div.managerPage div.exportsBlock details.exportsHistory[open] summary:before {
	transform:rotate(90deg);
}
div.managerPage div.exportsBlock details.exportsHistory summary:hover {
	background:#fafafa;
}
div.managerPage div.exportsBlock details.exportsHistory div.table {
	display:table;
	border-collapse:collapse;
	width:100%;
	border-top:1px solid #e6e6e6;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.r {
	display:table-row;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.r div.c {
	display:table-cell;
	font-size:12px;
	line-height:16px;
	vertical-align:middle;
	padding:7px 10px;
	border:1px solid #e6e6e6;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.r.h div.c {
	font-weight:500;
	background:#fafafa;
	color:var(--NomadColor);
	white-space:nowrap;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.r:not(.h):nth-child(odd) div.c {
	background:rgba(196,196,196,0.1);
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.date,
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.rows,
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.file {
	white-space:nowrap;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.rows {
	text-align:right;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.filters {
	color:#6b6b6b;
	width:45%;
}
/* классы состояния заданы словами: однобуквенный код совпал бы с классом ячейки "c" */
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.status {
	white-space:nowrap;
	font-weight:500;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.status.new,
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.status.progress {
	color:var(--NomadColor);
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.status.complete {
	color:#2E7D32;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.status.error {
	color:#C62828;
	white-space:normal;
	font-weight:normal;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.file a {
	color:var(--NomadColor);
	font-weight:500;
	white-space:nowrap;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.file span.size {
	color:#8E8E8E;
	margin-left:6px;
}
div.managerPage div.exportsBlock details.exportsHistory div.table div.c.file span.expired {
	color:#8E8E8E;
	white-space:normal;
}