/*list of styles/colors for ease of use in the program*/
/*stilu/krāsu saraksts ērtai lietošanai programmā EM*/
:root {
	/*Colors*/
	--neon: #ec00ec;
	--bacg: #3e236e;
	/*--bluh: #00aef7; */
	--yelh: #ebe91b;
	--yelh50: #ebe91b80;
	/* --cont: #FE4CF1; */
}

/*code for the programs background and default text*/
/*programmas fona un noklusējuma teksta kods*/
body {
	background-color: #000000;
	color: #ffffff;
	font-family: Garamond, serif;
	/*Futara;*/
}

/*code for the programs title*/
/*programmas virsraksta kods*/
.titel {
	color: var(--neon);
	font-size: 50px;
	font-weight: bold;
	text-shadow: 0 0 0.3em currentColor;
	text-decoration: none;
	transition: 1s;
}

/*style for unvisited links*/
/*neapmeklēto saišu stils*/
a:link {
	color: var(--neon);
	background-color: transparent;
	text-decoration: none;
	transition: 0.5s;
}

/*style for visited links*/
/*apmeklēto saišu stils*/
a:visited {
	color: var(--neon);
	background-color: transparent;
	text-decoration: none;
}

/*style for links while mouse is hovering over*/
/*saišu stils, kamēr pele virzās virs*/
a:hover {
	color: var(--yelh);
	background-color: transparent;
	text-decoration: none;
	transition: 0.5s;
}

/*style for selected links*/
/*atlasīto saišu stils*/
a:active {
	color: var(--yelh);
	background-color: transparent;
	text-decoration: none;
}

/*style for header buttons*/
/*galvenes pogu stils*/
.h5 {
	display: inline-block;
	color: var(--neon);
	height: 50px;
	width: 170px;
	background-color: transparent;
	font-size: 20px;
	border-radius: 12px;
	border: var(--neon) 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	position: relative;
	outline: none;
	font-weight: bold;
	transition: 0.1s;
}

/*style for header buttons while hovering mouse on top of them*/
/*galvenes pogu stils, novietojot peles kursoru virs tām*/
.h5:hover {
	width: 175px;
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: var(--bacg);
	text-shadow: 0 0 0 currentColor, 0 0 0 #808080;
}

/*style for header buttons while they are activated*/
/*galvenes pogu stils to aktivizēšanas laikā*/
.h5:active {
	color: var(--bacg);
	background-color: var(--neon);
	width: 170px;
	height: 49px;
	transition: 0.1s;
	filter: brightness(70%);
}

/*style for hr border lines*/
/*hr apmales līniju stils*/
hr {
	margin-right: 10px;
	margin-left: 10px;
	border-width: 2px;
	border-color: var(--neon);
	background-color: var(--neon);
	border-style: double;
	border-radius: 5%;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
}

/*style for the advanced dropdown table*/
/*nolaižamās tabulas advanced stils*/
.openup {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}

/*style for advanced dropdown tables cells*/
/*nolaižamās tabulas advanced šūnu stils*/
.openup td {
	width: 25%;
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
}

/*style for advanced dropdown tables cells with larger class*/
/*nolaižamās tabulas advanced šūnu larger stils*/
.openup td.larger {
	padding-right: 40px;
}

/*style for advanced dropdown tables cells with larger class*/
/*nolaižamās tabulas advanced šūnu larger stils*/
.search input[type=text] {
	display: inline-block;
	color: var(--neon);
	height: 40px;
	background-color: transparent;
	font-size: 20px;
	border-radius: 12px;
	border: var(--neon) 0.2em solid;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	position: relative;
	outline: none;
	font-weight: bold;
	width: 100%;
	padding-left: 20px;
}

/*style for search text input boxes placeholder text*/
/*meklēšanas teksta ievades lodziņu viettura teksta stils*/
.search input[type=text]::placeholder {
	color: var(--neon);
	filter: brightness(70%);
}

/*style for search text input boxes while hovering over them with a mouse*/
/*meklēšanas teksta ievades lodziņu stils, norādot virs tiem ar peli*/
.search input[type=text]:hover {
	filter: contrast(200%);
}

/*style for search text input boxes while it is active*/
/*meklēšanas teksta ievades lodziņu stils, kamēr tas ir aktīvs*/
.search input[type=text]:active {
	filter: brightness(90%);
}

/*style a button that does nothing and is not displayed*/
/*stilizēt pogu, kas neko nedara un netiek rādīta*/
.filler {
	display: none;
	visibility: hidden;
	width: 70px;
	position: relative;
}

/*style for the submit button as it appears*/
/*pogas submit stils, kāds tā parādās*/
@keyframes appear {
	0% {
		background-color: var(--neon);
	}

	100% {
		background-color: transparent;
	}
}

/*style for the submit button*/
/*pogas submit stils*/
.submit {
	display: none;
	color: var(--neon);
	height: 50px;
	width: 70px;
	font-size: 25px;
	background-color: transparent;
	border-radius: 25px;
	border: var(--neon) 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	position: relative;
	outline: none;
	font-weight: bold;
	transition: 0.2s;
	animation: appear 0.2s;
}

/*style for the submit button while hovering mouse on top of it*/
/*pogas submit stils kamēr novietojot peli virs tās*/
.submit:hover {
	/*the effect that happens after hovering the cursor over the search button*/
	width: 80px;
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: var(--bacg);
	transition: 0.2s;
	text-shadow: 0 0 0 currentColor, 0 0 0 #808080;
}

