/*#224184*/
/*#0c7ebc*/
body, html {
	overflow-x: hidden;
}
#navbar #nav-menu {
	/*height: 41px!important;*/
	max-height: 90vh!important; /*PA*/
	border-bottom: 0px !important;
	/*background: #224184!important;*/
	padding-bottom: 4px;
}
#navbar #selected {
	background: #0c7ebc!important;
	-webkit-border-top-left-radius: 0px!important;
	-webkit-border-top-right-radius: 0px!important;
	-moz-border-radius-topleft: 0px!important;
	-moz-border-radius-topright: 0px!important;
	border-top-left-radius: 0px!important;
	border-top-right-radius: 0px!important;
}
#navbar li {
	float: left!important;
	padding: 5px 20px 8px!important;
	margin: 6px 10px 0!important;
	background: 0 0!important;
	font-size: 14px!important;
	border: 0!important;
	font-weight: 600; /*PA*/
}
#oblasti, #pretplata #box {
	background: #fff;
	border-bottom: 2px solid #224184;
}
.valuta-selected {
	border: 0 !important;
	background: #0c7ebc !important;
}
#valuta-navbar button {
	padding: 5px 8px !important;
}
.override-trziste {
	font-style: italic;
	color: #224184;
	text-align: center;
	font-size: 24px;
}

#title-bar {
	background: #224184;
}
#knjige #title-bar {
	margin: 0px;
}
#knjige #title-bar h2 {
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin-left: 0px !important;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: 300;
	text-transform: normal;
	padding-left: 8px;
}
#knjige #title-bar a, #knjige #title-bar h2 a {
 !font-size: 10px !important;
	color: red;
	color: #fff !important;
	font-weight: 400;
	font-style: normal !important;
	text-transform: none !important;
	margin-right: 8px;
}
#knjige #title-bar a {
	font-size: 12px;
}
#knjige #title-bar h2 {
	font-size: 16px;
	font-weight: 600; /*PA*/
	text-transform: uppercase; /*PA*/
}
#content-mid.override {
	width: 975px !important;
	margin: 0 0px 0 25px !important;
	padding-top: 0;
}
#title-bar.title-override {
	width: 975px !important;
}
#oblasti {
	padding-left: 20px !important;
}
#content-left {
	width: 280px;
}
#knjige-holder-4 #box-bg {
	width: 1280px;
}
#knjige #title-bar {
	width: 1280px !important;
}
#box-knjige {
	width: 1280px;
	background: #fff !important;
	display: flex;
	justify-content: space-between;
}
#knjige-holder-4 #box-knjige {
	padding-top: 20px;
}
#info .Snaslov, #info h1 {
	text-transform: none;
	height: 40px;
	vertical-align: middle;
	overflow: hidden !important;
	white-space: normal !important;
}
#info .Snaslov {
	margin-bottom: 8px !important;
}
#banner {
	margin-top: 0px;
}
#naslov {
 !line-height:1;
	display: table-cell;
}
#naslov a {
	vertical-align: middle;
	display: table-cell;
}
#knjige-holder-4 #info .Snaslov, #knjige-holder-4 #info h1, #pojedinacna-knjige #info .Snaslov {
	display: block;
	height: 40px;
	overflow: hidden !important;
}
.dodaj-korpa-override {
	position: relative;
}
.dodaj-korpa-override {
	width: 100%;
}
.dodaj-korpa-override button {
	position: absolute;
	right: 0px;
	cursor: pointer;
	height: 25px;
	width: 50px;
	border: 1px solid #0a2258;
	background: url('../img/korpa-icon.png') #224184 no-repeat center center;
}
.dodaj-korpa-override .override-cena {
	line-height: 25px;
	vertical-align: bottom;
}
#knjige-holder-4 #info h3 span {
	font-size: 13px;
}
#banner {
	width: 1280px;
	margin-bottom: 60px;
}
#banner img {
	width: 1280px;
}
#slidshow-box {
	height: 310px;
}
.dodaj-korpa-override .override-cena b {
	font-weight: 700 !important;
}
#knjige {
	background: #fff;
}
#knjige-holder {
	height: 400px;
}
.override-banner {
	width: 985px;
	margin-bottom: 40px;
}
.override-banner .col-lg-6 {
	width: 50%;
	float: left;
	background: #fff !important;
}
#pretplata #pretplata-title {
	height: 35px;
	background: #224184;
	font-size: 18px;
	color: #fff;
	line-height: 35px;
	padding-left: 10px;
}
#footer-box #pretplata #pretplata-title,
#footer-box #pretplata #box,
#footer-box #pretplata #box p {
	background: #35478c !important;
	color: #fff !important;
	border: none !important;
}
#footer-box #pretplata #box #email {
	position: relative !important;
	height: 50px !important;
	border: #fff 1px solid !important;
}
#footer-box #pretplata #box #email::placeholder {
	color: #fff !important;
}
#footer-box #pretplata #pretplata-title #title-text {
	font-size: 18px;
	color: #fff;
	line-height: 35px;
	translate: -20px;
}
#footer-box #pretplata .override-preptalti {
	margin-top: 0px !important;
}
#pretplata #pretplata-title span {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	float: left;
	line-height: 0px;
}
#pretplata #pretplata-title img {
	padding-top: 6px;
	padding-right: 12px;
}
#pretplata #box {
	padding: 15px 10px 35px;
}
.override-email {
	position: relative;
	height: 50px;
	width: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #c9c9c9;
}
#pretplata #email {
	width: 100%;
	height: 20px !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	padding: 0 8px !important;
	background: red;
	position: absolute;
	bottom: 23px;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	box-sizing: border-box;
	border-color: #fff;
	box-shadow: 0 !important;
}
#pretplata #box {
	position: relative;
	height: 215px;
	box-sizing: border-box;
}
#pretplata.auto-height #box {
	height: auto
}
#pretplata #box.sec {
	height: 160px !important;
}
#pretplata #box.tri {
	height: 180px !important;
	border-bottom: 2px solid #652f84;
}
#pretplata #box.pet {
	height: auto;
