@charset "utf-8";
/* CSS Document */

.tabsrollx{
	width: 100%;
}

.infotable {
	display: table;
	table-layout: fixed;
	border: var(--form-border);
	margin-bottom: 1em;
}
.row {
	display: table-row;
	position: relative;
}
.cell {
	display: table-cell;
}

.row:first-child .cell{
	border-top: none;
}
.cell {
	border-left: var(--form-border);
	border-top: var(--form-border);
	padding: .5rem 1rem;
	text-align: center;
	white-space: nowrap;
}

.cell:first-child{
	border-left: none;
}

/*nadstavba*/

.cell-break .cell, .cell-break.cell{white-space: normal;}

[data-status] .statusindicator {color: var(--bila);}
[data-status="1"] .statusindicator, [data-status="1"].fixone.showstatus .row .statusindicator, .fixone.showstatus [data-status="1"].row .statusindicator{background-color: var(--stav1);}
[data-status="2"] .statusindicator, [data-status="2"].fixone.showstatus .row .statusindicator, .fixone.showstatus [data-status="2"].row .statusindicator{background-color: var(--stav2);}
[data-status="3"] .statusindicator, [data-status="3"].fixone.showstatus .row .statusindicator, .fixone.showstatus [data-status="3"].row .statusindicator{background-color: var(--stav3);}
[data-status="4"] .statusindicator, [data-status="4"].fixone.showstatus .row .statusindicator, .fixone.showstatus [data-status="4"].row .statusindicator{background-color: var(--stav4);}
[data-status="5"] .statusindicator, [data-status="5"].fixone.showstatus .row .statusindicator, .fixone.showstatus [data-status="5"].row .statusindicator{background-color: var(--stav5);}
[data-status="6"] .statusindicator, [data-status="6"].fixone.showstatus .row .statusindicator, .fixone.showstatus [data-status="6"].row .statusindicator{background-color: var(--stav6);}
[data-status="10"] .statusindicator, [data-status="10"].fixone.showstatus .row .statusindicator, .fixone.showstatus [data-status="10"].row .statusindicator{background-color: var(--stav10);}
[data-status="a"] .statusindicator, [data-status="a"].fixone.showstatus .row .statusindicator, .fixone.showstatus [data-status="a"].row .statusindicator{background-color: var(--zelena);}
[data-status="n"] .statusindicator, [data-status="n"].fixone.showstatus .row .statusindicator, .fixone.showstatus [data-status="n"].row .statusindicator{background-color: var(--bila);}
[data-status="1000"] .statusindicator, [data-status="1000"].fixone.showstatus .row .statusindicator, .fixone.showstatus [data-status="1000"].row .statusindicator{background-color: var(--orange);}

.infotable .highlighted, .infotable .selfhighlighted:not(.resultrow),  .infotable .selfhighlighted.resultrow .result,
.fixone:not(.showstatus) .row.highlighted .cell:nth-of-type(1),
.fixone:not(.showstatus) .row.selfhighlighted:not(.resultrow) .cell:nth-of-type(1),
.fixone.showstatus .row.highlighted:not(.resultrow) .cell:nth-of-type(2),
.fixone.showstatus .row:not(.resultrow) .highlighted.cell:nth-of-type(2) {
	background-color: var(--zelena-light-gray);
}

[data-status="1"] .selfhighlighted .cell,
[data-status="1"].selfhighlighted .cell,
.fixone.showstatus [data-status="1"].selfhighlighted .cell:nth-of-type(2),
[data-status="1"].fixone.showstatus .selfhighlighted .cell:nth-of-type(2),
.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="1"] .cell:nth-of-type(2)
{background-color: var(--stav1); color: var(--bila);}

[data-status="2"] .selfhighlighted .cell,
[data-status="2"].selfhighlighted .cell,
.fixone.showstatus [data-status="2"].selfhighlighted .cell:nth-of-type(2),
[data-status="2"].fixone.showstatus .selfhighlighted .cell:nth-of-type(2),
.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="2"] .cell:nth-of-type(2)
{background-color: var(--stav2); color: var(--bila);}

