/*prepoveduje izbiranja texta in el z miško !!!*/
 BODY * {
  -webkit-touch-callout: none; /*iOS Safari*/
  -webkit-user-select: none;   /*Chrome/Safari/Opera*/
  -khtml-user-select: none;    /*Konqueror*/
  -moz-user-select: none;      /*Firefox*/
  -ms-user-select: none;       /*Internet Explorer/Edge*/
  user-select: none;           /*Non-prefixed version, currently
                                  not supported by any browser*/
} 

.startPanel {	
  	position: absolute;
  	margin: auto;  	
  	
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
    
    z-index: 1;
	
	width: 70%;
	/*margin: auto;*/	
	padding: 5px;
	/*background:rgba(255,255,255,0.3);*/  /*naredi transparentno zadje diva, opacity pa še svojim childe divom da presojnost in opacity ni OK za ta primer*/
	/*background: url(assets/gui/Gravel-Large.jpg) no-repeat center center; */
	/*background-color: gray;*/
	background: url(../assets/gui/black-stone-texture.jpg);
	
	background-size: cover;
    background-position: center;
    
    -moz-box-shadow: 0 0 80px #7CFC00; 
 	-webkit-box-shadow: 0 0 80px #7CFC00; 
 	box-shadow: 0 0 80px #7CFC00;
    /*z-index: -10;*/
    
}

.menuButtonsContainer {
	font-family: sans-serif;"

	padding: 15px; 
	margin: 15px;
	
	font-size: 300%; 
	font-weight: bold;
	
	 
	display: block; 
	text-align: center;
	
	opacity: 0.1;
	/*background: rgba(0, 0, 0, 0.1);*/
	/*background: rgba(black, 0.1);*/
	
	border: 1px solid black; 
}

.menuButtonsContainer:hover {
	font-family: sans-serif;"

	font-size: 300%; 
	font-weight: bold;		    
 	opacity: 1;
 	
 	/*
 	-moz-box-shadow: 0 0 80px rgb(204,0,204); 
 	-webkit-box-shadow: 0 0 80px rgb(204,0,204); 
 	box-shadow: 0 0 80px rgb(204,0,204);
 	*/
 		
 	-moz-box-shadow: 0 0 80px #7CFC00; 
 	-webkit-box-shadow: 0 0 80px #7CFC00; 
 	box-shadow: 0 0 80px #7CFC00;
 	       
}

.centerHorizontaly {
	width: 50%;
    margin: 0 auto;
}


/* možnost stiliziranja border-ov
.borderShadow {
 -moz-box-shadow: 0 0 20px black; 
 -webkit-box-shadow: 0 0 20px black; 
 box-shadow: 0 0 20px black;
}

.borderSolid {
	border: 1px solid black;
}
*/
.ozadje {
	margin: 0;
  	padding: 0;
  	background-color: black;
	/*background: url(gui/black-stone-texture.jpg);*/  	
}

.bar {	
	position: fixed;	
	top:0;
   	left:0;
   	width:100%;
   	height: 10vh;   	   	
  	padding: 5px;  	
  	background: -webkit-linear-gradient( top, rgba(204,0,204,1),rgba(204,0,204,0) );
  	z-index: 2;  	 
}

.barDown {	
	position: fixed;	
	bottom: 0px;
	left: 0;
	
   	width:100%;
   	height: 10vh;
   	  	
  	padding: 5px;  	
  	background: -webkit-linear-gradient( top, rgba(204,0,204,0),rgba(204,0,204,1) );
  	z-index: 2;  	 
}

html {
	cursor: url(../assets/gui/mouse_cursor128.png) , pointer;"
}

.panelTitle  {	
	font-family: sans-serif;"

	padding: 15px; 
	margin: 15px;
	
	/* background-color: #CCCCCC; */ 
	color: white;
	
	font-size: 350%; 
	font-weight: bold;
	
	 
	display: block; 
	text-align: center;
	
	/* opacity: 0.1; */
	/*background: rgba(0, 0, 0, 0.1);*/
	/*background: rgba(black, 0.1);*/
	
	 
}

/* settings menu styles */
.settingsPanel {
	position: absolute;
  	
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
    
	width: 70%;
	margin: auto;		
	padding: 5px;
	visibility: hidden;
	
	z-index: 1;
	/*background:rgba(255,255,255,0.3);*/  /*naredi transparentno zadje diva, opacity pa še svojim childe divom da presojnost in opacity ni OK za ta primer*/
	/*background: url(assets/gui/Gravel-Large.jpg) no-repeat center center; */
	/*background-color: gray;*/
	background: url(../assets/gui//black-stone-texture.jpg);
	
	background-size: cover;
    background-position: center;	
}

.menuLabel {
	font-family: sans-serif;
	color: white;
	
	padding: 15px; 
	margin: 15px;
	
	font-size: 300%; 
	font-weight: bold;
	
	 
	display: block; 
	text-align: center;	
	
	/* border: 1px solid black; */ 	 
}


.menuButtonOn {
	font-family: sans-serif;"

	padding: 15px; 
	margin: 15px;
	
	font-size: 300%; 
	font-weight: bold;
	
	 
	display: block; 
	text-align: center;	
	
	border: 1px solid black;
	background:purple;
}

.menuButtonOff {
	font-family: sans-serif;"

	padding: 15px; 
	margin: 15px;
	
	font-size: 300%; 
	font-weight: bold;
	
	 
	display: block; 
	text-align: center;	
	
	border: 1px solid black; 	 
}

.menuButton:hover {
	font-family: sans-serif;"

	padding: 15px; 
	margin: 15px;
	
	font-size: 300%; 
	font-weight: bold;
	
	 
	display: block; 
	text-align: center;	
	
	border: 1px solid black;
	
	-moz-box-shadow: 0 0 40px #7CFC00; 
 	-webkit-box-shadow: 0 0 40px #7CFC00; 
 	box-shadow: 0 0 40px #7CFC00; 	 
}


.borderAbilightOut {
	-moz-box-shadow: 0 0 40px #7CFC00; 
 	-webkit-box-shadow: 0 0 40px #7CFC00; 
 	box-shadow: 0 0 40px #7CFC00;
}

/* .borderAbilightIn {
	-moz-box-shadow: 0 0 40px #7CFC00; 
 	-webkit-box-shadow: 0 0 40px #7CFC00; 
 	box-shadow: 0 0 40px #7CFC00;
} */