/* Start:/local/templates/ecosoft2024/components/bitrix/catalog/knowledge_base/style.css?17418732433609*/
body {
	background-color: var(--color-bg-high) !important;
}
.grid {}

.grid .bx_content_section { margin-bottom: 15px; }

.grid .bx_sidebar { margin-bottom: 15px; }

/* grid2x1 */
.grid2x1 {}

.grid2x1 .bx_content_section {
	float: left;
	width: 66%;
	margin-bottom: 15px;
}

.grid2x1 .bx_sidebar {
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	box-sizing: border-box;
}

@media (max-width: 960px) {
	.grid2x1 .bx_sidebar { padding-left: 4%; }
}

@media (max-width: 640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar {
		width: 100%;
		float: none;
	}

	.grid2x1 .bx_sidebar { padding-left: 3%; }
}

@media (max-width: 479px) {
	.grid2x1 .bx_sidebar { padding-left: 1%; }
}

.catalog-block-header {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 2px solid #d9dee6;
	border-bottom-color: var(--primary);
	color: #000;
}
.knowledge_base-container {
    display: flex;
    flex-direction: row;
}
.knowledge_base-container .menu, 
.knowledge_base-container .knowledge_menu {
    width: 300px;
}
.container_knowledge .knowledge_menu,
.container_knowledge .menu,
.knowledge_base-container .menu{
    position: fixed;
    border-right: 1px solid #f4f3f3;
    overflow: scroll;
	top: 90px;
	height: calc(100vh - 60px);
	--g-scrollbar-width: 6px;
    scrollbar-width: thin;
}

.container_knowledge .detailtext, 
.knowledge_base-container .detailtext {
	padding: 20px 36px 24px;
	margin-left: 300px;
}
h1.detailtext_title {
	font-size: 32px;
	line-height: normal;
	font-weight: 500;
	color: #000;
	margin-bottom: 30px;
}

ul.detailtext_list {
	margin-bottom: 30px;
	list-style: disc;
}
ul.detailtext_list li {
	margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {	
	h1.detailtext_title {
		font-size: 24px;
		line-height: normal;
		font-weight: 500;
		color: #000;
		margin-bottom: 24px;
	}
}
@media screen and (max-width: 768px) {	
	h1.detailtext_title {
		font-size: 20px;
		line-height: normal;
		font-weight: 500;
		color: #000;
		margin-bottom: 20px;
	}
	.container_knowledge .knowledge_menu,
	.container_knowledge .menu,
	.knowledge_base-container .menu {
	min-height: -webkit-fill-available;
	border-right: none;
	left: -400px;
	}	
	.container_knowledge .knowledge_menu {
		z-index: 10;
    	background: #eaeaea;
		transition: left 0.3s ease;
	}
	.container_knowledge .knowledge_menu.open {
        left: 41px;/
    }
	.container_knowledge .knowledge_menu,
	.container_knowledge .menu,
	.knowledge_base-container .menu {
		border-right: unset;
	}
	.container_knowledge .detailtext, .knowledge_base-container .detailtext{
		padding: 0px 0px 24px;
		border-left: unset;
		margin-left: unset;
	}
	.container_knowledge {
		padding-top: 60px !important;
		padding: 0 25px;
	}
}

/* Initial state of the SVG */
.toggle-btn svg {
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* Smooth and spring-like easing */
    transform: rotate(0deg); /* Default state */
}

/* Rotated state */
.toggle-btn.rotated svg {
    transform: rotate(90deg); /* Rotate the arrow 90 degrees */
}

.menu_item {
	position: relative;
	/* margin-bottom: 10px; */
}
.knowledge_menu .menu_item a {
	transition: .25s;
}
.knowledge_menu .menu_item a:hover {
	background-color: var(--color-accent);
}
.knowledge_menu > .menu_item:last-child {
	padding-bottom: 80px;
}
.sub-menu {
	/* margin-bottom: 10px; */
}
.sub-menu li {
	/* margin-bottom: 10px; */
}
.sub-menu li:last-child {
	margin-bottom: unset;
}
.toggle-btn {
	position: absolute;
    left: -30px;
    top: 0px;
}

#bx-panel {
	height: min-content !important;
}





/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?173693393751*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /local/templates/ecosoft2024/components/bitrix/catalog/knowledge_base/style.css?17418732433609 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?173693393751 */