/*style for the submit button while it is active*/
/*pogas submit stils kamēr tā ir aktīvs*/
.submit:active {
	color: var(--bacg);
	background-color: var(--neon);
	width: 68px;
	transition: 0.1s;
	filter: brightness(70%);
}

/*style for the dropdown table*/
/*nolaižamās tabulas stils*/
.hyde {
	max-height: 0;
	overflow-y: auto;
	transition: max-height 0.2s ease-out;
	text-align: left;
	font-family: Futara;
}

/*style for the dropdown table buttons*/
/*nolaižamās tabulas pogu stils*/
.accordion {
	display: inline-block;
	color: var(--neon);
	height: 50px;
	background-color: transparent;
	font-size: 20px;
	border-radius: 12px;
	border: var(--neon) 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	position: relative;
	outline: none;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
	text-align: center;
	transition: 0.2s;
}

/*style for the dropdown table buttons while they're active*/
/*nolaižamās tabulas pogu stils, kamēr tās ir aktīvas*/
.accordion:active {
	color: var(--bacg);
	background-color: var(--neon);
	transition: 0.2s;
	filter: brightness(70%);
}

/*style for the dropdown table buttons while they're active or being hovered over*/
/*nolaižamās tabulas pogu stils, kamēr tās ir aktīvas vai pele ir novietotas pāri*/
.active,
.accordion:hover {
	color: var(--bacg);
	background-color: var(--neon);
	transition: 0.2s;
}

/*style for the dropdown table buttons arrow*/
/*nolaižamās tabulas pogu bultiņas stils*/
.accordion:after {
	/* plus symbol b4 click*/
	content: '\25BC';
	color: var(--neon);
	font-weight: bold;
	float: right;
	margin-left: 5px;
	background-color: var(--backg);
	transition: 0.2s;
}

/*style for the dropdown table buttons arrow while the mouse is hovering over*/
/*nolaižamās tabulas pogu bultiņas stils kamēr tām ir pāri novietota pele*/
.accordion:hover:after {
	color: var(--bacg);
	transition: 0.2s;
}

/*style for the dropdown table buttons arrow while its active*/
/*nolaižamās tabulas pogu bultiņas stils kamēr poga ir aktīva*/
.accordion.active:after {
	/* minus symbol after click*/
	content: "\25B2";
	color: var(--backg);
	background-color: var(--neon);
	transition: 0.2s ease-out;
}

/*style for the filter dropdown tables*/
/*filtra nolaižamo tabulu stils*/
.panel {
	background-color: var(--backg);
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	text-align: left;
}

/*style for the genre dropdown menu position*/
/*genre nolaižamās izvēlnes pozīcijas stils*/
.genrus {
	position: relative;
	margin-top: 10px;
}

/*style for the genre select menu*/
/*genre izvēlnes SELECT stils*/
.genrus select {
	/* genre dd menu style */
	background-color: var(--bacg);
	/* black */
	color: var(--neon);
	/* white */
	padding-left: 12px;
	width: 30vh;
	height: 50px;
	border: 2px solid black;
	font-size: 22px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
	-webkit-appearance: button;
	appearance: button;
	outline: none;
}

/*style for the genre select menu while hovering a mouse over it*/
/*genre izvēlnes SELECT stils kamēr novietoto peli virs tā*/
.genrus select:hover {
	border-color: var(--neon);
}

/*style for the genre before element*/
/*genre stils before elementam*/
.genrus::before {
	/* dd menu sign before hover */
	content: "\f13a";
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
	text-align: center;
	font-size: 28px;
	line-height: 50px;
	color: black;
	background-color: var(--neon);
	pointer-events: none;
}

/*style for the genre before element while hovering a mouse over it*/
/*genre stils before elementam kamēr novietoto peli virs tā*/
.genrus:hover::before {
	/* dd menu sign after hover */
	color: var(--neon);
	background-color: black;
}

/*style for the genre select table content*/
/*genre atlases tabulas satura stils*/
.genrus select option {
	padding: 30px;
}

/*style for the genre add button*/
/*genre add pogas stils*/
.add {
	margin-top: 10px;
	display: inline-block;
	color: var(--neon);
	height: 40px;
	width: 60px;
	background-color: transparent;
	font-size: 20px;
	border-radius: 12px;
	outline: none;
	font-weight: bold;
	transition: 0.1s;
	position: relative;
	left: 11px;
}

/*style for the genre add button while hovering over it*/
/*genre add pogas stils, norādot uz to*/
.add:hover {
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: var(--bacg);
}

/*style for the genre add button while its active*/
/*genre add pogas stils, kamēr tā ir aktīva*/
.add:active {
	color: var(--bacg);
	background-color: var(--neon);
	height: 35px;
	width: 55px;
	transition: 0.1s;
	filter: brightness(70%);
}

/*style for the genre remove button*/
/*genre remove pogas stils*/
.remove {
	display: inline-block;
	color: var(--neon);
	height: 40px;
	width: 30px;
	background-color: transparent;
	font-size: 20px;
	border-radius: 12px;
	outline: none;
	font-weight: bold;
	transition: 0.1s;
	margin-top: 15px;
}

/*style for the genre remove button while hovering over it*/
/*genre remove pogas stils, norādot uz to*/
.remove:hover {
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: var(--bacg);
}

/*style for the genre remove button while its active*/
/*genre remove pogas stils, kamēr tā ir aktīva*/
.remove:active {
	color: var(--bacg);
	background-color: var(--neon);
	height: 37px;
	width: 27px;
	transition: 0.1s;
	filter: brightness(70%);
}

