/*Ladislav Matus 2025 */

body {
	text-shadow:2px 2px 10px #000000;
	font-family:'Open Sans', Helvetica, Arial;
	font-size:0.75em;
	color: #ffffff;
	margin: 0%;
	background-color: #090715;
	background-image: url("data/pozadie_light.jpg");
	background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

body.darkmode {	background-image: url("data/pozadie_dark.jpg");}

a:link		{text-decoration: none; color:#ffffff;}
a:visited	{text-decoration: none; color:#ffffff;}
a:hover		{text-decoration: none; color:#ffffff;}
a:active	{text-decoration: none; color:#ffffff;}

hr {
	border-top: 1px solid #ffffff65;
	border-bottom: 1px solid #007bac75;
}

hr.n1 {opacity: 33%;}
hr.n2 {opacity: 33%; margin-left: 0.7em; margin-right: 2.3em;}

img {filter: drop-shadow(1px 2px 2px #000000);}

/*--------------------------POSUVNIK--------------------------*/
::-webkit-scrollbar {width: 0.15em;}                          /* Posuvnik */
::-webkit-scrollbar-thumb {         background: #ffffffb0;} /* Posuvnik */
::-webkit-scrollbar-track {         background: transparent;} /* Prazdny priestor */
::-webkit-scrollbar-thumb:hover {   background: #000000;}   /* Aktivny posuvnik */
/*--------------------------IPADRESA--------------------------*/
/* zatial nic*/

/*---------------------------HEADER---------------------------*/
#HEADER {width: 100%;}

#HEAD1 {width: 100%; display: inline-block;}
#HEAD2  {width: 100%; display: inline-block;
	height: 3em;
	box-shadow: 0px 0px 3px 0px #ffffff;
	background-color: #0000002d;
}

.TIMEWEATHER {
	float: left;
	width: 30em;
	height: 8.5em;
	padding-left: 5em;
	transition: transform 0.1s;
}
.TIMEWEATHER:hover {transform: scale(1.06);}

.HLADAC {
	margin: 0px auto;
	width: 25%;
	max-width: 500px;
	height: 6em;
	padding-top: 2.5em;
}

.ICONLIST {
	float: right;
	width: 30em;
	height: 6em;
	padding-top: 2.5em;
	padding-right: 5em;
}

.ICONLIST img {
	float: right;
	height: 3em;
	padding-top: 0.5em;
	padding-left: 2em;
	opacity: 70%;
	transition: transform 0.1s;
	filter: drop-shadow(1px 2px 4px #000000);
}

.ICONLIST img:hover {
	transform: scale(1.1);
	opacity: 100%;
}

.CASNAME {
	float: left;
	width: 9.4em;
}


.CAS {padding-top: 2em;}

#time {
	font-size: 2.5em;
	padding-bottom: 0em;
	float: left;
	text-shadow:2px 2px 10px #000000;}

#date {
	font-size: 0.80em;
	padding-bottom: 0.1em;
	float: left;
	text-shadow:2px 2px 10px #000000;}

.NAMEDAY {
	width: 11em;
	float: left;
}


.POCASIE {
	float: left;
	width: 20em;
}




/*----------------------DROPDOWN--------------------*/
.PONUKA {float: right; width:auto; text-shadow:1px 1px 1px #000000;}

/* rozdelovac medzi DD */
.slash { 
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	height: 2em;
	border-left: 3px solid #960000;}


/* "Set Tlacidiel" (aj ked je kazde zvlast) */
.DD {
	float: left;
	cursor: pointer;
}

/* Tlacidlo - vyzva na kontextovu ponuku */
.DD-Button {
	opacity: 87%;
	margin-top: 0.9em;
	margin-bottom: 0.9em;
	margin-left: 0.8em;
	margin-right: 0.8em;
	color: rgb(255, 255, 255);
	transition: transform 0.1s;
}

/* Kontextova ponuka */
.CTT {
	backdrop-filter: blur(10px);
	transition: transform 1.0s;

	
	z-index: 1;
	display: none;
	position: absolute;
	top: 136px;
	right: 154px;
	width: 476px;
	margin-top: 0em;
	padding: 1em;
	padding-top: 1.5em;
	padding-bottom: 3em;
	opacity: 95%;
	background-color: #00000098;
	border-top: rgb(150, 0, 0) 5px solid;
	border-bottom-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


/* Funkcie - Kontextovej ponuky */
.DD:hover .CTT {
	transform: scale(1.00);
	display: block;
}

.DD:hover .DD-Button {
	opacity: 100%;
	text-shadow:0em 0em 1ex #ffffff;
	color: #ffffff;
	transform: scale(1.06);
}

/* "Predmet" - Kontextovej ponuky */
.Article {
	float: left;
	width: 97px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.2em;
	margin-left: 0.3em;
	margin-right: 0.3em;
	opacity: 80%;
	color: #ffffff;
	border-bottom: rgba(150, 0, 0, 0) 3px solid;
	transition: transform 0.1s;
}
.Article:hover {
	opacity: 100%;
	border-bottom: rgb(150, 0, 0) 3px solid;
	filter: drop-shadow(1px 1px 1px #cacaca);
	transform: scale(1.06);
}



.article-logo img {
	float: left; 
	width: 20px;
	padding-right: 0.5em;
}

.article-name {
	padding-top: 0.3em;
	float: left;
}

.pillar25 {
	float: left;
	/* spolu 119px max pri 25%*/
	width: 107px;
	padding-left: 5px;
	padding-right: 5px; 
	border-left: 2px solid #ffffff27;
}



/*--------------------GOOGLE------------------------*/
::placeholder {color: #fff;}

.form-control-search {
	height: 2.1em;
	width: 99%;
	text-align: center;
	border-radius: 1em;
	opacity:0.6;
	transition: transform 0.1s;
	color: #ffffff;
	background-color: #0000000a;
	box-shadow: 0px 0px 10px 0px #ffffff;
	backdrop-filter: blur(10px);
	border: #ffffff 0.1em solid;
}

.form-control-search:hover{
	transform: scale(1.03);
	opacity:1;
	color: #fff;
	background-color: #5fa1db00;
	backdrop-filter: blur(0px);
	box-shadow:0em 0em 1em #ffffff;
}


/*----------------ODHLASENIE------------------*/
.odhlasenie {
	opacity: 80%;
	float: right;
	width: auto;
	padding-top: 0.72em;
	padding-bottom: 0.68em;
	margin-right: 5em;
	transition: transform 0.1s;
}
.odhlasenie img {width: 1.4em;}
.odhlasenie:hover {transform: scale(1.1);opacity: 100%; filter: drop-shadow(1px 2px 3px #cacaca);}

/*------------------POCITADLO-------------------*/
.pocitadlo {
	opacity: 100%;
	float: right;
	width: auto;
	font-size: 0.95em;
	font-weight: bold;
	color: #ff0000;
	text-shadow:1px 1px 1px #0000007c;
	padding-left: 1.2em;
	padding-right: 1.2em;
	padding-top: 1em;
	padding-bottom: 1.2em;
	cursor:default;
	transition: transform 0.1s;
}

.pocitadlo a {color: #ff0000;}




.pocitadlo:hover {transform: scale(1.1); opacity: 100%;}
/*--------------------MENINY--------------------*/

/*dnes*/
.calwid_name1 {
text-shadow:2px 2px 10px #000000;
color:#fff;
font-size:11px;}

/*zajtra*/
.calwid_name2 {
text-shadow:2px 2px 10px #000000;
font-size:0px;
color:#999999;}

/*den v tyzdni*/
.calwid_day {
font-size:0px;
color:#000;}

/*kecy DNES*/
.calwid_body A {
font-size:0px;
color:#000;}

/*kecy ZAJTRA*/
.calwid_body {
color:#00000000;
font-size:0px;}



/*-------------------------OBSAH------------------------------*/
#OBSAH {
	margin: auto;
	width: 1920px;
}

#SIDE_L {
	float: left;
	margin-top: 2em;
	margin-left: 50px;
	margin-right: 25px;
	width: 885px;
}

#SIDE_R {
	float: right;
	margin-top: 2em;
	margin-left: 25px;
	margin-right: 50px;
	width: 885px;
}

/* - - - - - POLOVICNA SIRKA - - - - - - 
@media screen and (max-width: 960px) {
	#SIDE_L { }
	#SIDE_R { }
}
*/

/* DLAZDICE OBSAH */
#DLAZDICE {
	width: 100%;
	text-align:center;
	display:inline-block;

}

.titlesNEW {
	background: #020024;
	background: linear-gradient(45deg,

	#9c9c9c 0%,
	#bdbdbd 50%,
	#ffffff 100%);

	filter: grayscale(100%);
	opacity: 80%;
	border-radius: 1.8em;
	box-shadow:0em 0em 0.5em #000000;
	width: 7em;
	height: 5.5em;
	margin-top: 2em;
	margin-bottom: 4em;
	margin-left: 0.8em;
	margin-right: 0.8em;
	padding-top: 1.5em;
	display:inline-block;
	transition: transform 0.1s;
}

.titlesNEW:hover {
	background: #c16455;
	background: linear-gradient(45deg,
	#ffffff 0%,
	#bdbdbd 50%,
	#9c9c9c 100%);
	opacity: 100%;
	filter: grayscale(0%);
	transform: scale(1.1);
}

.VBwhite:hover   {box-shadow: 0px 0px 5px 5px #ffffffb6;}
.VBgreen:hover   {box-shadow: 0px 0px 5px 5px #86db5fb6;}
.VByellow:hover  {box-shadow: 0px 0px 5px 5px #e6da76b6;}
.VBred:hover     {box-shadow: 0px 0px 5px 5px #db5f5fb6;}
.VBblue:hover    {box-shadow: 0px 0px 5px 5px #62a1ffb6;}
.VBviolete:hover {box-shadow: 0px 0px 5px 5px #5f67dbb6;}
.VBblack:hover   {box-shadow: 0px 0px 5px 5px #000000b6;}


.titlesNEW img {width: 50%;}

/*-------------------------------------*/
#STRED { float: left; width: 100%;}

.oblubene_vlavo, .oblubene_stred, .oblubene_vpravo {
	float: left;
	height: 22em;
	overflow:auto;
	border-top: 5px solid #910c0c;
	backdrop-filter: blur(10px);
	background:
		linear-gradient(	   transparent 1px, transparent 1px) 1px 1px, /* vodorovne */
		linear-gradient(90deg, #ffffff50 1px, #ffffff5d 1px) 1px 1px; /* zvyslo; farba prva: ciary, druha:pozadie */
	background-size: 20.0px 20.0px, 20.0px 20.0px, 20.0px 20.0px, 20.0px 20.0px;
}

/* https://bennettfeely.com/clippy */
.oblubene_vlavo{ width: 29%; clip-path: polygon(0 92%, 0 0, 100% 0, 100% 100%, 8% 100%); }
.oblubene_vlavo:hover {border-top: 5px solid #ff0000;}

.oblubene_stred { width: 18%; margin-left: 1%; margin-right: 1%;}
.oblubene_stred:hover {border-top: 5px solid #ff0000;}

.oblubene_vpravo { width: 50%; clip-path: polygon(0 100%, 0 0, 100% 0, 100% 90%, 92% 100%); }
.oblubene_vpravo:hover {border-top: 5px solid #ff0000;}

.oblubene_vpravo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	filter: drop-shadow(1px 2px 4px #000000);
}
.oblubene_vpravo img:hover {filter: drop-shadow(1px 2px 4px #c42727);}

.nadpis {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding-top: 0.2em;
	padding-bottom:0.2em;
	margin: 0;
	background:white;
	color:black;
	text-shadow:0em 0em 1ex #7a7a7a;
}

.casovac {float:left;
	margin-top: 1.2em;
	padding-left: 25px;
	padding-right: 15px;
	color: #ffffffc7;
	width: 150px;
	filter: drop-shadow(1px 2px 4px #000000);
}

.lommitkoo {height: 40px; width:1px; margin-top: 1em; float:left; border-right: 2px solid #b81f1ff1;}

#odpocet1, #odpocet2 {font-size: 1.5em; color: #ffffff; transition: transform 0.05s;}
#odpocet1:hover, #odpocet2:hover {font-size: 1.5em; color: #f77474;filter: drop-shadow(1px 2px 4px #ff0000); cursor: default; transform: scale(1.05);}


/*------------------------------------*/
.fav {
	font-size: 1em;
	width: 45.5%;
	color: #ffffffc7;
	display: flex;
	align-items: center;
	float: left;
	margin-top: 0.7em;
	margin-left: 0.8em;
	filter: drop-shadow(1px 2px 4px #000000);
	transition: transform 0.05s;
}

.fav:hover {filter: drop-shadow(1px 2px 4px #a80000); color: #ffffff; transform: scale(1.05);}

.fav img {width: 20px; padding-right:0.5em;}

/*------------------------------------*/
/* https://www.magicpattern.design/tools/css-backgrounds */
.blank {
	background-color: transparent;
	background: repeating-linear-gradient( -45deg,
		#ffffff00,		 /* ? */
		#ffffff50 1px,	 /* ciarky 1 */
		#e5e5f700 2px,	 /* ciarky 2 */
		#e5e5f700 7px); /* vzdialenost */
	opacity: 0.8;
	width:100%;
	height:100%;
}

/*------------------------------------*/
#DOLNY_BAR {
	background-color: #0000002a;
	backdrop-filter: blur(10px);
	box-shadow: 0px 2px 0px 0px #ffffff94;
	border: 0px solid #ffffff;
	float: left;
	height: 40px;
	width: 39%;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 0.75em;
	padding-bottom: 1em;
	border-radius: 1em;
}
#DOLNY_BAR:hover {box-shadow: 0px 2px 0px 0px #8dd1f894;}

#DOLNY_BAR img {
	float:left;
	width: 27px;
	padding-left: 0.4em;
	padding-right: 0.4em;
	filter: grayscale(100%);
	filter: drop-shadow(1px 2px 4px #000000);
	transition: transform 0.1s;
}
#DOLNY_BAR img:hover {filter: drop-shadow(1px 2px 4px #00a2ff); transform: scale(1.1);}

/*---------------------------APP---------------------------*/
#APP {
	float: left;
	width: 97%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 1em;
}

/* https://www.magicpattern.design/tools/css-backgrounds */
#FOLDER {
	background-color: #0000000a;
	background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff10 20px );
	backdrop-filter: blur(10px);
	box-shadow: 0px 1px 5px 0px #ffffff;
	border-top: 5px solid #000000;
	color: #000000;
	width:32.33%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	padding-bottom: 0.6em;
	float: left;
	text-align: center;
	border-bottom-left-radius: 2em;
	border-bottom-right-radius: 2em;
}
#FOLDER:hover {filter: grayscale(0%); border-top: 5px solid #74c9fa; box-shadow: 0px 1px 5px 0px #74c9fa;}

.nadpis2 {
	padding-top: 0.5em;
	margin-bottom: 0.0em;
	height: 1.5em;
	text-align: center;
	font-weight: bold;	
	text-shadow:0em 0em 1ex #7a7a7a;
	background-color: #ffffff
}

.ikona {
	color: #ffffff;
	text-shadow:0em 0em 0.5em #000000;
	width: 4.6em;
	height: 75px;
	filter: grayscale(100%);
	float: left;
	margin-left: 0.51em;
	margin-right: 0.51em;
	margin-top: 0.6em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	transition: transform 0.1s; 
}

.ikona:hover {
	transform: scale(1.05);
	filter: grayscale(0%);
	color: #ffffff;
	text-shadow: 0.5em 0.5em 1em #74c9fa;
/*	box-shadow: 0px 0px 2px 2px #74c9fa; */
/*	border-radius: 1.5em; */
}

.ikona img {
	width: 65%;
	padding-bottom: 0.50em;
	margin-bottom: 0.5em;
	border-bottom: #00a2ff 0.3em solid;
	border-bottom-left-radius: 3px 2px;
	border-bottom-right-radius: 3px 2px;
}

/*---------------------------SOCIAL---------------------------*/
#SOCLINK {
	backdrop-filter: blur(10px);
	float: left;
	width: 60%;
	height: 270px;
	margin-bottom: 10px;
	text-align: center;
	color: #ffffff;
	text-shadow:0.2em 0.2em 0.7em #000000;
	background-color: #e5ecf933;
	border-bottom-right-radius: 2.5em;
	border-top-left-radius: 2.5em;
	box-shadow: 1px 1px 1px 1px #c9c9c9; 
}
#SOCLINK:hover {filter: grayscale(0%); box-shadow: 1px 1px 1px 1px #8dd1f8; }

.sc-line {width: 94%; margin-left: 3%; margin-right: 3%; padding-top: 0.5em; padding-bottom: 0.5em;}
.sc-1 {width: 07%; padding-top: 0.3em; border-top: 2px solid #8dd1f8; ; border-top-left-radius:  50%; display: inline-block;}
.sc-2 {width: 10%; display: inline-block;}
.sc-3 {width: 83%; padding-top: 0.3em; border-top: 2px solid #8dd1f8; ; border-top-right-radius: 50%; display: inline-block;}
.sc-4b {width: 90%; padding: 0em; margin: 0em; border-top: 2px solid #74c9fa; border-top-right-radius: 50%; display: inline-block;}
.sc-4r {width: 90%; padding-bottom: 0.1em; margin-top: 1em; border-top: 2px solid #c20000; border-top-right-radius: 50%; display: inline-block;}

.socialne_prazdno {width:4em; display:inline-block;}

.kruh {
	filter: grayscale(100%);
	opacity: 90%;
	display:inline-block;
	width: 4em;
	height: 4em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	border-radius: 50%;
	transition: transform 0.1s;
}

.kruh:hover{
	transform: scale(1.2);
	opacity: 100%;
	filter: grayscale(0%);
}

.kb {box-shadow: 0em 0em 1em 0.3em #7dc5ff;}
.kc	{box-shadow: 0em 0em 1em 0.3em #751e51;}

.kruh img {height: 100%; border-radius: 50%;}
.kruhname {color: white; text-align: center; text-shadow:2px 2px 10px #000000;}

.kruhHD {
	filter: grayscale(100%);
	opacity: 90%;
	display:inline-block;
	width: 5.5em;
	height: 5.5em;
	margin-top: 1em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	border-radius: 50%;
	transition: transform 0.1s;
}

.kruhHD:hover{
	transform: scale(1.1);
	opacity: 100%;
	filter: grayscale(0%);
}

.kruhHD img {width: 100%;border-radius: 50%;}

.kruhSM {
	filter: grayscale(100%);
	opacity: 90%;
	display:inline-block;
	width: 4.7em;
	height: 4.7em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	border-radius: 50%;
	transition: transform 0.1s;
}
.kruhSM:hover{
	transform: scale(1.15);
	opacity: 100%;
	filter: grayscale(0%);
}
.kruhSM img {width: 100%;border-radius: 50%;}

/*---------------------------PRAVOBOK---------------------------*/
#GALERIA {
	backdrop-filter: blur(10px);
	float: left;
	margin-bottom: 20px;
	margin-left: 3%;
	width: 37%;
	height: 230px;
	color: #ffffff;

	box-shadow: 0px 0px 1px 1px #c9c9c99a; 
}
#GALERIA:hover {filter: grayscale(0%); box-shadow: 0px 0px 1px 1px #8dd1f8; }

/* #GALERIA img {width: 100%; filter: grayscale(100%); filter: drop-shadow(1px 2px 4px #000000); transition: transform 0.1s;} */
/* #GALERIA img:hover {filter: drop-shadow(1px 2px 4px #00a2ff); transform: scale(1.1);} */

#kokosynasnehu {width: 100%; }

/*---------------------------PRAVOBOK---------------------------*/
#HORNY_BAR {
	backdrop-filter: blur(10px);
	float: left;
	margin-left: 3%;
	width: 309px;
	padding: 1%;
	height: 30px;
	color: #ffffff;
	text-shadow:0.2em 0.2em 0.7em #000000;
	background-color: #e5ecf933;
	border-top-left-radius: 2.5em;
	border-top-right-radius: 2.5em;
}
#HORNY_BAR:hover {filter: grayscale(0%);}

#HORNY_BAR img {
	float: left;
	width: 27px;
	padding-top: 0em;
	padding-left: 0em;
	padding-right: 0em;
	filter: grayscale(100%);
	filter: drop-shadow(1px 2px 4px #000000);
	transition: transform 0.1s;
}
#HORNY_BAR img:hover {filter: drop-shadow(1px 2px 4px #00a2ff); transform: scale(1.1);}


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



#RAMEC {margin:auto;
	overflow:auto;
	float: left;
	width: 100%;
	height: 450px;
	border-bottom-left-radius: 2.5em;
	transition: transform 0.1s;}
	/* background-color: #e5ecf933; 
	backdrop-filter: blur(10px);


#RAMEC:hover {
	box-shadow: 0px 0px 5px 5px #5fa1db2d;
}*/

#RAMEC::-webkit-scrollbar-thumb {background: transparent;}

/*---------------------------RSS---------------------------*/
.RSS {
	float: left;
	font-weight: bold;	
	text-shadow:1px 1px 1px #000000;
	width: 47%;
	margin-left: 5em;
	padding-top: 0.9em;
}

.rsssss {margin-top: -0.65em; float:left; width: 30px;}
.rsssss img {height: 2em; filter: drop-shadow(1px 2px 3px #970000);transition: transform 0.1s; opacity: 80%;}
.rsssss img:hover {transform: scale(1.1);opacity: 100%;}

/*--BEZIACI TEXT--*/
.marquee {
	position: relative;
	margin-left: 70px;
	width: 800px;
	height: 1.2em;
	font-size: 1em;
	overflow: hidden;
}

.track { 
	position: absolute;
	white-space: nowrap;
	will-change: transform;
	animation: marquee 35s linear infinite;
}
.nebeziacitext {animation-play-state: paused;}
  
@keyframes marquee {
	from { transform: translateX( 25%); } 
	to   { transform: translateX(-100%); }
}

.track:hover {animation-play-state: paused;}

/*--RSS FEED--*/
.track a:link    {opacity:80%; color: #ffffff; padding-left: 10px; padding-right: 6px; border-left: 5px solid #970000;}
.track a:visited {color: #ffffff; border-left: 5px solid #aa0000;}
.track a:hover   {opacity:100%; color: #ffffff;}
.track a:visited {color: #f8e4e4;}

/*.RSS_topic {}*/
.RSS_topic a:link    {opacity:80%; text-align: left; color: #f1f1f1; margin-right:5em ;margin-bottom:0.5em; padding-left: 10px; padding-right: 6px; border-left: 5px solid #970000; width: 80%; display:inline-block; font-size: 1.2em;}
.RSS_topic a:visited {color: #cacaca; border-left: 5px solid #ffffff;}
.RSS_topic a:hover   {opacity:100%; color: #ffffff;}
.RSS_topic a:visited:hover { color: #ffffff; }




/*-------------------------- DARKMODE -------------------------*/
input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
	float: left;
}

.prepinac {
	float: right;
	width: auto;
	padding-top: 0.9em;
	padding-bottom: 0.9em;
	margin-right: 1.2em;
	transition: transform 0.1s;
}

/*prepinac pozadie*/
label {
	width: 2.1em;
	height: 1.2em;
	border: #000000;
	border-radius: 1em;
	transition: 0.1s;
	cursor: pointer;
	display: block;
	position: relative;
	background: #ad8f8f;
	border: 0em solid black;
	box-shadow:0em 0em 0.5em 0.1em #ffffffa6;
}

/*prepinac gulicka*/
label:after {
	top: 0em;
	left: 0em;
	width: 1.2em;
	height: 1.2em;
	transition: 0.1s;
	background: #ffffff;
	border-radius: 1em;
	content: '';
	position: absolute;
}

label:hover:after {width: 1.50em;}

.darkmode label {background: #3a3a3a; border: 0px solid white; box-shadow:0em 0em 0.4em 0.1em #ffffff;}
.darkmode label:after {left: 1.00em;}
.darkmode label:hover:after{left: calc(100% - 1.5em); transform: translateX(0%);}