/* ============================  */
/* TITLE = NITRO UI STYLE SHEET	 */
/* ============================	 */
/* Table of Contents				 	   */
/* 0. Require */
/* 0.1.	ROOT */
/* 1. General */
/* 1.1. Global */
/* 1.2. System messages */
/* 1.3. Helpers */
/* 2. Nitro UI Components (NUIC) */
/* 2.1. Brand */
/* 2.2. Menu(s) */
/* 2.3. Blocks */
/* X. Other */
/* ============================	 */
/* 0. Require */
/* 0.1.	ROOT */
:root {
	--lwa-width-nav: 225px;
	--lwa-width-nav-desktop: 83.33px;
	--lwa-width-aside: 230px;
	--lwa-width-aside-tablet: 0px; /* 200px */
	--lwa-width-mls: 400px;
	--lwa-width-mls-desktop: 340px;
	--lwa-width-mls-mobile: 100%;
	
	--lwa-transform-flip: rotateY(0deg);
	
	--lwa-bg-color: white; /* White -> Black */
	--lwa-bg-color-1: white; /* White -> Black */
	--lwa-bg-color-2: #f1f1f1; /* Gray-1 -> Gray-3 */
	--lwa-bg-color-3: rgba(0,0,0,0.75); /* Modal blocker */
	--lwa-bg-color-4: #fff; /* White -> Gray-3 */
	
	--lwa-body-color: #232323;
	--lwa-f-body-color: invert(12%) sepia(3%) saturate(24%) hue-rotate(2deg) brightness(90%) contrast(92%);
	
	--lwa-blue-1: #daf3ff;
	--lwa-blue-2: #039be5;
	--lwa-blue-3: #0c75cb;
	--lwa-f-blue-2: invert(72%) sepia(67%) saturate(7360%) hue-rotate(173deg) brightness(99%) contrast(98%);
	--lwa-f-blue-3: invert(35%) sepia(57%) saturate(5682%) hue-rotate(191deg) brightness(92%) contrast(91%);
	--lwa-green-1: #d6e9dc;
  --lwa-green-2: #15af68;
  --lwa-green-3: #0e7813;
	
	--lwa-f-green-2: invert(48%) sepia(95%) saturate(371%) hue-rotate(100deg) brightness(93%) contrast(97%);
	
	--lwa-red-1: #f3dada;
	--lwa-red-2: #c31b1b;
	--lwa-red-3: #910f0f;
	
	--lwa-f-red-2: invert(16%) sepia(91%) saturate(3453%) hue-rotate(354deg) brightness(86%) contrast(88%);
	--lwa-f-red-3: invert(14%) sepia(30%) saturate(5867%) hue-rotate(344deg) brightness(108%) contrast(109%);
	
	--lwa-gold-1: #f1e9c2;
	--lwa-gold-2: #d5b822;
	--lwa-gold-3: #6b5d13;
	
	--lwa-f-gold-1: brightness(0) saturate(100%) invert(94%) sepia(17%) saturate(508%) hue-rotate(340deg) brightness(103%) contrast(89%);
	--lwa-f-gold-2: brightness(0) saturate(100%) invert(65%) sepia(72%) saturate(476%) hue-rotate(10deg) brightness(99%) contrast(89%);
	--lwa-f-gold-3: brightness(0) saturate(100%) invert(32%) sepia(11%) saturate(6474%) hue-rotate(29deg) brightness(92%) contrast(85%);
		
	--lwa-black: black;
	--lwa-white: white;
	--lwa-f-white: invert(100%) sepia(0%) saturate(1%) hue-rotate(200deg) brightness(110%) contrast(101%);
	--lwa-gray-1: #f1f1f1;
	--lwa-gray-2: gray;
	--lwa-gray-3: #232323;
	--lwa-f-gray-2: invert(50%) sepia(37%) saturate(18%) hue-rotate(326deg) brightness(93%) contrast(94%);
	--lwa-f-gray-3: brightness(0) saturate(100%) invert(10%) sepia(13%) saturate(0%) hue-rotate(152deg) brightness(93%) contrast(89%);
	
	--lwa-brand: #01205e;
	--lwa-f-brand: brightness(0) saturate(100%) invert(8%) sepia(56%) saturate(4637%) hue-rotate(214deg) brightness(98%) contrast(105%);
	
	--lwa-border: 1px solid #ced4da;
	--lwa-border-color: #ced4da;
	--lwa-shadow-1: 0px 1px 4px 0px #c4c4c4;
	--lwa-shadow-2: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
	--lwa-shadow-3: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2) !important;
	
	--lwa-highlight-blue: #daf3ff;
	--lwa-highlight-yellow: rgb(255, 255, 0);
	--lwa-highlight-gray: #f1f1f1;
	--lwa-highlight-none: white;
	
	--lwa-version-bg-1: #cdcdcd;
	--lwa-version-bg-2: #e7e7e7;
	scrollbar-color: auto auto;
}