/*style for the score sign button*/
/*score sign pogas stils*/
.sign {
	/* > or < at score*/
	cursor: pointer;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
	color: var(--neon);
	background-color: transparent;
	font-size: 35px;
	height: 50px;
	width: 50px;
	border-radius: 10px;
	outline: none;
	transition: 0.1s;
	border: 2px solid black;
	margin-top: 10px;
	vertical-align: center;
}

/*style for the score sign button while hovering over it*/
/*score sign pogas stils, norādot uz to*/
.sign:hover {
	/*the effect that happens after hovering the cursor over ">"/"<"*/
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: var(--bacg);
}

/*style for the genre sign button while its active*/
/*score sign pogas stils, kamēr tā ir aktīva*/
.sign:active {
	/*the effect that happens after pressing ">"/"<"*/
	color: var(--bacg);
	background-color: var(--neon);
	height: 47px;
	width: 47px;
	transition: 0.1s;
	filter: brightness(70%);
}

/*style for the score dropdown menu postition*/
/*score nolaižamās izvēlnes izvietojuma stils*/
.scorer {
	position: relative;
}

/*style for the score select menu*/
/*score izvēlnes SELECT stils*/
.scorer select {
	margin-top: 10px;
	background-color: var(--bacg);
	color: var(--neon);
	padding: 12px;
	height: 50px;
	width: 85px;
	border: 2px solid black;
	font-size: 22px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
	-webkit-appearance: button;
	appearance: button;
	outline: none;
}

/*style for the score select menu while hovering over it*/
/*score izvēlnes SELECT stils, norādot uz to*/
.scorer select:hover {
	border-color: var(--neon);
}

/*style for the score before element*/
/*genre score before elementam*/
.scorer::before {
	/* dd menu sign before hover */
	margin-top: 10px;
	content: "\f13a";
	font-family: FontAwesome;
	position: absolute;
	bottom: 0x;
	right: 0;
	width: 30%;
	height: 152%;
	text-align: center;
	font-size: 22px;
	line-height: 50px;
	color: black;
	background-color: var(--neon);
	pointer-events: none;
}

/*style for the score before element*/
/*style for score before elementam*/
.scorer:hover::before {
	/* dd menu sign after hover */
	color: var(--neon);
	background-color: black;
}

/*style for the score select table content*/
/*score atlases tabulas satura stils*/
.scorer select option {
	padding: 30px;
}

/*style for the score table*/
/*score tabulas stils*/
.rarted {
	/*table at score*/
	text-align: center;
	width: 100%;
}

/*style for score dropdown tables cells*/
/*nolaižamās tabulas score šūnu stils*/
.rarted td {
	text-align: center;
	height: 50px;
	width: 50%;
	vertical-align: middle;
}

/*style for the status table*/
/*status tabulas stils*/
.tarded {
	/*table at status*/
	text-align: left;
	width: 100%;
}

/*style for status dropdown tables cells*/
/*nolaižamās tabulas status šūnu stils*/
.tarded td {
	text-align: left;
	width: 2vh;
}

/*style for status checkbox*/
/*izvēles rūtiņa statusa stils*/
.tri-state {
	height: 26px;
	width: 26px;
	font-size: 15px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	color: var(--neon);
	background-color: transparent;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	border: 2px solid black;
	transition: 0.1s;
	font-weight: bold;
	vertical-align: middle;
}

/*style for status checkbox while hovering over it*/
/* status izvēles rūtiņas stils, norādot uz to*/
.tri-state:hover {
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: var(--bacg);
}

/*style for status checkbox while its active*/
/*status izvēles rūtiņas stils, kamēr tā ir aktīva*/
.tri-state:active {
	color: var(--bacg);
	background-color: var(--neon);
	height: 24px;
	width: 24px;
	transition: 0.1s;
	filter: brightness(70%);
}

/*style for status text to the right of checkboxes*/
/*statusa teksta stils pa labi no izvēles rūtiņām*/
.unselectable {
	display: inline-block;
	user-select: none;
	font-size: 28px;
	cursor: pointer;
	vertical-align: middle;
}

/*style for the release date select menu*/
/*score izvēlnes release date stils*/
.inputtext {
	display: inline-block;
	margin-top: 10px;
	background-color: var(--bacg);
	color: var(--neon);
	width: 100%;
	height: 55px;
	border: 2px solid black;
	font-size: 22px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
	-webkit-appearance: button;
	appearance: button;
	outline: none;
}

/*style for the release date select menu while hovering over it*/
/*score izvēlnes release date stils, norādot uz to*/
.inputtext:hover {
	border-color: var(--neon);
}

/*release date dropdown menu position*/
/*release date nolaižamās izvēlnes pozīcija*/
.rupert {
	position: relative;
}

/*style for the release date select menu*/
/*release date izvēlnes SELECT stils*/
.rupert select {
	background-color: var(--bacg);
	color: var(--neon);
	height: 50px;
	width: 100px;
	border: 2px solid black;
	font-size: 22px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
	-webkit-appearance: button;
	appearance: button;
	outline: none;
}

/*style for the release date select menu while hovering over it*/
/*release date izvēlnes SELECT stils, norādot uz to*/
.rupert select:hover {
	border-color: var(--neon);
}

/*style for the release date before element*/
/*release date stils pirms elementa*/
.rupert::before {
	/* dd menu sign before hover */
	margin-top: 10px;
	content: "\f13a";
	font-family: FontAwesome;
	position: absolute;
	bottom: 0x;
	right: 0;
	width: 30%;
	height: 152%;
	text-align: center;
	font-size: 22px;
	line-height: 50px;
	color: black;
	background-color: var(--neon);
	pointer-events: none;
}

