body {
	font-size: 90%;
	font-family: sans-serif;
}

.table {
    display: table;
}
.row {
    display: table-row;
}
.cell {
    display: table-cell;
    border: 1px outset grey;
    white-space: nowrap;
    padding: 2px;
}

.cell.working {
    color: darkorange;
    font-weight: bold;
}

.cell.working.checking {
    color: red;
}

.row.repodlmtr {
    border-top: 2px solid black;
}

.row.header {
    color: white;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
}

.row.header .cell {
	background-color: #433f3f;
	padding-left: 4px;
	padding-right: 4px;
}

.cell.data {
	text-align: center;
	color: darkgrey;
	font-weight: bold;
}

.cell.data.none {
	background-color: red;
}

.cell.data.none.old {
	background-color: #b9a8a8;
	color: #fa8d8d;
}

.cell.data.none.age1 {
	background-color: #b9a8a8;
	color: #fa8d8d;
}

.cell.data.backup {
	background-color: green;
}



.table-scroll {
	position:relative;
	max-width:100%;
	margin:auto;
	overflow:hidden;
	border:1px solid #000;
}
.table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll .table {
	width:100%;
	margin:auto;
	border-collapse:collapse;
	border-spacing:0;
}




.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}

.clone .row.header .cell.fixed-side {
	background-color: #433f3f;
}

.clone .cell {
	visibility:hidden
}
.clone .cell {
	border-color:transparent
}
.clone .tbody .th {
	visibility:visible;
	
}
.clone .fixed-side {
	border: 1px outset grey;
	background:#eee;
	visibility:visible;
}
.clone .header {background:transparent;}

.tglhidden {
	position: fixed;
	z-index: 9999;
	right: 15px;
	top: 30px;
}

.showproblemsonly {
	position: fixed;
	top: 80px;
	z-index: 9999;
	right: 15px;
}

.showproblemsonly .btn {
	background-color: red;
	border-color: red;
	font-weight: bold;
}

.main-table .row.removed .cell.fixed-side {
	background-color: darkgrey;
}