/* 0.2.	ROOT dark mode */
[data-theme="dark"]:root {
	--lwa-transform-flip: rotateY(180deg);
	
	--lwa-bg-color: black;
	--lwa-bg-color-1: black;
	--lwa-bg-color-2: #23232d;
	--lwa-bg-color-3: rgb(34 34 34 / 85%); /* Modal blocker */
	--lwa-bg-color-4: #23232d;
	--lwa-body-color: white;
	--lwa-f-body-color: invert(98%) sepia(38%) saturate(106%) hue-rotate(176deg) brightness(113%) contrast(89%);
	--lwa-black: white;
	--lwa-white: black;
	--lwa-f-white: grayscale(1) invert(1) !important;
	--lwa-blue-1: #002c3d;
	--lwa-blue-2: #00b9ff;
	--lwa-blue-3: #daf3ff;
	--lwa-blue-4: #0c75cb;
	--lwa-f-blue-3: invert(53%) sepia(77%) saturate(1647%) hue-rotate(160deg) brightness(99%) contrast(105%);
	--lwa-green-1: #b4f7b7;
	--lwa-green-2: #1fda27;
	--lwa-green-3: #0aa411;
	--lwa-red-1: #e19b9b;
	--lwa-red-2: #e13131;
	--lwa-red-3: #7c1111;
	--lwa-gold-1: #e4d799;
	--lwa-gold-2: #d5b822;
	--lwa-gold-3: #836c00;
	
	--lwa-gray-1: #232323;
	--lwa-gray-2: gray;
	--lwa-gray-3: #f1f1f1;
	--lwa-f-gray-3: invert(98%) sepia(38%) saturate(106%) hue-rotate(176deg) brightness(113%) contrast(89%);
	--lwa-border: 1px solid #5c5c5c;
	--lwa-border-color: #5c5c5c;
	--lwa-shadow-1: 0 .15rem .15rem rgb(191 191 191 / 23%) !important;
	--lwa-shadow-2: 0 .5rem 1rem rgb(255 255 255 / 15%) !important;
  --lwa-shadow-3: 0 1rem 2rem rgb(255 255 255 / 15%) !important;
	scrollbar-color: #737373 #2c2c2c;
	.logo {
		filter: var(--lwa-f-white);
	}
	--lwa-highlight-blue: #115676;
	--lwa-highlight-yellow: rgb(255, 255, 0);
	--lwa-highlight-gray: #f1f1f1;
	--lwa-highlight-none: black;
	
	--lwa-version-bg-1: #444;
	--lwa-version-bg-2: #5b5b5b;
}

/* 0.3.	Highlight colors */
mark {
	color:inherit;
}

html[data-shcolor="blue"] {
	mark {
		background-color:var(--lwa-highlight-blue);
	}
}
html[data-shcolor="yellow"] {
	mark {
		background-color:var(--lwa-highlight-yellow);
	}
}

html[data-shcolor="none"] {
	mark {
		background-color:transparent;
	}
}

html[data-shcolor="gray"] {
	mark {
		background-color:var(--lwa-gray-1);
	}
	
	&[data-theme="dark"] mark {
		background-color:var(--lwa-gray-1);
	}
}

