/* ----- VERTICAL ----- */

.vmsMenu.vmsMenuVertical {margin-top:0px;}
.vmsMenu.vmsMenuVertical li.withTrigger {
	padding-right:0px;
}
.vmsMenu.vmsMenuVertical ul {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 );	
}
.vmsMenu.vmsMenuVertical li {
	border-bottom:1px dotted rgba(33,51,94,0.2);
}
.vmsMenu.vmsMenuVertical li:last-child{border:none;}
.vmsMenu.vmsMenuVertical > li a {
	white-space: nowrap;
	padding:10px 20px;
	display:block;
	text-decoration:none;
	overflow:hidden !important;
	text-overflow:ellipsis;
	font-size:1.2em;
	position:relative;
	transition:all .5s;
	font-weight:normal;
	color:#fff;
}

.vmsMenu.vmsMenuVertical > li a:hover {	background:rgba(0,0,0,0.1);}
.vmsMenu.vmsMenuVertical li.selected {background:rgba(0,0,0,0.1); }
.vmsMenu.vmsMenuVertical li.selected > a {color:var(--primary)}
.vmsMenu.vmsMenuVertical > li.selected > ul {display:block;}

/* ------------ arrow before ------------- */

/*.vmsMenu.vmsMenuVertical li > ul> li > a:before{
		font-family: 'Font Awesome 6 Pro';
		content: "\f0da";
		font-weight:bold;		
		display:block;
		position:absolute;
		top:11px;
		left:5px;
		font-size:14px;
}*/

/* ------------ edit butt ------------- */
.vmsMenu.vmsMenuVertical li a span {
	font-size:0.6em;
}

.vmsMenu.vmsMenuVertical li > span{
	position:absolute;
	top:10px;
	right:30px;
	display:none;
	cursor:pointer;
}

.vmsMenu.vmsMenuVertical li > span:hover{background:none;}
.vmsMenu.vmsMenuVertical li > span span{display:none;}
.vmsMenu.vmsMenuVertical li:hover > span{display:block;}

/* ------------ open / close butt ------------- */

.vmsMenu.vmsMenuVertical .triggerOpen, .vmsMenu.vmsMenuVertical .triggerClose {
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	font-size:10px;
}
.vmsMenu.vmsMenuVertical .triggerOpen i, .vmsMenu.vmsMenuVertical .triggerClose i {
	padding:13px 10px;
	color:black;
}

.vmsMenu.vmsMenuVertical li > .triggerOpen i:before {
	content: "\f067";
}
.vmsMenu.vmsMenuVertical li > .triggerClose i:before {
	content: "\f068";
}

/* ------------ levels ------------- */

.vmsMenu.vmsMenuVertical > li > ul li > a:before{left:25px;}
.vmsMenu.vmsMenuVertical > li > ul li > a {font-size:1em; padding-left:40px;}

.vmsMenu.vmsMenuVertical > li > ul > li > ul li > a:before{left:45px;}
.vmsMenu.vmsMenuVertical > li > ul > li > ul li > a {font-size:0.9em; padding-left:60px;}

.vmsMenu.vmsMenuVertical > li > ul > li > ul > li > ul li > a:before{left:65px;}
.vmsMenu.vmsMenuVertical > li > ul > li > ul > li > ul li > a {font-size:0.8em; padding-left:80px;}

.vmsMenu.vmsMenuVertical > li > ul > li > ul > li > ul > li > ul li > a:before{left:85px;}
.vmsMenu.vmsMenuVertical > li > ul > li > ul > li > ul > li > ul li > a {font-size:0.7em; padding-left:100px;}

.vmsMenu.vmsMenuVertical > li > ul > li > ul > li > ul > li > ul > li > ul li > a:before{left:105px;}
.vmsMenu.vmsMenuVertical > li > ul > li > ul > li > ul > li > ul > li > ul li > a {font-size:0.6em; padding-left:120px;}

@media screen and (max-width: 1100px){
    .vmsMenu.vmsMenuVertical li > a{color:#333;}
	.vmsMenu.vmsMenuVertical li.selected > a {color:#007ebf;}
}