/* 2.2. Menu(s) */
/* 2.2.1. Menu-1 (Left-side nav) */
/* 2.2.2. Menu-1 (Left-side-bottom nav) */
.lwa-menu-1,
.lwa-menu-2 {
	display:block;
	width:calc(var(--lwa-width-nav) - 1px);
	
	> ul {
		padding:0;
		margin:0;
		list-style-type:none;
		
		> li {
			display:block;
			width: 100%;
			height:44px;
			
			> a {
				display:block;
				height:44px;
				line-height:42px;
				width:calc(100% - 20px);
				position:relative;
				padding: 0 20px 0 64px;
				background: transparent;
    		border-radius: 0 15px 15px 0;
				color:var(--lwa-body-color);
				font-weight:500;
				
				> span {
					display:block;
					position:absolute;
					top:0;
					left:20px;
					width:34px;
					height:44px;
					
					&::before {
						display:block;
						width:34px;
						height:44px;
						text-align:center;
						vertical-align:44px;
						background-image: url(/images/0/lci/lci-circle-solid.svg);
						background-position: 0px 10px;
						background-repeat:no-repeat;
						background-size: 24px auto;
						content:"";
						filter: var(--lwa-f-gray-2);
					}
				}
				
				> span.lci-house-solid::before {
					background-image: url(/images/0/lci/lci-house-solid.svg);
				}
				> span.lci-fingerprint-solid::before {
					background-image: url(/images/0/lci/lci-fingerprint-solid.svg);
				}
				> span.lci-paragraph-solid::before {
					background-image: url(/images/0/lci/lci-paragraph-solid.svg);
				}
				> span.lci-list-solid::before {
					background-image: url(/images/0/lci/lci-list-solid.svg);
				}
				> span.lci-receipt-solid::before {
					background-image: url(/images/0/lci/lci-receipt-solid.svg);
					background-position:2px 10px;
					background-size: 19px auto;
				}
				> span.lci-circle-info-solid::before {
					background-image: url(/images/0/lci/lci-circle-info-solid.svg);
				}
				> span.lci-user-plus-solid::before {
					background-image: url(/images/0/lci/lci-user-plus-solid.svg);
					background-position: 0px 12px;
					background-size: 25px auto;
				}
				> span.lci-right-to-bracket-solid::before {
					background-image: url(/images/0/lci/lci-right-to-bracket-solid.svg);
					background-size: 23px auto;
          background-position: 0px 10px;
				}
				> span.lci-book-solid::before {
					background-image: url(/images/0/lci/lci-book-solid.svg);
					background-size: 22px auto;
				}
				> span.lci-comment-question-solid::before {
					background-image: url(/images/0/lci/lci-comment-question-solid.svg);
					background-size: 25px auto;
				}
				> span.lci-arrow-down-a-z-solid::before {
					background-image: url(/images/0/lci/lci-arrow-down-a-z-solid.svg);
					background-size: 25px auto;
				}
				> span.lci-user-solid::before {
					background-image: url(/images/0/lci/lci-user-solid.svg);
					background-size: 21px auto;
					background-position: 1px 9px;
				}
				> span.lci-gear-solid::before {
					background-image: url(/images/0/lci/lci-gear-solid.svg);
					background-size: 23px auto;
					background-position: 0 10px;
				}
				> span.lci-landmark-solid::before {
					background-image: url(/images/0/lci/lci-landmark-solid.svg);
				}
				> span.lci-gavel-solid::before {
					background-image: url(/images/0/lci/lci-gavel-solid.svg);
				}
				> span.lci-code-branch-solid::before {
					background-image: url(/images/0/lci/lci-code-branch-solid.svg);
				}
				> span.lci-filter-list-solid::before {
					background-image: url(/images/0/lci/lci-filter-list-solid.svg);
				}
				> span.lci-lock-reset::before {
					background-image: url(/images/0/lci/lci-lock-reset.svg);
					background-size: 29px auto;
          background-position: -3px 5px;
				}
				> span.lci-users-solid::before {
					background-image: url(/images/0/lci/lci-users-solid.svg);
					background-size: 23px auto;
          background-position: 0px 12px;
				}
				> span.lci-terminal-sharp-solid::before {
					background-image: url(/images/0/lci/lci-terminal-sharp-solid.svg);
					background-size: 23px auto;
          background-position: 0px 12px;
				}
				> span.lci-user-group-solid::before {
					background-image: url(/images/0/lci/lci-user-group-solid.svg);
					background-size: 23px auto;
          background-position: 0px 12px;
				}
				> span.lci-chart-mixed-solid::before {
					background-image: url(/images/0/lci/lci-chart-mixed-solid.svg);
					background-size: 23px auto;
          background-position: 0px 12px;
				}
				> span.lci-code-solid::before {
					background-image: url(/images/0/lci/lci-code-solid.svg);
					background-size: 23px auto;
          background-position: 0px 12px;
				}
				> span.lci-folder-user-solid::before {
					background-image: url(/images/0/lci/lci-folder-user-solid.svg);
				}
				> span.lci-circle-user-solid::before {
					background-image: url(/images/0/lci/lci-circle-user-solid.svg);
				}
				> span.lci-user-lock-solid::before {
					background-image: url(/images/0/lci/lci-user-lock-solid.svg);
				}
				> span.lci-address-card-solid::before {
					background-image: url(/images/0/lci/lci-address-card-solid.svg);
				}
				> span.lci-circle-question-solid::before {
					background-image: url(/images/0/lci/lci-circle-question-solid.svg);
				}
				> span.lci-table-tree-solid::before {
					background-image: url(/images/0/lci/lci-table-tree-solid.svg);
				}
				> span.lci-screwdriver-wrench-solid::before {
					background-image: url(/images/0/lci/lci-screwdriver-wrench-solid.svg);
				}
			}
		}
		
		> li > a:hover {
			background: var(--lwa-gray-1);
		}
		> li.current > a, 
		> li.active > a {
			background: var(--lwa-blue-1);
			color: var(--lwa-blue-3);
			
			
			> span {
				
				&::before {
					filter: var(--lwa-f-blue-3);
				}
			}
		}
		
		> li.deeper {
			height:auto;
			
			&.active:not(.current) > a {
				background:transparent;
				color:var(--lwa-body-color);
				
				> span::before {
					filter: var(--lwa-f-gray-3);
				}
				
				&:hover {
					background: var(--lwa-gray-1);
				}
			}
			
			> ul {
				> li {
					> a {
						display: block;
						height: 44px;
						line-height: 42px;
						width: calc(100% - 20px);
						position: relative;
						padding: 0 20px 0 64px;
						background: transparent;
						border-radius: 0 15px 15px 0;
						color: var(--lwa-body-color);
						font-weight: 500;
					}
					
					&:hover a {
						background: var(--lwa-gray-1);
					}
				}
				> li.current a {
					background: var(--lwa-blue-1);
          color: var(--lwa-blue-3);
				}
			}
		}
	}
}