!important
}
#pretplata.cetiri {
	padding-top: 20px !important;
}
#pretplata.cetiri #box {
	border-bottom: 0px solid #652f84;
}
#pretplata.cetiri #box img {
	margin-left: 30px;
	cursor: pointer;
}
#navbar li {
	color: #fff;
}
#navbar li:hover {
	color: #49b1ea !important;
}
.override-email .unesite-email {
	position: absolute;
	bottom: 0;
	text-align: center;
	font-size: 10px;
	color: #b3b3b3;
	background: #ededed;
	height: 20px;
	width: 100%;
	line-height: 16px;
	margin: auto;
}
.override-email .override-title {
	position: absolute;
	width: 45px;
	left: 10px;
	background: #fff;
	color: #c9c9c9;
	top: -10px;
	font-size: 14px;
	margin: auto;
	text-align: center;
}
.override-preptalti {
	cursor: pointer;
	/*! position: absolute; */
	left: 0;
	right: 0;
	bottom: 25px;
	margin: auto;
	background: #0c7ebc;
	color: #fff;
	width: 90px;
	height: 30px;
	font-size: 12px;
	border: 0px;
	border-bottom: 2px solid #35a8e7;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}
.override-preptalti:hover {
	background: #35a8e7;
	border-bottom: 2px solid #0c7ebc;
}
.override-cards li {
	float: left;
}
.override-text {
	margin-top: 60px;
	font-size: 14px;
	color: #575757;
}
.footer-margin {
	margin-bottom: 80px;
}
.override-text p {
	padding-top: 20px;
}
.override-list {
	margin-bottom: 45px;
}
.override-list li {
	padding: 5px 0 !important;
}
.override-list img {
	vertical-align: middle;
	margin-right: 12px;
}
/*#top-line {
    background: #f9f9f9;
}*/
#footer {
	width: 100vw;
}
#override-lista-zelja {
	margin-right: 20px !important;
}
#lista-zelja {
	margin-top: -5px;
 !height: 30px;
 !top: 5px;
 !right: 0px;
 !position: absolute;
}
.override-prijava {
	padding: 0 30px;
	line-height: 28px;
	cursor: pointer;
	color: #fff;
	background: #224184;
	border: 1px solid #2b4e9a;
}
.override-registracija {
	margin-left: 6px;
	padding: 0 30px;
	line-height: 28px;
	cursor: pointer;
	color: #fff;
	background: #0c7ebc;
	border: 1px solid #0e5a83;
	box-sizing: border-box;
}
#prelistaj button {
	position: relative;
	width: 100%;
	padding: 0px 0px;
	color: #224184;
	font-size: 18px;
	background: transparent;
	border: 3px solid #224184;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	outline: 0;
	vertical-align: middle;
	height: 55px;
	font-weight: bold;
}
#prelistaj button img {
	margin-right: 20px;
	vertical-align: middle;
	margin-left: -45px;
}
#pojedinacna-mid #naslov p.overider-p {
	width: 700px !important;
	line-height: 1.5;
}
#vaucer img {
	margin-top: 20px;
	width: 280px;
}
.prelistaj {
	cursor: pointer;
	background: transparent;
	border: 2px solid #224184;
	box-sizing: border-box;
	padding: 4px 0px;
	width: 70%;
	font-size: 18px;
	color: #224184;
}
.prelistaj img {
	height: 30px;
	vertical-align: middle;
	margin-left: -10px;
	margin-right: 10px;
}
iframe {
	margin-bottom: 2px;
}
.overider-p {
	text-rendering: geometricPrecision;
	/* height: auto;
	max-height: 290px;
	max-height: max-content;*/ /*PA*/
	/*line-height: 20px;*/ /*PA*/
	/*overflow: hidden; */
	/* overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5; 
    -webkit-box-orient: vertical; */
}
/*.show-more {
    background: #224184;
    height: 30px;
    outline: 0px;
    border: 1px solid #051d50;
    border-bottom: 2px solid #051d50;
    float: right;
    color: #fff;
    padding: 0px 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    !margin-top: 10px;
    cursor: pointer;
    box-sizing: border-box;
}*/
.show-more:hover {
	background: #35569b;
}
.ispod-opisa {
/*  !padding-top: 20px;
 !margin-top: 25px; */
	position: relative;
	width: 700px;
	height: auto;
	padding-top: 20px;
	color: #222;
	font-size: 14px;
}
.prelistaj-knjug {
	display: inline-block;
	float: left;
	margin-right: 20px;
}
.prelistaj-knjug:hover {
	text-decoration: underline;
	cursor: pointer;
}
.prelista-image {
	display: inline-block;
	height: 20px;
	width: 30px;
	text-decoration: underline;
	background: url('../img/open-book.png') no-repeat;
	vertical-align: middle;
}
.prelistaj-knjug:hover {
	color: #0c7ebc;
}
.prelistaj-knjug:hover > .prelista-image {
	background-position: 0px -20px;
}
.vise-detalja {
	display: inline-block;
	float: right;
}
.vise-detalja:hover {
	color: #0c7ebc;
	cursor: pointer;
	text-decoration: underline;
}
.vise-detalja-image {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: 20px;
	background: url('../img/dots.png') no-repeat;
}
.vise-detalja:hover > .vise-detalja-image {
	background-position: 0px -20px;
}
.opis-knjige {
	background: red;
	width: 100%;
	font-size: 14px;
 !height: 100px;
}
.opis-holder {
	width: 960px;
}
#opis-knjige-title {
	font-size: 18px;
	color: #224184;
	margin-bottom: 10px;
}
.override-opis {
	 width: 700px !important; 
	font-size: 14px;
	 float: left; 
	margin-right: 40px;
	/* display: flex;
    flex-direction: column; */
}
.override-opis .title {
	margin-bottom: 20px;
	font-size: 22px;
	color: #224184;
}
.override-opis-knjige {
	float: left;
	box-sizing: border-box;
	border: 1px solid #c2c2c2;
	width: 370px;
	margin-top: 40px;
	padding: 15px 15px;
	font-size: 14px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/* .override-left-col {
}
.override-right-col {
} */
.dostva {
	margin-top: 20px;
}
.kljucne-reci {
	margin-top: 20px;
}
#komentari {
	margin-top: 40px;
}
.vaucer {
	width: 100%;
	margin-top: 50px;
}
.vaucer .text-vaucer {
	font-weight: bold;
	margin-bottom: 10px;
}
.vaucer .vaucer-image {
	margin-top: 20px;
}
.vaucer .vaucer-image img {
	width: 340px;
}
#knjige-holder-4 #info .Spisac a {
	font-size: 11px !important;
}
#knjige-holder-4 #info .Spisac a {
	color: #999 !important;
}
#knjige-holder-4 #info .Snaslov {
	display: table-cell;
	overflow: hidden;
	word-break: normal;
 !overflow-wrap: break-word;
	font-size: 13px !important;
	font-weight: normal;
	width: 100%;
}
#pojedinacna-knjige #info .Spisac {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pojedinacna-naslov img {
 !width: 100%;
}
#cena {
	padding-top: 5px;
}
#knjige-holder-4 #info h3 {
	font-size: 14px;
}
#title h2, #komentari #title {
	font-style: normal !important;
}
.pojedinace-knjige {
	font-size: 13px;
	color: #4e7ac7;
	position: relative;
	margin-top: 46%;
}
#pojedinacna-polica #pojedinacna-knjige {
	margin: 20px 12px;
	margin: 20px 0; /*PA*/
}
#knjige-holder {
	padding: 0px;
	margin: 15px;
	height: 380px;
	margin-top: 30px;
 !border-bottom: 1px dotted #999 !important;
}
#knjige-holder.borderDoted {
 !border-bottom: 1px dotted #999 !important;
}
/*#knjige-holder:hover > .underline {
    text-decoration: underline;
}*/


