body {
	font-family: Arial, Helvetica, sans-serif;
}

href {
	color:#ffffff;
	text-decoration:normal;
}

iframe {
	border: none !important;
	
}

span {
	position: absolute;
	right: 1%;
	top: 25px;
	margin-right: 20px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: white;
	font-size: 16px;
}

.prijavljen {
	position: absolute;
	right: 20px;
	top: 0;
	margin-right: 20px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: white;
	font-size: 16px;
	z-index: 9999;	
}

.naziv_skole {
	position: absolute;
	right: 20px;
	top: 110px;
	margin-right: 20px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: white;
	font-size: 16px;
	z-index: 9999;	
}

/* Dropdown Button */
.dropbtn {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	/*background-color: #809fff;*/
	background-color: #000;
    text-decoration: none;
	color: white;
    padding: 16px 6px 16px 6px;
    border: none;
    cursor: pointer;
	/*box-shadow: 0px 8px 16px 0 rgba(0,0,0,0.2), 0 16px 20px 0 rgba(0,0,0,0.19);*/
}

.dropbtn a:active {
  background-color: #ff0000;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    /* color: black; */
    padding: 5px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #e4e1dc;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    /*background-color: #668cff;*/
	background-color: #ff0000;
}

#menu {
	width:96.6%;
	height:50px;
	/*background-color:#b1a998;*/
	background-color:#000;
	//padding: 10px 0 10px 0;
	position: fixed;
	top: 94px;
	z-index: 999;
	padding-left: 2%
	
}

#menu a:hover{
	cursor:pointer;
}

#my_menu {
	width:100%;
}

#my_menu a:hover{
	cursor:pointer;
}

#iframe {
	/*margin-top:70px;*/
	width:98.6%;
	height:680px;
	position: fixed;
	top: 160px;
}

#other {
	font-family: Arial, sans-serif;
	font-size: 3vw; 
	text-align: center;
	color: #0000FF;
	text-shadow: 3px 3px 6px #B59677;
}

#naslov {
	width:98.6%;
	background-color: #1a75ff;
	height: 80px;
	position: fixed;
	padding-top: 5px;
	text-align: center;
	color: #ffffff;
}

#naslov_prvaci {
	width:98.6%;
	background-color: #32cd32;
	height: 80px;
	position: fixed;
	padding-top: 5px;
	text-align: center;
	color: #ffffff;
}

#naslov_prеd {
	width:98.6%;
	background-color: #ff471a;
	height: 80px;
	position: fixed;
	padding-top: 5px;
	text-align: center;
	color: #ffffff;
}

#naslov_raspored {
	width:98.6%;
	background-color: #cc7a00;
	height: 80px;
	position: fixed;
	padding-top: 5px;
	text-align: center;
	color: #ffffff;
}

/* Tag <thead> lepi za vrh iframe prozora */
thead tr {
	position: sticky !important;
	top: 0 !important;
}

/* Dropdown Button */
.my_dropbtn {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;    
	background-color: #809fff;
    text-decoration-line: none;
	text-align: left;
	color: white;
    padding: 10px;
	width: 250px;
    border: none;
    cursor: pointer;
	box-shadow: 0px 8px 16px 0 rgba(0,0,0,0.2), 0 16px 20px 0 rgba(0,0,0,0.19);
}

/* The container <div> - needed to position the dropdown content */

.disabled-link {
    pointer-events: none;
    color: #a6a6a6; /* Opcionalno, da izgleda neaktivno */
    text-decoration: none;
}

.my_dropdown {
	position: relative;
    display: inline-block;
	padding: 2px;
}

/* Dropdown Content (Hidden by Default) */
.my_dropdown-content {
    display: none;
    position: absolute;
	left: 250px;
    top: 0;
	color: white;
    /* background-color: #809fff; */
	background-color: #f9f9f9;
    min-width: 255px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	padding: 2px;
}

/* Links inside the dropdown */
.my_dropdown-content a {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.my_dropdown-content a:hover {
	background-color: #e4e1dc;
}

/* Show the dropdown menu on hover */
.my_dropdown:hover .my_dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.my_dropdown:hover .my_dropbtn {
    background-color: #0066ff;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  overflow: scroll;
}