img.left {
	float: left;
	margin: 0 1.5em 1em 0;
	top: 0.25em;
	padding:4px;
	border:#DFDFDF solid 1px;
}

img.right {
	float: right;
	margin: 0 0 1em 1.5em;
	top: 0.25em;
	padding:4px;
	border:#DFDFDF solid 1px;
}


a{
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

a:active{
	text-decoration:none;
}

a:visited{
	text-decoration:none;
}

select.input-sm {
	line-height:1.5;
}

div.dataTables_filter{
	float:right;
}

#select-zupanija, #select-knjiznica, #select-vrsta_programa, #select-vrsta_knjiznice, #select-ustanova {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(144, 144, 144, 0.25)' /%3E%3C/svg%3E");
	background-color:#f7f7f7;
/*	color:#888;*/
	height: 2.75em;
}

.button.small{
	font-size:1em;
	height: 1.5em;
	line-height:1.5em;
	padding: 0 0.8em;
}

input[type="submit"].zeleni,
input[type="reset"].zeleni,
input[type="button"].zeleni,
button.zeleni,
.button.zeleni {

	border-color: #3c763d;
	color: #3c763d !important;
}
input[type="submit"].zeleni:hover,
input[type="reset"].zeleni:hover,
input[type="button"].zeleni:hover,
button.zeleni:hover,
.button.zeleni:hover {

	background-color: #C3EDBE;
}

input[type="submit"].plavi,
input[type="reset"].plavi,
input[type="button"].plavi,
button.plavi,
.button.plavi {

	border-color: #337ab7;
	color: #337ab7 !important;
}
input[type="submit"].plavi:hover,
input[type="reset"].plavi:hover,
input[type="button"].plavi:hover,
button.plavi:hover,
.button.plavi:hover {

	background-color: #D1EAFC;
}

input[type="submit"].crveni,
input[type="reset"].crveni,
input[type="button"].crveni,
button.crveni,
.button.crveni {

	border-color: #a94442;
	color: #a94442 !important;
}
input[type="submit"].crveni:hover,
input[type="reset"].crveni:hover,
input[type="button"].crveni:hover,
button.crveni:hover,
.button.crveni:hover {

	background-color: #FFE4E4;
}

.bold{
	font-weight:bold;
}

#nav ul li a:focus, #nav ul li a:hover {
    text-decoration: none;
}

.button.search{
	font-size:1.2em;
	height: 1.8em;
	line-height:1.2em;
	padding: 0 0.8em;
}


.pagination > li > a, .pagination > li > span {
	border: 0px;
}

.modal-dialog {
	margin: 100px auto;
}

button.close{
	font-size:1.6em;
	height: 1.8em;
	font-weight: bold;
}

.baloncic {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	border-radius: 0.75em;
	border: solid 1px #358bca !important;
	/*cursor: pointer;*/
	display: inline-block;
	font-size: 1em;
	height: 1.4em;
	line-height: 1.2em;
	padding: 0 0.5em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	color: #FFFFFF;
	background-color: #358bca;
}

.cc-link{
	border-bottom: 0px;
}

.datum-programa{
	font-weight: bold;
	color:#D8AF00;
}


@media screen and (max-width: 1680px) {
	#header > .logo a {
	  font-size: 1.2em;
	}
	#header > .social-media a {
	  font-size: 1.8em;
	  letter-spacing: 0.225em;
	  padding: 0;
	  text-transform: uppercase;
		vertical-align: middle;
		margin-left: 0px;
	}


}

@media screen and (max-width: 1280px) {
	#header > .logo a {
	  font-size: 0.9em;
	}
	#header > .social-media a {
	  font-size: 1.2em;
	  letter-spacing: 0.225em;
	  padding: 0;
	  text-transform: uppercase;
		vertical-align: middle;
		margin-left: 0px;
	}



}

@media screen and (max-width: 980px) {
	#header > .logo a {
	  font-size: 1.2em;
	}

}

@media screen and (max-width: 736px) {
	#header > .logo a {
	  font-size: 0.8em;
	}

}

@media screen and (max-width: 480px) {
	#header > .logo a {
	  font-size: 0.8em;
	}

}

@media screen and (max-width: 360px) {
	#header > .logo a {
	  font-size: 0.6em;
	}

}

button{
    border: solid 0px !important;
}