/* CSS Template*/
:root {
	/* colors */
	--themecolor:#CCD6DD;
	
	/* dimensions */
	--edgebt: 30px;
	--edgelr: 15px;
	--overtxtsize: 1em;
	--opcty:0.6;
}
/* index.html*/
body{background-image:url(/x_image/hall.jpg); background-size:cover; background-repeat: repeat-y no-repeat; background-attachment: fixed;
background-color:var(--themecolor); padding: 10px; color:blue; font-family:system-ui;}
#fixedrow{position:fixed; top:0; left:15px; width:100%;}
#overdiv{position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,128,0.2); z-index: 100;} 
#overdivin{position: absolute; bottom:var(--edgebt); left:var(--edgelr); right:var(--edgelr); border:1px solid lightgray; border-radius:var(--overtxtsize);	font-weight:bold;  text-align:center; padding:30px; color:white; background-color:rgba(128,128,128,0.4); font-size: var(--overtxtsize);} 
#overdivintxt{margin-bottom:30px; text-shadow:2px 2px 4px #0000ff;}
#overbtn{font-weight:bold;border:1px solid lightgray; font-size:var(--overtxtsize); border-radius:var(--overtxtsize);}
#copyright{position:fixed; bottom:0; right:0; margin-right:15px; color:red; font-size:10pt; z-index:100; text-align:right;}

#aplikacija{text-align:center; font-size:30px; font-variant:small-caps; font-weight:bold; color:darkblue; margin-top:15px; margin-bottom:15px;}
#logodole{font-size:24px; text-align:center; font-weight:bold;}
.cent{position:relative; height:45px; border-radius:10px; margin-bottom:5px;}
.childd{position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%); width:100%; padding:5px;}
#cent1{text-align:center; font-weight:bold; font-size:11pt; display:none;}
#cent2{background-color:RGBA(255,0,0,var(--opcty)); color:white; font-size:2em;font-weight:bold; text-align:center; display:none; border-radius:2em;  border:2px solid white;}
#cent3{color:yellow; font-size:1.5em;font-weight:bold; text-align:center; display:none;}
.skiplr{font-weight:bold; cursor:pointer; border:2px solid yellow; background-color:RGBA(255,0,0,var(--opcty)); color:yellow; border-radius:1.5em;}
#leftskip{width:20%;}
#rightskip{width:20%;}
#vskip{width:50%;}

#divpause{color:yellow;font-size:4em; font-weight:bold; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);
	text-shadow: orange 2px 2px 2px, orange -2px 2px 2px, orange 2px -2px 2px, orange -2px -2px 2px; display:none; letter-spacing:24px;}


/* main.html*/
#mainrow{position:fixed; bottom:0; left:15px; width:100%; right:-15; margin-bottom:30px;}
#btnsdiv{text-align:center;}
#btnv1{width:100%; border:2px solid white; margin-top:15px; font-size:1em; border-radius:1.5em; }

/* vez_lumb.html*/
.broj{font-family:monospace; font-size:2.5em;  letter-spacing: 3px;  padding-left:10px; padding-right:10px; font-weight:bold;}
#pbroj{position:fixed; left:0; bottom:0; margin-bottom:30px; margin-left:15px; color:red; border:2px solid red; background-color:RGBA(192,192,192,var(--opcty));}
#ubroj{position:fixed; right:0; bottom:0; margin-bottom:30px; margin-right:15px; color:white; border:2px solid red; background-color:RGBA(255,0,0,var(--opcty));}
.kombi{font-family: monospace; font-size:1.5em;  padding:3pt; letter-spacing: 3px; }
#kombibefore{position:fixed; left:0; bottom:60px; margin-bottom:30px; margin-left:30px; display:none; color:blue;}
#kombiafter{position:fixed; right:0; bottom:60px; margin-bottom:30px; margin-right:30px; display:none; color:red;}


#info{font-family:monospace; font-size:1em; font-weight:bold; position:fixed; left:-15px; top:50%; transform:translateY(-50%); margin-bottom:30px; margin-left:30px; color: red; text-align:center; display:none; }
.infobck{background-color:RGBA(192,192,192,var(--opcty));}
.speeddivwr{color:red; border:2px solid red; border-radius:1em; margin-bottom:10px;}
.infodiv{color:blue; border-radius:1em; border:2px solid blue; margin-bottom:5px; padding-left:3px;padding-right:3px;}
.infopm{cursor:pointer; font-weight:900;}

#lumbslika {position:relative; height: 100%;width:100%; display:none;}
#lumbimg {position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:100%; opacity:0.9; z-index:-1;}
#lumbnaziv{font-size:18pt; font-weight:bold; text-align:center;}
#lumbopis{font-size:12pt; margin-top:15px; color:lightgray;}