[data-status="3"] .selfhighlighted .cell,
[data-status="3"].selfhighlighted .cell,
.fixone.showstatus [data-status="3"].selfhighlighted .cell:nth-of-type(2),
[data-status="3"].fixone.showstatus .selfhighlighted .cell:nth-of-type(2),
.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="3"] .cell:nth-of-type(2)
{background-color: var(--stav3); color: var(--bila);}

[data-status="4"] .selfhighlighted .cell,
[data-status="4"].selfhighlighted .cell,
.fixone.showstatus [data-status="4"].selfhighlighted .cell:nth-of-type(2),
[data-status="4"].fixone.showstatus .selfhighlighted .cell:nth-of-type(2),
.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="4"] .cell:nth-of-type(2)
{background-color: var(--stav4); color: var(--bila);}

[data-status="5"] .selfhighlighted .cell,
[data-status="5"].selfhighlighted .cell,
.fixone.showstatus [data-status="5"].selfhighlighted .cell:nth-of-type(2),
[data-status="5"].fixone.showstatus .selfhighlighted .cell:nth-of-type(2),
.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="5"] .cell:nth-of-type(2)
{background-color: var(--stav5); color: var(--bila);}

[data-status="6"] .selfhighlighted .cell,
[data-status="6"].selfhighlighted .cell,
.fixone.showstatus [data-status="6"].selfhighlighted .cell:nth-of-type(2),
[data-status="6"].fixone.showstatus .selfhighlighted .cell:nth-of-type(2),
.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="6"] .cell:nth-of-type(2)
{background-color: var(--stav6); color: var(--bila);}

[data-status="10"] .selfhighlighted .cell,
[data-status="10"].selfhighlighted .cell,
.fixone.showstatus [data-status="10"].selfhighlighted .cell:nth-of-type(2),
[data-status="10"].fixone.showstatus .selfhighlighted .cell:nth-of-type(2),
.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="10"] .cell:nth-of-type(2)
{background-color: var(--stav10); color: var(--bila);}

[data-status="a"] .selfhighlighted .cell,
[data-status="a"].selfhighlighted .cell,
.fixone.showstatus [data-status="a"].selfhighlighted .cell:nth-of-type(2),
[data-status="a"].fixone.showstatus .selfhighlighted .cell:nth-of-type(2),
.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="a"] .cell:nth-of-type(2)
{background-color: var(--zelena); color: var(--bila);}

[data-status="n"] .selfhighlighted .cell,
[data-status="n"].selfhighlighted .cell,
.fixone.showstatus [data-status="n"].selfhighlighted .cell:nth-of-type(2),
[data-status="n"].fixone.showstatus .selfhighlighted .cell:nth-of-type(2),
.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="n"] .cell:nth-of-type(2)
{background-color: var(--zelena-light-gray); color: var(--cerna);}

[data-status="1000"] .selfhighlighted .cell,
[data-status="1000"].selfhighlighted .cell,
.fixone.showstatus [data-status="1000"].selfhighlighted .cell:nth-of-type(2),
[data-status="1000"].fixone.showstatus .selfhighlighted .cell:nth-of-type(2),
.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="1000"] .cell:nth-of-type(2)
{background-color: var(--orange); color: var(--bila);}

.tableheader{
	font-weight: bold;
}

.tableheader .cell{
	background-color: var(--zelena-light-gray);
}

a.cell div, .change div, .cell .showinfolist{
	display: inline-block;
	width: 1.1rem;
	height: 1.1rem;
	margin-left: .25rem;
	border-radius: 50%;
	font-weight: bold;
	line-height: 1.1rem;
	text-align: center;
	background-color: var(--zelena);
	color: var(--bila);
	cursor: pointer;
}

.cell .showinfolist{background-color: var(--zelena-gray);}

.highlited .cell .showinfolist,
.selfhighlighted .cell .showinfolist{
	background-color: var(--bila);
	color: var(--zelena-gray);
}

a.cell:hover div, .change:hover div, .cell .showinfolist{
	text-decoration: none;
}