/* 1. General */
/* 1.1. Global */
html,body {
	margin:0;
	padding:0;
	overflow:hidden;
	color:var(--lwa-body-color);
	background: var(--lwa-bg-color-2);
	height:100%;
	min-height:100%;
	font-size: 1rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	
	* {
		box-sizing:border-box;
	}
	
	a {
		color:var(--lwa-blue-2);
		text-decoration:none;
		cursor:pointer;
		transition:color 320ms;
		
		&:hover {
			color:var(--lwa-blue-3);
			transition:color 320ms;
		}
	}
	a.danger {
		color:var(--lwa-red-2);
		
		&:hover {
			color:var(--lwa-red-3);
		}
	}
	
	b, strong {font-weight:600;}
	
	u {
		text-decoration:none;
		border-bottom: 1px solid var(--lwa-blue-2);
		
		&:hover {
			border-bottom: 1px solid var(--lwa-blue-3);
		}
	}
	button {
		background-color:transparent;
		border:0;
		margin:0;
		padding:0;
		font-size: 1rem;
		outline:0;
		font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-weight:500;
		text-transform:uppercase;
		cursor:pointer;
	}
	
	ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	h1 {
		
	}
	h2 {
		font-size: 1.1rem;
    font-weight: 700;
	}
	h3, h4 {
		font-size: 1rem;
    font-weight: 700;
	}
	
	.text-green-2 {
		color:var(--lwa-green-2);
	}
	.text-red-2 {
		color:var(--lwa-red-2);
	}
	.text-blue-2 {
		color:var(--lwa-blue-2);
	}
	.text-gold-2 {
		color:var(--lwa-gold-2);
	}
	
	.text-gray-1 {
		color:var(--lwa-gray-1);
	}
	.text-gray-2 {
		color:var(--lwa-gray-2);
	}
	.text-gray-3 {
		color:var(--lwa-gray-3);
	}
	
	.bg-green-1 {
		background-color:var(--lwa-green-1);
	}
	.bg-red-1 {
		background-color:var(--lwa-red-1);
	}
	.bg-blue-1 {
		background-color:var(--lwa-blue-1);
	}
	.bg-gold-1 {
		background-color:var(--lwa-gold-1);
	}
	.bg-gray-1 {
		background-color:var(--lwa-gray-1);
	}
	.bg-gray-2 {
		background-color:var(--lwa-gray-2);
	}
	.bg-gray-3 {
		background-color:var(--lwa-gray-3);
	}
}

/* 1.2. System messages */
#system-message-container {
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 9;
	width: 350px;
	
	joomla-alert {
		margin:0 0 0 0;
		padding:8px 39px 8px 10px;
		position:relative;
		border-radius: 5px;
		border:0;
		color:white !important;
		
		+ joomla-alert {
			margin-top:10px;
		}
		
		&[type=info] {
			background-color:var(--lwa-blue-3);
		}
		&[type=success] {
			background-color:var(--lwa-green-3);
		}
		&[type=warning] {
			background-color:var(--lwa-gold-3);
		}
		&[type=danger] {
			background-color:var(--lwa-red-3);
		}
		.alert-heading {
			font-weight: 500;
			display:none;
			
			&:first-letter {
				text-transform: uppercase;
			}
		}
		.alert-wrapper {
			font-size: .9rem;
		}
		
		.joomla-alert--close {
			color: white;
			padding: 0;
			margin: 0;
			width: 34px;
			height: 34px;
			opacity: .5;
			position: absolute;
			top: 0;
			right: 0;
			font-weight: 400;
			font-size: 2rem;
			display: block;
			
			> span {
				display: block;
				height: 34px;
				line-height: 26px;
			}
			
			&:hover {
				opacity:1.0;
			}
		}
	}
}
@media only screen and (max-width: 767px) {
	#system-message-container {
		width: 100%;
    bottom: 0;
    left: 0;
    right: auto;
		
		joomla-alert {
			width: 100%;
			bottom: 0;
			left: 0;
			right: auto;
			min-height: 44px;
			border-radius:0;
			padding:10px 44px 10px 20px;
			
			.alert-wrapper {
				font-size:1rem;
			}
			.joomla-alert--close {
				font-size: 2.5rem;
				width:54px;
				height:44px;
			}
		}
	}
}

/* 1.3. Helpers */
.hide, .visually-hidden {display:none !important;}
.show {display: block !important;}

/* 2. Nitro UI Components (NUIC) */
/* 2.1. Brand */
.lwa-brand {
	flex: 1 1 auto;
	
	> a {
		display:block;
		padding:15px 15px;
		
		> img {
			display:block;
			margin:0 0 0 1px;
			height:34px;
			width:auto;
		}
		
		> img.logo-2 {display:none;}
	}
}
.lwa-version {
	flex:0 0 64px;
	border-left:var(--lwa-border);
	
	> a {
		display:block;
		height:64px;
		width:64px;
		
		.wrap {
			.v-phase {
				display:block;
				height:64px;
				padding:17px 0 13px 0;
				
				> img {
					display:block;
					margin: 0 auto;
					filter:var(--lwa-f-gray-2);
				}
			}
			.v-num {display:none;}
		}
	}
	
	> a:hover {
		cursor:pointer;
		
		.wrap .v-phase > img {
			filter:var(--lwa-f-body-color);
		}
	}
}