.lwa-menu-1 {
	margin:10px 0;
}
.lwa-menu-1[mod-id="112"] {
	> ul > li {
		&.active:not(.current) {
			> a {
				background:transparent;
				color:var(--lwa-body-color);

				> span::before {
					filter:var(--lwa-f-gray-2);
				}
			}
			&:hover > a {
				background:var(--lwa-gray-1);
			}
		}
	}
}
.lwa-menu-1[mod-id="120"] {
	> ul > li {
		&.item-105 {
			> a {
				color:var(--lwa-red-2);

				> span::before {
					filter:var(--lwa-f-red-2);
				}
			}
			&:hover > a {

			}
		}
	}
}

.lwa-menu-2 {
	position:fixed;
	bottom:10px;
	left:0;
}

@media only screen and (max-width: 1199px) {
	.lwa-menu-1,
	.lwa-menu-2 {
		width:var(--lwa-width-nav-desktop);
		
		> ul {
			> li {
				height:64px;
				
				> a {
					margin: 0 10px;
					width: 64px;
					padding: 40px 0 0 0;
					border-radius: 10px;
					height: 64px;
					line-height:16px;
					text-align:center;
					font-size:0.85rem;
					
					> span {
						left: 0;
    				width: 64px;
						text-align:center;
						font-size:1.2rem;
						
						&::before {
							width: 34px;
    					margin: 0 auto;
							background-size:25px auto;
							background-position: 5px 10px;
						}
					}
					> span.lci-receipt-solid::before {
						background-position: 7px 10px;
						background-size: 19px auto;
					}
					> span.lci-user-plus-solid::before {
						background-position: 5px 12px;
						background-size: 25px auto;
        	}
					> span.lci-right-to-bracket-solid::before {
						background-position: 3px 12px;
        	}
					> span.lci-user-solid::before {
          	background-size: 21px auto;
            background-position: 7px 9px;
          }
					> span.lci-gear-solid::before {
          	background-size: 23px auto;
            background-position: 5px 10px;
          }
					> span.lci-lock-reset::before {
						background-size: 32px auto;
            background-position: 1px 4px;
					}
					> span.lci-users-solid::before {
						background-size: 28px auto;
            background-position: 3px 12px;
					}
					> span.lci-terminal-sharp-solid::before {
						background-size: 23px auto;
						background-position: 2px 12px;
					}
					> span.lci-user-group-solid::before {
						background-size: 25px auto;
						background-position: 4px 12px;
					}
					> span.lci-chart-mixed-solid::before {
						background-position: 4px 10px;
					}
					> span.lci-code-solid::before {
						background-size: 25px auto;
						background-position: 4px 12px;
					}
				}
				
				> ul {display:none;}
			}
			> li.item-516 {
				> a {
					position:relative;
					font-size:0;
					
					&::before {
						display:block;
						content:"Services";
						font-size:.85rem;
					}
				}
			}
		}
	}
	
	.lwa-menu-1 > ul > li + li {
		margin-top:5px;
	}
}
@media only screen and (max-width: 767px) {
	.lwa-menu-1,
	.lwa-menu-2 {
		width:100%;
		margin:0;
		
		> ul {
			display: flex;
    	flex-direction: row;
			justify-content: space-evenly;
			
			> li {
				flex: 1 1 auto;
				height:64px;
				text-align: center;
				
				+ li {margin-top:0;}
				
				> a {
					margin:0 auto;
					padding:38px 0 0 0;
					background:transparent !important;
					
					> span {
						height:38px;
						
						&::before {
							height:38px;
							background-size: 24px auto;
							background-position: 5px 10px;
						}
					}
					> span.lci-receipt-solid::before {
						background-position: 7px 10px;
						background-size: 19px auto;
        	}
					> span.lci-user-solid::before {
          	background-size: 21px auto;
            background-position: 6px 10px;
          }
					> span.lci-gear-solid::before {
          	background-size: 23px auto;
            background-position: 5px 10px;
          }
					> span.lci-users-solid::before {
						background-size: 27px auto;
						background-position: 3px 9px;
					}
					> span.lci-user-group-solid::before {
						background-size: 25px auto;
						background-position: 4px 9px;
					}
					> span.lci-chart-mixed-solid::before {
						background-position: 5px 8px;
					}
					> span.lci-code-solid::before {
						background-size: 27px auto;
						background-position: 4px 9px;
					}
				}
			}
		}
	}
	
	.lwa-menu-2 {display:none;}
}