.change div{width: 1rem; height: 1rem; line-height: 1rem; margin: 0 .25rem;}
.change{margin-left: 1.5rem;}
.change[data-status="1"] div{background-color: var(--stav1);}
.change[data-status="2"] div{background-color: var(--stav2);}
.change[data-status="3"] div{background-color: var(--stav3);}
.change[data-status="4"] div{background-color: var(--stav4);}
.change[data-status="5"] div{background-color: var(--stav5);}
.change[data-status="6"] div{background-color: var(--stav6);}
.change[data-status="10"] div{background-color: var(--stav10);}
.change[data-status="a"] div{background-color: var(--zelena);}
.change[data-status="n"] div{background-color: var(--zelena-light-gray);}
.change[data-status="1000"] div{background-color: var(--orange);}

.cell.textalignleft {text-align: left;}
.cell.textalignright {text-align: right;}

.setfilter > div {align-items: flex-end;}
/* .setfilter > div > div:nth-of-type(2){margin-left: 0;} */

.setfilter .icon, .export{
	display: block;
	height: 1.5rem;
	width: 100%;
	margin-left: .25rem;
	margin-bottom: 1rem;
	background-repeat: no-repeat;
	background-position: .25rem center;
	cursor: pointer;
}

.export{
margin-left: 0;
background-position: left center;
}

.setfilter:not(.filtrationopen) div div{display: none;}
.setfilter:not(.filtrationopen) div .filter{
	display: block;
	margin-bottom: 0;
}

/*Součtové tabulky*/
.countingtable{
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.countingtable .row .cell:first-of-type{
	border-left: var(--form-border);
}
.countingtable .row div.cell:last-of-type{
	border-right: var(--form-border);
}
.countingtable .row.resultrow .cell{
	border: none;
	border-top: var(--form-border);
}
.countingtable .row:nth-last-of-type(2) .cell {border-bottom: var(--form-border);}

.countingtable .row.resultrow .cell.result{
	font-weight: bold;
	border-bottom: var(--form-border);
	border-left: var(--form-border);
}

.countingtable .row.resultrow .cell.result:last-of-type{
	border-right: var(--form-border);
}

/*--------------------------*/

.row.minus {
	color: red;
}

.tabs {
	margin-bottom: 1rem;
}

.tabs > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start; align-items: flex-start;
	padding: 0.25rem 0;
	border-bottom: var(--form-border);
}

.tabs.col-50-50 > div > div {
	width: 50%;
}
.tabs.col-34-66 > div > div:nth-of-type(1),
.tabs.col-34-33-33 > div > div:nth-of-type(1)
{
	width: 34%;
}
.tabs.col-34-66 > div > div:nth-of-type(2),
.tabs.col-34-33-33 > div > div:nth-of-type(2)
{
	width: 66%;
}

.tabs.col-34-33-33 > div > div:nth-of-type(2) > div
{
	width: 50%;
}

.tabs.col-34-33-33 > div > div:nth-of-type(2)
{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start; align-items: flex-start;
}

.tabs.align-r > div > div:nth-of-type(2) {
	text-align: right;
}
.tabs.align-c > div > div:nth-of-type(2) {
	text-align: center;
}

.tabs.col-bold > div > div:nth-of-type(1) {
	font-weight: bold;
}

.tabs.row-bold > div:nth-of-type(1) {
	font-weight: bold;
}

.tabs.wrap > div > div {
	overflow-wrap: break-word;
}

.icon-cell{
	padding: 0;
	height: 1rem;
	width: 1rem;
}

