:host {
	display: table-row;
	border-top: 1px solid rgba(var(--smoothly-medium-color), 0);
	border-bottom: 1px solid rgba(var(--smoothly-medium-color), 0);
}
:host:hover {
	box-shadow: var(--smoothly-shadow);
	border-top-color: rgb(var(--smoothly-medium-color));
	border-bottom-color: rgb(var(--smoothly-medium-color));
}
:host > td > .openable {
	padding: .5em .3em;
	width: max-content;
	min-width: 3em;
	display: inline-block;
}
:host > td > smoothly-checkbox {
	display: inline-block;
	vertical-align: -40%;
	margin-left: .3em;
}
:host > td > div  {
	min-width: 3em;
}
:host > td > .openable:hover{
	background-color: rgb(var(--smoothly-dark-shade));
	cursor: pointer;
}
:host > td > .openable.opened {
	border: solid 1px  rgb(var(--smoothly-medium-shade));;
	background-color: rgb(var(--smoothly-dark-shade));
	border-bottom: 3px solid rgb(var(--smoothly-dark-shade));
	border-radius: 0 0 2px 2px; 
	margin-bottom: -2px;
}
ig-status {
	margin-right: .2em;
	padding-right: 0.5em;
	flex-shrink: 5;
	width: 100%;
}
:host > td:last-child > div {
	width: 100%;
	max-width: 20em;
	display: flex;
	align-content: stretch;
	flex-wrap: nowrap;
}
.sendLogin {
	cursor: pointer;
	vertical-align: -40%;
	display: inline-block;
}
smoothly-trigger {
	border:none;
	padding-left: 0.35em;
}