/* 2.2.3. Menu-3 (Header-end nav) */
.lwa-menu-3 {
	> .menu {
		padding:0 10px 0 0;
		margin:0;
		list-style-type:none;
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content: flex-end;
		
		> .i {
			height:64px;
			
			> a, > button {
				display:block;
				margin:0;
				padding:10px 5px;
				border:0;
				background:transparent;
				border:0;
				outline:0;
				width:54px;
				height:64px;
				overflow: hidden;
				text-align:center;
				line-height:64px;
				font-size:0;
				color:var(--lwa-body-color);
				cursor:pointer;
			}
		}
		
		> .i.i-icon {
			flex:0 0 54px;
			
			> a, > button {
				
				&:hover {
					> span {
						background:var(--lwa-gray-1);
					}
				}
				
				> span {
					display:block;
					width:44px;
					height:44px;
					padding:0;
					margin:0;
					border-radius:50%;
					overflow:hidden;
					
					&::before {
						display:block;
						content:"";
						background: url(/images/0/lci/lci-circle-solid.svg);
						background-position: 11px 11px;
						background-repeat:no-repeat;
						background-size: 22px 22px;
						width:44px;
						height:44px;
						text-align:center;
						filter: var(--lwa-f-body-color);
					}
				}
				
				> span.lci-gear-solid::before {
					background-image: url(/images/0/lci/lci-gear-solid.svg);
				}
				
				> span.lci-user-solid::before {
					background-image: url(/images/0/lci/lci-user-solid.svg);
				}
				> span.lci-circle-question-solid::before {
					background-image: url(/images/0/lci/lci-circle-question-solid.svg);
				}
				> span.lci-search-solid::before {
					background-image: url(/images/0/lci/lci-search-solid.svg);
				}
				> span.lci-grid-2-sharp-solid::before {
					background-image: url(/images/0/lci/lci-grid-2-sharp-solid.svg);
				}
			}
		}
		
		> .i.i-account {
			> a {
				> span {
					display: block;
					font-size: .9rem;
					color: white;
					height: 34px;
					width: 34px;
					background: #0c75cb;
					opacity:0.8;
					border-radius: 50%;
					overflow: hidden;
					margin: 3px auto 0 auto;
					line-height: 34px;
					font-weight: 500;
				}
				
				&:hover, &.tooltipstered:hover {
					> span {
						opacity:1;
					}
				}
			}
		}
		
		> .i.i-search {display:none;}
	}
}
@media only screen and (max-width: 767px) {
	.lwa-menu-3 {
		> .menu {
			> .i {
				> a, > button {
					padding:10px 0;
					width:44px;
					
					> span {
						
					}
				}
			}
			> .i.i-icon {
				flex:0 0 44px;
			}
			> .i.i-search {display:block;}
		}
	}
}