#knjige-holder .Spisac a:hover {
	text-decoration: underline;
}
#knjige-holder .Snaslov a:hover {
	text-decoration: underline;
	color: #0c7ebc !important;
}
.override-cena {
	color: #224184;
	font-size: 14px;
}
.mob-udz-filt { float: right; }

.kk-baner {
	width: 630px;
}
#udzbenici-opcije {
	display: none;
}
@media (min-width: 1024px) {
	.oblasti-naslov{
		top: -25px;
		margin-right: 350px;
	}
	#knjige-meni-opcije {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		height: 400px;
		box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
		z-index: 55;
		overflow-x: auto !important;
		padding: 15px;
	}
	#knjige-meni-opcije li {
		display: inline-block; 
		flex-direction: column;
		text-decoration: none;
		box-sizing: border-box;
		width: 250px !important;
		margin: 0px 10px !important;
	}
	#knjige-meni-opcije a:hover {
		background-color: #f1f1f1;
	}
	#navbar #oblast{
		padding: 0px !important;
		margin: 0px !important;
	} 
	#oblast a{
		color: #16193b !important;
		font-size: 12px !important;
		font-weight: 600;
		white-space: unset;
		padding: 10px 15px !important;
		margin: 0px !important;
		display: flex !important;
		flex-direction: column !important;
		text-transform: none !important;
		cursor: pointer;
	}
	#navbar #podoblast{
		padding: 0px !important;
		margin: 0px !important;
	} 
	#podoblast a{
		color: #16193b !important;
		font-size: 10px !important;
		font-weight: 400;
		line-height: 1.4;
		white-space: unset;
		text-transform: none !important;
		padding: 5px !important;
		padding-left: 15px !important;
		margin: 0px !important;
	}
	#udzbenici-opcije {
		display: none;
		position: absolute;
		top: 80%; 
		left: 0;
		background-color: #f9f9f9;
		width: 600px;
		height: 300px;
		box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
		z-index: 55;
		overflow-x: auto !important;
		padding: 15px;
	}
	#knjige-meni-opcije {
		display: none;
		position: absolute;
		top: 80%; 
		left: 0;
		padding: 15px;
		width: 100%;
	}
	#udzbenici-opcije li {
		display: inline-block; 
		flex-direction: column;
		text-decoration: none;
		box-sizing: border-box;
		width: 250px !important;
		margin: 0px 10px !important;
	}
		
	#udzbenici-opcije ul {
		display: block !important;
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 0 !important;
		margin: 0px 10px !important;
		max-height: 300px !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}
	#knjige-meni:hover #udzbenici-opcije, #knjige-meni:hover #knjige-meni-opcije {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		}
	#udzbenici-opcije a:hover {
		background-color: #f1f1f1;
	}
	#udzbenici-opcije #oblast a{
		font-size: 14px !important;
	}
	#udzbenici-opcije #podoblast a{
		font-size: 12px !important;
	}
.mob-udz-filt { display: none; }
.no-link {
	color: #fff;
	font-size: 12px;
	line-height: 0;
	top: 15px;
	position: relative;
}
#knjige-holder-4 #naslovna-strana #naslovna ~ a {
	text-decoration: underline !important;
}
#pretplata #email {
	box-shadow: 0px 0px 0 transparent, 0px 0px 0 transparent;
}
/*#naslov {
        width: 960px !important;
    }*/
