﻿.ºtable{
	display: table;
	width: 100%;
	empty-cells: show;
	border-radius: var(--control-border-radius) var(--control-border-radius) 0 0;
	overflow: hidden;	
}
	.ºtable th,
	.ºtable td{
		vertical-align: middle;
		padding: 0 var(--size-2);
	}
	.ºtable td{
		height: calc(var(--control-height) - 3px);
		border-bottom: 1px solid var(--control-border-color-2);
	}
	.ºtable th{
		height: calc(var(--control-height) - 2px);
		position: relative;
		background: var(--control-border-color-2);
	}	
		.ºtable th:not(:last-child):after{
			content: '';
			position: absolute;
			top: 50%;
			right: 0;
			width: 1px;
			height: 1.6em;
			background: var(--control-border-color-3);
			transform: translateY(-50%);
		}
	.ºtable th.title{
		padding: 0 var(--size-2);
		background: var(--control-border-color);
	}		
.ºtable{
	margin-bottom: var(--size-2);
}
	.ºtable:last-child,
	.ºlayout .ºtable{
		margin-bottom: 0;
	}
	
.ºtable td.highlight{
	background: var(--color-9);
	border-color: var(--color-9);
}
	.ºtable td.highlight,
	.ºtable td.highlight *{
		color: var(--color-1);
	}
.ºtable td.highlight2{
	background: var(--color-11);
	border-color: var(--color-9);
}
	.ºtable td.highlight2,
	.ºtable td.highlight2 *{
		color: var(--color-1);
	}	
	
.ºtable.log{
	
}
	.ºtable.log tr:nth-child(odd){
		background: var(--control-border-color-2);
	}
		.ºtable.log tr:nth-child(odd) td:first-child {
			border-top-left-radius: var(--control-border-radius-2);
			border-bottom-left-radius: var(--control-border-radius-2);
		}
		.ºtable.log tr:nth-child(odd) td:last-child {
			border-top-right-radius: var(--control-border-radius-2);
			border-bottom-right-radius: var(--control-border-radius-2);
		}		
	.ºtable.log th{
		display: none;
	}
	.ºtable.log td{
		padding: var(--size-1) var(--size-2);
		border: 0;
		height: auto;
		border-left: 1px solid var(--control-border-color-2);
	}
	.ºtable.log td:first-child{
		border: 0;
	}
	
