* {
  box-sizing: border-box;
}


body, html {
	margin: 0; 
    padding: 0;
	font-family: Roboto, Helvetica, Arial, sans-serif; 
	color: #000000;
	background-color:#e4e9eb;
	overflow: hidden;
	box-sizing: border-box;
}

/* *,*:before,*:after {box-sizing:inherit} */

a:link { font-family: Helvetica, Arial; font-size: 15px; color: blue; line-height: 20px; text-decoration: none; cursor: pointer; }
a:visited { color: gray; text-decoration: none;  }
a:hover { color: blue; text-decoration: underline;  }
a img { border: none; }

h2 {color:#434e59; font-family:-apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight:500; font-size:24px; line-height:36px; margin-bottom:0px }


#okoli { display: flex;  flex-direction: row; width: 100%; height: 100%; xoverflow: hidden; xoverflow-y: hidden; border-top: 1px solid #dadce0; }

#orodja { flex: 0 0 160px; height: 100%; background-color: #e4e9eb; padding: 15px 10px 0px 10px; }
#orodja a:visited { color: blue; }

#novice { flex: 1; height: 100%; background-color: white; border-left: 1px solid #d3d4de; overflow-x: hidden; overflow-y: auto; }
#novice a:link { color: #2257ca; }
#novice a:visited { color: #aaaaaa; }



#title { font-weight: bold; text-align: center;  margin-bottom: 15px; }
#logo { width: 140px; margin-bottom: 15px;  }
#logo img { width: 140px; height: auto; }

#ikone { font-family: Verdana; font-size: 12px; text-align: center; }
.ikona { display: block; width: 32px; height: 32px; background-image: url('ikone.png'); background-repeat: no-repeat; margin-left: auto; margin-right: auto; cursor: pointer; }

#viri { margin-top: 32px; margin-bottom: 10px; }
#viri .ikona { background-position: -32px 0; }
#seznam-virov { position: absolute; visibility: hidden; display: none; width: auto; max-width: 300px; height: auto; max-height: 400px; left: 0px; text-align: left; background: #aaaaaa; padding: 6px; border: 1px solid #000000; overflow-y: auto; z-index: 999; }

#vreme { position: relative; margin-top: 32px; margin-bottom: 32px; }
#vreme .ikona { background-position: 0 0; }

#vreme_pixel { position: absolute; top:0px; left:0px; visibility: hidden; display: none; z-index: 99; xwidth: 410px; xheight: 330px; }
#vreme_pixel img { xwidth: 410px; xheight: 330px; }

#spodaj { position: fixed; bottom: 60px; width: 140px; text-align: center; cursor: pointer; }
#spodaj img { margin-bottom: 15px; }
#spodaj #svetloba { width: 140px; height: 32px; }
#spodaj #svetloba .ikona { background-position: -64px 0; }
/* #spodaj #svetloba:hover { background-image: url('brightness_32.png'); } */

label { cursor: pointer; }

#loader {  }

.row { position: relative;  background-color: white; padding: 2px; padding-left: 15px;  }
.row:first-child { padding-top: 20px; }
.row .favico { float: left; width: 16px; }
.row .ago { float: left; width: 48px; font-size: 12px; margin-left: 16px; }
.row .ago-link { width: auto; visibility: hidden; display: none; }
.row .link { float: left; width: 90%; margin-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.row .link a { }
.row .link .naslov {  }
/* .row .link span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } */
.row:hover { background-color: #e9f5fe; }


.dark-mode { background-color: black; color: #c2c4c9; }
.dark-mode #orodja { background-color: #202328;  }
.dark-mode #viri .ikona { background-position: -32px -32px; }
.dark-mode #vreme .ikona { background-position: 0 -32px; }
.dark-mode #seznam-virov { background: #636363; }

.dark-mode #novice { background-color: black; border-left: 1px solid #30343c; }
.dark-mode #novice a:link { color: #c2c4c9; }
.dark-mode #novice a:visited { color: #666666; }
.dark-mode #novice a:hover { color: white; }
.dark-mode .row { background-color: black; }
.dark-mode .row:hover { background-color: #041319; }
.dark-mode #spodaj #svetloba .ikona { background-position: -64px -32px; }
/* .dark-mode #spodaj #svetloba:hover { background-image: url('brightness_32.png'); } */


.clear { margin: 0; padding: 0; display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }