
/* Prompts */
.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;
		} 
	}	
}

/* Gen. purpose */
.lwa-table-2 {
	white-space: nowrap;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	
	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);
						}
					}
				}
				
				&.i-title {
					.native-lbl {
						text-transform: uppercase;
    				font-size: .85rem;
						padding: 0 6px;
						border-radius: 4px;
						line-height: 20px;
						display: inline-block;
					}
					> .i-title__sub {
						font-size:.85rem;
						color:var(--lwa-gray-2);
					}
				}
			}
			
			th {
				padding:10px 8px 15px 8px;
			}
			td {
				padding:10px 8px;
			}
			
			&:last-of-type td {border-bottom:0;}
		}
	}
}

.lwa-table-3 {
	width: 100%;
	overflow: 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-title {
					.i-title__sub {
						font-size: .85rem;
    				color: var(--lwa-gray-2);
					}
				}
				&.i-icon {
					width:79px;
					min-width:79px;
					padding:0;
					border-bottom:0;
					text-align: left;
					position:relative;
					
					img {
						margin:5px 0 0 20px;
						box-shadow: var(--lwa-shadow-2);
						border-radius: 12px;
						position: absolute;
            top: 5px;
					}
				}
				&.i-actions {
					padding-right:15px;
					text-align:center;
					
					> a {
						white-space:nowrap;
						display:block;
						cursor:pointer;
						color:var(--lwa-blue-2);
						
						&:hover {
							color:var(--lwa-blue-3);
						}
					}
				}
				
			}
			
			th {
				padding:10px 8px 15px 8px;
				
				&.i-title {
					text-align:left;
					padding-left:20px;
				}
			}
			td {
				padding:10px 8px;
			}
			
			&.is-first td {
				padding-top:15px;
				
				img {
					top:10px;
				}
			}
			&.is-last td {
				padding-bottom:15px;
			}
			&:last-of-type td {border-bottom:0;}
		}
	}
}
@media only screen and (max-width: 481px) {
	.lwa-table-3 {
		table {
			tr td {
				.i-title__sub .mini-hide {
					display:none;
				}
			}	
		}
	}
}

.lwa-table-4 {
	width: 100%;
	overflow-y: hidden;
  overflow-x: auto;
	scrollbar-width:thin;
	font-size: .9rem;
	
	table {
		padding:3px 0;
		border-spacing: 0;
		width:100%;
		
		
		tr {
			td {
				border-bottom: var(--lwa-border);
				padding:10px;
				
				&.c-1 {
					padding:10px 10px 10px 20px;
				}
			}
			
			&.r-1 {
				td {
					width:25%;
					min-width: 170px;
					max-width: 170px;
					border-bottom: 0;
					
					img {
						display:block;
						margin:0;
						width: 100%;
            max-width: 150px;
						border-radius:10px;
						border:var(--lwa-border);
					}
				}
			}
			
			&.r-2 {
				td {
					font-weight:500;
					padding-top:0;
					vertical-align:top;
					
					a {
						color:var(--lwa-body);
  display: -webkit-box;      /* Required for legacy WebKit support */
  -webkit-box-orient: vertical; /* Required for legacy WebKit support */
  overflow: hidden;          /* Hides the overflow */
  -webkit-line-clamp: 3;     /* Limits to 3 lines (for WebKit browsers) */
  line-clamp: 3;             /* Limits to 3 lines (standard property) */
  line-height: 1.4em;        /* Define your desired line height */

					}
				}
			}
			&.r-4 td {
				padding-bottom:0;
			}
			&.r-5 td {
				padding-top:0;
			}
			&.r-4, &.r-5 {
				td {
					border-bottom: 0;
					vertical-align:top;
					
					> a {
						white-space:nowrap;
						display:block;
						cursor:pointer;
						color:var(--lwa-blue-2);
						border:1px solid var(--lwa-blue-2);
						border-radius:20px;
						padding: 5px 15px;
						line-height: 20px;
						height: 34px;
						width: 150px;
						margin-top:15px;
            text-align: center;
						
						&:hover {
							cursor:pointer;
							color:var(--lwa-blue-3);
							border:1px solid var(--lwa-blue-3);
						}
					}
					> a.is-pdf {
						margin-top:15px;
						color:var(--lwa-purple-2);
						border:1px solid var(--lwa-purple-2);
						
						&:hover {
							cursor:pointer;
							color:var(--lwa-purple-3);
							border:1px solid var(--lwa-purple-3);
						}
					}
				}
			}
			
			&.is-first td {
				padding-top:15px;
			}
			&.is-last td {
				padding-bottom:15px;
				padding-top:0;
			}
			&:last-of-type td {border-bottom:0;}
			
			> td.is-last {
				padding-right:20px;
			}
		}
	}
}
@media only screen and (max-width: 481px) {
	.lwa-table-4 {
		table {
			tr td {
				
			}	
		}
	}
}