#pojedinacna-mid #naslov h1 {
	width: 700px;
}
#pojedinacna-right #sifra {
	margin-top: -25px;
}
#pojedniacna-holder-knjige {
	width: 1280px;
	width: 990px; /*PA*/
	margin-top: 40px;
	margin-bottom: 60px;
}
#knjige-holder:hover ~ .Snaslov {
	text-decoration: underline !important;
	color: #0c7ebc !important;
}
#pojedinacna-naslov {
	height: 160px;
}
.knjige-holder-6{
	width: 1280px !important;
}
}
 @media (max-width:440px) {
body, html {
	width: 100vw;
	overflow-x: hidden;
}
#knjige #title-bar {
	width: 100%;
}
.override-banner .col-lg-6 {
	float: none;
	display: block;
}
.override-banner .col-lg-6 img {
	width: 85%;
}
#knjige-holder-4 #about {
	width: 90%
}
#knjige-holder {
	height: auto !important;
}
.override-text {
	margin-left: 20px;
	margin-right: 20px;
}
#box-knjige {
 width: 100%;
}
#knjige-holder-4 #box-knjige {
	width: 100%;
}
.only-mobile button {
	cursor: pointer;
	height: 25px;
	width: 50px;
	float: left;
	border: 1px solid #0a2258;
	background: url('../img/korpa-icon.png') #224184 no-repeat center center;
}
.override-cena {
	color: #224184;
}
#pojedinacna-mid #naslov p.overider-p {
	width: 320px !important;
	margin-left: 0 !important;
}
#pojedinacna-mid #naslov h1 {
	margin-left: 0;
}
#pojedinacna-mid #naslov .author {
	margin-left: 0;
}
.override-opis {
 !width: 100vw;
 !box-sizing: border-box;
}
/* #pojedinacna-mid #naslov {
	width: 70% !important;
	box-sizing: border-box;
	padding: 0px;
} */
.container {
	position: relative;
	width: 100% !important;
}
.ispod-opisa {
	position: relative;
	width: 320px;
}
.override-opis {
	width: 90%;
	margin-left: 0;
}
.vaucer .vaucer-image img {
	width: 90%;
	margin-left: 5%;
}
.vaucer .text-vaucer {
	font-size: 12px;
	margin-left: 5%;
}
#pojedniacna-holder-knjige #title {
	font-size: 11px;
	font-weight: lighter;
	margin-top: 20%;
}
.override-opis-knjige {
	margin-left: 5%;
}
.prelistaj-knjug {
	float: none !important;
	display: block !important;
	margin-bottom: 20px;
}
.vise-detalja {
	float: none;
}
#navbar #nav-menu {
	position: fixed;
	height: 100vh !important;
	width: 100vw;
	background: #fff !important;
}
#navbar #nav-menu a, #navbar li {
	color: #224184 !important;
}
#navbar #nav-menu #knjige-meni a {
	color: #036 !important;
	font-size: 12px !important;
	text-transform: none !important;
	font-weight: 400 !important;
}
#navbar li {
	clear: both;
}
#navbar li {
	float: none !important;
	padding: 15px 20px !important;
	border-bottom: 1px solid #bfbfbf !important;
	border-radius: 0 !important;
}
#navbar #selected {
	background: transparent !important;
}
#knjige #title-bar {
	width: 100vw !important;
	font-size: 12px;
}
#header {
	width: 100vw !important;
}
}
 @media (max-width: 440px) {
.override-cena {
	font-size: 14px;
}
#pojedinacna-naslov {
	padding-top: 10px;
}
#info .Scena, #info h3 {
	color: #0a2258;
}
.dodaj-korpa-override {
	height: auto !important;
	margin-top: 17px;
	 padding-bottom: 6px; 
}
#knjige-holder-4 #about {
	margin-bottom: 10px;
}
@media (max-width: 439px) {
	.dodaj-korpa-override {
		height: auto !important;
		/*  margin-top: 44%;  */
		margin-bottom: 6px; 
	}
}
}
/*PANCEVCI*/

