.layout {
	background: var(--Bg1);
	min-height: 100%;
	min-height: calc(~"100vh - 370px");

	&-wrapper {
		max-width: 1330px;
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
		padding-bottom: 50px;
		display: flex;
		position: relative;

		@media screen and (max-width: 567px) {
			padding: 0 10px;
		}

		.main-page {
			position: relative;
			width: calc(~"100% - 188px");

			@media (max-width: 991px) {
				width: 100%;
			}
		}

		.content {
			box-shadow: var(--main_shadow);
			margin-bottom: 12px;

			&:last-child {
				margin-bottom: 0;
			}

			&-header {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: solid 1px var(--Stroke);
				padding: 10px 24px;
				padding-bottom: 0;
				min-height: 60px;
				border-radius: 4px 4px 0 0;
				background: #fff;
				background-color: #fff;
				z-index: 5;
				position: sticky;
				top: 0;

				@media (max-width: 991px) {
					height: auto;
					padding: 10px 16px;
					padding-bottom: 0;
					flex-wrap: wrap;
				}

				h3 {
					line-height: 1;
					word-break: break-word;
					text-overflow: ellipsis;
					overflow: hidden;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					max-width: 700px;

					@media (max-width: 768px) {
						font-size: 18px!important;
					}
				}

				>div {
					display: flex;

					>* {
						margin-bottom: 10px;
					}
				}

				.function-row {
					display: flex;
					align-items: center;
					margin-left: 10px;

					@media (max-width: 991px) {
						flex-wrap: wrap;
						margin-left: 0;
					}

					.custom-checkbox {
						max-width: 200px;

						@media (max-width: 991px) {
							max-width: 100%;
						}
					}

					>* {
						margin-right: 16px;
						margin-bottom: 10px;

						&:last-child {
							margin-right: 0;
						}
					}
				}

				.fullness-counter {
					display: flex !important;
					align-items: center;
					margin-right: 10px;
					white-space: nowrap;
					margin-top: 0;
					cursor: pointer;

					&.error {
						.counter {
							color: var(--Red);
						}
					}

					&.success {
						.counter {
							color: var(--Green);
						}
					}

					svg {
						margin-right: 8px;
						min-width: 24px;
					}

					.counter {
						font-size: 14px;
						font-weight: normal;
					}
				}

				.navigation-menu-container {
					display: none;
					cursor: pointer;
					margin-right: 10px;

					@media(max-width:991px) {
						display: block;
					}

					.navMenu_icon {
						display: block;
						margin: 0 !important;
						line-height: 0;
					}

					#navMenu {
						display: none;
					}
				}

				&__editable {
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 100%;

					.btn-function {
						margin-left: 10px;
						cursor: pointer;

						svg {
							width: 24px;
							height: 24px;
						}
					}

					div {
						display: flex;
						align-items: center;
					}

					input {
						font-weight: bold;
						font-size: 24px;

						@media screen and (max-width: 991px) {
							font-size: 14px;
						}
					}
				}

				&__error-block {
					display: flex;
					align-items: center;
					padding: 10px 16px;
					background-color: var(--Warning);
					border-radius: 4px;
					white-space: nowrap;

					svg {
						margin-right: 10px;
					}
				}
			}

			&-body {
				padding: 24px;
				background-color: #fff;
				border-radius: 0 0 4px 4px;
				position: relative;

				@media (max-width: 991px) {
					padding: 16px;
				}
			}

			&-windows {
				box-shadow: none !important;

				.content-body {
					padding: 0;
					background: transparent;
					border-radius: 0;
				}

				&-body {
					padding: 24px;
					background: #fff;
					border-radius: 4px;
					box-shadow: var(--main_shadow);
					margin-bottom: 16px;

					@media screen and (max-width: 991px) {
						padding: 16px;
					}

					&.brb-0 {
						border-radius: 0 0 4px 4px;
					}

					&.first {
						position: relative;
						border-radius: 0 !important;
						padding-bottom: 0;
						box-shadow: 0px -10px 10px rgba(58, 58, 58, 0.1);
					}

					.content-header {
						margin: -24px;
						margin-bottom: 24px;
						width: auto;

						@media screen and (max-width: 991px) {
							margin: -16px;
							margin-bottom: 16px;
						}
					}
				}
			}
		}
	}
}


.admin-section-header {
	height: 100%;
	display: block;
	text-align: left;
	line-height: 1;
	color: var(--Subsidiary);
	align-items: center;
	background-color: #fff;
	font-size: 25px;
	font-weight: 700;
	color: var(--Main1);
	border-bottom: 1px solid var(--Stroke);
	border-top: 1px solid var(--Stroke);
	padding: 15px 24px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: flex-start;

	@media screen and (max-width: 768px) {
		font-size: 20px;
	}

	a {
		text-decoration: none;
		color: var(--Main1);

		span {
			font-size: 12px;
			display: block;
			text-align: left;
			margin-top: 6px;
		}
	}
}