.icon-cell .icon{
	display: block;
	height: 1rem;
	width: 1rem;
	margin-top: .5rem;
	margin-left: .5rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.infolist{
	display: none;
	color: var(--cerna);
	position: absolute;
	top: 0;
	left: 0;
/*	transform: translateX(-50%) translateY(-50%);
	margin-top: var(--header-height); */
	width: 100%;
/*	max-height: calc(80vh - var(--header-height)); */
	overflow-y: auto;
	z-index: 80;
}

.infolist.show{display: block;}

.infolist .middle {
	padding: 0.5rem;
	position: relative;
	background: var(--zelena-gray);
	margin-top: 2.2rem;
	width: 100%;
}

.infolist .infolist-headline{
	color: var(--zelena-dark);
	font-weight: bold;
	margin-bottom: 1rem;
	font-size: 1.5rem;
}

.infolist .content{
	width: 100%;
	height: auto;
	overflow-y: auto;
}

.infolist .content *{
	padding-right: .5rem;
}

span.minus {
	color: var(--cervena);
}

@media (max-width: 1000px){
	/*zafixování prvního sloupce*/
	.tabsrollx{
		overflow-x: scroll;
	}

	.cell-break .cell, .cell-break.cell{white-space: nowrap;}

	.fixone .row:not(.resultrow):not(.tableheader) div.cell:nth-of-type(1):not(.statusindicator){
		position: sticky;
		left: 0;
		background-color: var(--bila);
		border-left: var(--form-border);
		border-right: var(--form-border-strong);
	}

	.fixone.showstatus .row:not(.resultrow)[data-status="1"] a.cell:nth-of-type(1),
	.fixone.showstatus .row:not(.resultrow)[data-status="2"] a.cell:nth-of-type(1),
	.fixone.showstatus .row:not(.resultrow)[data-status="3"] a.cell:nth-of-type(1),
	.fixone.showstatus .row:not(.resultrow)[data-status="4"] a.cell:nth-of-type(1),
	.fixone.showstatus .row:not(.resultrow)[data-status="5"] a.cell:nth-of-type(1),
	.fixone.showstatus .row:not(.resultrow)[data-status="6"] a.cell:nth-of-type(1),
	.fixone.showstatus .row:not(.resultrow)[data-status="10"] a.cell:nth-of-type(1),
	.fixone.showstatus .row:not(.resultrow)[data-status="a"] a.cell:nth-of-type(1),
	.fixone.showstatus .row:not(.resultrow)[data-status="n"] a.cell:nth-of-type(1),
	.fixone.showstatus .row:not(.resultrow)[data-status="1000"] a.cell:nth-of-type(1) {background-color: var(--bila);}

	.fixone.showstatus .row:not(.resultrow)[data-status="1"] .cell:nth-of-type(1),
	.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="1"] a.cell:nth-of-type(1),
	.fixone.showstatus[data-status="1"] .row:not(.resultrow) .cell:nth-of-type(1),
	.fixone.showstatus[data-status="1"] .row.selfhighlighted:not(.resultrow) .cell:nth-of-type(2),
	.fixone.showstatus .row:not(.resultrow).selfhighlighted[data-status="1"] .cell:nth-of-type(2) {background-color: var(--stav1);}

	.fixone.showstatus .row:not(.resultrow)[data-status="2"] .cell:nth-of-type(1),
	.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="2"] a.cell:nth-of-type(1),
	.fixone.showstatus[data-status="2"] .row:not(.resultrow) .cell:nth-of-type(1),
	.fixone.showstatus[data-status="2"] .row.selfhighlighted:not(.resultrow) .cell:nth-of-type(2),
	.fixone.showstatus .row:not(.resultrow).selfhighlighted[data-status="2"] .cell:nth-of-type(2) {background-color: var(--stav2);}

	.fixone.showstatus .row:not(.resultrow)[data-status="3"] .cell:nth-of-type(1),
	.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="3"] a.cell:nth-of-type(1),
	.fixone.showstatus[data-status="3"] .row:not(.resultrow) .cell:nth-of-type(1),
	.fixone.showstatus[data-status="3"] .row.selfhighlighted:not(.resultrow) .cell:nth-of-type(2),
	.fixone.showstatus .row:not(.resultrow).selfhighlighted[data-status="3"] .cell:nth-of-type(2) {background-color: var(--stav3);}

	.fixone.showstatus .row:not(.resultrow)[data-status="4"] .cell:nth-of-type(1),
	.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="4"] a.cell:nth-of-type(1),
	.fixone.showstatus[data-status="4"] .row:not(.resultrow) .cell:nth-of-type(1),
	.fixone.showstatus[data-status="4"] .row.selfhighlighted:not(.resultrow) .cell:nth-of-type(2),
	.fixone.showstatus .row:not(.resultrow).selfhighlighted[data-status="4"] .cell:nth-of-type(2) {background-color: var(--stav4);}

	.fixone.showstatus .row:not(.resultrow)[data-status="5"] .cell:nth-of-type(1),
	.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="5"] a.cell:nth-of-type(1),
	.fixone.showstatus[data-status="5"] .row:not(.resultrow) .cell:nth-of-type(1),
	.fixone.showstatus[data-status="5"] .row.selfhighlighted:not(.resultrow) .cell:nth-of-type(2),
	.fixone.showstatus .row:not(.resultrow).selfhighlighted[data-status="5"] .cell:nth-of-type(2) {background-color: var(--stav5);}

	.fixone.showstatus .row:not(.resultrow)[data-status="6"] .cell:nth-of-type(1),
	.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="6"] a.cell:nth-of-type(1),
	.fixone.showstatus[data-status="6"] .row:not(.resultrow) .cell:nth-of-type(1),
	.fixone.showstatus[data-status="6"] .row.selfhighlighted:not(.resultrow) .cell:nth-of-type(2),
	.fixone.showstatus .row:not(.resultrow).selfhighlighted[data-status="6"] .cell:nth-of-type(2) {background-color: var(--stav6);}

	.fixone.showstatus .row:not(.resultrow)[data-status="10"] .cell:nth-of-type(1),
	.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="10"] a.cell:nth-of-type(1),
	.fixone.showstatus[data-status="10"] .row:not(.resultrow) .cell:nth-of-type(1),
	.fixone.showstatus[data-status="10"] .row.selfhighlighted:not(.resultrow) .cell:nth-of-type(2),
	.fixone.showstatus .row:not(.resultrow).selfhighlighted[data-status="10"] .cell:nth-of-type(2) {background-color: var(--stav10);}

	.fixone.showstatus .row:not(.resultrow)[data-status="a"] .cell:nth-of-type(1),
	.fixone.showstatus .row.selfhighlighted:not(.resultrow)[data-status="a"] a.cell:nth-of-type(1),
	.fixone.showstatus[data-status="a"] .row:not(.resultrow) .cell:nth-of-type(1),
	.fixone.showstatus[data-status="a"] .row:not(.resultrow).selfhighlighted .cell:nth-of-type(2),
	.fixone.showstatus .row:not(.resultrow).selfhighlighted[data-status="a"] .cell:nth-of-type(2) {background-color: var(--zelena);}

	.fixone.showstatus .row:not(.resultrow)[data-status="n"] .cell:nth-of-type(1),
	.fixone.showstatus[data-status="n"] .row:not(.resultrow) .cell:nth-of-type(1) {background-color: var(--bila);}

	.fixone.showstatus .row:not(.resultrow)[data-status="1000"] .cell:nth-of-type(1),
	.fixone.showstatus[data-status="1000"] .row:not(.resultrow) .cell:nth-of-type(1) {background-color: var(--orange);}

	.fixone.showstatus .row.tableheader:not(.resultrow) .cell:nth-of-type(1),
	.fixone .row.selfhighlighted:not(.resultrow):not(.tableheader) div.cell:nth-of-type(1):not(.statusindicator){background-color: var(--zelena-light-gray);}

	.fixone:not(.showstatus) .row div.cell:nth-of-type(2){
		border-left: none;
	}

	.infotable.fixone{
		border-left: none;
	}
	.fixone .row:not(.resultrow) div.cell:nth-of-type(1){
		border-left: var(--form-border);
	}

	.fixone:not(.showstatus) .row:not(.resultrow) div.cell:nth-of-type(1){
		position: sticky;
		left: 0;
		border-right: var(--form-border-strong);
	}

/*varianta showstatus*/
	.fixone.showstatus .row div.cell:nth-of-type(1){
		position: sticky;
		left: 0;
	}
	.fixone.showstatus .row div.cell:nth-of-type(1):not(.statusindicator){border-right: var(--form-border);}

	.fixone.showstatus .row div.cell:nth-of-type(2){
		position: sticky;
		left: 2.15rem;
		background-color: var(--bila);
		border-right: var(--form-border-strong);
	}

	.fixone.showstatus .row .cell:nth-of-type(3){
		border-left: none;
	}

}

@media (max-width: 500px){

	.tabs.wrap > div > div {
		width: 100% !important;
	}
	.tabs.wrap > div > div:nth-of-type(1) {
		padding-bottom: 0.25rem;
	}

	.setfilter > div{justify-content: flex-start;}

	.setfilter .icon, .export{
		height: 2rem;
		width: 100%;
		margin-bottom: .5rem;
	}

	.infolist{width: 100%;}


}
