.textzanaseni { display:none; }
.textzastarale { display:none; }
#prekomentar, #preoprava, #prepointer { display: none; }

body {
	&[data-status="pridavani"] {
		background: #f3f3f3;
	}

	&[data-status="zanaseni"] {
		background: yellow;

		.textzanaseni { display: unset; }
	}

	&[data-status="zastarale"] {
		background: red;

		.textzastarale { display: unset; }
	}
}

#sbal-korektury, #rozbal-korektury {
	float: right;
	margin-left: 4pt;
}

img{background:white;}

/* Barvy korektur */
[data-opravastatus="k_oprave"] {
	--rgb: 255, 0, 0;

	[value="k_oprave"] { display: none }
	.komentovat_disabled { display: none }
}
[data-opravastatus="opraveno"] {
	--rgb: 0, 0, 255;

	[value="opraveno"] { display: none }
	.komentovat { display: none }
}
[data-opravastatus="neni_chyba"] {
	--rgb: 128, 128, 128;

	[value="neni_chyba"] { display: none }
	.komentovat { display: none }
}
[data-opravastatus="k_zaneseni"] {
	--rgb: 0, 255, 0;

	[value="k_zaneseni"] { display: none }
	.komentovat { display: none }
}

/* Skrývání korektur */
[data-opravazobrazit="false"] {
	.corr-body { display: none; }
	.corr-buttons { display: none; }
	.toggle-button { transform: rotate(180deg); }
}


/* Čára od textu k místu korektury */
.pointer{ 
	position:absolute;
	border-bottom-left-radius: 10px;
	border-left: 1px solid rgb(var(--rgb),var(--alpha));
	border-bottom: 1px solid rgb(var(--rgb),var(--alpha));
	pointer-events: none;

	--alpha: 0.35;

	/* Zvýraznění čáry při najetí na korekturu */
	&[data-highlight="true"] {
		border-width: 3px;
		--alpha: 1;
	}
}

/* Korektura samotná */
.oprava {
	margin: 1px;
	background-color: white;
	width: 300px;
	padding: 3px;
	border: 2px solid rgb(var(--rgb));
	border-radius: 10px;
	position: absolute;

	&:hover {
		border-width:3px;
		margin: 0;
	}

	button, img {
		border: 1px solid white;
		background-color:transparent;
		margin:0;
		padding: 1px;

		&:hover {
			border: 1px solid black;
		}
	}

	button img { pointer-events: none; }

	.corr-header {
		overflow: auto;
	}

	.author {
		font-weight: bold;
		float: left;
		margin-top: 3px;
	}

	.float-right{
		float:right;
	}
}

form {
	display:inline;
}

/* Zobrazované PDF */
.imgdiv {
	position:relative;
	left:0;
	top:0;
}

/* Přidávání korektury / úprava komentáře */
#commform-div {
	position: absolute;
	background-color: white;
	padding: 3px;
	z-index: 10;
	border: 4px solid red;
	border-radius: 10px;
	opacity: 80%;
}

.korektury-tag {
	border-radius: 5px;
	margin: 2px;
	padding: 2px;

	&[data-selected="false"] { background: unset !important; }
	/*&[data-selected="true"] { border-color: unset !important; }*/
}

/* Šipky na posouvání korektur */
#korektury-sipky {
	position: fixed;
	bottom: 5px;
	left: 5px;
	opacity: 50%;

	button, img {
		border: 1px solid white;
		background-color:transparent;
		margin:0;
		padding: 1px;

		border-radius: 5px;

		&:hover {
			border: 1px solid black;
		}
	}

	button img { pointer-events: none; }

	#predchozi-korektura, #dalsi-korektura {
		background-color: #EEEEEE;
	}

	#predchozi-korektura-k-oprave, #dalsi-korektura-k-oprave {
		background-color: #FF0000;
	}

	#predchozi-korektura-k-zaneseni, #dalsi-korektura-k-zaneseni {
		background-color: #00FF00;
	}

	/* Tlačítko na aktualizaci */
	#korektury-aktualizace {
		background-color: #e84e10;
	}
}


/**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/
body.localweb, body.testweb, body.suprodweb {
	&:before, &:after {
		content: "";
		position: fixed;
		width: 20px;
		height: 100%;
		top: 0;
		z-index: -1000;
	}

	&:before { left: 0; }
	&:after { right: 0; }
}

body.localweb { &:before, &:after { background: greenyellow; } }
body.testweb { &:before, &:after { background: darkorange; } }
body.suprodweb { &:before, &:after { background: red; } }
/****************************************************************/