/*##### INDEX ####*/

BODY.index {
	background: url(../img/ozadje2.jpg) no-repeat center center fixed;
	background-size: cover;
	font-family: 'Roboto', sans-serif;
	background-color: black;
	align-items:center;
}

.evidence {
	font-family: 'Reenie Beanie', cursive;
}

.polje {
	font-size: 23px;
}

.gh {
  	align-items:center;
  	color: white;
   	-webkit-border-radius: 20px;
	-webkit-box-shadow: 0 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
	box-shadow: 0 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
	background-color: rgb(85,99,99,0.8);
}

/*##### INDEX ####*/


/* ###### PRVA ###### */
BODY.top {
	font-family: Poppins, 'Roboto Condensed', sans-serif;
	background-color:#E7E7E7; 
	color: #000000;
}
/* ###### PRVA ###### */


/*###### FORBIDDEN ######*/

.forbidden {
	background: url('../img/forbidden.jpg') no-repeat center center fixed; 
	font-family: 'Roboto Condensed', sans-serif;
	background-size: cover; 
	background-color: #BFC2C6;
	font-size: 24px;
}

/*###### FORBIDDEN ######*/


/*###### TRENINGI ######*/

.arrow {
	font-size: 40px;
}

.fvelikost {
	font-size: 25px;
}

.fvelikost1 {
	font-size: 19px;
}

.fvelikost4 {
	font-size: 18px;
}

.fvelikost5 {
	font-size: 11px;
}

.fvelikost6 {
	font-size: 12px;
}

.fvelikost7, .felikost9 {
	font-size: 15px;
}

.fvelikost8 {
	font-size: 13px;
}


.dvelikost {
	width: 60%;
}

.obroba {
	border: 1px solid grey;
	-webkit-border-radius: 20px;

}


.todo {
	border: 0px solid;
	-webkit-border-radius: 5px 5px 0 0;
}

.todo2 {
	min-height: 100px; 
	#opacity:0.8;
}


.placilo {
	border-bottom: 1px solid #999;
	padding:0 10px;
	font-size: 19px;
}


input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}


.zgoraj {
	position:absolute; 
	z-index:2; 
	left: 0; 
	background-color: rgb(231,231,231,0.9);
	}

.spodaj {
	/*position: relative;*/ 
	z-index: 1;
}

.plosca {
	position:relative;
	-webkit-border-radius: 20px;
	-webkit-box-shadow: 0 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
	box-shadow: 0 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
	width: 50%;
}

.opomba {
	width: 100%;
}

.popravek {
	width: 57%;
}

.poravnava {
	padding-top:12px !important;
}

.graf {
	height:600px;
}


.zig {
	width: 80%;
}

.zig1 {
	width: 70%;
}

.todolink:link, .todolink:visited {
	color: black;
	text-decoration:  none;
}

.todolink:hover, .todolink:active {
	color: orange ;
	text-decoration:  none;
}

.todo01 {
	width:50%;
}

.todo02 {
	width:30%;
}

.todo03 {
	width:10%;
}

.todo04 {
	width:10%;
}

.todo05 {
	width:5%;
}

.paginacija {
	font-size:13px;
	border: 1px #afafaf solid;
    background-color: #fbfbfb;
    padding: 5px 11px 5px 11px;
    margin: 5px;
    border-radius: 3px;
}

.paginacija2 {
	font-size:13px;
	padding: 7px 13px 5px 13px;
  margin: 3px;
  background-color: #404040;
	border-radius: 3px;
	margin: 5px;
	color: #fff;
}

a.paginacija3:link, a.paginacija3:visited {
	text-decoration: none;
}

.table td, .table th{
    border-color: #999 !important;
}

.glava_obroba {
	border-top: 1px solid;
	border-bottom: 2px solid;
}

/*###### TRENINGI ######*/