@media only screen and (max-width: 1199px) {
	.lwa-brand {
		> a {
			padding:12px 10px;
			
			> img.logo-1 {display:none;}
			> img.logo-2 {
				display:block;
				height: 32px;
    		margin: 3px auto 0 auto;
			}
		}
	}
	.lwa-version {display:none;}
}

@media only screen and (max-width: 767px) {
	.lwa-brand {
		width:64px;
		height:64px;
		border-right:var(--lwa-border);
		
		> a {
			padding:12px 5px 12px 5px;
			
			> img.logo-1 {
				display:none;
			}
			> img.logo-2 { display:block; }
		}
	}
}

/* 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;
				}
			}
		}
		
		> 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;
	}
}
/* 2.3. Blocks */
.lwa-section {}

.lwa-row {
	width:80%;
	margin:0 auto;
}
@media only screen and (max-width: 767px) {
	.lwa-row {
		width:100%;
		padding:0 20px;
	}
}

.lwa-title {
	padding:50px 0;
	
	> h1 {
		margin:0 0 5px 0;
		
		sup.lfp {
			color:var(--lwa-gray-2);
			font-weight:normal;
		}
	}
	> h2 {
		font-weight:normal;
		color:var(--lwa-gray-2);
		font-size:1.2rem;
		margin:0;
	}
}
@media only screen and (max-width: 991px) {
	.lwa-title {
		h1 {
			font-size:1.5rem;
		}
		h2 {
			font-size:1.2rem;
		}
	}
}
@media only screen and (max-width: 767px) {
	.lwa-title {
		padding:20px 0;
		
		h1 { font-size:1.5rem; }
		h2 { font-size:1.3rem; }
	}
}

.lwa-pagenav {
	padding:0 0 20px 0;
	
	> a {
		cursor:pointer;
	}
}

.lwa-pageactions {
	padding:20px 0 0 0;
	
	> ul {
		> li {
			> a {
				font-size:1.2rem;
				display:inline-block;
				
			}
		}
	}
}

.lwa-profile {
	padding:10px 0;
	
	fieldset {
		margin: 0;
    padding: 0;
    border: 0;
		
		> legend {display:none;}
		
		dl {
			margin:0;
			padding:0 20px 0 20px;
			
			dd, dt {
				margin:0;
			}
			
			dt {
				font-weight:500;
			}
			
			dd {
				margin: 0 0 10px 0;
			}
		}
	}	
}

.lwa-foot {
	margin: 0 auto;
	width:100%;
	max-width:535px;
	padding:50px 20px;
	
	> ul {
		display:flex;
		flex-direction:column;
		list-style-type:none;
		margin:0;
		padding:0;
		font-size:.85rem;
		text-align:center;
		
		> li {
			flex: 0 0 34px;
			padding:10px 0;
			
			> a {
				display:block;
			}
		}
		
		> li.i-logo {
			margin:0 auto;
			
			> a > img {
				height:20px;
				width:auto;
				margin: 2px 0;
			}
		}
		
		> li.i-copyright {
			> span {
				display:block;
				color:var(--lwa-gray-2);
			}
		}
		
		> li.i-links {
			
			> ul {
				list-style-type:none;
				margin:0;
				padding:0;
				
				> li {
					display:inline-block;
					
					> a {
						color:var(--lwa-body-color);
						
						&:hover {
							text-decoration:underline;
						}
					}
				}
			}
		}
	}
}