/*style for the release date before element while menu hovering over it*/
/*release date stils pirms elementa, kamēr izvēlne virs tā virzās*/
.rupert:hover::before {
	/* dd menu sign after hover */
	color: var(--neon);
	background-color: black;
}

/*style for the release date body*/
/*release date pamatteksta stils*/
.smarted {
	width: 100%;
	text-align: center;
}

/*style for release date dropdown tables cells*/
/*nolaižamās tabulas release date šūnu stils*/
.smarted td {
	width: 33%;
}

/*style for the programs header*/
/*programmas galvenes stils*/
.flex-container {
	/*changes the header*/
	background-color: var(--bacg);
	margin: 10px;
	text-align: center;
	padding-bottom: 10px;
	font-size: 30px;
	flex-direction: row;
	color: var(--neon);
	border-radius: 12px;
	border: var(--yelh) 0.2em solid;
	box-shadow: inset 0 0 0.4em 0 var(--yelh), 0 0 0.4em 0 var(--yelh);
	font-family: Futara;
}

/*style for the programs body*/
/*programmas ķermeņa stils*/
.flex-tape {
	/*changes the programs body*/
	background-image: url(mapa.jpg);
	background-color: #616161;
	margin: 10px;
	line-height: 10px;
	font-size: 32px;
	flex-direction: row;
	height: 87.5vh;
	overflow: auto;
	border-radius: 12px;
	border: var(--neon) 0.2em solid;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
}

/*style for the currently displayed manga and descriptions container*/
/*pašlaik parādītā mangas un aprakstu konteinera stils*/
.container {
	/*programs body style*/
	display: flex;
	flex-wrap: wrap;
	margin: 0 10vh 0 10vh;
	padding: 1.5vh 2vh 0 2vh;
}

/*style for the container texts gradient*/
/*konteinera tekstu gradienta stils*/
.main_text {
	display: inline-block;
	background: var(--bacg);
	background: linear-gradient(90deg, rgba(62, 35, 110, 0.6797093837535014) 20%, rgba(0, 35, 110, 0) 60%);
	/* color: #2A1B3D; */
	/* opacity: 0.8; */
	font-weight: bold;
}

/*style for the container description*/
/*konteinera apraksta stils*/
.sub_text {
	display: inline-block;
	overflow-y: auto;
	/* background-color: #D83F87; */
	padding-bottom: 20px;
	text-overflow: ellipsis;
}

/*style for the websites images*/
/*tīmekļa vietņu attēlu stils*/
img {
	/* #150c25 */
	width: 100%;
	height: 100%;
	border-radius: 5%;
	border-width: 3px;
	border-style: solid;
	border-color: white;
}

/*style for the images default view*/
/*attēlu noklusējuma skata stils*/
.main {
	width: 20vh;
	height: 35vh;
	margin: 2vh;
}

/*style for the manga text*/
/*stils ievadu tekstam*/
.tab {
	width: 40vh;
	padding-right: 0.5vh;
	line-height: 1;
	flex: 1;
	display: inline-block;
	min-width: 0px;
	overflow: auto;
	/*hidden;
	text-overflow: ellipsis; 
	min-width: 0px; */
}

/*style for the manga description*/
/*stils ievadu apreakstam*/
.tab td {
	padding-top: 12px;
	text-align: left;
	vertical-align: top;
}

/*style for the manga title*/
/*stils ievadu titulam*/
.tab th {
	text-align: center;
	vertical-align: center;
	font-size: 50px;
	line-height: 0.9;
	font-weight: bold;
	padding-top: 1.6vh;
}

/*style for the 4 manga containers during randomizer function*/
/*4 ievadu konteineru stils randomizatora funkcijas laikā*/
article {
	/*changes each individual container of the four results*/
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 40vh;
	width: 100vh;
	background-color: black;
	flex: 5;
	display: flex;
	border-radius: 10px;
	border: var(--neon) 0.2em solid;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	border-style: double;
}

/*style for the manga fadein*/
/*ievadu FadeIn stils*/
/*@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; } 
}*/
@keyframes fader {
	0% {
		opacity: 0.6;
	}

	100% {
		opacity: 1;
	}
}

/*style for the manga fadein*/
/*ievadu FadeIn stils*/
article.tspawn {
	animation: fader 0.5s;
}

@keyframes fadeIn {
	0% {
		background-color: var(--neon);
		opacity: 0;
	}

	100% {
		background-color: black;
		opacity: 1;
	}
}

/*delay for each individual manga container fadein*/
/*aizkave katram atsevišķam mangas konteineram FadeIn*/
article.t0 {
	animation: fadeIn 0.3s;
}

article.t1 {
	animation: fadeIn 0.6s;
}

article.t2 {
	animation: fadeIn 0.6s;
}

article.t3 {
	animation: fadeIn 0.9s;
}

/*style for hovering over a manga container*/
/*stils, kā novietot kursoru virs mangas konteinera*/
article:hover {
	background: linear-gradient(120deg, rgba(0, 0, 0, 1) 50%, #3d226dc1 100%);
	cursor: pointer;
	/*transition: 1s;*/
}

/*style for the rating star colors*/
/*reitinga zvaigžņu krasa*/
.checked {
	color: #ffa500;
}

/*style for the rating stars*/
/*reitinga zvaigžņu stils*/
.centrus {
	/* vertesanas zvaigznes */
	text-align: right;
	opacity: 0.9;

}

/*style for the modal background*/
/*modālā fona stils*/
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow-y: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}


/*style for the modal contents*/
/*modālā satura stils*/
.modal-content {
	font-size: 20px;
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border-radius: 4px;
	border: var(--neon) 0.2em solid;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	width: 80%;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	max-height: 80vh;
	overflow-x: hidden;
}