/* 2.2.4. Menu-4 (Header-end support/settings tooltip) */
.lwa-menu-4 {
	> ul {
		width:250px;
		margin:5px 0 0 0;
		
		> li.i-option {
			display:flex;
			margin:0 0 10px 0;
			
			> .icon {
				display:block;
				flex: 0 0 40px;
				padding: 0 0 0 10px;
				filter: var(--lwa-f-gray-3);
				
				> img {
					width:30px;
					height:auto;
					margin: 0 auto;
          display: block;
				}
				> .email {
					width:23px;
				}
				> .mail {
					width:20px;
				}
				> .search {width:22px;} 
			}
			> .label {
				flex: 1 1 160px;
				padding:0 0 0 10px;
				
				> span, > span span, > span span::before {
					display:block;
				}
				> span.main {
					font-weight:500;
					font-size:.95rem;
					height:18px;
					
					&.phone-1 > span::before {
						font-size:0;
						content:attr(data-phone-nums);
						cursor:auto;
						height:0;
					}
				}
				> span.sub {
					font-size:.85rem;
					color:var(--lwa-gray-2);
				}
			}
			> .action {
				flex: 0 0 70px;
				
				> button {
					width: 44px;
					height: 30px;
					background: var(--lwa-gray-2);
					border-radius: 20px;
					margin: 5px 0px 0 17px;
					position: relative;
					padding:0;
					font-size:0;
					transition:background 320ms;
					
					&::before {
						position: absolute;
						top: 4px;
						left: 4px;
						content: "";
						display: block;
						width: 22px;
						height: 22px;
						border-radius: 50%;
						overflow: hidden;
						background-color: white;
						transition:left 320ms;
					}
					
					&[aria-label="off"]::before {
						left:4px;
					}
					&[aria-label="on"],
					&[aria-label="dark"] {
						background-color:var(--lwa-green-2);
						transition:background 320ms;
						
						&::before {
							left:18px;
							transition:left 320ms;
						}
					}
				}
			}
		}
		
		> li.i-title {
			margin:0 5px 10px 10px;
			position:relative;
			
			> span {
				display:block;
				font-size:.8rem;
				color:var(--lwa-gray-2);
			}
			
			> .close {
				position:absolute;
				top:0;
				right:0;
				width:20px;
				font-weight:700;
				cursor:pointer;
				text-align: center;
				
				&:hover {
					color:var(--lwa-red-2);
				}
			}
		}
		
		> li.i-cta {
			display:block;
			border-top:var(--lwa-border);
			margin:5px 0 0 0;
			
			> a {
				display:block;
				height:44px;
				line-height:44px;
				text-align:center;
				text-transform: uppercase;
    		font-weight: 500;
			}
		}
	}
	
	&:hover {
		> ul > li.i-option > .label > span.main {
			
			&.phone-1 {
				font-size:0;
				
				> span::before {
					cursor:auto;
					height:18px;
					font-size:.95rem;
				}
			}
		}
	}
}