.lwa-table-5 {
	width: 100%;
	overflow: hidden;
	
	table {
		padding:6px 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-title {
					.i-title__main {word-break: break-all;}
					.i-title__sub {
						font-size: .85rem;
    				color: var(--lwa-gray-2);
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						
						.sub-expiry {
							text-transform:uppercase;
							font-weight:500;
						}
						.sub-active {
							color:var(--lwa-green-2);
						}
						.sub-expired {
							color:var(--lwa-red-2);
						}
					}
				}
				&.i-icon {
					width:64px;
					min-width:64px;
					padding:0;
					border-bottom:0;
					text-align: left;
					position:relative;
					
					&::before {
						position: absolute;
						top: 10px;
						left: 10px;
						display: block;
						content: "";
						width: 44px;
						height: 44px;
						background-repeat: no-repeat;
						background-size: 30px auto;
						background-position: center center;
						background-image: url(/images/0/lci/lci-link-solid-full.svg);
						filter: var(--lwa-f-body);
					}
					
					&[data-lid="01-1"]::before {
						background-image: url(/images/0/lci/brand-facebook.svg);
					}
					&[data-lid="01-2"]::before {
						background-image: url(/images/0/lci/brand-instagram.svg);
					}
					&[data-lid="01-3"]::before {
						background-image: url(/images/0/lci/brand-tiktok.svg);
					}
					&[data-lid="01-4"]::before {
						background-image: url(/images/0/lci/brand-youtube.svg);
					}
					&[data-lid="01-5"]::before {
						background-image: url(/images/0/lci/brand-feels-color.svg);
						filter:unset;
					}
					&[data-lid="01-6"]::before {
						background-image: url(/images/0/lci/brand-threads.svg);
					}
					&[data-lid="01-7"]::before {
						background-image: url(/images/0/lci/brand-pinterest.svg);
					}
					&[data-lid="01-8"]::before {
						background-image: url(/images/0/lci/brand-reddit.svg);
					}
					&[data-lid="01-9"]::before {
						background-image: url(/images/0/lci/brand-snapchat.svg);
					}
					&[data-lid="01-10"]::before {
						background-image: url(/images/0/lci/brand-whatsapp.svg);
					}
					&[data-lid="01-11"]::before {
						background-image: url(/images/0/lci/brand-telegram.svg);
					}
					&[data-lid="01-12"]::before {
						background-image: url(/images/0/lci/brand-x.svg);
					}
					&[data-lid="01-13"]::before {
						background-image: url(/images/0/lci/brand-tsocial.svg);
					}
					&[data-lid="01-14"]::before {
						background-image: url(/images/0/lci/brand-bluesky.svg);
					}
					&[data-lid="02-1"]::before {
						background-image: url(/images/0/lci/brand-linkedin.svg);
					}
					&[data-lid="02-2"]::before {
						background-image: url(/images/0/lci/brand-github.svg);
					}
					&[data-lid="02-3"]::before {
						background-image: url(/images/0/lci/brand-upwork.svg);
					}
					&[data-lid="02-4"]::before {
						background-image: url(/images/0/lci/brand-soundcloud.svg);
					}
					&[data-lid="02-5"]::before {
						background-image: url(/images/0/lci/brand-spotify.svg);
					}
					&[data-lid="02-6"]::before {
						background-image: url(/images/0/lci/brand-apple-music.svg);
					}
					&[data-lid="02-7"]::before {
						background-image: url(/images/0/lci/brand-saatchi.svg);
					}
					&[data-lid="02-8"]::before {
						background-image: url(/images/0/lci/brand-artistsaz.svg);
					}
					&[data-lid="02-9"]::before {
						background-image: url(/images/0/lci/brand-artinerary.svg);
					}
					&[data-lid="02-10"]::before {
						background-image: url(/images/0/lci/brand-poshmark.svg);
					}
					
					&[data-lid="03-1"]::before {
						background-image: url(/images/0/lci/brand-omnika.svg);
					}
					&[data-lid="03-2"]::before {
						background-image: url(/images/0/lci/brand-academia.svg);
					}
					&[data-lid="03-3"]::before {}

					&[data-lid="03-4"]::before {
						background-image: url(/images/0/lci/brand-orcid.svg);
					}
					&[data-lid="03-5"]::before {
						background-image: url(/images/0/lci/brand-gscholar.svg);
					}
					&[data-lid="03-6"]::before {}
					
					
					&[data-lid="04-01"]::before {
						background-image: url(/images/0/lci/brand-official.svg);
					}
					&[data-lid="04-02"]::before {
						background-image: url(/images/0/lci/brand-mylfp.svg);
					}
					&[data-lid="04-03"]::before {
						background-image: url(/images/0/lci/brand-mycvr.svg);
					}
					&[data-lid="04-04"]::before {
						background-image: url(/images/0/lci/brand-alilpr.svg);
					}
					
					&[data-icon="audio"]::before {
						background-image: url(/images/0/lci/lci-music-solid-full.svg);
					}
				}
				
				&.i-actions {
					padding-right:10px;
					text-align:right;
					max-width:120px;
					
					
					> a {
						white-space:nowrap;
						display:block;
						cursor:pointer;
						color:var(--lwa-blue-2);
						
						&:hover {
							color:var(--lwa-blue-3);
						}
					}
					
					> .icons-wrap {
						display:flex;
						justify-content:end;
					}
					> .icons-wrap > .icon {
						flex:0 0 44px;
						width:44px;
						height:44px;
						outline:0;
						border:0;
						margin:0;
						padding:0;
						background-position:center center;
						background-repeat:no-repeat;
						background-size:18px auto;
						
						&.icon-copy {
							filter:var(--lwa-f-gray-2);
							background-size: 30px auto;
							background-image:url(/images/0/lci/lci-copy.svg);
							
							&:hover {filter:var(--lwa-f-body);}
							&.is-copied {
								background-size: 26px auto;
								filter:var(--lwa-f-green-2);
								background-image:url(/images/0/lci/lci-copy-check.svg);
							}
						}
						&.icon-ext {
							filter:var(--lwa-f-gray-2);
							background-size: 28px auto;
							background-image:url(/images/0/lci/lci-arrow-up-right-from-square-solid-full.svg);
							
							&:hover {filter:var(--lwa-f-body);}
						}
						&.icon-del {
							background-size: 28px auto;
							filter:var(--lwa-f-red-2);
							background-image:url(/images/0/lci/lci-trash-can.svg);
							&:hover {filter:var(--lwa-f-red-3);}
						}
					}
				}
				
			}
			
			th {
				padding:10px 8px 15px 8px;
				
				&.i-title {
					text-align:left;
					padding-left:20px;
				}
			}
			td {
				padding:10px 8px;
			}
			
			&:last-of-type td {border-bottom:0;}
		}
	}
}
@media only screen and (max-width: 769px) {
	.lwa-table-5 {
		table {
			tr td {
				&.i-title {
					max-width:calc(100dvw - 170px);
				}
			}	
		}
	}
}
@media only screen and (max-width: 481px) {
	.lwa-table-5 {
		table {
			tr td {
				.i-title__sub .mini-hide {
					display:none;
				}
			}	
		}
	}
}

