body{
  font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
textarea{
  font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
form{
  padding:0;
  margin:0;
}
a{
  font-weight: bold;
  text-decoration: none;
}
a:link, a:visited, a:active {
	color:#000000;
}
a:hover {
	color:#990000;
}

thead{
	background-color:#C7D0E0;
	color:#000;
}

.naslov {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.menielement {
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
}

.text {
	font-size: 12px;
	color: #000000;
}
.smalltext {
	font-size: 12px;
	color: #000000;
}
.printMain h1 {
	text-align: center;
}


.menielementBelo {
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
.pozadinaBlue {
	background-color: #C7D0E0;
}
.printMain{
  width:210mm;
  height:280mm;
  padding:5mm;
  margin:2mm;
  font-size:18px;
  text-align:justify;
}
.printMainHalf{
  width:200mm;
  height:130mm;
  margin:2mm;
  font-size:18px;
  text-align:justify;
}
.printMainUplatnica{
  width:210mm;
  height:95mm;
  padding:3mm;
  margin:2mm;
  border-bottom:1px dotted #000;
  font-size:12px;
}
.printMainUplatnica table{
  font-size:12px;
}
.printMainUplatnica .boxleft{
	text-align:center;
	height:8mm;
	border:1px solid #000;
	margin:0.5mm;
	padding:3mm;
	font-size:16px;
	font-weight:bold;
}
.printMainUplatnica .boxright{
	text-align:left;
	height:5mm;
	border:1px solid #000;
	margin:0.5mm;
	padding:3mm;
	font-size:16px;
	font-weight:bold;
}
.printMainUplatnica .middle{
	text-align:center;
	width:1px;
	margin:auto;
	height:80mm;
	background:#000;
}
.printMainHorizontal{
  width:280mm;
  padding:5mm;
  margin:2mm;
  font-size:18px;
  text-align:justify;
}


.printMainDiploma{
  width:200mm;
  height:280mm;
  font-family:Calibri, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-style:italic;
  background-image:url(../images/IdejaDiplomeEmpty.png);
  background-repeat:no-repeat;
  position:relative;
  margin-bottom:100mm;
  border:0.5mm solid #fff;
}
.printMainDiplomaOdrasli{
  width:200mm;
  height:280mm;
  font-family:Calibri, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-style:italic;
  background-image:url(../images/IdejaDiplomeEmptyOdrasli.png);
  background-repeat:no-repeat;
  position:relative;
  margin-bottom:100mm;
  border:0.5mm solid #fff;
}
.printMainDiplomaTeenage{
  width:200mm;
  height:280mm;
  font-family:Calibri, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-style:italic;
  background-image:url(../images/IdejaDiplomeEmptyTeenage.png);
  background-repeat:no-repeat;
  position:relative;
  margin-bottom:100mm;
  border:0.5mm solid #fff;
}
.printMainDiploma1-4{
  width:200mm;
  height:280mm;
  font-family:Calibri, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-style:italic;
  background-image:url(../images/IdejaDiplomeEmpty1-4razred.png);
  background-repeat:no-repeat;
  position:relative;
  margin-bottom:100mm;
  border:0.5mm solid #fff;
}
.printMainDiploma5-8{
  width:200mm;
  height:280mm;
  font-family:Calibri, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-style:italic;
  background-image:url(../images/IdejaDiplomeEmpty5-8razred.png);
  background-repeat:no-repeat;
  position:relative;
  margin-bottom:100mm;
  border:0.5mm solid #fff;
}
.printMainDiploma5-8-nemacki{
  width:200mm;
  height:280mm;
  font-family:Calibri, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-style:italic;
  background-image:url(../images/IdejaDiplomeEmpty5-8razred-nemacki.png);
  background-repeat:no-repeat;
  position:relative;
  margin-bottom:100mm;
  border:0.5mm solid #fff;
}
.printSpeellingBee{
  width:200mm;
  height:280mm;
  font-family:Calibri, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-style:italic;
  background-image:url(../images/SpellingBeeCertificate.png);
  background-size: contain;
  background-repeat:no-repeat;
  position:relative;
  margin-bottom:100mm;
  border:0.5mm solid #fff;
}
.ovimSePotvrdjuje{
	position:absolute;
	text-align:center;
	top:115mm;
	width:100%;
	font-size:24px;
}
.imeIPrezime{
	position:absolute;
	text-align:center;
	top:130mm;
	width:100%;
}
.imeIPrezime input{
	width:100%;
	font-size:38px;
	text-align:center;
}
.DonjiDeo{
	position:absolute;
	top:155mm;
	width:155mm;
	font-size:24px;
	margin-left:20mm;
	margin-right:20mm;
}
.printMainDiploma table, .printMainDiplomaOdrasli table{
	font-family:Calibri, Arial, Helvetica, sans-serif;
  	font-weight:bold;
  	font-style:italic;
	font-size:24px;
}
.DonjiDeo p{
	text-align:justify;
	margin:5px;
}
.Potpisi {
	position:absolute;
	top:210mm;
	width:145mm;
	margin-left:25mm;
	margin-right:25mm;
	height:175px;
	z-index:1;
}
.inputNormal{
	background:transparent;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:24px;
}

.printMainTabulir{
	width:216mm;
	height:101mm;
	font-size:18px;
	text-align:justify;
	position:relative;
	page-break-inside: avoid;
}
.printMainTabulir .levoUplatilac{
	position:absolute;
	border:none;
	width:67mm;
	height:15mm;
	top:9mm;
	left:10mm;
	page-break-inside: avoid;
}
.printMainTabulir .levoSvrhaUplate{
	position:absolute;
	border:none;
	width:67mm;
	height:15mm;
	top:30mm;
	left:10mm;
	page-break-inside: avoid;
}
.printMainTabulir .levoPrimalac{
	position:absolute;
	border:none;
	width:67mm;
	height:15mm;
	top:48mm;
	left:10mm;
	page-break-inside: avoid;
}
.printMainTabulir .desnoIznos{
	position:absolute;
	border:none;
	width:51mm;
	height:6mm;
	top:8mm;
	left:135mm;
	page-break-inside: avoid;
}
.printMainTabulir .desnoIznos input{
	border:none;
}
.printMainTabulir .desnoRacun{
	position:absolute;
	border:none;
	width:89mm;
	height:6mm;
	top:20mm;
	left:114mm;
	page-break-inside: avoid;
}
.printMainTabulir .desnoPozivNaBroj{
	position:absolute;
	border:none;
	width:70mm;
	height:6mm;
	top:35mm;
	left:120mm;
	page-break-inside: avoid;
}
.printMainTabulir .desnoPozivNaBroj input{
	border:none;
	font-size:14px;
}


/*
.printMainTabulirIn{
	width:8.5in;
	height:3.98in;
	font-size:18px;
	text-align:justify;
	position:relative;
}
.printMainTabulirIn .levoUplatilac{
	position:absolute;
	border:none;
	width:3.58in;
	height:0.6in;
	top:0.55in;
	left:0.24in;
}
.printMainTabulirIn .levoSvrhaUplate{
	position:absolute;
	border:none;
	width:3.58in;
	height:0.6in;
	top:1.34in;
	left:0.24in;
}
.printMainTabulirIn .levoPrimalac{
	position:absolute;
	border:none;
	width:3.58in;
	height:0.6in;
	top:2.16in;
	left:0.24in;
}
.printMainTabulirIn .desnoIznos{
	position:absolute;
	border:none;
	width:2in;
	height:0.24in;
	top:0.63in;
	left:5.98in;
}
.printMainTabulirIn .desnoIznos input{
	border:none;
}
.printMainTabulirIn .desnoRacun{
	position:absolute;
	border:none;
	width:3.5in;
	height:0.24in;
	top:1.18in;
	left:5.67in;
}
.printMainTabulirIn .desnoPozivNaBroj{
	position:absolute;
	border:none;
	width:2.75in;
	height:0.024in;
	top:1.85in;
	left:5.24in;
}
.printMainTabulirIn .desnoPozivNaBroj input{
	border:none;
}
*/


.polazniciDiv{
	width:425px;
	margin:5px;
	border:#999 1px solid;
  display:inline-block;
  vertical-align:top;
  border-radius:8px;
  -webkit-border-radius: 8px;
  box-shadow:0 3px 2px 0 rgba(0,0,0,0.35);
  -webkit-box-shadow:0 3px 2px 0 rgba(0,0,0,0.35); 
  overflow:hidden;
}
.polazniciDiv .dugme{
  opacity:0.35;
}
.polazniciDiv .dugme:hover{
  opacity:1;
}

.polazniciDiv .detalji-dugme{
  width:30px;
  height:30px;
  border:none;
  background:url(../images/detalji-icon.png) no-repeat center center;
  display:inline-block;
}
.polazniciDiv .placanje-dugme{
  width:30px;
  height:30px;
  border:none;
  background:url(../images/placanje-icon.png) no-repeat center center;
  display:inline-block;
}
.polazniciDiv .posecenost-dugme{
  width:30px;
  height:30px;
  border:none;
  background:url(../images/red-user-icon.png) no-repeat center center;
  display:inline-block;
}
.polazniciDiv .izvestaj-dugme{
  width:30px;
  height:30px;
  border:none;
  background:url(../images/izvestaj-icon.png) no-repeat center center;
  display:inline-block;
}
.polazniciDiv .print-dugme{
  width:30px;
  height:30px;
  border:none;
  background:url(../images/print-icon.png) no-repeat center center;
  display:inline-block;
}

#header-in-page{
  background:rgba(245,245,245,0.65);
  border-radius:8px;
  -webkit-border-radius:8px;
  padding:10px 5px;
  position:fixed;
  top:5px;
  left:5px;
  right:5px;
  z-index:10;
  
}

#header-in-page .naslov,
#header-in-page .header-menu{
  float:left;
}
#header-in-page .dugme{
  display:inline-block;
  width:60px;
  height:60px;
  margin:0 5px 5px;
  padding:0 5px;
  border-radius:8px;
  -webkit-border-radius:8px;
  text-align:center;
  background:#CCCCCC;
  box-shadow:0 3px 2px 0 rgba(0,0,0,0.35);
  -webkit-box-shadow:0 3px 2px 0 rgba(0,0,0,0.35);
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

#header-in-page .dugme.selected,
#header-in-page .dugme:hover{
  background:#666666;
  color:#FFFFFF;
}
#header-in-page .dugme img{
  display:block;
  margin:5px auto;
}