#content-mid-polovne #title {
	font-style: normal;
	font-weight: 600
}
.dodaj-korpa-override button, .only-mobile button {
	background-image: url('../img/korpa-icon-2.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 26px auto;
	height: 28px;
	width: 46px;
	border: 1px solid #0a2258;
	background-color: #224184;
}
#top-20-num div:first-of-type {
	background: rgba(34,65,132,.7);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	margin: 3px -25px -25px 3px;
	font-size: 16px
}
#lista-zelja-holder #delete {
	width: 50px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#lista-zelja-holder #delete a, #lista-zelja-holder #delete a img {
	text-align: center;
	margin-left: 0;
	width: auto;
}
#lista-zelja-holder #sifra {
	float: right
}
 @media (max-width: 440px) {
#login-register-button.only-mobile {
	width: 100%;
	height: 25px;
	margin-left: 0;
	text-align: center
}
}
 @media (max-width: 1023px) {
h3#cena button {
	margin-top: -3px;
}
.kk-baner {
	width: 98%;
	margin-left: 1%;
}
.index-strana h3#cena, .pa-strana h3#cena {
	display: none !important;
}
.index-strana h3#cena.show-this, .pa-strana h3#cena.show-this {
	display: block !important;
}
#login-register-button button {
	width: 105px;
	display: inline-block;
	float: none !important;
	;
}
#banner {
	display: block;
	width: 100%;
	width: 100vw;
	height: 300px;
	margin-bottom: 0;
	z-index: 0
}
#banner img {
	width: 100vw;
}
#slidshow-box, #banner, #banner img {
	height: 30.4vw
}
#knjige #title-bar {
	width: 100vw !important;
}
.pa-strana #pojedinacna-knjige {
	padding-bottom: 0;
}
.pa-strana #pojedinacna-mid #naslov p.overider-p {
	max-width: 100vw !important;
	width: -webkit-calc(100vw - 30px) !important;
	width: calc(100vw - 30px) !important;
}
.mob-spec .override-opis-knjige {
	float: none;
	margin-top: 20px;
	display: none;
	margin-left: -webkit-calc(50vw - 144px);
	margin-left: calc(50vw - 144px);
}
#navbar li {
	float: none !important;
	padding: 15px 20px !important;
	border-bottom: 1px solid #bfbfbf !important;
	border-radius: 0 !important;
	color: rgb(34, 65, 132) !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
}
.hide-small {
	display: none !important;
}
#navbar #selected {
	background: #d2e5f0 !important;
}
/*LISTA ZELJA*/
#lista-zelja-holder #dodaj-u-korpu {
	position: absolute !important;
	top: 35px;
	left: 100%;
	color: #fff;
	margin-left: -50px;
}
#lista-zelja-holder #cena {
	margin-right: 60px !important;
	width: 120px;
	margin-left: 15px;
}
#lista-zelja-holder #naslov {
	width: -webkit-calc(100% - 350px);
	width: calc(100% - 350px);
}
#lista-zelja-holder {
	height: auto;
}
#lista-zelja-holder #slika img {
	max-width: 68px
}
#pretraga-box input {
	font-size: 13px;
	height: 45px !important;
}
}
 @media (min-width: 1024px) {
#content-mid {
	width: 1280px;
	margin: 0 20px 0 0px;
	padding-top: 0;
}
.ima-right #content-mid {
	width: 780px;
}
.kk-baner {
	max-width: 50%;
}
.kk-baner.baner-2 {
	margin-right: -20px;
	margin-left: 15px
}
#pojedniacna-holder-knjige.dod1, #kupci.dod2 {
	width: 100%;
	max-width: 100vw;
	overflow: hidden !important;
}
#pojedniacna-holder-knjige.dod1 {
	margin-bottom: 0
}
#kupci.dod2 .dodaj-korpa-override button {
	right: 4px
}
#kupci.dod2 #pojedinacna-polica #pojedinacna-knjige {
	margin: 20px 12px;
}
#kupci #pojedinacna-naslov, #pisci #pojedinacna-naslov {
	text-align: center
}
#pisci #pojedniacna-holder-knjige {
	width: 1280px;
}
#pisci #pojedinacna-polica #pojedinacna-knjige {
	margin: 20px 12px
}
#top-20-num div:first-of-type {
	left: 50%;
	margin-left: -13px;
}
#kolicna.lis-cena {
	display: inline-block;
	min-width: 45px
}
}
 @media (min-width:510px) and (max-width: 1023px) {
#box-knjige {
	width: 100%
}
#knjige-holder, #knjige-holder-4 #knjige-holder {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 200px;
	margin: 2px;
	padding: 0 0;
	width: 49%;
	width: -webkit-calc(50% - 6px) !important;
	width: calc(50% - 6px) !important;
    display: inline-block; 
	border: none;
	box-shadow: 1px 1px 1px 1px rgba(150,150,150,.2);

}
#knjige-holder #naslovna-strana img {
	max-width: 15vw !important;
	width: auto !important;
	height: 200px !important;
}
#knjige-holder #naslovna-strana {
	margin: 5px
}
#knjige-holder #info {
	width: 29vw
}
.dodaj-korpa-override button {
	position: inherit;
	display: inline-block;
	vertical-align: text-top;
}
.pa-baners {
	width: 98%;
	text-align: center;
}
.pa-baners img {
	width: auto;
	margin-top: 5px
}
.pa-baners .baner-2 {
	margin-top: 0
}
/*pojedinacna knjiga*/
.mob-spec #pojedinacna-knjige {
	border-bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 170px;
	margin: 2px !important;
	;
	padding: 0 0;
	width: 49%;
	width: -webkit-calc(50% - 8px) !important;
	width: calc(50% - 8px) !important;
	display: inline-block;
	border: none;
	box-shadow: 1px 1px 1px 1px rgba(150,150,150,.2);
	padding: 5px;
}
.mob-spec #pojedinacna-knjige #pojedinacna-naslov {
	width: 19vw
}
.mob-spec #pojedinacna-knjige img {
	max-width: 18vw !important;
	width: auto !important;
	height: 160px !important;
	padding: 0 !important;
	;
}
.mob-spec #pojedinacna-knjige #info {
	/*width: 27.2vw !important;*/
	width: 57% !important;
	margin-top: 10px
}
.mob-spec .dodaj-korpa-override button {
	position: absolute;
}
}
 @media (max-width:509px) {
#knjige-holder #naslovna-strana {
	margin: 20px 5px 5px 15px
}
#knjige-holder {
	height: auto;
	margin: 0;
	padding-left: 5px;
	padding-bottom: 10px;
}
#top-20-num div:first-of-type {
	margin-left: -3px;
	margin-top: 15px
}
#knjige-holder #naslovna-strana img {
	width: 25vw !important;
	height: auto !important;
	max-height: none !important;
	min-height: none !important;
	max-width: none !important;
}
#knjige-holder #info {
	width: 62vw
}
h4#about {
	height: auto !important;
	;
	max-height: auto !important;
}
.index-strana #buttons, .pa-strana #buttons {
	display: block;
	position: absolute;
	/* top: -webkit-calc(25vw + 30px);
	top: calc(25vw + 30px); */
	left: -webkit-calc(25vw + 25px);
	left: calc(25vw + 25px);
	width: 60vw;
	padding-right: 15px;
	top: 58%;
}
.index-strana #knjige-holder, .pa-strana #knjige-holder {
	min-height: 180px !important;
}
.index-strana #knjige-holder #naslovna-strana img, .pa-strana #knjige-holder #naslovna-strana img {
	max-height: 160px !important;
}
/*pojedinacna knjiga*/
.mob-spec #pojedinacna-knjige #info {
	width: 55vw;
	margin-top: 10px
}
.mob-spec #pojedinacna-knjige #pojedinacna-naslov {
	max-width: 40vw
}
.mob-spec #pojedinacna-knjige #pojedinacna-naslov img {
	padding-left: 5px;
	max-width: 35vw !important;
	;
}
.hide509 {
	display: none !important;
}
#lista-zelja-holder #cena {
	width: 65px;
	font-size: 12px;
}
#lista-zelja-holder #naslov {
	width: -webkit-calc(100% - 260px);
	width: calc(100% - 260px);
	overflow: hidden !important;
}
#lista-zelja-holder #naslov {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 100px;
	display: flex;
	align-items: center;
	font-size: 9px;
}
#lista-zelja-holder #delete {
	width: auto;
	margin: 0 8px 0 2px;
}
}
/*LISTA ZELJA*/
#buttons #dodaj-u-korpu.zelja-u-korpu, #dodaj-u-korpu.zelja-u-korpu:hover {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url('../img/korpa-icon-2.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 26px auto;
	height: 28px;
	width: 46px;
	max-width: 46px;
	border: 1px solid #0a2258;
	background-color: #224184;
	border-radius: 0;
	display: inline-block;
	margin-top: 4px
}
#box-prodaja-polovne-knjige #left button {
	padding-left: 8px;
	padding-right: 8px
}
@media screen and (min-width:1024px) {
.override-preptalti {
	display: block;
	margin-top: 10px
}
#pretplata, #pretplata #box {
	height: auto
}
#pretplata-input {
	margin-top: 15px;
}
#pojedinacna-mid #naslov a {
	display: inline-block;
}
#box-prodaja-polovne-knjige #left {
	float: none;
	padding: 8px 8px;
	color: #fff
}
#box-prodaja-polovne-knjige #left button {
	margin-top: -4px
}
#box-prodaja-polovne-knjige #title-bar {
	box-sizing: border-box;
	padding-top: 6px
}
}
 @media screen and (max-width:1023px) {
input#ffp {
	max-width: 62%;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}
