/*
 * CC-BY-SA licence. karlis.kalviskis.lv
 */


.sarakstam A {
	text-decoration: none;
	border: 1px dotted;
}
.koks li input[type=checkbox]{
	display: none;
}

.paraksts {
	line-height: 3em;
	text-align: right;
	font-style: italic;
	font-size: 75%;
}
.paraksts a:link, .paraksts a:active, .paraksts a:visited {
	border: none;
	color: salmon;
}

@media print {
	video {
		display: none;
	}
	.apskatei {
		display:none;
	}
}

@media screen {
	.izdrukai {
		display:none;
	}
	.sarakstam {
		margin: 0;
		padding: 0.3em 0.4em 0.5em;
	}
	.sarakstam, .sarakstam A:visited {
		color: snow;
		background-color: #1c5085;
	}

	.sarakstam A:link, .sarakstam A:active {
		color: salmon;
		background-color: #1c5085;
	}
	.sarakstam a:hover
	{
		color: yellow;
		background-color: navy;
	}


	.sarakstam dl {
		background-color:silver;
	}
	.sarakstam dl A:link, .sarakstam dl A:visited, .sarakstam dl A:active{
		color:lightyellow;
		background-color:silver;
	}

	.sarakstam dl a:hover {
		color:lightpink;
		background-color:silver;
		text-shadow:#555577 2px 2px 0px;
	}

	.sarakstam dt {
		color:lightyellow;
		text-shadow:#555577 5px 5px 3px;
		font-variant: small-caps;
		font-weight: 700;
		font-size: 120%;
		padding: 0.3em 0.4em 0.5em;
	}

	.sarakstam dd{
		color:black;
		font-style:italic;
	}

	.koks input[type=checkbox] +label:after
	{
		content: "▶";
		margin-left: 1em;
		color: yellow;
		// background-color: #111100;
	}
	.koks input[type=checkbox]:hover +label:after
	{
		color: red;
	}

	.koks input[type=checkbox]:checked +label:after
	{
		content: "▿";
		//content: "▼";
		//content: "¬";
		color: black;
		background-color: transparent;
	}

	.koks li input ~ ul, .koks li input ~ ol
	{
		display: none;
	}

	.koks li input:checked ~ ul, .koks li input:checked ~ ol
	{
		display: block;
	}


	.koks li label
	{
		cursor: pointer;
	}

	.koks {
		color: #222222;
		background-color: #AAAACC;
	}
	.koks li {
		color: #222222;
		background-color: #BBBBDD;
		font-size:120%;
		font-weight: bold;
	}
	.koks li li {
		color: #222222;
		background-color: #CCCCEE;
		font-size:90%;
		font-weight: normal;
	}
	.koks li li li {
		color: #222222;
		background-color: #DDDDFF;
		font-size:90%;
	}
	.koks:hover{
		color: #000000;
		background-color: #BBBBDD;
	}
	.koks li:hover{
		color: #000000;
		background-color: #CCCCEE;
	}
	.koks li li:hover{
		color: #000000;
		background-color: #DDDDFF;
	}
	.koks li li li:hover{
		color: #000000;
		background-color: #EEEEFF;
	}
	.koks A:link, .koks A:visited, .koks A:active{
		color: #000000;
		text-shadow:#555577 5px 5px 3px;
	}
	.koks a:hover {
		color: #BB44AA;
		text-shadow: black 1px 1px 0px; */
	}
	.koks A:link, .koks A:visited, .koks A:active{
		background-color: #BBBBDD;
	}
	.koks li A:link, .koks li A:visited, .koks li A:active{
		background-color: #CCCCEE;
	}
	.koks li li A:link, .koks li li A:visited, .koks li li A:active{
		background-color: #DDDDFF;
	}
	/* Tree structure inspired by
	 * https://two-wrongs.com/draw-a-tree-structure-with-only-css */

	.koks, .koks ul, .koks ol, .koks li {
		 position: relative;
	}
/*
 	.koks ul {
		list-style: none;
		padding-left: 32px;
	}
*/
	.koks li::before, .koks li::after {
		content: "";
		position: absolute;
		left: -12px;
	}
	.koks li::before {
		border-top: 1px solid #000;
		top: 9px;
		width: 8px;
		height: 0;
	}
	.koks li::after {
		border-left: 1px solid #000;
		height: 100%;
		width: 0px;
		top: 2px;
	}
	.koks ul > li:last-child::after,  .koks ol > li:last-child::after{
		height: 8px;
	}

	.koks li a:after
	{
		content:  " ⇢";
	}


	.koks img {
		border: none;
	}


	.sarakstam video {
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}


	.ierobezots {
		overflow:auto;
		height: 24em;
		display: block;
		width: 60%;
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 2em;
	}

	.sarakstam table {
		border: 2px solid #ffffff;
		border-collapse: collapse;
		width: 100%;
	}
	.sarakstam th {
		color: darkgrey;
	}
	.sarakstam td {
		color:black;
	}
	.sarakstam th, .sarakstam td {
		padding: 0.2em 0.8em 0.4em;
		text-align: left;
		border: 2px solid #ffffff;
	}
	.sarakstam tr:nth-child(even) {
		background-color: #f8f8ff;
	}
	.sarakstam tr:nth-child(odd) {
		background-color: #dfdfee;
	}
}

::cue {
	color: brown;
	background: rgba(255, 255, 255, 0.75);
	font-size: 22;
	font-wight: 500;
	 text-shadow: -3px -3px 5px #ffff00, 3px 3px 5px #ffff00;
}