.lwa-table-6 {
	width: 100%;
	overflow: hidden;
	
	table {
		padding:6px 0;
		border-spacing: 0;
		width:100%;
		
		&.is-empty {display:none;}
		
		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-title {
					.i-title__sub {
						font-size: .85rem;
    				color: var(--lwa-gray-2);
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}
				&.i-icon {
					width:64px;
					min-width:64px;
					padding:0;
					border-bottom:0;
					text-align: left;
					position:relative;
					
					.avatar {
						position: absolute;
						top: 12px;
						left: 14px;
						display: block;
						content: "";
						width: 36px;
						height: 36px;
						border-radius:50%;
						text-transform:uppercase;
						font-weight:500;
						white-space:nowrap;
						color:white;
						text-align:center;
						line-height:36px;
						font-size:.9rem;
						
						.guest-avatar-wrap {
							position: absolute;
							top: 2px;
							left: 2px;
							width: 32px;
							height: 32px;
							background: white;
							border-radius: 50%;
							padding-top:3px;
							
							img {
								width: 20px;
    						height: auto;
								padding-left: 1px;
							}
						}
					}
				}
				
				&.i-actions {
					padding-right:20px;
					text-align:right;
					max-width:65px;
					
					
					> a {
						white-space:nowrap;
						display:block;
						cursor:pointer;
						color:var(--lwa-blue-2);
						
						&:hover {
							color:var(--lwa-blue-3);
						}
					}
				}
				
			}
			
			th {
				padding:10px 8px 15px 8px;
				
				&.i-title {
					text-align:left;
					padding-left:20px;
				}
			}
			td {
				padding:10px 8px;
			}
			
			&:last-of-type td {border-bottom:0;}
		}
	}
}
@media only screen and (max-width: 769px) {
	.lwa-table-6 {
		table {
			tr td {
				&.i-title {
					max-width:calc(100dvw - 170px);
				}
			}	
		}
	}
}
@media only screen and (max-width: 481px) {
	.lwa-table-6 {
		table {
			tr td {
				.i-title__sub .mini-hide {
					display:none;
				}
			}	
		}
	}
}