/*style for the modal image*/
/*modālā attēla stils*/
.modal_img {
	width: 240px;
	height: 410px;
	margin: 2vh;
	padding-right: 2vh;
}

/*style for the modal image while hovering over it*/
/*modālā attēla stils, norādot uz to*/
.modal_img:hover {
	cursor: pointer;
	filter: saturate(200%);
	/*filter: contrast(200%); */
}

/*code for the modal appear animation*/
/*modālā izskata animācijas kods*/
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

/*style for the modal header background images*/
/*modālā galvenes fona attēlu stils*/
.wrappa {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	background-color: var(--bacg);
	background-size: cover;
	background-position: center;
}

/*style for the modal header*/
/*modālā galvenes stils*/
.modal-header {
	/*  backdrop-filter: url(filters.svg#filter) blur(5px) grayscale(100%); */
	backdrop-filter: blur(5px);
	padding: 2px 16px;
	color: white;
	text-shadow: 1px 1px 0 #000,
		-1px 1px 0 #000,
		1px -1px 0 #000,
		-1px -1px 0 #000,
		0px 1px 0 #000,
		0px -1px 0 #000,
		-1px 0px 0 #000,
		1px 0px 0 #000,
		2px 2px 0 #000,
		-2px 2px 0 #000,
		2px -2px 0 #000,
		-2px -2px 0 #000,
		0px 2px 0 #000,
		0px -2px 0 #000,
		-2px 0px 0 #000,
		2px 0px 0 #000,
		1px 2px 0 #000,
		-1px 2px 0 #000,
		1px -2px 0 #000,
		-1px -2px 0 #000,
		2px 1px 0 #000,
		-2px 1px 0 #000,
		2px -1px 0 #000,
		-2px -1px 0 #000;
	text-align: left;
	font-size: 34px;
	display: block;
	background-repeat: no-repeat;
}

/*style for the description title in modal*/
/*apraksta virsraksta stils modālā*/
h3 {
	/* "Description" text title */
	font-size: 40px;
}

/*style for the modal description body*/
/*apraksta pamatteksta stils modālā*/
.modal-body {
	padding: 4px 16px;
	background-color: black;
	font-size: 34px;
	display: inline-block;
	min-width: 97.86%;
	position: relative;
	background-size: cover;
}

/*style for the modal footer*/
/*modālās kājenes stils*/
.modal-footer {
	background-color: var(--bacg);
	color: white;
	background-repeat: no-repeat;
}

/*Setting Basic Dimensions to give gallery view*/
/*pamatdimensiju iestatīšana galerijas skatīšanai*/
.gallery {
	/* backdrop-filter: blur(5px); */
	backdrop-filter: url(filters.svg#filter) blur(5px) grayscale(100%);
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding-top: 0.5rem;
}

/*style for panel big view alignment*/
/*paneļa lielā skata līdzinājuma stils*/
.panel_main_view {
	text-align: center;
	
}

/*style for panel big view*/
/*paneļa lielā skata stils*/
#mainP{
	background-size:contain;
	width: 34rem;
	height: 48rem;
	background-repeat: no-repeat;
	border-radius: 5%;
	border-width: 10px;
	border-style: solid;
	border-color: black;
	background-position: center;
	cursor: crosshair;
}

