/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




.menu{
	    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}

.menu-items {
	border-bottom: 1px solid rgba(239, 239, 239, 1);
	cursor: pointer;
	color: rgba(63, 63, 63, 1);
	background-color: rgba(247, 248, 251, 1);
	padding: 14px 16px;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.menu-items>a {
	text-align: left;
}

.menu-item{
	padding: 0px!important;
}

.menu-item > a {
	text-decoration: none;
	color: rgba(63, 63, 63, 1);
	font-weight: normal;
	
}
.menu-items::after{
	content: url(/include/images/arrow-right.svg);

}
.menu-item.active .menu-items::after{
	content: url(/include/images/arrow-right.svg);

	transform: rotate(90deg);
}
.submenu {
	max-height: 0;
	background-color: white;
	overflow: hidden;
	transition: max-height 2s ease;
	width: 100%;
}

.submenu-item {
	padding: 16px;
	border-bottom: 1px solid rgba(239, 239, 239, 1);
	text-align: left;
}

.submenu-item a {
	text-decoration: none;
	color: #555;
}

.menu-item.active .submenu {
	max-height: fit-content; /* достаточно большое значение */
}