.lwa-table-1 {
	table {
		padding:3px 0;
		border-spacing: 0;
		width:100%;
		
		tr {
			th,td {
				&.i-spacer {
					width:20px;
					min-width:20px;
					padding:0;
					border-bottom:0;
				}
			}
			td {padding:10px 8px;}
			th {padding:10px 8px 15px 8px;}
			
			.i-prompt {
				padding-left:0;
				width:100%;
			}
			.i-actions {
				white-space:nowrap;
				padding-right:20px;
				
				> a {
					display:block;
					
					> span {
						display:block;
						height:44px;
						vertical-align:top;
						line-height:44px;
						
						> span {
							display:inline-block;
							height:44px;
							vertical-align:top;
							line-height:44px;
						}
						&::before {
							font-size:initial;
							display:inline-block;
							height:44px;
							content: "Hide";
							vertical-align: top;
							line-height: 44px;
							font-size:0;
						}
						
						&::after {
							vertical-align:top;
							display:inline-block;
							content:"";
							width: 12px;
							height:44px;
							background-image: url(/images/0/lci/lci-chevron-right-solid.svg);
							background-repeat:no-repeat;
							background-size:10px 10px;
							filter:var(--lwa-f-blue-2);
							background-position: 2px 19px;
						}
					}
					
					&:hover {
						> span {
							> span {
								color:var(--lwa-blue-3);
							}
							&::after {
								filter: var(--lwa-f-blue-3);
							}
						}
					}
				}
			}
			.i-content {
				padding:0;
			}
			.i-actions, .i-words {
				text-align:center;
				vertical-align:middle;
			}
			.i-info {
				padding-left:0;
				width:100%;
				
				span {
					display:block;
					
					&.title {
						height:20px;
						line-height:15px;
					}
					&.sub {
						
						min-height:21px;
						line-height:16px;
						font-size:.9rem;
						color:var(--lwa-gray-2);
					}
				}
			}
		}
		tr.r-head {
			th {
				border-bottom: var(--lwa-border);
				padding-top:10px;
				padding-bottom: 15px;
				text-align:left;
				font-weight: 600;
				
				&.i-spacer {border-bottom:0;}
				&.i-info {padding-left:0;}
			}
		}
		tr.r-prompt {
			cursor:pointer;
		}
		tr.r-response {
			td.i-content {
				border-bottom: var(--lwa-border);
				padding-top:0;
				
				.wrap {
					display:none;
					padding:0 20px 10px 0px;
					
					> .image {
						display:block;
						width:100%;
						margin:5px 0 10px 0;

						> img {
							display:block;
							width:100%;
							border-radius:5px;
						}
					}
				}
			}
			
			&.expanded td.i-content .wrap {display:block;}
			
			&:last-of-type {
				.i-content, .i-content .wrap {
					border-bottom:0;
				}
			}
		}
		tr.has-img {
			.i-info {
				padding-left:55px;
				position:relative;
				
				> span.image {
					display:block;
					position:absolute;
					top:10px;
					left:0;
					height:44px;
					width:44px;
					overflow:hidden;
					border-radius:5px;
					cursor:pointer;
					
					> img {
						width:44px;
						height:44px;
						margin:0;
					}
				}
			}
		}
		
		tr.expanded {
			.i-actions > a {
				> span {
					font-size:0;
					> span {font-size:0;}
					
					&::before {
						font-size:initial;
						color:var(--lwa-red-2);
					}
					&::after {
						filter:var(--lwa-f-red-2);
					}
				}
				
				&:hover {
					> span::before {
						color:var(--lwa-red-3);
					}
					> span::after {
						filter:var(--lwa-f-red-3);
					}
				}
			}
		}
		
	}
}
@media only screen and (max-width: 991px) {
	.lwa-table-1 {
		table {
    	tr {
				.i-words {display:none;}
			}
		}
	}
}
@media only screen and (max-width: 767px) {
	.lwa-table-1 table {
		tr.r-head .i-actions {font-size:0;}
		
		tr.r-prompt .i-actions {
			padding:8px 20px 8px 8px;
		}
		tr.r-prompt .i-actions a {
			display:block;
			height:48px;
		} 
	}	
}