#header-vertical-divider{
  height:80px;
}

.bottomBorder{
	border-bottom:1px solid #000;
}
.tristateButton{
	width:13px;
	height:13px;
	background-image:url(../images/tristateradio.png);
}
.tristateFirstState{
	background-position:0px 0px;
}
.tristateSecondState{
	background-position:-13px 0px;
}
.tristateThirdState{
	background-position:-26px 0px;
}
.twostateButton{
	width:13px;
	height:13px;
	background-image:url(../images/twostateradio.png);
}
.twostateFirstState{
	background-position:0px 0px;
}
.twostateSecondState{
	background-position:-13px 0px;
}
.tr_even{
	background-color:#CCC;
}
.tr_odd{
	background-color:#EDEDED;
}
.tr_header{
	background-color:#333;
}
.noborder{
	border:none;
}
.borderBottomDouble{
	border-bottom:double 1px #000;
}
/* data table specific */
.odd{
	background-color:#EDEDED;
	color:#000;
}
.even{
	background-color:#CCC;
	color:#000;
}
.dataTables_wrapper{
	background-color:#C7D0E0;
	color:#000;
	font-weight:bold;
	padding:5px;
}
.dataTables_info{
	color:#000;
	font-weight:bold;
}
.dataTables_length{
}
.dataTables_paginate{
	color:#000;
	font-weight:bold;
}
.ocena_platise{
	width:70px;
	height:50px;
	background-image:url(../images/ocene_platise.png);
	background-repeat:no-repeat;
}
.ocena_0{
	background-position:0px 0px;
}
.ocena_1{
	background-position:-70px 0px;
}
.ocena_2{
	background-position:-140px 0px;
}
.ocena_platise_small{
	width:13px;
	height:13px;
	background-image:url(../images/tristatestar.png);
	background-repeat:no-repeat;
}
.ocena_small_0{
	background-position:0px 0px;
}
.ocena_small_1{
	background-position:-13px 0px;
}
.ocena_small_2{
	background-position:-26px 0px;
}
/*minus button*/
.minus_button {
	display:block;
	width:25px;
	height:25px;
}
.minus_button a div{
	background-image:url(../images/minus_button.png);
	background-position:26px 0px;
	width:25px;
	height:25px;
	cursor:pointer;
}
.minus_button a:hover div{
	display:block;
	background-position:0px 0px;
}
/* kalendar polja */
.kalendar_table{
	/*border:solid 1px;*/
}
.kalendar_table td{
	border:solid 1px;
	text-align:center;
	padding:2px;
	cursor:pointer;
}
.kalendar_table td.noborder{
	border:none;
	cursor:auto;
}
.kalendar_table th{
	background-color:#666;
	color:#FFF;
	padding:2px;
}
.kalendar_table .neradni_dan{
	background-color:#333;
	color:#FFF;
	cursor:auto;
}
/* kalendar polja */
/* ocene */
.smileyocena{
	background-image:url(../images/ocene/smiley.png);
	width:30px;
	height:30px;
}
.colorocena{
	width:10mm;
	height:10mm;
	margin:auto;
	border: 1mm solid #000000;
}
/* ocene */
/* fake dugmad */
.dugme{
	display:block;
	border-top:#FFF solid 2px;
	border-left:#FFF solid 2px;
	border-right:#999 solid 2px;
	border-bottom:#999 solid 2px;
	background:#CCC;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center;
	cursor:pointer;
	width:100px;
	margin:3px;
}
.header-menu{
	width:80%;
	margin:0 auto
}
.header-menu .dugme{
	float:left;
	width:auto;
	padding:0px 15px;
	display:block;
}
.header_table td{
	vertical-align:top;
}
.head_kalkulacija td.vrednost_o{
	background:#999;
	color:#CCC;
	font-weight:bold;
	text-align:right;
}
.head_kalkulacija td.vrednost_n{
	background:#FFF;
	color:#000;
	font-weight:bold;
	text-align:right;
}
.head_kalkulacija td.vrednost_s{
	background:#666;
	color:#FFF;
	font-weight:bold;
	text-align:right;
}