#moj-nalog-box-button > input:nth-child(6) {
	width: 22px !important;
	display: inline-block;
	margin: 0 !important;
}
#moj-nalog-box-button > span:nth-child(4) {
	margin-left: 5px !important;
	margin-right: 0 !important;
	padding: 0
}
#vasi-generisani-uslovi {
	z-index: 0
}
#box-prodaja-polovne-knjige #left {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
}
/* Rade udzbenici */
div.chkgrp {
	width: 90%;
}
div.chkbox {
	max-height: 200px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 13px;
	border-radius: 5px;
	color: #333;
	line-height: 1.5em;
}
div.chkbox label:hover {
	text-decoration: underline;
}
a.rajt {
	float: right;
	font-size: 12px;
	margin-bottom: 10px;
	cursor: default;
}
div.chkbox span {
	line-height: normal;
}
@media screen and (max-width:1023px) {
div.chkbox {
	line-height: 2em;
}
div#title.udztit {
	display: block !important;
	visibility: visible !important
}
}
div.chkbox input[type="checkbox"] {
	visibility: hidden;
}
div.chkbox input[type="checkbox"] + span:before {
	border: 1px solid #aaa;
	border-radius: 2px;
	content: "\00a0";
	display: inline-block;
	margin: 0 5px 0 -9px;
	padding: 0;
	vertical-align: middle;
	font-size: 10px;
	width: 14px;
	height: 14px;
	font-size: 10px;
}
div.chkbox input[type="checkbox"]:checked + span:before {
	background: #0E61AB;
	color: #fff;
	content: "\2713";
	text-align: center;
	font-weight: bold;
}

@media (min-width:1024px) {
.malouza {
	width: 690px !important;
}
}
@media (min-width:1280px) {
.malouza {
	width: 980px !important;
}
}

#pojedinacna-right #sifra {
	display:block !important;
}

#kukiji {
	z-index: 8888;
	display:none;
	margin:auto;
	position: fixed;  
	bottom: 0;
	border:1px solid #00f; background:#f7f7f7;
	padding: 10px 20px;
	font-size: 13px;
	width:1240px;
}
#kukiji button { 
	padding:0; width:120px; height:30px;
	float:right;
}
#kukiji button:hover { font-weight: bold; }
#kukiji div { display:block; }
@media (max-width:1024px) {
#kukiji {
	width: 100%;
	padding: 0;
}
}

#footer div.banke { text-align: center; background: #fff; margin-top:2px; } 
#footer div.banke img { margin-right: 20px; }

@media screen and (max-height:500px) {
#kbpnr { height: 70px;}
}

@media (min-width:1024px) {
#footer-info {
	margin-top: 2px;
}
#footer #footer-box {
	padding-top: 30px;
	float: left;
	width: 300px !important;
	position: relative;
	z-index: 10
}
}
@media (max-width:1023px) {
#footer #footer-box {
	padding-top: 50px;
	border: 1px solid #2f3e7b;
	padding-bottom: 50px
}
}

table.korpa-rekap { width: auto; min-width:340px; margin:auto; margin-top:10px;  background: #fff; border: none; color: #f00; }
table.korpa-rekap tr, table.korpa-rekap td { border: none;  background: #fff !important }
table.korpa-rekap td { padding: 3px 0; }
table.korpa-rekap td.des { text-align: right; }
table#cgbih { margin-top:5px; display: none; color: #333; }
table#cgbih td { text-align:center; border: 1px solid #ccc; width:50% }

div#info_pic {
	display:block; position: fixed; top: 20%; left: 30%; width:40%; z-index:9000; padding:0;
	border-radius:10px; 
}
div#info_pic img { width: 100%; border-radius:10px; }
div#info_pic a { 
	position:absolute; right:5px; top:5px; border:1px solid #009; border-radius:3px; padding:0 5px;
	background:#009; color: #fff;
}
div#info_pic a:hover { background: #fff; color: #009; }
@media (max-width:600px) {
div#info_pic {
	left: 10%; width:80%;
}
}

div#vuleskol { clear:both; width:98%; margin: 20px 0 -20px; 0 }
div#vuleskol input { width:100%; padding:1px 5px; }

.bedz  { position: relative !important; }

.bedzx:after { position: absolute; content:""; width: 26%; height: 24%; background-size: 100% 100%; top: 5px; right:-6%; }
.bedzx10:after { background-image: url(../img/snix10.png);padding: 10px 25px 12px 10px !important; }
.bedzx20:after { background-image: url(../img/snix20.png);padding: 10px 25px 12px 10px !important; }
.bedzx30:after { background-image: url(../img/snix30.png);padding: 10px 25px 12px 10px !important; }
.bedzx40:after { background-image: url(../img/snix40.png);padding: 10px 25px 12px 10px !important; }
.bedzx50:after { background-image: url(../img/snix50.png);padding: 10px 25px 12px 10px !important; }
.bedzx60:after { background-image: url(../img/snix60.png);padding: 10px 25px 12px 10px !important; }

.bedzy:after { position:absolute; content:""; width: 23%; height: 18%; background-size: 100% 100%; left:-10px; top:-16px; }
.bedzy10:after { background-image: url(../img/sniy10.png);padding: 10px 25px 12px 10px !important; }
.bedzy20:after { background-image: url(../img/sniy20.png);padding: 10px 25px 12px 10px !important; }
.bedzy30:after { background-image: url(../img/sniy30.png);padding: 10px 25px 12px 10px !important; }
.bedzy40:after { background-image: url(../img/sniy40.png);padding: 10px 25px 12px 10px !important; }
.bedzy50:after { background-image: url(../img/sniy50.png);padding: 10px 25px 12px 10px !important; }
.bedzy60:after { background-image: url(../img/sniy60.png);padding: 10px 25px 12px 10px !important; }