.lwa-table-2 {
	white-space: nowrap;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	
	table {
		padding:3px 0;
		border-spacing: 0;
		width:100%;
		
		tr {
			th,td {
				text-align:center;
				border-bottom: var(--lwa-border);
				
				&:nth-of-type(2) {
					text-align:left;
					padding-left:0;
				}
				&:last-of-type {
					padding-right:20px;
				}
				
				
				&.i-spacer {
					width:20px;
					min-width:20px;
					padding:0;
					border-bottom:0;
				}
				&.i-actions {
					white-space:nowrap;
					padding-right:20px;

					> a {
						display:block;
						cursor:pointer;

						> span {
							display:inline-block;
							height:24px;
							vertical-align:top;
							line-height:24px;

							&::after {
								vertical-align:top;
								display:inline-block;
								content:"";
								width: 18px;
								height:24px;
								background-image: url(/images/0/lci/lci-arrow-up-right-from-square-regular.svg);
								background-repeat:no-repeat;
								background-size:10px 10px;
								filter:var(--lwa-f-blue-2);
								background-position: 7px 10px;
							}
						}
						
						&:hover {
							> span {
								color:var(--lwa-blue-3);
								
								&::after {
									filter: var(--lwa-f-blue-3);
								}
							}
						}
					}
				}
					
				&.i-status {
					> .value {
						margin-right:6px;
					}
					> .lwa-pill {
						display:inline-block;
						font-weight:600;
						
						&[data-uf58="Open"],
						&[data-uf66="Open"]{
							background-color:var(--lwa-gray-1);
							color:var(--lwa-gray-3);
						}
						&[data-uf58="Discarded"],
						&[data-uf66="Discarded"],
						&[data-uf66="Refunded"] {
							background-color:var(--lwa-red-1);
							color:var(--lwa-red-3);
						}
						&[data-uf58="On hold"] {
							background-color:var(--lwa-gold-1);
							color:var(--lwa-gold-3);
						}
						&[data-uf58="In progress"] {
							background-color:var(--lwa-blue-1);
							color:var(--lwa-blue-3);
						}
						&[data-uf58="Completed"],
						&[data-uf66="Paid"] {
							background-color:var(--lwa-green-1);
							color:var(--lwa-green-3);
						}
					}
				}
			}
			
			th {
				padding:10px 8px 15px 8px;
			}
			td {
				padding:10px 8px;
			}
			
			&:last-of-type td {border-bottom:0;}
		}
	}
}

.lwa-directory {
	margin: 0 0 0 10px;
	
	> a {
		display:inline-block;
		padding: 0 0 0 0;
		height:64px;
		margin: 0;
		cursor:pointer;
		font-size:1.0rem;
		font-weight:700;
		color:var(--lwa-body-color);
		white-space:nowrap;
		
		> .wrap {
			display: block;
			position: relative;
			padding: 0 10px 0 49px;
			height:42px;
			margin: 11px 0;
			border-radius:5px;
		
			> .icon {
				display:block;
				position:absolute;
				top:0;
				left:0;
				width:44px;
				height:42px;
				text-align: center;

				> img {
					display:block;
					width: 20px;
					margin: 10px auto 0 auto;
					filter: var(--lwa-f-body-color);
				}
			}

			> .anchor, > .arrow {
				display:inline-block;
				height:42px;
				line-height:42px;
				vertical-align: top;
			}
			> .anchor { }
			> .arrow {
				display:inline-block;
				width:16px;
				padding:0 3px;

				> img {
					display:block;
					width: 10px;
					height:auto;
					margin:14px 0 0 0;
					filter: var(--lwa-f-body-color);
				}
			}
		}
	}
	
	> a:hover {
		color:var(--lwa-body-color);
		
		> .wrap {
			background-color:var(--lwa-gray-1);
		}
	}
}
@media only screen and (max-width: 767px) {
	.lwa-directory {
		margin:0 0 0 5px;
		height:64px;
		
		> a {
			width:54px;
			
			> .wrap {
				padding:0;
				margin:11px 5px;
				
				> .icon {width:44px;margin:0 auto;}
				> .anchor, > .arrow {
					display:none;
				}
			}
		}
	}
}

.lwa-list-1 {
	list-style-type:square;
	margin:0 0 0 20px;
}