/* fake dugmad */

/* books */
.unos_nove_knjige{
  cursor:pointer;
}
#book_insertion_form_container{
  width:300px;
  min-height:300px;
}
/* books */

/* dobit_buttons */
.dobit-button{
	display:inline-block;
  border:1px solid #333333; 
  background:#CCCCCC; 
  font-weight:bold; 
  border-radius:20px; 
  text-align:center;
  width:20px;
  height:20px;
  line-height:20px;
  cursor:pointer
}

/* telefoni buttons */
.delete-button{
  border:none;
  background:url(../images/delete-icon.png) no-repeat center center red;
  width:28px;
  height:28px;
  display:inline-block;
  border-radius:20px;
  color:#FFFFFF;
  cursor:pointer;
  font-weight:bold;
}
.insert-button{
  border:none;
  background:url(../images/add-icon.png) no-repeat center center green;
   width:28px;
  height:28px;
  display:inline-block;
  border-radius:20px;
  color:#FFFFFF;
  cursor:pointer;
  font-weight:bold;
}
.update-button{
  border:none;
  background:url(../images/recycle-icon.png) no-repeat 6px 6px blue;
   width:28px;
  height:28px;
  display:inline-block;
  border-radius:20px;
  color:#FFFFFF;
  cursor:pointer;
  font-weight:bold;
}