@media (max-width:1023px) { .bedzx:after { top: 100px; right:-7% } .bedzq:after { top: 90px; right:8% !important; } }
@media (max-width:509px) { .bedzx:after { top: 70px; } }

.crv {color:#f00;}

/* FILTER: */
#filter #raspored, #filter button, .filterForm button { width: 60px }
#filter #raspored, #filter #sortiraj { padding: 2px 5px; border: 1px dotted #fff; color: #0c7ebc }
#filter { background: #b9e1f4; padding: 0 10px; font-size: 12px }
#filter #filter-title { color: #16193b; font-size: 16px; font-weight: 600; font-style: italic; padding: 20px 0 10px }
#filter input, .filterForm input { width: 35px; padding: 2px 5px; margin: 5px 0; border: 1px solid #ddd; outline: 0 }
#filter div{ padding: 15px 0 10px; border-bottom: 1px dotted #fff }
#filter #sortiraj { width: 150px }
#filter button, .filterForm button { background: #43517c; padding: 4px 5px; border: 1px solid #fff; color: #fff; font-size: 14px; font-style: italic; cursor: pointer }
#filterButt { display:none }
#filter, .filterForm { display: block; margin-top: 0; }

.frmButton {
	display: flex;
	justify-content: center;
}
.filter{
	position: absolute;
	left: 200px;
}
.filterForm {
	width: 230px;
	z-index: 50;
	background: #b9e1f4;
	font-size: 12px
}
.filter {
	padding: 10px;
}
.filterForm #filter-title {
	font-size: 16px;
}
.filterForm input {
	margin: 5px !important;
}
.filter-content, .frmButton {
	padding: 10px 0 10px;
	border-top: 1px dotted #fff 
}

@media screen and (max-width: 1279px) {
	#filter { max-width: 300px; display: none; margin-top: -30px; position:absolute; right: 10px; z-index:2500 }
	#filterButt { float: right; display:block; position:absolute; right:10px; top:inherit; }
}
@media screen and (max-width: 1023px) {
	#filter, .filterForm { margin-top: 0; right:0 }
	#filterButt { color: #00f; border: none; background:none; padding: inherit 10px; color: #4F7BCA; right:0;}
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
.container { max-width: 100% !important; }
div#header div.contaner-header { max-width: 100% !important; }
div#header div#logo { max-width: 25% !important; }
div#header div#logo img { max-width: 100% !important; }
div#header div#pretraga { max-width: 60% !important; padding-left: 50px !important}
#navbar { max-width: 100% !important; margin-top: -10px !important; }
#korpa-conetnt { max-width: 100% }
#footer-box { max-width:25% !important; }
#knjige-holder { width: 165px;}
.knjige-6-holder {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.kk-baner.baner-2 { margin-left: 0px;}


.no1024 { display:none; }

#pojedinacna #pojedinacna-left { max-width: 18% }

#pojedinacna #mid-right { max-width: 78% !important; margin-left: 5px; }
#pojedinacna #mid-right #pojedinacna-mid { max-width: 73% !important; width: auto !important; }
#pojedinacna #mid-right #pojedinacna-mid div /* { display:inline-block; width: 100%; max-width: 100%; } */
#pojedinacna #mid-right #pojedinacna-mid .overider-p { max-width: 100% !important; }
#pojedinacna #mid-right #pojedinacna-mid div.twfb { margin-top: 18px; }
#pojedinacna #mid-right #pojedinacna-mid .vise-detalja { width: auto !important; }
#pojedinacna #mid-right #pojedinacna-mid .vise-detalja span, 
	#pojedinacna #mid-right #pojedinacna-mid .vise-detalja .vise-detalja-image
	{ width: auto !important; }
#opis-knjige { max-width: 65%; }
#pojedinacna-right { max-width: 25% !important; }

/* POLOVNE POJED*/
.rjpol #pojedinacna-left img { max-width: 100% }
.rjpol #pisci-mid-right { max-width: 77% !important; margin-left: 5px;}
.rjpol #pisci-mid-right #pisci-left { width: 42%; float:left; margin:auto 0 auto 0 }
.rjpol #pisci-mid-right #pisci-right { width: 55%; float: right; margin:auto 0 auto 0 }

/* LOGIN*/
.rjlogin { max-width: 100%; }
.rjlogin #login, rjlogin #registracija { width: 100%; } 
  
/* STRANE KNJIGE */
.rjstrane #title-strane-knjige { width: 100%; }
.rjstrane #porucbina-box-info { width: 100%; margin-left: 20px; }

/* UDZBENICI LISTA */
.rjudzbenici #content-left { margin-right:0; max-width: 25%; }
.rjudzbenici #content-mid { max-width: 70% !important; margin-left: 0 }
.rjudzbenici #holder-k { margin-bottom: 5px; }
.rjudzbenici .ima-right #content-right img { display: none !important; }

/* NOVE LISTA */
.rjlista #content-left { max-width: 25% }
.rjlista #content-mid { max-width: 70% }
.rjlista .full-screen {
	max-width: 95% !important;
	width: 95% !important;
	margin: 0 2.5% !important;
}
.knjige-holder-6 {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
}

/* NAJPRODAVANIJE */
.rjtop20 #content-left { max-width: 25%; }
.rjtop20 #content-mid-5-knjiga { max-width:73%; }

/* POLOVNE HOME */
.rjpolok #content-left { width: 210px; }
.rjpolok #content-left div { max-width: 100%; }
.rjpolok #content-mid-polovne { max-width: calc(100% - 425px); padding: inherit 0; margin: inherit 0; margin-left: -5px; overflow: hidden}
.rjpolok #content-mid-polovne #polovinfo { padding-left: 5px; }
.rjpolok #content-right { width: 185px; float:right !important; margin-left: 0}
.rjpolok .rjpof { max-width: calc(100% - 245px); padding: inherit 0; margin: inherit 0; }
.rjpolok #content-left #oblasti li { white-space: nowrap; }
.rjpolok #content-left #oblasti li#podgupa ul li { max-width: 180px} 
.rjpolok #knjige #knjige-holder { margin-left: 10px; }

/* MOJ NALOG */
.rjmojnal { max-width:100%; }
.rjmojnal div { max-width: 100%; }
.rjmojnal #moj-nalog-left { max-width: 48%; margin-left:5px; }
.rjmojnal #moj-nalog-right { max-width: 48%; margin-right: 5px; }
.rjmojnal .rjmojnpor, .rjmojnal #rjMsg { max-width: 99.5%; }

/* PRETRAGA */
.rjpretr .filter-pretrage { text-align: center; }
.rjpretr .filter-pretrage div { margin:auto; float:none; display: inline-block; }
.rjpretr .filter-pretrage #sabmit { display: block; margin-top: 10px; }
.rjpretr .filter-pretrage #sabmit input { padding: 1px 15px !important; }

/* AUTOR */
.rjautor #pisci-mid-right { max-width: 73%; margin-left: 10px; }
/* BLOG */
.rjblog #content-left { max-width: 25%; }
.rjblog #content-mid { max-width: 70%; }

/* IZDAVACI */
.rjizdavc #pojedinacna-left { max-width: 25% }
.rjizdavc #pisci-mid-right { max-width: 73%; margin-left: 10px; }
.rjizdavc .jebse { border: 1px solid #00f; float:left !important; width: 100% !important; margin:0 !important }

/* INDEX */
.rjindex #content-left { width: 210px; }
.rjindex #content-left div { max-width: 100%; }
.rjindex #content-left #oblasti li { white-space: nowrap; }
.rjindex #content-left #oblasti li#podgupa ul li { max-width: 180px} 
.rjindex #content-mid { width: calc(100% - 25px); margin:auto 0 auto 10px; }

.rjindex #banner { width: 100%; }
.rjindex #content-mid #rjbann img { width: 100%; }

.rjindex #knjige { width:100% !important; }
.rjindex #knjige #title-bar { width:100% !important; }
.rjindex #knjige #box-bg { width:100% !important; display: none; }
.rjindex #knjige-holder-4 { width:100% !important; }
.rjindex #knjige #box-knjige { width:100% !important; overflow:hidden; height: 400px; }
.rjindex #knjige #box-knjige #knjige-holder { margin-top: 1px !important}

}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
	.knjige-6-holder {
	width: 150px !important;
	}
}

.paginacija {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: auto;
	width: 100%;
	text-align: center;
}
.stranice {
	margin: 0px 30px;
}
#broj-stranice a {
	display:inline-block;
}
.paginacija a {
	height: 50px;
	width: 50px;
	background: #555;
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	outline: 0;
	border: 1px solid #333;
	box-shadow: 0 1px 0 #fff inset;
	text-shadow: 0 1px 0 #525252;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:48px;
}
.ghost-broj {
	margin: 20px 0px;
}
.paginacija .ghost-broj a {
	height: 40px;
	width: 40px;
	background: #bbbbbb;
	font-size: 16px;
	border: 1px solid #aeaeae;
	line-height:36px;
}
.selected-button {
    background: #117ac4 !important;
    border: 1px solid #0f629e !important;
}