.lwa-settings {
	> .g {
		
		> .i {
			display:flex;
			margin:0 0 15px 0;
			padding: 0 20px;
			
			&:first-of-type {
				margin: 15px 0;
			}
			
			> .icon {
				display:block;
				flex: 0 0 54px;
				padding: 0 0 0 0;
				filter: var(--lwa-f-gray-3);
				
				> img {
					width:34px;
					height:auto;
					margin: 4px 0 0 0;
          display: block;
					transform: var(--lwa-transform-flip);
    			transition: transform 1s ease;
				}
			}
			> .label {
				flex: 1 1 auto;
				padding:0 0 0 0;
				
				> span {
					display:block;
				}
				> .title {
					font-weight:500;
					font-size: 1rem;
				}
				> .desc {
					font-size:.9rem;
					color:var(--lwa-gray-2);
				}
			}
			> .info {
				flex: 0 0 70px;
				
				> .type {
					display:block;
					text-align: right;
					
					> img {
						width:26px;
						height:26px;
						filter:var(--lwa-f-gray-2);
						margin:7px 0 0 0;
					}
				}
			}
			> .action {
				flex: 0 0 150px;
				text-align:right;
				
				> button {
					width: 44px;
					height: 30px;
					background: var(--lwa-gray-2);
					border-radius: 20px;
					margin: 6px 0px 0 0;
					position: relative;
					padding:0;
					font-size:0;
					transition:background 320ms;
					
					&::before {
						display:block;
						content: attr(aria-label);
						position:absolute;
						top:0;
						left: -50px;
						font-size:1rem;
						font-weight: normal;
						height: 30px;
						line-height: 28px;
						color: var(--lwa-gray-2);
					}
					
					&::after {
						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"]::after {
						left:4px;
					}
					&[aria-label="on"],
					&[aria-label="dark"] {
						background-color:var(--lwa-green-2);
						transition:background 320ms;
						
						&::after {
							left:18px;
							transition:left 320ms;
						}
					}
				}
			}
		}
		
		> .i.i-shcolor {
			> .action {
				> a {
					position:relative;
					display:block;
					width:38px;
					height:38px;
					margin:3px 0 0 0;
					border: 3px solid var(--lwa-border-color);
					float: right;
					cursor:pointer;
					border-radius:5px;
					padding:2px;
					
					&:hover {
						border: 3px solid var(--lwa-gray-2);
					}
					
					&::before {
						display: block;
						content: attr(aria-label);
						position: absolute;
						top: 0;
						right: 65px;
						font-size: 1rem;
						font-weight: normal;
						height: 30px;
						line-height: 28px;
						color: var(--lwa-gray-2);
						text-transform:uppercase;
						text-align:right;
					}
					
					> .wrap {
						display:block;
						width:100%;
						height:100%;
						border-radius:3px;
						background-color:var(--lwa-highlight-blue);
					}
					
					&[aria-label="blue"] > .wrap {
						background-color:var(--lwa-highlight-blue);
					}
					&[aria-label="yellow"] > .wrap {
						background-color:var(--lwa-highlight-yellow);
					}
					&[aria-label="gray"] > .wrap {
						background-color:var(--lwa-highlight-gray);
					}
					&[aria-label="none"] > .wrap {
						background-color:var(--lwa-highlight-none);
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 480px) {
	.lwa-settings > .g {
		> .i, > .i.i-shcolor {
			> .info {display:none;}
			> .action {
				flex: 0 0 70px;
				
				> button, > a {
					flex: 0 0 70px;

					&::before {
						display:none;
					}
				}
			}
		}
	}
}

.lwa-tmarks {
	> .wrap {
		padding:10px 20px;
	}
	.row {
		display:flex;
		flex-direction:row;
		border-bottom: var(--lwa-border);
		
		&[data-f49="1"] {display:none;}
		&:last-of-type {
			border-bottom:0;
		}
		> .i {
			padding-top:7px;
			padding-bottom:7px;
		}
		
		> .i-mark {
			flex: 1 1 auto;
			padding-left:0;
			padding-right:7px;
			max-height:54px;
			
			span {
				display:inline-block;
				position:relative;
			}
			img {
				height:40px;
				width:auto;
				display:inline-block;
			}
			sup {
				display: inline-block;
    		vertical-align: super;
				position:absolute;
				top:-4px;
				right:-20px;
				font-size:.7rem;
			}
		}
		> .i-type, > .i-status {
			flex: 0 0 55px;
			text-align:center;
		}
		> .i-type, > .i-date {
			padding-left:7px;
			padding-right:7px;
		}
		> .i-date {
			flex: 0 0 95px;
			text-align:center;
		}
	}
	
	.row--head {
		border-bottom:0;
		
		> .i {
			> span {
				font-weight:bold;
			}
		}
	}
}

/* 2.4. Elements */
.lwa-pill {
	padding:2px 8px;
	border-radius:5px;
	height: 22px;
	line-height: 17px;
	display: inline-block;
	margin-left:-4px;
	white-space:nowrap;
	font-size:.85rem;
	
	> span {font-weight:500;}
}
/* X. Other */