/*style for the panels*/
/*paneļu skata stils*/
.panel_side_view {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

/*style for the panels images*/
/*paneļu bilžu skata stils*/
.panel_side_view img {
	width: 9rem;
	height: 7rem;
	object-fit: cover;
	cursor: pointer;
	margin: 0.5rem;
	filter: invert(100%);
	border-color:white;
	transition: 0.1s;
}

/*style for the panels images while hovering over them*/
/*paneļu attēlu stils, norādot virs tiem*/
.panel_side_view img:hover {
	filter: invert(0%);
	border-color:black;
	transition: 0.1s;
}

/*style for the panels images while its active*/
/*paneļu attēlu stils, kamēr tas ir aktīvs*/
.panel_side_view img:active {
	filter: invert(0%);
	border-color:black;
	width: 8rem;
	height: 7rem;
	transition: 0.1s;
	filter: brightness(70%);
}

/*space under gallery*/
/*vieta zem galerijas*/
.addpanels{
	backdrop-filter: url(filters.svg#filter) brightness(60%) contrast(200%) grayscale(100%);
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 20px;
}

/*file upload button*/
/*faila augšupielādes poga*/
input[type="file"] {
	display: none;
}

/*file upload button*/
/*faila augšupielādes poga*/
.custom-file-upload {
	border-radius: 12px;
	border: var(--neon) 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	color: var(--neon);
	display: inline-block;
	height: 40px;
	width: 170px;
	cursor: pointer;
	background-color: transparent;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	position: relative;
	outline: none;
	transition: 0.1s;
}


.custom-file-upload:hover {
	width: 175px;
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	text-shadow: 0 0 0 currentColor, 0 0 0 #808080;
}


.custom-file-upload:active {
	color: var(--bacg);
	background-color: var(--neon);
	width: 170px;
	height: 40px;
	transition: 0.1s;
	filter: brightness(70%);
}

/*style for footer text*/
/*kājenes teksta stils*/
.h2 {
	font-size: 30px;
	font-weight: bold;
	white-space: nowrap;
}


/*EM.........................................................................................................................................................*/

/*style for scrollbar*/
/*ritjoslas stils*/

/* width */
/* platums */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
/* celiņš */
::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

/* Handle */
/* turis */
::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

/* Handle on hover */
/* Turis uz norādes */
::-webkit-scrollbar-thumb:hover {
	background: #666;
}

/*style for login modal*/
/*pieteikšanās modālā stils*/
.modal_login_content {
	background-color: var(--bacg);
	margin: 15% auto 15% auto;
	/* 5% from the top, 15% from the bottom and centered */
	border: 5px solid;
	width: 40%;
	/* Could be more or less, depending on screen size */
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	border-color: var(--neon);
	border-radius: 12px;
	border-width: 5px;
	justify-content: center;
	align-items: center;
	text-align: center;
}

/*style for login button*/
/*pieteikšanās pogas stils*/
.lgn {
	/*css for the login button*/
	color: var(--neon);
	height: 50px;
	min-width: 100px;
	background-color: transparent;
	font-size: 20px;
	border-radius: 12px;
	border: var(--neon) 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	position: absolute;
	top: 25px;
	right: 35px;
	outline: none;
	font-weight: bold;
	transition: 0.1s;
}

/*style for login button while hovering over it*/
/*pieteikšanās pogas stils, norādot uz to*/
.lgn:hover {
	/*the effect that happens after hovering the cursor over lgn*/
	min-width: 105px;
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: var(--bacg);
	text-shadow: 0 0 0 currentColor, 0 0 0 #808080;
}

/*style for login button while its active*/
/*pieteikšanās pogas stils, kamēr tā ir aktīva*/
.lgn:active {
	/*the effect that happens after clicking on lgn*/
	color: var(--bacg);
	background-color: var(--neon);
	min-width: 100px;
	height: 49px;
	transition: 0.1s;
	filter: brightness(70%);
}

/*style for user profile button*/
/*lietotāja profila pogas stils*/
.lgndd {
	/*css for the login button*/
	color: var(--neon);
	height: 50px;
	min-width: 80px;
	background-color: transparent;
	font-size: 40px;
	border-radius: 1000px;
	border: transparent 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	position: absolute;
	top: 25px;
	right: 35px;
	outline: none;
	font-weight: bold;
	transition: 0.1s;
	text-align: center;
}

/*style for user profile button while hovering over it*/
/*lietotāja profila pogas stils, norādot uz to*/
.lgndd:hover {
	min-width: 80px;
	min-height: 50px;
	max-height: 50px;
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: transparent;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	text-align: center;
	line-height: 50px;
}

/*style for user profile button while its active*/
/*lietotāja profila pogas stils, kamēr tā ir aktīva*/
.lgndd:active {
	color: var(--bacg);
	background-color: var(--neon);
	min-width: 80px;
	min-height: 50px;
	height: 49px;
	transition: 0.1s;
	filter: brightness(70%);
	z-index: 1;
}

/*style for user profile button arrow*/
/*lietotāja profila pogas bultiņas stils*/
.lgndd:after {
	content: '\25BC';
	float: right;
	margin-left: 5px;
	background-color: var(--backg);
	transition: 0.1s;
	font-size: 30px;
	top: 6px;
	position: relative;
}

/*style for user profile button arrow while hovering over it*/
/*lietotāja profila pogas bultiņas stils, norādot uz to*/
.lgndd:hover:after {
	color: var(--bacg);
	transition: 0.1s;
	top: 0px;
}

/*style for user profile button arrow while its active*/
/*lietotāja profila pogas bultiņas stils, kamēr tā ir aktīva*/
.lgndd.active:after {
	content: "\25B2";
	color: var(--backg);
	background-color: var(--neon);
	transition: 0.2s ease-out;
}

/*style for user profile image*/
/*lietotāja profila bildes stils*/
.prof-img-header {
	/*css for the login button*/
	height: 42px;
	min-height: 42px;
	width: 42px;
	min-width: 42px;
	border: var(--neon) 3px solid;
	border-radius: 1000px;
	position: absolute;
	top: -4px;
    right: 36%;
	z-index: 2;
}

/*style for user profile image while hovering over it or lgndd*/
/*lietotāja profila bildes stils , norādot uz to vai lgndd*/
.lgndd:hover .prof-img-header {
	transition: 0.1s;
	cursor: pointer;
	margin-top: 5px;
    right: 36%;
	border: var(--neon) 3px solid;
}

/*style for user profile image while its active*/
/*lietotāja profila bildes stils, kamēr tā ir aktīva*/
.prof-img-header:active {
	transition: 0.1s;
	filter: brightness(70%);
	z-index: 1;
}

/*style for user dropdown menu*/
/*lietotāja nolaižamās izvēlnes stils*/
.lgndd-content {
	color: var(--neon);
	position: absolute;
	background-color: var(--bacg);
	min-width: 160px;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	z-index: 1;
	display: block;
	top: 55px;
	right: 6px;
	font-size: 35px;
	border-radius: 12px;
	border: var(--neon) 0.2em solid;
	font-weight: bold;
	transition: 0.1s;
	line-height: 55px;
	padding-top: 7px;
	padding-bottom: 15px;
	font-family: Arial;
}

/*style for profile buttons*/
/*profila pogu stils*/
.h5-prof {
	display: inline-block;
	color: var(--neon);
	height: 75px;
	width: 255px;
	background-color: var(--bacg);
	font-size: 30px;
	border-radius: 12px;
	border: var(--neon) 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	position: relative;
	outline: none;
	font-weight: bold;
	transition: 0.1s;
	left: 1vw;
	bottom: 78px;
	margin-left: 15px;
}

/*style for profile buttons while hovering over it*/
/*profila pogu stils, norādot uz to*/
.h5-prof:hover {
	/*the effect that happens after hovering the cursor over h5*/
	width: 260px;
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: var(--bacg);
	text-shadow: 0 0 0 currentColor, 0 0 0 #808080;
}

/*style for profile buttons while its active*/
/*profila pogu stils, kamēr tā ir aktīva*/
.h5-prof:active {
	color: var(--bacg);
	background-color: var(--neon);
	width: 255px;
	height: 74px;
	transition: 0.1s;
	filter: brightness(70%);
}

/*style for the big profile image container*/
/*lielā profila attēla konteinera stils*/
.lgndd-prof {
	color: var(--neon);
	height: 230px;
	min-width: 230px;
	background-color: var(--bacg);
	font-size: 230px;
	border-radius: 1000px;
	border: var(--bacg) 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	outline: none;
	font-weight: bold;
	transition: 0.1s;
	text-align: center;
	margin-top: 25px;
	margin-left: 270px;
}

/*style for big profile image*/
/*lielā profila attēla stils*/
.prof-img2 {
	height: 230px;
	width: 230px;
	border-radius: 1000px;
    border: var(--neon) 5px solid;
    box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
    position: absolute;
    margin-top: 66px;
    margin-left: -289px;
}

/*style for modal profile image container*/
/*modālā profila attēla konteinera stils*/
.lgndd-stn {
	color: var(--neon);
	height: 120px;
	min-width: 120px;
	background-color: var(--bacg);
	font-size: 120px;
	border-radius: 1000px;
	border: var(--bacg) 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	outline: none;
	font-weight: bold;
	transition: 0.1s;
	margin-right: 48%;
	display: inline-block;
	/*float: left;*/
}

/*style for modal profile image container while hovering over it*/
/*modālā profila attēla konteinera stils, norādot uz to*/
.lgndd-stn:hover {
	transition: 0.1s;
	cursor: pointer;
	filter: brightness(90%);
	text-shadow: 0 0 1em var(--neon), 0 0 1em #808080;
}

/*style for profile modal title for input fields*/
/*profila modālā virsraksta stils ievades laukiem*/
.stn_type-title {
	color: var(--yelh);
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0 0 0.3em var(--yelh50);
	text-decoration: none;
	font-family: Helvetica;
	text-align: left;
	margin-left: 82px;
	margin-top: 10px;
}

/*style for profile modal title*/
/*profila modālā virsraksta stils*/
.stn_type-title-img {
	color: var(--yelh);
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0 0 0.3em var(--yelh50);
	text-decoration: none;
	font-family: Helvetica;
	text-align: left;
	margin-top: 10px;
	position: absolute;
	/*top: 85px;
	left: 25%;*/
	margin-top: 4.2%;
    margin-left: 25%;
}

/*style for profile modal button*/
/*profila modālās pogas stils*/
.h5-stn {
	display: inline-block;
	color: var(--neon);
	height: 50px;
	width: 200px;
	min-width: 200px;
	background-color: transparent;
	font-size: 20px;
	border-radius: 12px;
	border: var(--neon) 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	position: relative;
	outline: none;
	font-weight: bold;
	transition: 0.1s;
	margin: 2%;
}

/*style for profile modal button while hovering over it*/
/*profila modālās pogas stils, norādot uz to*/
.h5-stn:hover {
	/*the effect that happens after hovering the cursor over h5*/
	width: 205px;
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: var(--bacg);
	text-shadow: 0 0 0 currentColor, 0 0 0 #808080;
}

/*style for profile modal button while its active*/
/*profila modālās pogas stils, kamēr tā ir aktīva*/
.h5-stn:active {
	color: var(--bacg);
	background-color: var(--neon);
	width: 200px;
	height: 49px;
	transition: 0.1s;
}

/*style for profile modal image upload button*/
/*profila modālā attēla augšupielādes pogas stils*/
.h5-stn-upl {
	display: inline-block;
	color: var(--neon);
	height: 50px;
	width: 150px;
	min-width: 150px;
	background-color: transparent;
	font-size: 20px;
	border-radius: 12px;
	border: var(--neon) 0.2em solid;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	position: relative;
	outline: none;
	font-weight: bold;
	transition: 0.1s;
	margin: 2%;
	right: 50%;
	bottom: 15px;
}

/*style for profile modal image upload button while hovering over it*/
/*profila modālā attēla augšupielādes pogas stils, norādot uz to*/
.h5-stn-upl:hover {
	/*the effect that happens after hovering the cursor over h5*/
	width: 155px;
	transition: 0.1s;
	color: var(--bacg);
	background-color: var(--neon);
	cursor: pointer;
	border: var(--bacg);
	text-shadow: 0 0 0 currentColor, 0 0 0 #808080;
}

/*style for profile modal image upload button while its active*/
/*profila modālā attēla augšupielādes pogas stils, kamēr tā ir aktīva*/
.h5-stn-upl:active {
	color: var(--bacg);
	background-color: var(--neon);
	width: 150px;
	height: 49px;
	transition: 0.1s;
}

/*style for profile modal text input field*/
/*profila modālā attēla augšupielādes pogas stils*/
.stn-input {
	background-color: transparent;
	border: 1px solid var(--neon);
	width: 70%;
	/* Could be more or less, depending on screen size */
	height: 25px;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	border-color: var(--neon);
	border-radius: 12px;
	border-width: 5px;
	color: var(--neon);
	/*color: #cccccc;*/
	font-weight: bold;
	font-size: 15px;
	margin-top: 10px;
	margin-right: 105px;
}

/*style for profile username display*/
/*profila lietotājvārda parādīšanas stils*/
.uuusername {
	color: var(--yelh);
	font-size: 40px;
	line-height: 0.9;
	font-weight: bold;
	padding-top: 1.6vh;
	padding-bottom: 1.6vh;
	font-family: Arial;
	max-width: 322px;
	margin-left: 270px;
	text-align: center;
}

/*style for profile account creation date*/
/*profila konta izveides datuma stils*/
.user-date {
	color: var(--yelh);
	font-size: 30px;
	line-height: 0.9;
	font-weight: bold;
	padding-top: 1.6vh;
	padding-bottom: 1.6vh;
	font-family: Arial;
	max-width: 322px;
	/*margin-left: 270px;*/
	position: absolute;
	/*top: 37%;
	left: 24.3%;*/
	/*margin-top: -7.1%;
    margin-left: 43%;*/
	margin-top: -70px;
    margin-left: 632px;
}

/*style for profile svg image*/
/*svg profila attēla stils*/
.svg_login_img {
	height: 40px;
	width: 40px;
	border-radius: 1000px;
	border: var(--neon) 3px solid;
	box-shadow: inset 0 0 0.1em 0 var(--neon), 0 0 0.2em 0 var(--neon);
	position: absolute;
	margin-top: -3.5px;
	/*margin-left: -45%;*/
	right: 29.9px;
	transition: 0.1s;
	display: inline;
}

/*style for user svg image while hovering over it or lgndd*/
/*lietotāja svg bildes stils , norādot uz to vai lgndd*/
.lgndd:hover .svg_login_img {
	transition: 0.1s;
	cursor: pointer;
	margin-top: 3px;
    right: 29.9px;
	border: var(--neon) 3px solid;
	display: none;
}

/*style for profile svg image*/
/*svg profila attēla stils*/
.svg_login_img_hover {
	height: 40px;
	width: 40px;
	border-radius: 1000px;
	border: var(--bacg) 3px solid;
	box-shadow: inset 0 0 0.1em 0 transparent, 0 0 0.2em 0 transparent;
	position: absolute;
	margin-top: -4.6px;
	margin-left: -54px;
	transition: 0.1s;
	display: none;
}

/*style for user svg image while hovering over it or lgndd*/
/*lietotāja svg bildes stils , norādot uz to vai lgndd*/
.lgndd:hover .svg_login_img_hover {
	transition: 0.1s;
	cursor: pointer;
	margin-top: 2px;
    right: 29.9px;
	border: var(--bacg) 3px solid;
	display: inline;
	z-index: 1
}

/*style for modal profile image*/
/*modālā profila attēla stils*/
.prof-img {
	height: 120px;
	width: 120px;
	min-height: 120px;
	min-width: 120px;
	border-radius: 1000px;
	border: var(--neon) 5px solid;
	box-shadow: inset 0 0 0.1em 0 var(--neon), 0 0 0.2em 0 var(--neon);
	position: absolute;
	margin-top: -4.6px;
	margin-left: -123px;
	transition: 0.1s;
}

/*style for modal profile image while hovering over it*/
/*modālā profila attēla stils, norādot uz to*/
.prof-img:hover {
	transition: 0.1s;
	cursor: pointer;
	box-shadow: inset 0 0 0.5em 0 var(--neon), 0 0 0.5em 0 var(--neon);
	filter: brightness(90%);
}

/*style for recent favorites text*/
/*pēdējā izlases teksta stils*/
.recent-favorite-text {
	display: inline-block;
	color: var(--yelh);
	height: 50px;
	width: 5000px;
	background-color: transparent;
	font-size: 100px;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	font-weight: bold;
	padding-top: 30px;
    padding-left: 30px;
}

/*style for login error message*/
/*pieteikšanās kļūdas ziņojuma stils*/
.error-msg {
	height: 45px;
	width: 200px;
	position: absolute;
	margin-top: -115px;
	right: 150px;
	display: inline;
	font-family: Arial;
}

/*style for settings error message*/
/*iestatījumu kļūdas ziņojuma stils*/
.error-msg-stn {
	height: 45px;
	width: 600px;
	position: absolute;
	margin-top: -250px;
    margin-left: 632px;
	display: inline;
	font-family: Arial;
	color: var(--yelh);
	font-size: 35px;
	font-weight: bold;
	line-height: 0.9;
}

/*style for modal Zoom Animation*/
/*modālā tālummaiņas animācijas stils*/
.animate {
	-webkit-animation: animatezoom 0.6s;
	animation: animatezoom 0.6s
}

/*style for modal username and password input fields*/
/*modālā lietotājvārda un paroles ievades lauku stils*/
input[type=text],
[type=password] {
	background-color: transparent;
	border: 1px solid var(--neon);
	width: 70%;
	/* Could be more or less, depending on screen size */
	height: 25px;
	text-shadow: 0 0 1em currentColor, 0 0 1em #808080;
	box-shadow: inset 0 0 0.4em 0 var(--neon), 0 0 0.4em 0 var(--neon);
	border-color: var(--neon);
	border-radius: 12px;
	border-width: 5px;
	color: var(--neon);
	/*color: #cccccc;*/
	font-weight: bold;
	font-size: 15px;
	margin-top: 10px;
}

/*code for modal Zoom Animation*/
/*modālā tālummaiņas animācijas kods*/
@-webkit-keyframes animatezoom {
	from {
		-webkit-transform: scale(0)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@keyframes animatezoom {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

/* Change styles for span and cancel button on extra small screens */
/* Mainīt standarta stilus un atcelt pogu papildu mazajos ekrānos */
@media screen and (max-width: 300px) {
	span.psw {
		display: block;
		float: none;
	}

	.cancelbtn {
		width: 100%;
	}
}