#footer-box { text-align:center; }

@media screen and (min-width: 510px) and (max-width: 1023px) {	
	#pojedinacna-knjige #info .sFulH {
		height:auto !important;
	}
	#pojedinacna-knjige #info button {
		clear:both !important;
		float:right !important;
		position:absolute;
	}
	#pojedinacna-knjige #info .override-cena {
		clear:both !important;
		float:right !important;
		position:absolute;
	}
}
@media screen and (min-width: 441px) and (max-width: 1023px) {	
	.override-opis, #pojedinacna-mid * { 
		max-width: calc(100vw - 50px);
	}
	.mob441 {
		margin-left:10px;
	}
}
  .error-input{
    color: red;
    border-color: red !important;
  }
  .update-naslov {
  	font-family: "Comic Sans MS", cursive, sans-serif;
  	font-weight: bold;
	color: #0e60ab;
  }
	.hidden-meni {
		display: none;
	}
#br_racuna{
	margin-top: 20px;
	height: 25px;
	width: 30%;
}
#prompt_ak1:disabled {
	cursor: auto;
   opacity: 0.6 !important;
}
.oblasti-naslov{
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 100%;
	text-align: center;
	color: #224184;
	position: relative;
}
.podoblasti-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin: 30px 0px 30px 0px;
}
.podoblast {
	height: 30px;
	background-color: #0E60AB26;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 15px;
}
.podoblast a{
	color: #224184;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 700;
}
.hidden {
	display: none;
}
.podoblast:hover {
	background-color: #224184;
}
 .podoblast:hover a{
	color: white;
} 
.prikazi {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#prikazi-sve {
	font-family: "Inter", sans-serif;
	height: 60px;
	width: 19%;
	border: none;
	background-color: #0E60AB;
	color: #FFFFFF;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	margin: auto;
}
.ordering {
	color: #0E60AB;
	gap: 30px;
	display: flex;
	flex-direction: row;
	float: right;
	position: relative;
	top: -30px;
	right: 200px;
	font-weight: 700;
}
.sorting {
	text-align: end;
	display: flex;
	flex-direction: column;
}
#sortiraj{
	color: #0E60AB;
	border-color: #0E60AB;
	margin-top: 5px;
	width: 150px;
	height: 25px;
	font-size: 14px;
}
#sortiraj option{
	border-color: #0E60AB;
}
.filterSlika{
	width: 35px;
	height: 35px;
}
#filter-title {
	display: flex;
	align-items: flex-end;
	margin-bottom: 5px;
}
#filter-box-title {
	display: none;
}
.modal-background {
	position: relative;
	z-index: 999999;
}
#filter-background {
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
}