.lwa-table-7 {
	table {
		padding:3px 0;
		border-spacing: 0;
		width:100%;
		
		tr {
			th,td {
				&.i-spacer {
					width:20px;
					min-width:20px;
					padding:0;
					border-bottom:0;
				}
				&.i-actions {
					text-align:center;
				}
			}
			td {padding:10px 8px;}
			th {padding:10px 8px 15px 8px;}
			
			.i-info {
				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 details";
							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-date {
				text-align:center;
				vertical-align:middle;
				white-space:nowrap;
			}
			.i-info {
				padding-left:0;
				width:100%;
				
				span {
					display:block;
					
					&.title {
						min-height:22px;
						line-height:22px;
					}
					&.sub {
						min-height:21px;
						line-height:21px;
						font-size:.9rem;
						color:var(--lwa-gray-2);
					}
					&.sub-1, &.sub-2, &.sub-3 {
						display: inline;
					}
					&.sub-1 {
						text-transform:uppercase;
						font-weight:500;
						
						&[data-status-id="1"],
						&[data-status-id="5"] {color:var(--lwa-orange-2);}
						&[data-status-id="2"] {color:var(--lwa-green-2);}
						&[data-status-id="3"] {color:var(--lwa-red-3);}
						&[data-status-id="4"] {color:var(--lwa-body-color);}
					}
				}
			}
		}
		tr.r-head {
			th {
				border-bottom: var(--lwa-border);
				padding-top:10px;
				padding-bottom: 15px;
				font-weight: 600;
				
				&.i-info {
					text-align:left;
					padding-left:0;
				}
			}
		}
		tr.r-i {
			cursor:pointer;
		}
		tr.r-c {
			td.i-content {
				border-bottom: var(--lwa-border);
				padding-top:0;
				
				.wrap {
					display:none;
					padding:0 20px 10px 0px;
				}
			}
			
			&.expanded td.i-content .wrap {display:block;}
			
			&:last-of-type, &:last-of-type {
				.i-content, .i-content .wrap {
					border-bottom: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);
					}
				}
			}
		}
		
		.dflow {
			padding-top:10px;
			
			> li {
				padding:0 0 20px 50px;
				margin-left: 20px;
				position:relative;
				
				.icon {
					display: block;
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 24px;
					height: 30px;
					background-repeat: no-repeat;
					background-size: 20px auto;
					background-image: url(/images/0/lci/lci-circle-solid.svg);
					top:2px;
					filter: var(--lwa-f-body-color);
					
					&.icon-1 {
						background-image: url(/images/0/lci/lci-circle-question-solid.svg);
					}
					&.icon-2 {
						background-image: url(/images/0/lci/lci-square-poll-horizontal-solid-full.svg);
						background-size: 25px auto;
						left: -3px;
						top: 0px;
					}
					&.icon-3 {
						background-image: url(/images/0/lci/lci-bullseye-solid-full.svg);
						background-size: 23px auto;
						left: -2px;
						top: 0px;
					}
					&.icon-4 {
						background-image: url(/images/0/lci/lci-sparkles-solid-full.svg);
					}
				}
				.step {
					.border-wrap {
						border:var(--lwa-border);
						border-radius:5px;
						padding: 8px 10px;
						margin-top: 10px;
					}
					.d-pov {
						font-weight:500;
						
						&.d-pov-0 {
							color:var(--lwa-orange-2);
						}
						&.d-pov-1 {
							color:var(--lwa-green-3);
						}
						&.d-pov-2 {
							color:var(--lwa-red-3);
						}
						&.d-pov-3 {
							color:var(--lwa-purple-3);
						}
					}
				}
				.poll {
					border:var(--lwa-border);
					border-radius:5px;
					padding: 10px 15px 10px 15px;
					margin-top: 10px;
					
					.poll-o {
						margin-bottom:10px;
						.po-val {
							margin-bottom: 5px;
							display:flex;
							
							.pov-lbl {
								flex: 1 1 auto;
								
								> div {
									font-size: .85rem;
    							color: var(--lwa-gray-2);
								}
							}
							.pov-num {
								flex:0 0 60px;
							}
							.pov-avatars {
								flex:1 1 auto;
								display:flex;
								justify-content: end;
								padding-top: 6px;
                color: var(--lwa-gray-2);
								
								.avatarWrap {
									flex:0 0 30px;
									margin-right:5px;
									
									.avatar {
										border-radius:50%;
										height:30px;
										color:white;
										text-transform:uppercase;
										line-height:30px;
										text-align:center;
										font-weight:500;
										font-size:.8rem;
									}
								}
							}
						}
						.po-scale {
							position:relative;
							height:10px;
							border-radius:4px;
							background: var(--lwa-gray-1);
							border:var(--lwa-border);
							
							.pos-val {
								position:absolute;
								top:0;
								left:0;
								min-width:5px;
								height:9px;
								border-radius:4px;
							}
						}
						
						&.poll-o-1 {
							.po-scale .pos-val {
								background-color:var(--lwa-green-3);
							}
						}
						&.poll-o-2 {
							.po-scale .pos-val {
								background-color:var(--lwa-red-3);
							}
						}
						&.poll-o-3 {
							.po-scale .pos-val {
								background-color:var(--lwa-purple-3);
							}
						}
					}
				}
			}
		}
		.dinfo {
			padding-top:10px;
			
			> li {
				padding:0 0 20px 50px;
				margin-left: 20px;
				position:relative;
				
				.icon {
					display: block;
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 24px;
					height: 30px;
					background-repeat: no-repeat;
					background-size: 20px auto;
					background-image: url(/images/0/lci/lci-circle-solid.svg);
					top:2px;
					filter: var(--lwa-f-body-color);
					
					&.icon-1 {
						background-image: url(/images/0/lci/lci-circle-question-solid.svg);
					}
					&.icon-2 {
						background-image: url(/images/0/lci/lci-globe-www-solid-full.svg);
					}
					&.icon-3 {
						background-image: url(/images/0/lci/lci-server-solid-full.svg);
					}
					&.icon-4 {
						background-image: url(/images/0/lci/lci-calendar-star.svg);
						background-size: 16px auto;
						top: 2px;
						left: 2px;
					}
				}
				.step {
					.border-wrap {
						border:var(--lwa-border);
						border-radius:5px;
						padding: 8px 10px;
						margin-top: 10px;
					}
					.d-pov {
						font-weight:500;
						
						&.d-pov-0 {
							color:var(--lwa-orange-2);
						}
						&.d-pov-1 {
							color:var(--lwa-green-3);
						}
						&.d-pov-2 {
							color:var(--lwa-red-3);
						}
						&.d-pov-3 {
							color:var(--lwa-purple-3);
						}
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 767px) {
	.lwa-table-7 table {
		tr.r-head .i-actions {font-size:0;}
		
		tr.r-i .i-actions {
			padding:8px 20px 8px 8px;
		}
		tr.r-i .i-actions a {
			display:block;
			height:48px;
		} 
		.dflow > li, .dinfo > li {
    	margin-left: 0;
		}
	}	
}
@media only screen and (max-width: 592px) {
	.lwa-table-7 {
		table {
			tr .i-actions > a > span::before {
				content: "Hide";
			}
			.dflow > li, .dinfo > li {
				padding:0 0 20px 0px;
				
				.step {
					padding-left: 0px;
					
					> b {
						padding-left: 40px;
					}
				}
				.poll {
					margin-top: 15px;
				}
			}
		}
	}
}
@media only screen and (max-width: 480px) {
	.lwa-table-7 {
		table .dflow > li .poll .poll-o .po-val {
			.pov-avatars {display:none;}
		}
	}
}

.lwa-table-8 {
	width: 100%;
	overflow: hidden;
	
	table {
		padding:6px 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-title {
					.i-title__main {word-break: break-all;}
					.i-title__sub {
						font-size: .85rem;
    				color: var(--lwa-gray-2);
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}
				&.i-icon {
					width:64px;
					min-width:64px;
					padding:0;
					border-bottom:0;
					text-align: left;
					position:relative;
					
					.i-icon__solution {
						position:absolute;
						top:9px;
						left:10px;
						display:block;
						content:"";
						width:44px;
						height:44px;
						background-repeat:no-repeat;
						background-position:center center;
						background-size: 36px 36px;
					}
				}
				
				&.i-actions {
					padding-right:20px;
					text-align:right;
					max-width:65px;
					
					
					> a {
						white-space:nowrap;
						display:block;
						cursor:pointer;
						color:var(--lwa-blue-2);
						
						&:hover {
							color:var(--lwa-blue-3);
						}
					}
				}
				
			}
			
			th {
				padding:10px 8px 15px 8px;
				
				&.i-title {
					text-align:left;
					padding-left:20px;
				}
			}
			td {
				padding:10px 8px;
			}
			
			&:last-of-type td {border-bottom:0;}
		}
	}
}
@media only screen and (max-width: 769px) {
	.lwa-table-8 {
		table {
			tr td {
				&.i-title {
					max-width:calc(100dvw - 170px);
				}
			}	
		}
	}
}
@media only screen and (max-width: 481px) {
	.lwa-table-8 {
		table {
			tr td {
				.i-title__sub .mini-hide {
					display:none;
				}
			}	
		}
	}
}

.lwa-table-9 {
	table {
		padding:3px 0 10px 0;
		border-spacing: 0;
		width:100%;
		
		tr {
			th,td {
				&.i-spacer {
					width:20px;
					min-width:20px;
					padding:0;
					border-bottom:0;
				}
				&.i-icon {
					width:59px;
					min-width:59px;
					
					border-bottom:0;
					vertical-align:top;
					
					img {
						display:block;
						width:44px;
						height:44px;
						border:var(--lwa-border);
						border-radius:5px;
						background-color:white;
						margin:0;
					}
				}
				&.i-actions {
					text-align:center;
				}
			}
			td {padding:10px 8px;}
			th {padding:10px 8px 15px 8px;}
			
			.i-info {
				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 details";
							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-date {
				text-align:center;
				vertical-align:middle;
				white-space:nowrap;
			}
			.i-info {
				padding-left:0;
				width:100%;
				
				span {
					display:block;
					
					&.title {
						min-height:22px;
						line-height:22px;
					}
					&.sub {
						min-height:21px;
						line-height:21px;
						font-size:.9rem;
						color:var(--lwa-gray-2);
					}
					&.sub-1, &.sub-2, &.sub-3 {
						display: inline;
					}
					&.sub-1 {
						text-transform:uppercase;
						font-weight:500;
						
						&[data-status-id="1"],
						&[data-status-id="5"] {color:var(--lwa-orange-2);}
						&[data-status-id="2"] {color:var(--lwa-green-2);}
						&[data-status-id="3"] {color:var(--lwa-red-3);}
						&[data-status-id="4"] {color:var(--lwa-body-color);}
					}
				}
			}
		}
		tr.r-head {
			th {
				border-bottom: var(--lwa-border);
				padding-top:10px;
				padding-bottom: 15px;
				font-weight: 600;
				
				&.i-info {
					text-align:left;
					padding-left:0;
				}
			}
		}
		tbody tr:first-of-type {
			> td {
				padding-top:20px !important;
			}
		}
		tr.r-i {
			cursor:pointer;
			
			td.i-icon {padding:10px 0 0 0;}
		}
		tr.r-c {
			td.i-icon {padding:0;}
			td.i-content {
				border-bottom: var(--lwa-border);
				padding-top:0;
				
				.wrap {
					display:none;
					padding:0 20px 10px 0px;
				}
			}
			
			&.expanded td.i-content .wrap {display:block;}
			
			&:last-of-type, &:last-of-type {
				.i-content, .i-content .wrap {
					border-bottom: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);
					}
				}
			}
		}
		
		.dinfo {
			padding-top:10px;
			
			> li {
				padding:0 0 20px 32px;
				position:relative;
				
				.icon {
					display: block;
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 24px;
					height: 30px;
					background-repeat: no-repeat;
					background-size: 20px auto;
					background-image: url(/images/0/lci/lci-circle-solid.svg);
					top:2px;
					filter: var(--lwa-f-body-color);
					
					&.icon-1 {
						background-image: url(/images/0/lci/lci-circle-question-solid.svg);
					}
					&.icon-2 {
						background-image: url(/images/0/lci/lci-list-solid.svg);
					}
					&.icon-3 {
						background-image: url(/images/0/lci/lci-folder-user-solid.svg);
					}
					&.icon-4 {
						background-image: url(/images/0/lci/lci-calendar-star.svg);
						background-size: 16px auto;
						top: 2px;
						left: 2px;
					}
				}
				.step {
					.border-wrap {
						border:var(--lwa-border);
						border-radius:5px;
						padding: 8px 10px;
						margin-top: 10px;
						font-size:.9rem;
					}
					.d-pov {
						font-weight:500;
						
						&.d-pov-0 {
							color:var(--lwa-orange-2);
						}
						&.d-pov-1 {
							color:var(--lwa-green-3);
						}
						&.d-pov-2 {
							color:var(--lwa-red-3);
						}
						&.d-pov-3 {
							color:var(--lwa-purple-3);
						}
					}
				}
			}
			
			.assets {
				display:flex;
				
				> div {
					flex:0 0 50%;
					
					&:first-of-type {padding-right:10px;}
					
					img {
						display:block;
						margin:10px 0 5px 0;
						height:auto;
						width:auto;
						max-width:100%;
						border:var(--lwa-border);
						border-radius:5px;
						
						&.square {
							aspect-ratio:1/1;
							max-height:100px;
						}
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 767px) {
	.lwa-table-9 table {
		tr.r-head .i-actions {font-size:0;}
		
		tr.r-i .i-actions {
			padding:8px 20px 8px 8px;
		}
		tr.r-i .i-actions a {
			display:block;
			height:48px;
		} 
		.dinfo > li {
    	margin-left: 0;
		}
	}	
}
@media only screen and (max-width: 592px) {
	.lwa-table-9 {
		table {
			tr .i-actions > a > span::before {
				content: "Hide";
			}
			tr {
				td.i-info {
					span.sub-3 {display:none;}
				}
			}
			tr.r-c td.i-icon {
				width: 0px;
				min-width: 0px;
				display: none;
			}
			.dinfo .assets {
				display:block;
				> div:first-of-type {
					margin-bottom:15px;
				}
			}
			.dinfo > li {
				padding:0 0 20px 0px;
				
				&:last-of-type {padding-bottom:10px;}
				.icon {left:10px;}
				.step {
					padding-left: 0px;
					
					> b {
						padding-left: 40px;
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 480px) {
	.lwa-table-9 {
		table .dflow > li .poll .poll-o .po-val {
			.pov-avatars {display:none;}
		}
	}
}

.lwa-table-10 {
	table {
		padding:3px 0 10px 0;
		border-spacing: 0;
		width:100%;
		
		tr {
			th,td {
				&.i-spacer {
					width:20px;
					min-width:20px;
					padding:0;
					border-bottom:0;
				}
				&.i-icon {
					width:59px;
					min-width:59px;
					
					border-bottom:0;
					vertical-align:top;
					
					img {
						display:block;
						width:44px;
						height:44px;
						border:var(--lwa-border);
						border-radius:5px;
						background-color:white;
						margin:0;
					}
				}
				&.i-icon-2 {
					width:69px;
					min-width:69px;
					position:relative;
					border-bottom:0;
					vertical-align:top;
					
					&::before {
						position:absolute;
						display:block;
						width:12px;
						height:12px;
						content:"x";
						color:var(--lwa-gray-2);
						top:18px;
						left:-7px;
					}
					
					img {
						display:block;
						width:44px;
						height:44px;
						border:var(--lwa-border);
						border-radius:5px;
						background-color:white;
						margin:0;
					}
				}
				&.i-actions {
					cursor:pointer;
					text-align:center;
				}
				&.i-info, &.i-actions {border-bottom: var(--lwa-border);}
			}
			td {padding:10px 8px;}
			th {padding:10px 8px 15px 8px;}
			
			.i-info {
				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 details";
							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-actions {
				text-align:center;
				vertical-align:middle;
				white-space:nowrap;
			}
			.i-info {
				padding-left:0;
				width:100%;
				
				span {
					display:block;
					
					&.title {
						min-height:22px;
						line-height:22px;
					}
					&.sub {
						min-height:21px;
						line-height:21px;
						font-size:.9rem;
						color:var(--lwa-gray-2);
					}
					&.sub-1, &.sub-2, &.sub-3 {
						display: inline;
					}
					&.sub-1 {
						text-transform:uppercase;
						font-weight:500;
						
						&[data-status-id="1"],
						&[data-status-id="5"] {color:var(--lwa-orange-2);}
						&[data-status-id="2"] {color:var(--lwa-green-2);}
						&[data-status-id="3"] {color:var(--lwa-red-3);}
						&[data-status-id="4"] {color:var(--lwa-body-color);}
					}
				}
			}
		}
		tbody tr:first-of-type {
			> td {
				padding-top:20px !important;
				
				&.i-icon-2::before {
					top: 28px;	
				}
			}
		}
		tr.r-i {
			td.i-icon {padding:10px 0 0 0;}
		}
		tbody tr:last-of-type {
			td.i-info, td.i-actions {
				border-bottom: 0;
			}
		}
	}
}
@media only screen and (max-width: 767px) {
	.lwa-table-10 table {
		tr.r-head .i-actions {font-size:0;}
		
		tr.r-i .i-actions {
			padding:8px 20px 8px 8px;
		}
		tr.r-i .i-actions a {
			display:block;
			height:48px;
		}
	}	
}
@media only screen and (max-width: 592px) {
	.lwa-table-10 {
		table {
			tr .i-actions > a > span::before {
				content: "Hide";
			}
			
			tr {
				.i-info {
					 span {
						 &.sub-3 {display:none;}
					}
				}
				
				.i-icon-2 {
					position:relative;
					padding-left: 0;
					padding-right: 0;
					width: 5px !important;
					min-width: 5px !important;
					
					&::before {display:none !important;}
					
					img {
						position: absolute;
						top: 5px;
						left: -27px;
						width: 22px !important;
						height: 22px !important;
					}
				}
			}
			tr:first-of-type {
				td.i-icon-2 {
					img {top:15px;}
				}
			}
		}
	}
}

.lwa-table-11 {
	table {
		padding:3px 0;
		border-spacing: 0;
		width:100%;
		
		tr {
			th,td {
				&.i-spacer {
					width:20px;
					min-width:20px;
					padding:0;
					border-bottom:0;
				}
				&.i-actions {
					text-align:center;
				}
			}
			td {padding:10px 8px;}
			th {padding:10px 8px 15px 8px;}
			
			.i-info {
				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 details";
							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 {
				text-align:center;
				vertical-align:middle;
				white-space:nowrap;
			}
			.i-info {
				padding-left:0;
				width:100%;
				
				span {
					display:block;
					
					&.title {
						min-height:22px;
						line-height:22px;
					}
					&.sub {
						min-height:21px;
						line-height:21px;
						font-size:.9rem;
						color:var(--lwa-gray-2);
					}
					&.sub-1, &.sub-2, &.sub-3 {
						display: inline;
					}
					&.sub-1 {
						text-transform:uppercase;
						font-weight:500;
					}
				}
			}
		}
		tr.r-head {
			th {
				border-bottom: var(--lwa-border);
				padding-top:10px;
				padding-bottom: 15px;
				font-weight: 600;
				
				&.i-info {
					text-align:left;
					padding-left:0;
				}
			}
		}
		tr.r-i {
			cursor:pointer;
		}
		tr.r-c {
			td.i-content {
				border-bottom: var(--lwa-border);
				padding-top:0;
				
				.wrap {
					display:none;
					padding:0 20px 10px 0px;
				}
			}
			
			&.expanded td.i-content .wrap {display:block;}
			
			&:last-of-type, &:last-of-type {
				.i-content, .i-content .wrap {
					border-bottom: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);
					}
				}
			}
		}
		.dinfo {
			padding-top:10px;
			
			> li {
				padding:0 0 20px 50px;
				margin-left: 20px;
				position:relative;
				
				.icon {
					display: block;
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 24px;
					height: 30px;
					background-repeat: no-repeat;
					background-size: 20px auto;
					background-image: url(/images/0/lci/lci-circle-solid.svg);
					top:2px;
					filter: var(--lwa-f-body-color);
					
					&.icon-1 {
						background-image: url(/images/0/lci/lci-circle-question-solid.svg);
					}
					&.icon-3 {
						background-image: url(/images/0/lci/lci-circle-check-solid.svg);
					}
					&.icon-2 {
						background-image: url(/images/0/lci/lci-calendar-star.svg);
						background-size: 16px auto;
						top: 2px;
						left: 2px;
					}
				}
				.step {
					.border-wrap {
						border:var(--lwa-border);
						border-radius:5px;
						padding: 8px 10px;
						margin-top: 10px;
						font-size:.9rem;
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 767px) {
	.lwa-table-11 table {
		tr.r-head .i-actions {font-size:0;}
		
		tr.r-i .i-actions {
			padding:8px 20px 8px 8px;
		}
		tr.r-i .i-actions a {
			display:block;
			height:48px;
		} 
		.dinfo > li {
    	margin-left: 0;
		}
	}	
}
@media only screen and (max-width: 592px) {
	.lwa-table-11 {
		table {
			tr .i-actions > a > span::before {
				content: "Hide";
			}
			tr .i-info .sub .sub-3 {display:none;}
			.dinfo > li {
				padding:0 0 20px 0px;
				
				.step {
					padding-left: 0px;
					
					> b {
						padding-left: 40px;
					}
				}
			}
		}
	}
}
