@charset "utf-8";
/* CSS Document */

html, body{ height:100%; margin:0; }
body{ display:flex; flex-direction:column; }
body, input, div, select, textarea {
	font-family: 'Source Sans Pro', sans-serif; /* Source Sans Pro */
	font-size:14px;
	color:#666 !important; /* slova defaultna boja*/
}

a, a:hover { text-decoration: none; color:#9f9f9; } /* meni link slova */
a:hover { color:#39F }	/* link kada je mis iznad*/

input, select, textarea {
	border: 1px solid #ccc;
	padding: 1px 3px;
	border-radius: 5px;
	font-weight:bold;
	font-size: 14px !important;
}
::placeholder { font-weight:normal; }

#mainwin { margin-top:60px; margin-bottom:20px; }

#futer { color: #ccc !important; text-align: center; padding:5px 0;
	margin-top:auto;
}
#futer a { color: #ccc; }
#futer a:hover { color: #fff; }

.tooltip .tooltip-inner {
  background-color: #069;
  color: #fff !important;
  border: none;
}
label { font-weight: normal; }

.siv { color:#aaa !important; }
.crv { color: #900 !important; }
.crvX { color: #b00 !important; }
.blu { color:#00f !important; }
.zel { color:#090; }
a.crv:hover { color:#c30; }
.precrt { text-decoration:line-through; }

h1.strana, h1.stranaS { font-size: 14px; text-align:center; font-weight:normal; text-transform:uppercase; color:#333; letter-spacing: 3px; 
	margin: 30px 0 25px 0;
}
h1.strana::before { content: "| "; }
h1.strana::after { content: " |"; }
h2.stavke { font-size: 14px; width: 130px; }

.navbar-default, #futer { background:#333; } /* background menija */ 
#myNavbar ul li a { background: none; font-size:13px; color: #ccc; text-transform:uppercase; } /* boja slova u meniju*/
#myNavbar ul li a:hover { color:#f7f7f7; } /* boja kada ke mis iznad stavke menija*/
a.navbar-brand {color:#fff !important; font-size: 20px; padding-top: 13px; }
#myNavbar ul.dropdown-menu li a { color: #666; }
#myNavbar ul.dropdown-menu li a:hover { color: #000; background: #fff !important; }
#myNavbar ul.dropdown-menu { background: #f9f9f9; }


table.byRJ, table.byRJnh { border: none; border-bottom: 1px solid #ddd; width: 100% }
table.byRJ thead th, table.byRJ tbody tr.tblfut,
table.byRJnh thead th, table.byRJnh tbody tr.tblfut
	 { font-weight:normal; text-transform: uppercase; color:#333; background: #f7f7f7; border-bottom: none !important; }
table.byRJ tbody tr.tblfut, table.byRJnh tbody tr.tblfut { text-transform:none; }
table.byRJ tbody tr td, table.byRJnh tbody tr td { border-top: 1px solid #ddd; }
table.byRJ tbody tr:hover { background: #fcfcfc; }
table.byRJnh tr.trhed { border-top:3px solid #ccc; background: #fbfbfb; }

table.tblKuDi { width: auto; position:relative; margin:-10px auto 10px auto; display:none }
table.tblKuDi tr td, table.tblKuDi tr th{ padding:2px 7px; } 

.form-control:focus {
  box-shadow: none; background: #fcfcfc;
}
.hidden768 { display: none; }
.italik { font-style:italic; }

@media screen and (max-width: 767px) {
	#mainwin { width: 100%; padding-left: 10px; padding-right: 10px; }
	h1.strana, h1.stranaS { margin: 10px 0 10px 0; }
	#myNavbar { background: #fbfbfb;}
	#myNavbar ul { padding: 5px auto; margin:0; }
	#myNavbar ul li a { color: #666; border-bottom: 1px solid #ccc; }
	#myNavbar ul li a:hover { color: #333; background: #fff; }
	#myNavbar ul.dropdown-menu li { margin-left: 0 }
	#myNavbar ul.dropdown-menu li a { padding-left: 35px }
	table.byRJ thead th { background: #eee; }
	.hidden768 { display:inherit; }
	.bold768 { text-transform:uppercase; }
	table.tblKuDi { width: 100%; margin-top: 0 }
	table.byRJnh { width: 100% !important; margin:0 !important }
}

.form-group.row { margin-bottom: 5px !important }
.form-group.row label { margin:0 !important }

.blink {  animation: blinker 1s step-start infinite; }
@keyframes blinker {  50% { opacity: 0; } }