/* 2.2.5. Menu-5 (Header-end account tooltip) */
.lwa-menu-5 {
	> ul {
		margin:7px 0;
		
		> li {
			display:block;
			margin:0;
			
			> a {
				display:block;
				height:34px;
				line-height:34px;
				background:transparent;
				padding:0 10px;
			}
			
			> a:hover {
				background: var(--lwa-gray-1);
			}
		}
		
		> li.i-user {
			margin:0 0 5px 0;
			border-bottom: var(--lwa-border);
			
			> span {
				display:block;
				max-width:180px;
				margin:0 10px;
				text-overflow:ellipsis;
				overflow:hidden;
				white-space: nowrap;
			}
			
			> span.name {
				font-size:.95rem;
			}
			> span.email {
				font-size:.85rem;
				color:var(--lwa-gray-2);
				padding:0 0 10px 0;
			}
		}
		> li.i-exit {
			> a {
				color:var(--lwa-red-2);
				
				&:hover {
					color:var(--lwa-red-3);
				}
			}
		}
	}
}

/* 2.2.6. Menu-6 (Nav Directory tooltip) */
.lwa-menu-6 {
	> ul {
		margin:5px 0;
		width: 160px;
		position:relative;
		
		> li {
			display:block;
			margin:0;
			
			> a {
				display: block;
				height: 34px;
				line-height:34px;
				background:transparent;
				padding: 0 10px;
				margin:0;
				color:var(--lwa-body-color);
				cursor:pointer;
				position:relative;
				
				> span {
					display:block;
					content:"";
					position:absolute;
					top:0;
					right:10px;
					
					
					&::before {
						display:block;
						content:"";
						width:16px;
						height:34px;
						background-repeat:no-repeat;
						background-size: 12px auto;
						background-position: 1px 11px;
						filter:var(--lwa-f-gray-2);
					}
					
					&.lci-external-solid::before {
						background-image: url("/images/0/lci/lci-external-solid.svg");
					}
				}
			}
			> a:hover {
				background: var(--lwa-gray-1);
				color:var(--lwa-black);
				
				> span.lci-external-solid::before {
					filter:var(--lwa-f-body-color);
				}
			}
		}
		
		> li.divider {
			display: block;
			font-size: .8rem;
			color: var(--lwa-gray-2);
		}
		> li.item-353 {
			margin: 0 10px 5px 10px;
		}
		> li.item-354 {
			position:absolute;
			top: 0;
			right: 9px;
			width: 20px;
			height:18px;
			font-weight: 700;
			cursor: pointer;
			text-align: center;
			
			span {
				display:block;
			}
			> span > span {
				&::before {
					display:block;
					content:"";
					width:20px;
					height:18px;
					background-image: url("/images/0/lci/lci-xmark-regular.svg");
					background-repeat:no-repeat;
					background-size:14px 14px;
					background-position:3px 3px;
					filter:var(--lwa-f-gray-2);
				}
			}
			
			&:hover > span > span::before {
				filter: var(--lwa-f-red-2);
			}
		}
		
		> li.current.active,
		> li.alias-parent-active {
			> a, > a:hover {
				background-color: var(--lwa-blue-2);
				color: white;
				font-weight:500;
			}
		}
	}
}

/* 2.2.7. Menu-7 (Page submenu) */
.lwa-menu-7 {
	margin: 0 0 50px 0;
	
	> ul {
		display:flex;
		flex-direction:row;
		white-space:nowrap;
		width:100%;
		border-bottom: 5px solid var(--lwa-border-color);
		
		> li {
			flex: 0 0 auto;
			position:relative;
			margin: 0 0 0 0;
			
			> a, > span {
				display:block;
				height:44px;
				line-height:44px;
				padding:0 15px;
				margin: 0;
				font-size:1.1rem;
				color:var(--lwa-body-color);
				
				&::after {
					display:block;
					width:100%;
					height:5px;
					position:absolute;
					bottom:-5px;
					left:0;
					content:"";
					background-color:transparent;
				}
			}
		}
		
		> li:hover > a {
			&::after {
				background-color:var(--lwa-body-color);
				opacity:0.5;
			}
		}
		> li.current, > li.current:hover {
			> a {
				font-weight:700;
				
				&::after {
					background-color:var(--lwa-body-color);
					opacity:1;
				}
			}
		}
		
		> li.divider > span {
			padding: 0 15px 0 0;
    	color: var(--lwa-gray-2);
		}
	}
}

