.docx {
	display: grid;
	grid-column-gap: 3rem;
	grid-row-gap: 0;
	grid-template-columns: repeat(12, 1fr);
	margin-bottom: 3rem;
}
.docx h1 {
	display: grid;
	grid-column:
		12 span;
	margin-bottom: 2rem;
}
.docx__h1-type {
    margin-top: 1rem;
}
.docx hr {
	margin-bottom: 1rem
}
.docx__view{
	font-family: "Times New Roman", Times, serif;
	position: relative;
	grid-column: 12 span;
	display: flex;
	flex-direction: column;
}
.docx__view td {
	padding: 0 .3rem
}
.docx__view p {
	margin-bottom: 0
}
.docx__sidebar {
	display: grid;
	grid-column: 12 span;
	margin-bottom: 2rem
}
.docx__sidebar .widget {
	display: flex;
	flex-direction: column;
}
#content-const {
	padding: 1rem;
	border: 1px solid #000;
	height: 80vh;
	overflow-y: scroll;
}
#docx-export {
	grid-column: 12 span;
	padding: .1rem;
	display: flex;
	border-radius: 1rem;
	width: 100%;
	max-width: 11rem;
	background-color: #003f88;
	color: white;
	text-decoration: none;
	font-weight: bold;
	margin: 1rem auto 0 0;
	justify-content: center;
	align-content: center;
	font-size: 2rem;
}
#docx-export svg {
	width: 30px;
	margin: 0 1rem 0 0;
	filter: invert(100%) sepia(10%) saturate(2%) hue-rotate(137deg) brightness(110%) contrast(100%);
}
#docx-export:hover {
	background-color: #0c77f2;
	transition: var(--animDur);
}
.docx-widget {
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat(3,1fr);
	padding: 1rem;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05),inset 0px 0px 0px 1px rgb(225, 225, 225);
	border-radius: .5rem;
}
div[data-clone-id] .docx-widget {
	border-radius: .5rem .5rem 0 0
}
.docx-widget li {
	display: flex;
	flex-direction: column;
}
.docx-widget p {
	margin: auto 0;
}
.docx-widget__span {
	grid-column: span 3;
}
.hr-for-datainputs {
	width: 90%;
	height: .1rem;
	background-image: linear-gradient(90deg,rgb(0,63,136) 0%,rgb(22,158,201) 40%,rgb(0,80,157) 100%);
	margin: auto;
	border-radius: .1rem;
}
.h5-for-datainputs {
	text-align: center;
	font-weight: bold;
	position: relative;
}
.h5-for-datainputs:before {
	content: '';
	width: 80%;
	height: .13rem;
	display: block;
	position: relative;
	background-image: linear-gradient(90deg,rgb(0,63,136) 0%,rgb(22,158,201) 40%,rgb(0,80,157) 100%);
	margin:auto;
}
.btn-remove {
	text-align: center;
	text-transform: uppercase;
	padding: .1rem;
	background-color: #ecb7bc;
	border-radius: 0 0 1rem 1rem;
	color: white;
	font-weight: bold;
	transition: var(--animDur);
	cursor: pointer;
	user-select: none;
}
.btn-remove:hover {
	background-color: #f73346;
	transition: var(--animDur);
}
.cash_item {
	display: flex;
	user-select: none;
	margin: 1rem auto 2rem 0;
	max-width: 100%;
	width: 12rem;
}
.cash_item span {
	margin: auto
}
div[data-clone-id] {
	margin-top: 2rem
}
.input-for-vars {
	padding: 0.6rem 1rem;
	display: block;
	width: 100%;
	min-height: 2rem;
	-webkit-transition: border-color .15s ease-in-out;
	transition: border-color .15s ease-in-out;
	color: #47556a;
	border: 1px solid #c9c5db;
	border-radius: .15rem;
	outline: none;
	background-color: rgba(201, 197, 219, 0.51);
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: var(--primeFont);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	-webkit-appearance: none;
	-webkit-backface-visibility: hidden;
	appearance: none;
	backface-visibility: hidden;
	margin-top: auto;
}
.input-for-vars:focus {
	border-color: #003f88 !important;
}
.var {
	font-weight: 400;
	border: 1px solid #003f88;
	padding: .1rem .3rem;
	margin: 0 .2rem;
	border-radius: .2rem;
}
.breakpage {
	margin: 3rem 0;
	display: block;
	position: relative;
}
.breakpage:before {
	content: '— — — — — НОВАЯ СТРАНИЦА — — — — —';
	display: block;
	text-align: center;
	margin: 0;
	color: #0000005e;
	width: 100%;
	font-size: 1.3rem;
}
.sidebar-block {
	display: flex;
	flex-direction: column;
	justify-content: start;
}
.sidebar-block:not(:first-child) .h4 {
	margin: 3rem 0 1rem;
}

@media( max-width:1160px ) {
	.docx-widget {
		grid-template-columns: repeat(2,1fr);
	}
	li.docx-widget__span {
		grid-column: span 2;
	}
}
@media( max-width:800px ) {
	.docx {
		display: block;
	}
	.docx-widget {
		grid-template-columns: repeat(1,1fr);
	}
	li.docx-widget__span {
		grid-column: unset;
	}
	.breakpage:before {
		font-size: 1rem;
	}
	#content-const {
		overflow-x: scroll
	}
}
.expert_docx {
    grid-column: 12 span;
    padding: .5rem 1rem;
}
.expert_docx .expert__header:before {
    content: unset;
}
.expert_docx .expert__header {
    margin: 0
}
.expert_docx p {
    display: flex;
}
.expert-icon {
    display: inline-block;
    width: 2rem;
    margin-right: .5rem;
}
.expert_docx .expert__img {
    display: flex;
}
.expert_docx .expert__img img {
    margin: auto;
}