/*-----------------------------------------------------------*/
/*-------------------- CSS TEMPLATE -------------------------*/
/*-----------------------------------------------------------*/

body {font-family: Arial, Helvetica, sans-serif; }
table, th, td { /*border: 1px solid red;*/ font-size:10pt;}
		
table.sadr tr:nth-child(even){background:#eaeaea;}
table.sadr tr:nth-child(odd){background:white;}

.hidden{display:none!important;}
.show{display:block!important;}

.template_heder{
  height:60px; 
  padding-top:10px;
  padding-left:22px;
  background-image: url("../images/heder4.png");
  background-repeat: repeat-x;
  vertical-align:middle;
}
.template_heder_strana{
  margin-top: 56px;	
  margin-left: 200px;
  height:96px; 
  padding-top:7px;
  padding-left:0px;
  background-image: url("../images/m1.jpg");
  background-repeat: repeat-x;
  font-size:10pt;
  border-bottom: 15px solid #fff;
  background-color:white;
}
.template_heder_stranaaaa{
  margin-top: 56px;	
  margin-left: 200px;
  height:96px; 
  padding-top:7px;
  padding-left:0px;
  background-image: url("../images/m1.jpg");
  background-repeat: repeat-x;
  font-size:10pt;
  border-bottom: 15px solid #fff;
  background-color:white;
}
.template_heder_strana_forma{
  margin-top: 56px;	
  margin-left: 200px;
  height:40px; 
  padding-top:7px;
  padding-left:0px;
  background-image: url("../images/m1.jpg");
  background-repeat: repeat-x;
  font-size:10pt;
  border-bottom: 2px solid #fff;
  background-color:white;
}

.template_top_opomena{margin-top: 150px;  margin-left:200px; padding-right: 210px; background-color:white;	}
.opomena_top{padding-top:60px;}
.izvrsenje_top{padding-top:60px;}
.racuni_top{padding-top:100px;}
.racuni_kr_top{padding-top:150px;}
.template_ime{font-size:12pt;}
.template_img{height:30px;}
.template_img_logof{width:37px; height:37px;}
.template_fs {height:60px;}

.template_navbar {
  width: 200px;
  background-color: #0c4356;
  overflow: none; min-height:1080px; 
  z-index: 100;
  margin-top:50px;
  padding-top: 20px;
}
.template_navbar a {
  width: 180px;
  float: left;
  padding: 12px;
  color: white;
  text-decoration: none;
  font-size: 17px;
 /* border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
  overflow: none;
  font-size:11pt;
}
.template_navbar i {
  font-size:13pt;
}
.template_navbar li {
  border-left: 5px solid #46d48e;
  border-right: 5px solid #0d4055; 
  margin-left:-16px; 
  padding-left:16px; 
  margin-right:-16px; 
  padding-right:16px;
  height: 50px;
}
.template_navbar li:hover {
  border-left: 5px solid #0d4055;
  border-right: 5px solid #e96e55;
}
.template_navbar_active li {
  margin-left:-16px; 
  padding-left:16px; 
  margin-right:-16px; 
  padding-right:16px;
  height: 50px;
  border-left: 5px solid #0d4055;
  border-right: 5px solid #e96e55;
}
.sadrzaj_stranice {
  margin-left: 200px;
  margin-right: 0px;
  margin-top: 112px; 

 /* min-height: 600px;*/
}

.sadrzaj_stranice_unutrasnja {
  margin: 20px;
  margin-top: 155px;
  /*background-color:yellow;
  /*min-height: 600px;*/
  font-size:10pt;
}
.sadrzaj_stranice_unutrasnja_forma {
  margin: 20px;
  margin-top: 105px;
  /*background-color:yellow;*/
  min-height: 400px;
  font-size:10pt;
}
.sadrzaj_stranice_prva {
  padding:18px;
  margin-top: 40px; 
  background-color: #0c4356;
  height: 90%;
}
.prva_polje{
  background-color: #0c4356;
  border: 3px solid white;
  text-align: center;
  vertical-align: middle;
  font-size:20pt;
  color:white;
  text-transform: uppercase;
  padding:40px;
}
.prva_polje a{color:white;}
.form-izgled {
  height:40px; 
  border: 2px solid #595959; 
  border-radius:6px; 
  font-size:11pt; 
  font-weight:normal; 
}
.form-user {
  height:40px; 
  border: 2px solid #595959; 
  border-radius:20px; 
  font-size:11pt; 
  font-weight:normal; 
  background-color: #0c4356;
  border: none; 
  color: white;
  background-image:url(../ikonice/username.png);
  background-repeat:no-repeat;
  background-size: 13px 13px;
  background-position: 20px;
  padding-top:10px;
  padding-left:50px;
}
.form-pass {
  height:40px; 
  border: 2px solid #595959; 
  border-radius:20px; 
  font-size:11pt; 
  font-weight:normal; 
  background-color: #0c4356;
  border: none; 
  color: white;
  background-image:url(../ikonice/pass.png);
  background-repeat:no-repeat;
  background-size: 13px 13px;
  background-position: 20px;
  padding-top:10px;
  padding-left:50px;
}
.form-login {
  border: 2px solid #0c4356; 
  border-radius:20px; 
  font-size:11pt; 
  font-weight:normal; 
  color: #0c4356;
  font-weight: bold;
}
.scrollup{
  width:90px;
  height:90px;			
  text-indent:-9999px;
  opacity:0,9;
  position:fixed;
  bottom:0px;
  right:0px;
  display:none;			
  background: url('../ikonice/up.png') no-repeat;
}
.loginimage {
  background-image: url(../images/trce.jpg);
height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-y: hidden;
}
.buttonSentt{
  background-image:url(../ikonice/alati/sentt.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 
.buttonSentt:hover{
  background-image:url(../ikonice/alati/sentt1.png);
  cursor: pointer;
 }
 
 
.buttonPretraga{
  background-image:url(../ikonice/alati/pretraga.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonPretraga:hover{
  background-image:url(../ikonice/alati/pretraga1.png);
  cursor: pointer;
 }
 

 
 .buttonOcisti{
  background-image:url(../ikonice/alati/ocisti.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonOcisti:hover{
  background-image:url(../ikonice/alati/ocisti1.png);
  cursor: pointer;
 }
 
 .buttonList{
  background-image:url(../ikonice/alati/list.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonList:hover{
  background-image:url(../ikonice/alati/list1.png);
  cursor: pointer;
 }
 
 .buttonOpar{
  background-image:url(../ikonice/alati/podesavanja.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonOpar:hover{
  background-image:url(../ikonice/alati/podesavanja1.png);
  cursor: pointer;
 }
 
 .buttonIpar{
  background-image:url(../ikonice/alati/podizv.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonIpar:hover{
  background-image:url(../ikonice/alati/podizv1.png);
  cursor: pointer;
 }
 
 .buttonBackup{
  background-image:url(../ikonice/alati/backup.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonBackup:hover{
  background-image:url(../ikonice/alati/backup1.png);
  cursor: pointer;
 }
 
 .buttonKpar{
  background-image:url(../ikonice/alati/podkor.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonKpar:hover{
  background-image:url(../ikonice/alati/podkor1.png);
  cursor: pointer;
 }
 
 .buttonBrisanje{
  background-image:url(../ikonice/alati/korpa.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonBrisanje:hover{
  background-image:url(../ikonice/alati/korpa1.png);
  cursor: pointer;
 }
 
 .buttonSave{
  background-image:url(../ikonice/alati/save.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonSave:hover{
  background-image:url(../ikonice/alati/save1.png);
  cursor: pointer;
 }
 
  .buttonEmail{
  background-image:url(../ikonice/alati/email.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonEmail:hover{
  background-image:url(../ikonice/alati/email1.png);
  cursor: pointer;
 }
 
 .buttonTestiraj{
  background-image:url(../ikonice/alati/checkemail.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonTestiraj:hover{
  background-image:url(../ikonice/alati/checkemail1.png);
  cursor: pointer;
 }
 .buttonTestiraj:disabled{
  background-image:url(../ikonice/alati/checkemail1.png);
  cursor: pointer;
 }
 
 .buttonShow{
  background-image:url(../ikonice/alati/show.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;

 }
 .buttonShow:hover{
  background-image:url(../ikonice/alati/show1.png);
  cursor: pointer;
 } 
 
  .buttonEdit{
  background-image:url(../ikonice/alati/edit.png);
  background-repeat:no-repeat;
  background-size:20px 20px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:20px;
  width:20px;
  font-size: 0px;
 }
 .buttonEdit:hover{
  background-image:url(../ikonice/alati/edit1.png);
  cursor: pointer;
 }
 
  .buttonVerifikuj{
  background-image:url(../ikonice/alati/verifikuj.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonVerifikuj:hover{
  background-image:url(../ikonice/alati/verifikuj1.png);
  cursor: pointer;
 }
 
  .buttonPay{
  background-image:url(../ikonice/alati/pay.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonPay:hover{
  background-image:url(../ikonice/alati/pay1.png);
  cursor: pointer;
 }
 
  .buttonBrisanje1{
  background-image:url(../ikonice/alati/korpa.png);
  background-repeat:no-repeat;
  background-size:20px 20px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:20px;
  width:20px;
  font-size: 0px;
 }
 .buttonBrisanje1:hover{
  background-image:url(../ikonice/alati/korpa1.png);
  cursor: pointer;
 }
 
  .buttonKreiraj{
  background-image:url(../ikonice/alati/create.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonKreiraj:hover{
  background-image:url(../ikonice/alati/create1.png);
  cursor: pointer;
 }
  .buttonNew{
  background-image:url(../ikonice/alati/new.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonNew:hover{
  background-image:url(../ikonice/alati/new1.png);
  cursor: pointer;
 }
 .buttonIzlaz{
  background-image:url(../ikonice/alati/exit.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonIzlaz:hover{
  background-image:url(../ikonice/alati/exit1.png);
  cursor: pointer;
 }
 .buttonKasa{
  background-image:url(../ikonice/alati/kasa.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonKasa:hover{
  background-image:url(../ikonice/alati/kasa1.png);
  cursor: pointer;
 }
 .buttonPrintKasa{
  background-image:url(../ikonice/alati/print.png);
  background-repeat:no-repeat;
  background-size:30px 30px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:30px;
  width:30px;
  font-size: 0px;
 }
 .buttonPrintKasa:hover{
  background-image:url(../ikonice/alati/print1.png);
  cursor: pointer;
 }
 .buttonPrint{
  background-image:url(../ikonice/alati/print.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonPrint:hover{
  background-image:url(../ikonice/alati/print1.png);
  cursor: pointer;
 }
  .buttonUpload{
  background-image:url(../ikonice/alati/upload.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonUpload:hover{
  background-image:url(../ikonice/alati/upload1.png);
  cursor: pointer;
 }
  .buttonChim{
  background-image:url(../ikonice/alati/chim.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonChim:hover{
  background-image:url(../ikonice/alati/chim1.png);
  cursor: pointer;
 }
 .buttonProknjizenje{
  background-image:url(../ikonice/alati/prok.png);
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-color:white;
  border-style:none;
  position:relative;/*top:11px;*/
  height:40px;
  width:40px;
  font-size: 0px;
 }
 .buttonProknjizenje:hover{
  background-image:url(../ikonice/alati/prok1.png);
  cursor: pointer;
 }
 .datum {
    background-image:url(../ikonice/cal.png);
    background-repeat:no-repeat;
    background-size: 15px 15px;
    background-position: 95%;
    cursor: pointer;
}
.datum:disabled{
    background-color:#e3e3e3;
    color:#939393;
}

.boxIzv{
    display: none;
}

.fontgr{
	font-size: 11pt;
}

@media (max-width: 1200px) {  
	.opomena_top{padding-top:160px;}
	.racuni_top{padding-top:230px;}
	.racuni_kr_top{padding-top:300px;}
}
@media (max-width: 991px) {  
	table, th, td { /*border: 1px solid black;*/font-size:9pt;}

	.template_heder{
	  background-height:30px; 
	  padding-top:7px;
	  padding-left:22px;
	  background-image: url("../images/heder4.png");
	  background-repeat: repeat-x;
	  vertical-align:middle;
	}
	.opomena_top{padding-top:160px;}
	.template_ime{font-size:10pt;}
	.template_img{padding-top:7px; height:35px;}
	.template_fs {padding-top:7px; height:40px;}
	.template_navbar {margin-top: 55px;}
	.racuni_top{padding-top:260px;}
	.fontgr{
		font-size: 9pt;
	} 
}  

@media (max-width: 575px) { 

	table, th, td { /*border: 1px solid black;*/font-size:7pt;}
	.template_heder_strana{
	  margin-top: 56px;	
	  margin-left: 58px;
	  height:96px; 
	  padding-top:7px;
	  padding-left:0px;
	  background-image: url("../images/m1.jpg");
	  background-repeat: repeat-x;
	  font-size:10pt;
	  border-bottom: 15px solid #fff;
	  background-color:white;
	}
.template_heder_stranaaaa{
  margin-top: 56px;	
  margin-left: 200px;
  height:96px; 
  padding-top:7px;
  padding-left:0px;
  background-image: url("../images/m1.jpg");
  background-repeat: repeat-x;
  font-size:10pt;
  border-bottom: 15px solid #fff;
  background-color:white;
}
	.template_top_opomena{margin-top: 150px;  margin-left:58px; padding-right: 66px; background-color:white;}
	.template_heder_strana_forma{
	  margin-top: 56px;	
	  margin-left: 58px;
	  height:40px; 
	  padding-top:7px;
	  padding-left:0px;
	  background-image: url("../images/m1.jpg");
	  background-repeat: repeat-x;
	  font-size:10pt;
	  border-bottom: 2px solid #fff;
	  background-color:white;
	}
	.template_fs {padding-top:7px; height:40px;}
	.template_navbar {
	  width: 58px;
	  background-color: #003d68;
	  overflow: none; 
	  min-height:1080px; 
	  margin-top: 55px;
	}
	.template_navbar a {
	  width: 40px;
	  float: left;
	  padding: 6px;
	  color: rgba(255, 255, 255, 0.8);
	  text-decoration: none;
	  font-size: 17px;
	  overflow: none;
	} 
	.sadrzaj_stranice {
	  margin-left: 58px;
	  margin-top: 56px; 
	  /*background-color:yellow;*/
	/*  min-height: 600px;*/
	}	
	.fontgr{
	 font-size: 8pt;
	} 
}

/*-----------------------------------------------------------*/
/*-------------------- CSS TEMPLATE -------------------------*/
/*-----------------------------------------------------------*/