/* 2.2.8. Menu-8 (Header-end Admin Apps tooltip) */
.lwa-menu-8 {
	> ul {
		min-width:262px;
		margin:5px 0 0 0;
		display:flex;
		flex-direction: column;
		
		> li.i-title {
			flex: 0 1 100%;
			margin:0 5px 10px 10px;
			position:relative;
			
			> span {
				display:block;
				font-size:.8rem;
				color:var(--lwa-gray-2);
			}
			
			> .close {
				position:absolute;
				top:0;
				right:0;
				width:20px;
				font-weight:700;
				cursor:pointer;
				text-align: center;
				
				&:hover {
					color:var(--lwa-red-2);
				}
			}
		}
		
		> li.i-options {
			flex: 0 0 auto;
			padding:0 0 0 10px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			max-height:300px;
			overflow-y:scroll;
			overflow-x:hidden;
			
			&::-webkit-scrollbar {
				background-color: transparent;
				width: 8px;
        height: 8px;
			}
			&::-webkit-scrollbar-corner {
				background-color: transparent;
			}
			&::-webkit-scrollbar-track {
        background-color: transparent;
    	}
			&::-webkit-scrollbar-thumb {
				background:var(--lwa-gray-1);
				border-radius:5px;
			}
			
			&:hover {
				&::-webkit-scrollbar-thumb {
					background:var(--lwa-gray-2);
				}
				&::-webkit-scrollbar-thumb:hover {
					background:var(--lwa-gray-3);
				}
			}
			
			> .i-option {
				flex: 0 0 78px;
				height:75px;
				overflow:visible;
				display:block;
				text-align:center;
				border-radius:10px;	
				margin:0 0 10px 0;
				
				> a {
					min-height:75px;
					display:block;
					text-align:center;
					border-radius:10px;
					padding:10px 0 0 0;
					margin:0 0 10px 0;

					> .icon {
						display:block;
						padding: 0 0 0 0;
						height:40px;

						> img {
							height:30px;
							width:auto;
							margin: 0 auto 10px auto;
							display: block;
						}
					}
					> .label {
						min-height:24px;
						font-size:.85rem;
						line-height:15px;
						padding:0 10px 10px 10px;
						color:var(--lwa-body-color);
						max-width:78px;
						overflow:hidden;
						white-space: nowrap;
						text-overflow:ellipsis;
					}
					
					&:hover {
						background:var(--lwa-gray-1);
						
						> .label {
							overflow:visible;
							text-overflow:unset;
							white-space:wrap;
							word-break:break-word;
						}
					}
				}
			}
		}
	}
}

/* 2.2.9. Menu-9 (Left nav Social) */
.lwa-menu-9 {
	border-top: var(--lwa-border);
	margin:10px 0;
	
	> ul {
		> li.i-title {
			margin:10px 20px 10px 20px;
			
			> span {
				display:block;
				font-size:.8rem;
				color:var(--lwa-gray-2);
			}
		}
		> li.i-list {
			display:flex;
			flex-direction:row;
			margin:0 20px 0 13px;
			
			> a {
				display:block;
				flex: 0 0 30px;
				height:30px;
				padding:6px;
				border-radius:5px;
				background:transparent;
				margin-right:4px;
				
				img {
					width:18px;
					height:18px;
					filter:var(--lwa-f-gray-2);
				}
				
				&:hover {
					background:var(--lwa-gray-1);
					
					img {
						filter:var(--lwa-f-gray-3);
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 1199px) {
	.lwa-menu-9 {
		display:none;
	}
}

/* tooltipActions */
.lwa-menu-10 {
	> ul {
		margin:7px 0;
		
		> li {
			display:block;
			margin:0 5px;
			
			> a {
				display:flex;
				height:30px;
				line-height:30px;
				background:transparent;
				padding:0 5px;
				font-size:.9rem;
				white-space:nowrap;
			}
			
			> a:hover {
				background: var(--lwa-gray-1);
			}
		}
		
		> li.i-title {
			margin: 0 5px 10px 10px;
      position: relative;
			
			> span {
				display: block;
				font-size: .8rem;
				color: var(--lwa-gray-2);
			}
			> .close {
				position: absolute;
				top: 0;
				right: 0;
				width: 20px;
				font-weight: 700;
				cursor: pointer;
				text-align: center;
				
				&:hover {
					color: var(--lwa-red-2);
				}
			}
		}
		
		> li.i-action {
			> a {
				display:flex;
				border-radius:5px;
				
				&:hover {
					background:var(--lwa-gray-1);
				}
				> span {
					display:block;
				}
				> .icon {
					flex:0 0 32px;
					padding:7px 0;
					
					img {
						width:16px;
						height:16px;
						display:block;
						filter:var(--lwa-f-body-color);
					}
				}
				> .anchor {
					flex: 0 0 auto;
					color:var(--lwa-body-color);
				}
			}
		}
	}
}