@charset "utf-8";

			#info {
				color: #fff;
				position: absolute;
				top: 10px;
				width: 100%;
				text-align: center;
				z-index: 100;
				display:block;
			}
			#info a {
				color: #f00;
				font-weight: bold;
				text-decoration: underline;
				cursor: pointer
			}
			#example {
				width: 100%;
				height: 80vh;
				top: 0;
				left: 0;
				background-color: #000000;
				display: block;
			}
			#feedback {
				color: #b8b100;
				font-size: 26px;
				top: 250px;
			}
			.broj-kipec {
				user-select: none;
				position: absolute;
				left: 5px;
				top: 5px;
				z-Index: 200;
				color: #b8b100;
			}
			#dat {
				user-select: none;
				position: absolute;
				right: 3px;
				top: 3px;
				z-Index: 200;
				color: #b8b100;
			}
			#myDiv{
				width: 100%;
				height: 80vh;
			}
			#myDiv.fullscreen{
				z-index: 9999;
				width: 100%;
				height: 100%;
				position: fixed;
				top: 0;
				left: 0;
				}
			#glFullscreen {
				width: 100%;
				height: 100%;
				min-width: 400px;
				min-height: 250px;
				position: relative;
				overflow: hidden;
				z-index: 0;
			}
			.scroo-barich {
				height:34vw;
				width:100%;
				overflow-y:scroll;
				font-family: Montserrat;		
			}
			::-webkit-scrollbar {
				width: 12px;
			}
			::-webkit-scrollbar-track {
				-webkit-box-shadow: inset 0 0 6px rgba(184,177,0,0.3);
				border-radius: 10px;
			}
			::-webkit-scrollbar-thumb {
				border-radius: 10px;
				-webkit-box-shadow: inset 0 0 6px rgba(184,177,0,100);
				 background-color:rgba(184,177,0,1);
			}
			
		@media screen and (max-width: 767px) {
			.scroo-barich {
				height:100%;
				width:100%;
				overflow:auto;
			}			
		}