@media screen AND ( max-width: 400px ) {
	.polje {
		font-size: 16px;
		height: 50px;
	}

	.forbidden {
		font-size: 19px;
	}

	.fvelikost {
		font-size: 22px;
	}

	.fvelikost1 {
		font-size: 14px;
	}

	.fvelikost2 .fvelikost8 {
		font-size: 7px;
	}

	.fvelikost3 {
		font-size: 11px;
	}

	.fvelikost4 {
		font-size: 13px;
	}

	.fvelikost5 {
		font-size: 7px;
	}

	.fvelikost6, .fvelikost7 {
		font-size: 5px;
	}

	.fvelikost8, .fvelikost9 {
	font-size: 10px;
}

.fvelikost9 {
	font-size: 11px;
}

	h3.naslov {
		font-size: 16px;
	}


	.arrow {
		font-size: 37px;
	}

	.dvelikost {
		width: 98%;
	}

	.obroba {
		border: 0;
		-webkit-border-radius: 0;
	}

.todo {
	border: 0px solid;
	-webkit-border-radius: 3px 3px 0 0;
}

.todo2 {
	min-height: 80px; 
	opacity:0.8;
}


.todo01 {
	width:43%;
}

.todo02 {
	width:23%;
}

.todo03 {
	width:16%;
}

.todo04 {
	width:18%;
}

.todo05 {
	width:1%;
}

	input[type=checkbox] {
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.2); /* IE */
	  -moz-transform: scale(1.2); /* FF */
	  -webkit-transform: scale(1.2); /* Safari and Chrome */
	  -o-transform: scale(1.2); /* Opera */
	  padding: 10px;
	}

	.plosca {
		width: 99%;
	}

	.popravek {
		width: 100%;
	}

	.dvelikost1 {
	width: 30%;
	}
	
	.graf {
		height:400px;
	}

	.placilo {
		font-size: 16px;
	}

	.zig, .zig1 {
		width: 90% ;
		vertical-align: bottom;
	}


}

@media screen AND ( min-width: 401px ) AND ( max-width: 660px ) {
	.polje {
		height: 50px;
	}

	.forbidden {
		font-size: 19px;
	}

	.fvelikost {
		font-size: 22px;
	}

	.fvelikost1 {
		font-size: 14px;
	}

	.fvelikost2 .fvelikost8 {
		font-size: 12px;
	}

	.fvelikost3 {
		font-size: 11px;
	}

	.fvelikost4 {
		font-size: 13px;
	}

	.fvelikost5 {
		font-size: 7px;
	}

	.fvelikost6, .fvelikost7 {
		font-size: 5px;
	}

	.fvelikost8 {
	font-size: 10px;
}

	.fvelikost9 {
	font-size: 11px;
}

	h3.naslov {
		font-size: 16px;
	}

	.arrow {
		font-size: 37px;
	}

	.dvelikost {
		width: 98%;
	}

	.obroba {
		border: 0;
		-webkit-border-radius: 0;
	}

	.todo {
	border: 0px solid;
	-webkit-border-radius: 3px 3px 0 0;
}

.todo2 {
	min-height: 80px; 
	opacity:0.8;
}

.todo01 {
	width:47%;
}

.todo02 {
	width:24%;
}

.todo03 {
	width:14%;
}

.todo04 {
	width:15%;
}

.todo05 {
	width:1%;
}

	input[type=checkbox] {
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.2); /* IE */
	  -moz-transform: scale(1.2); /* FF */
	  -webkit-transform: scale(1.2); /* Safari and Chrome */
	  -o-transform: scale(1.2); /* Opera */
	  padding: 10px;
	}

	.plosca {
		width: 99%;
	}

	.popravek {
		width: 100%;
	}

	.dvelikost1 {
		width: 30%;
	}

	.graf {
		height:400px;
	}

	.zig, .zig1 {
		width: 90%;
		vertical-align: bottom;
	}



}



@media screen AND ( min-width: 661px ) AND ( max-width: 1160px ) {
	.plosca {
		width: 75%;
	}

}


@media screen AND ( min-width: 1161px ) AND ( max-width: 1600px ) {
	.plosca {
		width: 75%;
	}
}

@media print {
  #printPageButton {
    display: none;
  }

  body.div, body.table {
  	display: none;
  }
}