/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 

.divIsp
{
	
	border-radius:5px;
	border-bottom:3px solid #d9d9d9;
	border:2px solid #c6c5c5;

	font-size:15px;
	background-color:rgb(255,255,255) !important;
	padding:10px;
	overflow:auto;
}
.divOba
{
	
	border-radius:5px;
	border-bottom:3px solid #d9d9d9;
	border:2px solid #c6c5c5;

	font-size:15px;
	background-color:rgb(255,255,255,0.8) !important;
	padding:10px;
	overflow:auto;
}
.tocno
{
	color:green !important;
	
	font-size:20px;
}
.pojasnjenje
{
	color:blue !important;
	font-style: italic !important;
}
.falseAns
{
	color:red !important;
}
.trueAns
{
	color:green !important;
}

.alignnone 
{
	 
	 margin-top:25px;
	 display:block;
}
.zavrsi
{
	background-color:red !important;
	color:white !important;
	width:auto;
	
	text-align:center;
	margin-top:5px;
}
.alt
{
	background-color:rgb(255,255,255,0.8) !important;
	
	
}
.size-medium
{
	min-width:550px;
	 min-height:350px;
}
.leftQuestion
{
	border:1px solid lightgray;
	min-width:250px;
	margin:3px;
	text-align:center;
	cursor:pointer;
}
.leftQuestion:hover
{
	background-color:lightblue;
}
.question
{
	border-radius:5px;
	padding:20px;
	display:block;
	margin:0 auto !important;
	
}

.current
{
	background-color:lightblue !important;
	
	
}
.textR
{
	font-size:15px;
	float:right;
	border:1px solid gray;
	padding:5px;
	background-color:#555555;
	min-width:100px;
	text-align:center;
	color:white;
	border-radius:5px;
}
.textC
{
	color:orange !important;
	cursor:pointer !important;
}
.nast
{
	background-color:#4ba8e2;
	cursor:pointer !important;
}
.textR:hover
{
	font-decoration:underline !important;
	background-color:orange;
}
.btn
{
	
	border:1px solid gray;
	border-radius:5px;
}
.dalje
{
	margin:5px;
	background-color:green !important;
	color:white !important;
	
}
.preskoci
{
	margin:5px;
	background-color:orange !important;
	color:white !important;
	
}
.locked
{
	
	cursor:arrow;
	color:lightgray;
}
.locked:hover
{
	background-color:lightgray !important;
}
.divIsp>a
{
	text-decoration:underline !important;
	color:gray !important;
	cursor:pointer;
	font-size:20px;
}
.divIsp>a:hover
{
	text-decoration:underline !important;
	color:orange !important;
	cursor:pointer;
}
#stopwatch {
    font-size: 25px;
  float:right;
  margin:20px;
  color:lightgray;
}
#pitanjeDiv
{
max-width:75%;	
}
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(0,0,0,0.4);
    z-index:9999;
    display:none;
}

@media only screen and (max-width: 1000px) {
	
	#mainUlIspiti
	{
		max-width:99% !important;
	}
	.truefalse
	{
		width:15px !important;
		
		
	}
	h3
	{
		font-size:15px !important;
	}
	#btnZav
	{
			width:90% !important;
	}
  #pitanjaUl li
  {
	  display:inline-block !important;;
	min-width:5px !important;
	width:85px !important;
	
	 }
#pitanjaUlist li
  {
	  display:inline-block !important;;
	min-width:5px !important;
	width:85px !important;
	
	 }
	#pitanjeDiv
	{
		
		margin-left:1px !important;
	}	
.question
{
	
	 font-size:15px !important;
	 width:90% !important;
	margin-left:1px !important;
}
	 
.size-medium
{
	min-width:5px !important;
	 min-height:5px !important;
}
  
}