/* box-sizing */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; behavior: url(boxsizing.htc); }

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* base */
img { max-width: 100%; height: auto; }
h1 { font-size: 30px; line-height: 1.2; font-weight: 600; margin-bottom: 10px; }
h2 { font-size: 24px; line-height: 1.25; font-weight: 600; color: #454545; }
h3 { font-size: 18px; line-height: 1.33; font-weight: 600; }
p { font-size: 14px; line-height: 1.285; font-weight: 400; margin-bottom: 10px }
strong, b { font-weight: 700; }
em, i { font-style: italic; font-weight: 400; }

/* clear floats */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* colors */
.grey { background: #e4e4e4; }
.grey-light { background: #f7f7f7; }
.yellow { background: #fffbcc; }
.magenta { background: #f9ccd1; }
.green { background: #e4efd1; }
.blue-light { background: #edf4e1;}

.greenTxt { color: #77ad1a }
.greyTxt { color: #333 }
.uppercase { text-transform: uppercase; }


.inline-block { display: inline-block; vertical-align: top; }

body { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #333; background: #fff; height: 100%; margin: 0 auto; }

.wrapper { margin: 10px 0; position:relative;}
/*.inner { width: 92%; margin: 0 auto; max-width: 1200px; padding: 10px 0; }*/

input { font-family: 'Source Sans Pro', sans-serif; }
/*
input[type="submit"] { 
	width: 265px; padding: 13px 0;
	background: #83b42f;  color: #fff; 
	border: 0; border-radius: 2px; 
	font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center;
}*/

/*input[type="button"] { 
	width: 265px; padding: 13px 0;
	background: #83b42f;  color: #fff; 
	border: 0; border-radius: 2px; 
	font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center;
}*/

.voucherbutton input[type="button"] { 
	width: 200px; padding: 5px 0;
	background: #83b42f;  color: #fff; 
	border: 0; border-radius: 2px; 
	float:right;
	font-size: 14px; font-weight: 400; text-transform: uppercase; text-align: center;
}


.pharmacydataheader { text-align: right; text-transform: uppercase; padding-top: 15px; max-width: 1200px; margin: 0 auto  }
.pharmacydataheader a { font-weight: 700; text-decoration: none; color: #333; margin: 0 7px; }
.pharmacydataheader a:hover, .pharmacydataheader a.active { color: #77ad1a }

#header { text-align: center; }
.title { display: inline-block; padding: 15px 0 30px 0; }
.logo, .claim { display: inline-block; vertical-align: top; margin: 0 10px; }
.logo{width:30%;}
.claim { margin-top: 6px; width:55%;}

.printHeader { display:none; }

.printTitle { display:block; font-size: 24px; }

#navigation { background: url(images/bg-header-under.jpg) repeat-x; margin-bottom: 20px;  }
#navigation div { background: url(images/bg-header.jpg) center top no-repeat; min-height: 307px;}

#menu { text-align: center; background: rgb(56, 117, 3); background: rgba(56, 117, 3, 0.4); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66387503, endColorstr=#66387503)"; }
.no-rgba #menu { background: transparent; }
#menu li { display: inline-block; vertical-align: top; padding: 0 2% }
#menu li a {
	display: block; min-height: 111px; padding: 20px 0;
	font-size: 16px; line-height: 1.3125; color: #fff; font-weight: 600;
	text-transform: uppercase; text-decoration: none;	
}
#menu li:hover, #menu li.active { background: rgb(119, 173, 26); background: rgba(119, 173, 26, 1); }
.slicknav_menu { display:none; }

.prelistajte { position: relative; float: left; min-height: 121px; width: 50%; padding-top: 25px; }
.prelistajte p { display: inline-block; background: #e4efd1; padding: 10px 15px 10px 25px; border-radius: 2px; margin-left: 80px; font-weight: 600; }
.prelistajte a { color: #77ad1a }
.iconKatalog { display: block; position: absolute; left: 0; top: 0; width:103px; height: 121px;  }

.contactinfo { font-size: 24px; font-weight: 600; }
.contactinfo br { display: none; }
.contactinfo span { display: inline-block; margin-right: 30px; }
.ukupnoBodova { color: #00765b }

.check { float: left; width: 30px; min-height: 90px; position: relative; }
.check input[type="checkbox"] { width: 20px; height: 20px; position: absolute; top: 50%;}

.productPhoto {
    height: 120px; /*can be anything*/
    width: 124px; /*can be anything*/
    display: inline-block;
    position: relative;
    overflow: hidden;

    float: left;
    margin-right: 10px;
    background: #fff
}
.productPhoto img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.productPhoto img:hover {
  transform: scale(2);
}

.productData h2, .productData h3 { color: #333; font-weight: 600 }
.productData .prKol { font-weight: 400; color:Red; }
.productData .status { margin-left: 20px }

.vaucerData span { display: inline-block; vertical-align: top; padding-right: 10px }

.catalogItems .productData { margin-left: 164px; }
.iskoristeneNagrade .productData { margin-left: 134px; }

/*.pager
{
	float:right;
}


.pager a { 
	display: inline-block; vertical-align: middle; padding: 8px 15px; margin: 0 1px;
	font-size: 22px; font-weight: 700; text-decoration: none;
	background: #d7d7d7;  color: #fff; 
	border: 0; border-radius: 2px;	
}
.pager a.selected { background: #83b42f; } 

.submit-withPager input[type="submit"] { float: left; margin-right: 10px; }
.submit-withPager .pager { margin-left: 385px; }
.only-withPager .pager { margin-left: 0; text-align: center; }*/


.formOnly .Content  { text-align: center; }


.loginbuttons { margin-left: 40%; width: 60%; text-align: left; }
.loginbuttons input[type="submit"] { width: 100%; display: block; text-align: center; margin-bottom: 10px }
.loginbuttons a { font-size: 18px; color: #333 }

.kontaktForm { display: block; margin: 24px 0; }
.kontaktForm h3 { margin-bottom: 0px; }
.kontaktForm label { display: block; vertical-align: top; width: 40%; line-height: 50px }
.kontaktForm input[type="text"], .kontaktForm input[type="email"] { 
	width: 40%; height: 50px; line-height: 50px; padding: 0 10px;
	border: 1px solid #707173; border-radius: 2px; 
	font-size: 18px; font-weight: 400; text-align: left; 
}
.kontaktForm textarea { 
	font-family: 'Source Sans Pro', sans-serif;
	width: 60%; padding: 0 10px;
	border: 1px solid #707173; border-radius: 2px; 
	font-size: 18px; font-weight: 400; text-align: left; 
}
.kontaktForm .loginbuttons { margin-left: 0; margin-top: 20px; width: 40%; text-align: left; }
.kontaktForm .loginbuttons input[type="submit"] { width: 100%; display: block; text-align: center; margin-bottom: 10px }


.cardNumberForm { border: 0;  padding-top: 0 !important; margin-top: 0 !important; }
.cardNumberForm label { width: 30%;}
.cardNumberForm input[type="text"] { width: 70%; border-color: rgb( 204, 204, 204 ); background-color: rgb( 234, 234, 234 ); }
.cardNumberForm .loginbuttons { width: 70%; margin-left: 30%; }
.cardNumberForm .loginbuttons input[type="submit"] { width: 50% }

.Content ol { list-style: decimal; list-style-position: inside; }

.uvjetiKoristenja h2 { margin-bottom: 20px; }
.uvjetiKoristenja li p {display:inline;}
.uvjetiKoristenja .listauvjeta li {margin-bottom:20px;}

.zastitaOsobnihPodataka h2 { margin-bottom: 20px; }
.zastitaOsobnihPodataka .listauvjeta li {margin-bottom:20px;}

.gdpr { text-align: left; color: #707173; font-size:16px; }
.gdpr .innerform { border: 2px solid #77AD1B; padding: 20px; }
.gdpr .innerform ul { list-style-type:disc; padding-left: 30px; }

.datarow h3 { float: left; width: 50%; padding-right: 10px; }
.datarowInput input[type="text"] { 
	height: 35px; line-height: 35px; padding: 0 10px;
	border: 1px solid #707173; border-radius: 2px; 
	font-size: 18px; font-weight: 400; text-align: left; 
}
.datarowInput select {
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    border: 1px solid #707173;
    border-radius: 2px;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    width: 58%;
    font-family: 'Source Sans Pro', sans-serif;
}

.datarowReadOnly input[type="text"]
{
	height: 35px; line-height: 35px; padding: 0px;
	border: 0px solid #707173; font-weight:inherit;
	font-size: 18px;  text-align: left; 
}
.datarowInput strong { display: inline-block; width: 29%; padding-right: 2%; }
.datarowInput input { width: 58%; }

.datarowReadOnly strong { display: inline-block; width: 29%; padding-right: 2%; height:35px;}

.datarowAdjust { margin-bottom: 5px; }
.datarowAdjust strong {width: 20%  }
.datarowAdjust input { width: 30%; }
.datarowAdjust input[type="radio"] { width: 1.2em; height: 1.2em; margin-top: 16px; margin-left: 0px;}
.radiobuttonSet {  margin-right: 15px;}

.mojProfilIntro { text-align: center; }
.mojProfilIntro h1 { text-transform: uppercase; }
.mojProfilIntro h1 br { display: none; }
.mojProfilIntro h2 { margin-bottom: 10px }
.mojProfilIntro p { font-size: 16px; max-width: 80%; margin: 0 auto; }

.loyaltyVoucher { text-align: left; }
.loyaltyVoucher p { font-size: 18px; max-width: 80%; margin: 16px auto; line-height: 48px; }
.loyaltyVoucher span.okvir { border: solid 1px #77ad1a; border-radius: 5px; padding: 8px 40px 8px 8px; color: #77ad1a; }
.loyaltyVoucher h3.headlineDivider { max-width: 80%; padding-left: 10%; }

.catalogItems .headlineDivider {margin-bottom:10px;}
.catalogItems .headlineDivider.textgreen {color:Green;}
.catalogItems .headlineDivider.textyellow {color:#DEA814;}
.catalogItems .headlineDivider.textred {color:Red;}

.voucherLeft, .voucherRight { display: block; min-height: 175px; border: solid 1px #77ad1a; border-radius: 5px; vertical-align: top; padding: 8px;
				font-size: 18px; line-height: 24px; }
.voucherLeft {margin-left: auto; margin-bottom: 20px; margin-right: auto; width: 80%;  }
.voucherRight {margin-left: auto; margin-bottom: 10px; margin-right: auto; width: 80%;  }

.voucherLeft p, .voucherRight p { font-size: 12px; line-height: 14px; margin: 5px 0 0 0; max-width: 100%; }

.napomene { margin-bottom: 100px; }
.napomene p { font-size: 14px; line-height: 18px; margin: 0 auto; }
.napomene p.napomenaNaslov { font-size: 18px; line-height: 24px; margin: 10px auto; }
.napomene a { color: #77ad1a; text-decoration: underline; }


.aButton { 
	display: inline-block; width: 265px; padding: 15px 0; margin-right: 35px;
	background: #83b42f;  color: #fff; 
	border: 0; border-radius: 2px; 
	font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center; text-decoration: none;
}
.promjenaLozinke { background: #ee7310 }
.zatraziNovuKarticu { background: #9f0038 }
.zatraziteLozinku { background: #ee7310;  min-width: 542px; margin-right: 0; margin-top: 20px }

.faq h2 { margin-bottom: 20px } 

.highlight { font-size: 16px; font-weight: 600; color: #fff; background: #77ad1a; padding: 15px 25px; margin: 10px 0 20px 0; }
.ljekarne { width: 34%; float: right; }
.ljekarne p { margin-bottom: 5px; }
.ljekarne a { color: #333 }
.karta { width: 64%; float: left; position: relative; padding-bottom: 56.25%; margin-bottom: 10px }
.map { position: absolute; width: 100%; height: 100%  }

.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; background-color: #0b1300; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; display: none; }
.overlayVoucher { position: absolute; left: 0; top: 20px; width: 100%; z-index: 10000; text-align: center; display: none; }
.overlayVoucher .loginForm { border: 0; background: #fff }
.overlayVoucher .loginForm label { font-size: 14px; font-weight: 600;  color: #77ad1a; }
.closeOverlayVoucher, .closeOverlayLjekarna { text-align: right; margin-bottom: 10px; }
.formHeader { font-size: 18px; line-height: 1; font-weight: 700; text-align: left; color: #fff; background: #77ad1a; padding: 15px; margin-bottom: 20px; }
.logincheck { width: 60%; margin-left: 40%; text-align: left; margin-bottom: 20px }
.logincheck label { display: inline-block; width: auto; padding-right: 0; line-height: 1; }
/*
.ui-dialog .ui-dialog-titlebar{ font-size: 18px; line-height: 1; font-weight: 700; text-align: left; color: #fff; background: #83b42f; padding: 15px; margin-bottom: 20px; }
.ui-dialog .ui-dialog-titlebar-close span{color:#fff;}*/
.ui-icon {background-color:#fff;}
.overlayLjekarna { position: absolute; left: 0; top: 20px; width: 100%; z-index: 10000; text-align: center; display: none; }
.overlayLjekarna .inner { display: inline-block; border-radius: 2px; padding: 28px; margin-top: 0; max-width: 640px; background: #fff; }
.overlayLjekarna .karta { width: 100%; float: none; position: relative; padding-bottom: 56.25%; margin-bottom: 0 }
/*.select { margin-bottom: 20px; }*/
.select label { display: block; width: 25%; padding-right: 2%; padding-top: 10px; float: left; text-align: left; font-size: 14px; font-weight: 600;  color: #77ad1a;  }
.select select { display: block; width: 75%; float: left; overflow: hidden; font-family: 'Source Sans Pro', sans-serif; padding: 10px }

/*.promjenaLozinkeForm { border: 0; background: #fae6d6; padding: 20px; margin-top: 0; max-width: 265px; opacity: 0; display:none; }
.promjenaLozinkeForm h3 { margin-bottom: 10px; }
.promjenaLozinkeForm label { display: block; width: 100%; padding-right: 0; font-size: 14px; text-align: left; line-height: 1; margin-bottom: 5px; }
.promjenaLozinkeForm input[type="password"], .promjenaLozinkeForm input[type="text"] { width: 100%; height: 35px; line-height: 35px; }
.promjenaLozinkeForm .loginbuttons { margin-left: 0; margin-top: 20px; width: 100%; }
.promjenaLozinkeForm .loginbuttons input[type="submit"] { margin-bottom: 0; }
*/
.phone { white-space: nowrap; display: inline-block; }
.phone em { 
	display: inline-block; vertical-align: middle; width: 13px; height: 27px;
	background: url(images/icon-phone.png) left top no-repeat;
}
.phone span { 
	display: inline-block; vertical-align: middle; padding: 3px 10px 2px 4px; margin: 4px 0;
	border: 1px solid #707173; 	border-left: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; 
	color: #707173; font-weight: normal;
}

/*.zatraziKarticuForm { border: 0; background: #fae6d6; padding: 20px; margin-top: 0; max-width: 265px; opacity: 0; display:none; }
.zatraziKarticuForm h3 { margin-bottom: 10px; }
.zatraziKarticuForm label { display: block; width: 100%; padding-right: 0; font-size: 14px; text-align: left; line-height: 1; margin-bottom: 5px; }
.zatraziKarticuForm input[type="password"], .zatraziKarticuForm input[type="text"] { width: 100%; height: 35px; line-height: 35px; }
.zatraziKarticuForm .loginbuttons { margin-left: 0; margin-top: 20px; width: 100%; }
.zatraziKarticuForm .loginbuttons input[type="submit"] { margin-bottom: 0; }
*/
.Contacts form p label
{
	font-weight:bold;
	padding-bottom:20px;
}

/*.Contacts form p textarea, input[type="text"]
{
	margin-top:10px;
}*/

.errorMessage
{
	color:Red;
}

.Contacts .successMessage
{
	color: #77ad1a;
	font-weight:bold;
}

.Contacts .failureMessage
{
	color: Red;
	font-weight:bold;
}

.infobox{
    position:relative;
    background-color:white;
    border:1px solid rgb(136, 136, 136);
    left:0px;
    top:0px;
    width:300px;
}

.infobox_close{
    cursor:pointer;
    position: absolute;
    right: 8px;
    top: 8px;
    border:none;
    background-color:White;
    padding:3px;
    text-decoration:none;
}

.infobox_content{
    margin:5px;
    font-family: Arial;
    font-size:12px;
    line-height:22px;
    padding-left:2px;
}

.infobox_pointer{
    width:33px;
    height:38px;
    overflow:hidden;
    position:relative;
    z-index:1;
    left:20px;
    top:-1px;
}

.infobox_title
{
	font-size:16px;
	background-color:Gray;
	color:White;
	padding-left:2px;
	padding-top:3px;
	padding-bottom:2px;
}
.infobox_button{
    font-size: 16px;
    background-color: Gray;
    color: White;
    padding-left: 2px;
    padding-top: 3px;
    padding-bottom: 2px;
    width:100%;
}

.inactivepharmacy a
{
	color: Silver;
}

.showifmobile{display:none;}
.mobileheader{display:none;}

.pharmacyList .activepharmacy
{
	font-size:12px;
}

.pharmacyList .collapsed
{
	display:none;
}

.pharmacyList h4
{
	cursor:pointer;
	padding:3px;
/*	background-color:#77ad1a;
	border-bottom:1px solid grey;*/
	color:White;
	font-weight:bold;
	margin-bottom:2px;
}
	

/* media queries */

@media screen and (max-width: 60em) {	

	.voucherLeft, .voucherRight {
		display: block;
		height: auto;		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		width: 80%;
	}

}


@media screen and (max-width: 50em) {
	.js #menu { display:none; }	
	.js .slicknav_menu { display:block; }
	.pharmacydataheader {display:none;}
	.showifmobile{display:block;}
	.mobileheader{display:inline-block;float:right;margin-top:5px;margin-right:5px;} 
	#navigation { background: url(images/bg-header-under-mobile.jpg) repeat-x; margin-bottom: 20px;  }
	#navigation div { background: url(images/bg-header-mobile.jpg) center top no-repeat; min-height: 219px;}
}


@media screen and (max-width: 45em) {	

.loyaltyVoucher p { line-height: 1.5; }
	.loyaltyVoucher span.okvir { display: block; margin-top: 5px; }
	
	.voucherRight div {
		display: block;
		margin-bottom: 10px;
	}

	h1 { font-size: 24px; }
	h2 { font-size: 18px; }
	h3 { font-size: 14px; }
	p { font-size: 12px; }


	.claim{margin-top:3px;}
	

	.contactinfo { font-size: 16px; }
	.contactinfo span { display: block; margin-right: 0; margin-bottom: 5px; }
	.productData h2 { font-size: 14px; }
	.productData h3 { font-size: 11px; }
	.productData .status { display: block; margin-left: 0 }
	.vaucerData span { display: block; padding-right: 0 }
	input[type="submit"] { width: 100%; font-size: 13px; }
	.pager a { font-size: 15px; }
	.submit-withPager input[type="submit"] { float: none; margin: 0 auto 10px auto; display: block; }
	.submit-withPager .pager { margin-left: 0; text-align: center; }


	.loginForm { display: block; padding: 28px; margin-top: 24px; min-width: 0; }
	.loginForm h3 { margin-bottom: 0; }
	.loginForm label, .cardNumberForm label { display: block; width: 100%; padding: 10px 0; text-align: left; line-height: 1 }
	/*.loginForm input[type="text"], .loginForm input[type="password"], .cardNumberForm input[type="text"] { 
		width: 100%; height: auto; line-height: 1; padding: 10px;
		border: 1px solid #707173; border-radius: 2px; 
		font-size: 14px; font-weight: 400; text-align: left; 
	}*/
	.loginbuttons, .cardNumberForm .loginbuttons { margin: 20px 0 0 0; width: 100%; text-align: left; }
/*	.loginbuttons input[type="submit"], .cardNumberForm .loginbuttons input[type="submit"] { width: 100%; display: block; text-align: center; margin-bottom: 10px }
*/	.loginbuttons a { font-size: 15px; color: #333 }

	.datarow h3 { float: none; width: 100%; padding-right: 0; }
	.headlineDivider br { display: none; }

	.datarowInput strong { display: inline-block; width: 35%; }
	.datarowInput input[type="text"] { width: 65%; font-size: 14px; }
	.datarow h3 { margin-bottom: 5px; }
	.mojProfilIntro h1 br { display: block; }
	.mojProfilIntro p { font-size: 13px; max-width: none; width: 100%; text-align: left; }

	.aButton { width: 49%; font-size: 12px; margin-right: 0; margin-bottom: 10px}
	.aButton:first-child { margin-right: 2% }

	.zatraziteLozinku { display: block; min-width: 0; width: 100% }

	.formOnly h3 br { display: none; }

	.popisLjekarni h2 br { display: none; }

	.highlight { font-size: 13px; padding: 10px 20px; }
	.ljekarne { width: 100%; float: none; }
	.karta {
		width: 100%;
		float: none;
		height: 50vh

	}

	.logincheck { width: 100%; margin-left: 0; margin-top: 10px }
	.logincheck label { display: inline-block !important; width: auto !important; padding: 0 !important; line-height: 1 !important; }

	.overlayLjekarna .inner { display: block; max-width: 100%; width: 100% }	
	.select label { width: 100%; padding-right: 0; float: none; padding-top: 0; padding-bottom: 10px; }
	.select select { width: 100%; padding: 10px }

	.promjenaLozinkeForm { padding: 20px; margin-top: 0; }
}

@media screen and (max-width: 30em) 
{
	#navigation, #navigation div {width:100%}
	#navigation { background: url(images/bg-header-under-mobile2.jpg) repeat-x; margin-bottom: 10px;  }
	#navigation div { background: url(images/bg-header-mobile2.jpg) center top no-repeat; min-height: 140px;}
}

@media print {

	.pharmacydataheader { display:none; }
	#navigation { display:none; }
	.printTitle { display:block;  }

	.printstyle p { font-size: 13px; max-width: 80%; margin-left: 15mm; line-height: 24px; }
	.printstyle2 {margin-left:15mm;}
	.printstyle3 {margin-left:7mm;}
	.loyaltyVoucher span.okvir { border: solid 1px #77ad1a; border-radius: 3px; padding: 4px 40px 4px 4px; color: #77ad1a; }
	.loyaltyVoucher h3.headlineDivider { max-width: 80%; padding-left: 10%; }

	.napomene { margin-bottom: 0; }
	.napomene p { font-size: 11px; line-height: 13px; margin: 0 auto; }
	.napomene p.napomenaNaslov { font-size: 13px; line-height: 16px; margin: 5px auto; }
	.napomene a { text-decoration: underline; }
	.wrapper { margin: 0 0; }
	
	.voucherright { page-break-before: always; }
}

/* Pharmacy map pagination */

.pharmacyList-pagination {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pharmacyList-pagination-btnPrev, .pharmacyList-pagination-btnNext {
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.pharmacyList-pagination-current {
    cursor: default;
    padding-top: 10px;
    padding-bottom: 10px;
}

.noPrev {
    padding-left: 30px;
}

.noNext {
    padding-right: 30px;
}

.hidden {
    display: none;
}

.recommend
{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

.recommend .datarow h3 
{
	width:100%;
}

.strikeout {
    position: relative;
}
.strikeout::after {
    border-bottom: 2px solid red;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}

fieldset {
    border: 2px solid #77AD1B;
    border-radius: 5px;
}

fieldset legend {
    /* background: #5E9711; */
    color: #5E9711;
    padding: 10px 10px;
    border-radius: 5px;
    margin-left: 20px;
    font-size: 22px;
    font-weight: 600;
}

p.questionbubble {
    position: absolute;
    width: auto;
    height: 40px;
    text-align: center;
    line-height: 39px;
    margin: 60px auto;
    background-color: #fff;
    border: 1px solid #5E9711;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-top-left-radius: 30px;
    -moz-border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
    top: -59px;
    right: 0px;
    background-color: #77AD1B;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

p.questionbubblemobile {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    line-height: 1.33;
    background-color: #fff;
    border: 1px solid #5E9711;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
    background-color: #77AD1B;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}
div#mainContent {
	display: flex;
	justify-content: center;
	text-align: center;
}
.catalogWrapper{
	display:block;
}