/* MOBILE VERSION CSS */
*{padding:0px;margin:0px;}
HTML{ width:100%;}
BODY {
    width:100%;
    height: 100%;
    margin: 0px;
    padding:0px;
    font-size:14px;
    overflow-x: hidden;
    overflow-y: scroll;
    color:#505050;
    font-family:asap,sans-serif;

}


/* VARIABLES */
:root {
    --main: #01543D;
    --primary_green: #669933;
    --pg: #669933;
    --slyel_20:rgba(254,193,39,.2);
    --slg_20:rgba(86,191,152,.2);
    --fl:24px;
    --fxl:36px;
    --fm:20px;
    --fn:16px;
    --fs:14px;
    --fxs:12px;
    --th:rgba(86,191,12,.05);
}


img {width: 100%; height:auto;}
a{text-decoration:none;outline:none;}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: asap; src: url('fonts/asap_regular.ttf');}
@font-face {font-family: cherokee; src: url('fonts/plantagenet_cherokee.ttf');}
@font-face {font-family: numbers; src: url('fonts/PlayfairDisplayRegular.ttf');}

.icons, .index .searchDugme {font-family: icons;}


body, html,p, a, div, ul, li, h1, h2, h3, img, span{
    color:#555;
}
li{list-style-position: inside}

/* DISPLAY NONE */

.catTITLE{display: none;}
.containerNoOverflow toggleMenu{display: none;}
.top_baner{display: none; }
.navigatorKataloga{display: none;}
#bocnaNavigacija{display: none;}
.wrapperTraka .divLevi{display: none ;}
.divDesni .registarKontainer{display:none ;}
.wrapperTraka .divDesni .item:nth-child(1) {display: none;}
.sideCatNav{ display: none; }
.tempContainer{display: none}
.userBar {display: none}
.wishListBar {display: none}
.CatTrackNav {display: none}
.divDesni .itemTitle{display: none;}
.izborIkonica, .hiddenText p {display: none;}
.blokTop, .PageTrackNav{display: none}
.flyOutMenu{_display: none}
.registrator .form_label {display: none}
.logoScroll,.fixedLink_form,.handle,pre,.compareProd{display: none!important;}
.index .fixed-futer{display: none;}


.flexBox,.boxJedan{_display: none}

/*test*/
.catalog .fixedLink_form, .katalog .fixedLink_form, .akcije .fixedLink_form, .contact .fixedLink_form, .nasa_preporuka .fixedLink_form,
.pet_jungle .fixedLink_form, .about_us .fixedLink_form{display: none}

/*
.index .fixedLink_form {position: fixed; right:-140px; top: 135px}
.form_label {margin-bottom:2px;text-align:right; }
.form_label .slika img{ width: 40px}
.form_label a{display:inline-block;width:180px;height:50px;text-align:left;
	padding-top:4px;box-sizing:border-box;background: #006837 }
.form_label a p{color: #fff; float: right; padding-right: 0px; padding-top: 10px; font-size: 12px }
.form_label img{filter: invert(1) saturate(0) contrast(4);}
.form_label a:hover{width:300px;margin-right:0; }
.form_label a:hover p {margin-right: 145px;}*/

/*HEADER*/

.oblast_zaglavlja{display:block; position:relative; padding:10px 0 0 0;
    box-sizing:border-box; }
.oblast_zaglavlja .logoHome{width: 180px; margin: auto;}
.oblast_zaglavlja .logoHome img{display: block;width: 100%}
.oblast_zaglavlja .divDesni .item:nth-child(2) .itemIcon{width: 32px;position: absolute;
    top:18px; right: 60px; }
.oblast_zaglavlja .divDesni .item:nth-child(3) .itemIcon{display: none}



.oblast_zaglavlja .mob_main_menu{position: absolute; top:15px;
    right:10px;  width:40px; height:40px; _border:1px solid var(--main); border-radius:10px;
    display: flex; align-items: center; justify-content: center; }
.mob_main_menu .mobMenuLine{display: inline-block; background: var(--main); width: 70%; height:2px;
    position:relative; }
.mob_main_menu .mobMenuLine:before{content:""; width: 100%; background: var(--pg); height: 2px;
    display: inline-block; position:absolute; top:-10px;transition:.2s }
.mob_main_menu .mobMenuLine:after{content:""; width: 100%; background: var(--pg); height: 2px;
    display: inline-block;position:absolute; top:10px; transition:.2s}

.changeMobMenu .mobMenuLine{background: transparent; }
.changeMobMenu .mobMenuLine:before{transform: rotate(35deg);top:0px;_width: 120%;;
    transition:.2s}
.changeMobMenu .mobMenuLine:after{transform: rotate(-35deg);top:0; _width: 120%;;
    transition:.2s}

.overlayDiv{background: rgba(1,1,1,.4); position: absolute; width: 100%; height: 100%; left: 0;
    top:0; z-index: 1; display:none; transition:1s}
.showOverlay{display: block; transition: 1s; }

.glavni_meni{background: #fff; position: absolute; width: 100%; margin:0!important;
    top: 100%;left: 0; border-top:1px solid #ddd; _display:none;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transform: translateY(-3em);
    transition:all .2s linear }
.glavni_meni li{list-style: none}
.glavni_meni li a{display: block;padding: 15px 0; font-size: var(--fn); border-bottom: 1px solid #ddd;
    text-align: center}

.menuSlideDown{visibility:visible; opacity:1;
    z-index:1; transform: translateY(0); transition: transform .3s linear 0s, z-index .3s linear 0s}

.catalog_search{display: flex; flex-wrap:nowrap; justify-content:space-between; margin-top:10px;
    position:relative;}
.catalog_search #brzi_pretrazivac{ width: 96%;padding:6px;  border-radius:6px}
.catalog_search .stringPolje{width:70%; font-size: var(--fn); padding: 8px 10px;
    box-sizing: border-box;border:none; border-radius:6px;margin-left:10%; background:none;color:#888; border:1px solid #aaa }
.catalog_search .stringPolje:focus{width:80%; color:#555; background: #fed}
.catalog_search .stringPolje:focus{outline: none; border: 1px solid #ddd}
.catalog_search .searchDugme{display:inline-block; position: absolute; top:0; right: 10px }
.catalog_search .searchDugme:after{content: "\f002"; font-size: 26px; color:#aaa;font-family: icons;
    display: inline-block; vertical-align: bottom; padding:6px 12px 0 0}

#suggestions{background: #fff; position: absolute; top:40px; border:2px solid #485;
    width:96%; padding-top:20px; border-radius:6px;}
#suggestions li{display: flex; border-bottom:1px solid #ddd; _height:100px}
#suggestions li img{display: block; width: 30%;border-right: 1px solid #ddd; height:100%}
#suggestions li div{padding: 10px; box-sizing: border-box;width:70%}
#suggestions .close_suggestions{ width: max-content; height: max-content;
    display:block; position: absolute; right:10px; top:4px}
#suggestions .close_suggestions:after{content:"\f00d"; font-family: icons; font-size: 26px;
    color: var(--pg)}

.flyOutMenu{
    width:20px;
    position:absolute;
    top:25px;right:60px;
    z-index: 200;
}
.flyOutMenu #cart_indication a{
    font-size:0;
    width:10px; height:10px;
    display: block;
    background: red;
    border-radius:50%;
    border:2px solid #fff;
}
/*MOBILE BANNER*/
.mobileBanner{
    display: none;
    position: fixed;
    top:0;left:0;
    z-index: 1000;
    border: 3px solid #555;
    background: rgba(255,255,255,.9);
    margin:0;padding:0;
    box-shadow: 0px 10px 20px rgba(0,0,0,.4)
}
.mobileBanner h3{
    padding:2px 10px 10px 2px;
    font-size:30px;
    display: block;
    text-align: right;
}
.mobileBanner .icons{
    color:#444;
}

.mobile_baner .baner_slide_title{
	position: absolute;
	bottom:50px;left:0;
	z-index: 1000;
	color: #fff;
	background: var(--primary_green);
	font-size:50px;
	padding: 12px;
	text-align: center;
	width:100%;
}



/*HOME PAGE*/
.blogHome li {list-style: none;}
.izdvojeniTekst{width: 90%; margin: 20px auto; box-sizing: border-box;background: rgba(255,255,255,1);  position: relative;
border-radius:10px;border:1px solid var(--pg)}
.izdvojeniTekst .antrafile{color: var(--main); padding: 10px 10px 20px 10px; box-sizing: border-box;}
.izdvojeniTekst .antrafile:first-letter{font-size:60px; color:#aa3;float: left; padding: 7px 5px 0 0; font-family: serif; }
.izdvojeniTekst h2 a{  color: var(--main); width: 200px; text-align: center; text-decoration: none; font-size: 18px;
border: 1px solid var(--pg); border-radius: 10px; display: block; padding: 10px 0; margin: 0 auto 10px}
.izdvojeniTekst .izdvojenTekstTxt{padding: 10px; box-sizing: border-box}
.izdvojeniTekst:nth-child(1) .slikaIzdvojeniTekst img{border-radius: 10px 10px 0 0}
.izdvojeniTekst:nth-child(2) .slikaIzdvojeniTekst img{border-radius: 0px 0px 10px 10px}

.oblast_sadrzaja{background: none; padding:1px; box-sizing: border-box; display: flex;
    flex-direction: column; position:relative}
.oblast_kataloga{padding:20px 15px;box-sizing: border-box; background:#fff;display: flex;
flex-flow: column}
.index #coll_middle p{font-size:var(--fn); line-height:1.5em }
#coll_middle{width: 100%; margin: auto; padding:2px; box-sizing: border-box; background:none;order: 1}

.proizvod{
    order: 2;
}
.duziOpis{
    order: 3
}

.relatedProdsCnt{
    order: 4
}



.obavestenjeTraka{background: var(--main); padding: 15px; box-sizing: border-box;
    margin-bottom: 20px; display:none}
.obavestenjeTraka p{color: #fff}
.obavestenje{
	display: none;
	background: #fff; margin: 0 0 20px; padding: 15px; box-sizing: border-box;
    border: 1px solid var(--pg); position:relative}
.obavestenje:before{content:"!"; position: absolute; width: 36px; height: 36px; background: var(--pg);
    color: #fff; display:flex; justify-content:center; align-items:center; font-size:26px; border-radius:50%;
    top:-15px;right:10px}
.index #coll_middle .obavestenje p{font-size: var(--fn); padding-bottom: 5px}

.navigatorContainer{
	display: none;
	position: relative;
	background: #fff;
}
.navigatorContainer:after{
	position: absolute;
	content:url('../../cms_upload/pages/files/102_pointer.svg');
	width:70px;height: 70px;
	z-index: 100;
		_background:red;
	left:55%; top:110px;
	opacity: .7;
	filter: invert(.4) brightness(2);
	pointer-events: none;
	
}
.flexBox> div{background:#fff}
.flexBox .box2, .specific{margin-bottom:20px; display:block; }
.flexBox .box2>h3 a{text-align: center; display: block; font-size: var(--fl);
    font-weight: normal; padding: 10px 0;box-sizing: border-box; border-bottom: 1px solid #ddd}
.flexBox .box2 .boxSlika{border-bottom: 1px solid #ddd}
.flexBox .box2 .boxSlika img{display: block; width: 100%}
.flexBox .box2 .boxOpis{padding: 10px; box-sizing: border-box}
.flexBox .box2 .boxOpis h3 a{display: block;font-weight: normal; font-size: var(--fm);
    padding-bottom: 10px; color:var(--pg)}
.flexBox .box-2-1 {box-sizing: border-box;
	display:block; width:100%;
display:block;
}
.box-2-2 .boxOpis h3, .box-2-3 .boxOpis h3{display: block;}
.box2 .akcijaHomeSpan{background:#ff592b; color:#fff;display:block; width:max-content;
    padding:5px; text-transform:uppercase; position:absolute}
.box2 .akcijaHomeSpan:after{content:""; border-right:12px solid #ff592b;
    border-bottom:15px solid transparent; position: absolute; right:0; bottom:-8px
}

.boxDva{background: #fff;padding-bottom: 10px; display:none}
.boxDva img{border-bottom: 1px solid #ddd}
.boxDva h3 a{font-weight: normal; font-size: var(--fm); color: var(--pg); padding: 10px;
    display: block; box-sizing:border-box}
.boxDva p{padding:0 10px;box-sizing: border-box}


.homebox .specific{ margin: 0px auto; border-top:none; background: #fff}
.specific p,.specific h3{padding: 10px 10px 0}
.index #coll_middle .naslovAkcije,.index #coll_middle .naslovPreporuke{ color:#eee;background: var(--pg);
	padding: 1px 10px; width: max-content;
    position:absolute;top:-34px; font-size:var(--fm); border:1px solid var(--pg); border-bottom:none;
border-radius: 8px 8px  0 0;
}
.boxJedan{
	_border-top:1px solid #ccc; 
	position: relative; margin-top:50px;}
.boxJedan ul{display: flex;overflow-x: scroll; overflow-y: hidden;
    margin: 20px auto; border: 1px solid #ccc; }
.boxJedan ul li{padding:30px 10px 35px 10px; margin: 10px 5px; background: #fff;
    position:relative;list-style: none; }
.boxJedan ul li:first-child{border: none;}
.boxJedan .catalogueThumbLink{width:180px;height: 180px; display:block;border-bottom: 1px solid #ddd}
.boxJedan .catalogueThumbImage{width: 180px; height: 100%;}
.boxJedan .productPrice{position: absolute;
    top:0px; right: 20px;
    padding: 5px 0 5px 10px; box-sizing: border-box;
    border: 1px solid var(--primary_green);
    background: #fff;
    border-radius: 10px;
    color:var(--main);

    text-align: right;}
.boxJedan .productPrice span{color:var(--main); padding-right: 5px}
.boxJedan .catalogueItemText{padding: 10px 0 20px; }
.boxJedan .catalogueItemText h3{padding-bottom: 7px; font-weight: normal; font-size: var(--fn);
    color:var(--main)}
.boxJedan .catalogueItemText p{ position: absolute; bottom: 0; left: 0; width: 80%;
    background: #ccc; ; padding:2px 5px; box-sizing: border-box; font-size: 12px;
    color: #fff; }
.akcijskiProizvod{width: 30px; height:30px; display: block; position: absolute; right:-6px;top:-6px;z-index: 100; background: #fff; border-radius: 50%;  }
.akcijskiProizvod img{display: block;width: 100%; border-radius: 50%; padding:3px;box-sizing: border-box}

.specFlex >div{margin: 30px auto; border-bottom: 1px solid #ccc; padding-bottom: 20px; box-sizing: border-box}
.specFlex >div img{margin: 20px 0}
.specFlex >div h3{margin: 10px 0}
.imageForMobile {width: 100%; position: absolute; left: 0; right: 0; top: 6%; display: none}
.imageForMobile img{width: 100%}

/*PAGES*/


#pageTitle, .pageTitle {text-align: center; color: #777; font-weight: lighter;padding-bottom: 10px}
.naslov_kategorije{padding: 10px 0;text-align: center; color: #666; font-size: var(--fxl)}
.catTitle{text-align: center; padding-top: 10px; color: #666; padding-bottom: 20px; color:var(--main)}
.kratak_opis_kategorije{padding: 10px; font-size: var(--fn); line-height: 1.6rem; border-top:1px solid var(--main)}
.page #coll_middle{background: #fff}
.page #coll_middle p{font-size: var(--fn); line-height: 1.5rem; padding: 5px 0;}
.page li{font-size: var(--fn); line-height: 1.5rem; padding: 5px 0;}
.page #coll_middle img{display: block;width: 100%;height: auto;}
.page #coll_middle>h2,.page #coll_middle>h3{ padding: 20px 0 10px}
.page #coll_middle .quickLinksPage{margin-bottom: 20px}
.page #coll_middle .quickLinksPage li{list-style: decimal;list-style-position: inside;padding: 5px 0 }
.page #coll_middle .blokContainer ul li{list-style: disc; list-style-position: inside}
.page h2{padding: 10px 0; font-size: var(--fm)}



/*NAVIGACIJA*/

#coll_left{order: 2; margin-top:20px; background: #fff}
#coll_left li{list-style: none}
#coll_left h3 a,#coll_left li a{ display: block; padding: 15px; border-bottom: 1px solid #ddd;
    font-size: 16px; box-sizing: border-box}
#coll_left h3 a{background: var(--pg); color: #fff;font-size: var(--fm);}
.markerStrane a,.markerKategorije>a{color: var(--main); font-weight: bold; }
#coll_left .bocniMeniStrane>li>a{text-transform: uppercase}
#coll_left .bocniMeniStrane li ul li a{position: relative; display: flex; align-items: center}
#coll_left .bocniMeniStrane li ul li a:before{content: url('../../../cms_upload/pages/files/112_sapa2.png');
    display: inline-block; padding-right: 5px}
#coll_left .markerPodStrane a{color:var(--main) }

/*SVE O VASEM  LJUBIMCU*/
.oLjubimcu{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 10px 0}
#coll_middle .oLjubimcu .page-cID,#coll_middle .oLjubimcu .page-pID{width: 48%; border: 1px solid #ddd;padding: 0;
    margin-bottom: 10px; list-style:none}
.oLjubimcu .page-cID .img,.oLjubimcu .page-pID .img{border-bottom:1px solid #ddd}
.oLjubimcu .page-cID .info h2 a{display: block; font-weight: normal;
    font-size: var(--fm); padding:7px 10px; color:var(--pg);}
.oLjubimcu .page-pID .info h2 a{display: block; font-weight: normal;
    font-size: var(--fn); padding:7px 10px; }

/*SVE O VASEM LJUBIMCU-STRANA*/
.blogStrana .image{margin-bottom: 15px}
.blogStrana h3{padding: 15px 0; font-size: var(--fm)}
.blogStrana p a{color:#00533e;font-weight: bold; text-decoration: underline}

/*AKCIJE*/

#coll_middle .action-home p{padding:10px 0}
#coll_middle .action-home .akcije-image{background:#404040; padding: 30px}
#coll_middle .action-home .akcije-image img{width: 60%; margin: auto}
#coll_middle .action-home h4{color: var(--pg); font-size: var(--fn); padding:10px 0 5px}
#coll_middle .action-home ul{padding: 10px 0}
#coll_middle .action-home li{list-style: disc; list-style-position: inside}
#coll_middle .action-home table{width: 100%; border-collapse: collapse; margin: 10px 0}
#coll_middle .action-home table tr:first-child{background: var(--pg); color: #fff}
.action-home table td{padding: 5px; font-size: var(--fn); border: 1px solid #ddd; text-align: center}
.action-home #listaProizvoda li{list-style: none; border: 1px solid #ddd; width: 90%; margin: auto;
    position:relative; border-radius: 10px}
.action-home #listaProizvoda li .catalogueThumbImage{border-bottom: 1px solid #ddd}
.action-home #listaProizvoda .productPrice{position: absolute;
    top:-14px; right:24px;
    border: 1px solid var(--primary_green);
    background: #fff;
    color:var(--main);
    font-family:numbers;;}
.action-home #listaProizvoda .productPrice span{color:var(--main); padding-right: 5px}
.action-home #listaProizvoda .catalogueTextLink{display: block;padding: 10px 10px 30px;
    box-sizing: border-box}
.action-home #listaProizvoda .catalogueTextLink p{position: absolute; bottom: 0; left: 0; width: 50%;
    background: #ccc; ; padding:2px 5px; box-sizing: border-box; font-size: 14px;
    color: #fff; }
.action-home .akcijskiProizvod {top: -10px; left: -10px}

.allProductsItems{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:20px}
.allProductsItems .allProdItem{list-style: none; width: 48%; margin-bottom: 40px; border: 1px solid var(--main);
    border-radius: 10px; position:relative}
.allProductsItems .allProdItem .ackijaTip{background: var(--pg); display: inline-block; position: absolute;
    color: #fff; padding: 5px; box-sizing: border-box; left: -10px; top:-5px; border-radius: 10px;
    transform:rotate(-20deg); width:70px;font-size:var(--fs); text-align:center}
.allProdItem .naslovProdAll{ display: block; font-size: var(--fs); padding: 5px; box-sizing: border-box}

.akcijePage .productPrice{background: var(--main);padding:10px; display: inline-block;
    border-radius: 7px; position:absolute; right: 10px; top: -12px;}
.akcijePage .productPrice span{color:#f3f3f3;}
.productPrice .price,
.productPrice .priceAkcija{display:block;padding: 0;margin: 0;line-height: 1em;}
.productPrice .price{text-decoration: line-through;font-size:var(--fs); }
.productPrice .priceAkcija{font-size:var(--fn); padding-top:5px}

.logoBrand{
    position: absolute; width:50px;top:70px;left:-10px; border-radius: 10px; display:block; z-index: 0; border: 1px solid var(--pg); background: #fff;
}
.logoBrand img{
    border-radius: 10px
}

.allProdItem .modelProdAll{position: absolute; top:-35px; font-size: var(--fs); right: 0}
.allProdItem .producerProdAll{
    position: absolute;
    bottom:2px; right:12px;
    font-size:var(--fxs);
}

/*AKCIJA*/


#coll_middle .pet_group_list{
    width:100%;
    display: flex;  
    list-style: none;
    gap: 2px;
  

}
.catid_25 #coll_middle h2{
    color:var(--primary_green);
    padding: 10px 4px;
    font-size:18px;
    background: #fff;
    border-radius: 10px 10px 0 0 ;
    margin: 10px auto 0 auto
}

.pet_group_list .pet_list_item{
      background: var(--main);
    border-radius:10px;
    line-height: 1.2em
}
.pet_group_list .pet_list_item a{
     text-decoration: none;
}
.pet_group_list .pet_list_item:hover{
    background: var(--primary_green);
}
.pet_group_list .pet_list_item img{
    filter: invert(1) contrast(10) opacity(.5);
    padding: 1px;
    display: block;
    box-sizing: border-box;
}
.pet_group_list .pet_list_item span{
    color:#eee;
    font-size:var(--fs);
    font-weight: bold;
    display: block;
    text-align: center;
}
.page #coll_middle .pet_group_list .pet_list_item p{
    color:#eee;
    line-height: 1em;
    text-align: center;
    margin: auto;
    font-size:11px;
    padding: 4px   
}
.disabledGroup{
   pointer-events: none;
    opacity: .4
}


#select_brand_form{
    background: var(--main);
    padding: 10px;
    border-radius:10px;
    margin-top: 10px
}
#select_brand_form fieldset{
    border: none;
    text-align: center;
}
#select_brand_form select{
    background: var(--primary_green);
    color:#eee;
    padding: 10px 20px;
    border:none;
    border-radius: 6px
}

.catid_25 .proizvodi{}
.catid_25 .proizvodi .zivotinjaOznaka{position: absolute; width: 30px; top: 35px; right: 10px}
.catid_25 .proizvodi li{width: 95%; border: 1px solid var(--pg); margin: 28px auto; position:relative;
    list-style:none;_display:flex; border-radius: 6px; padding: 30px 0 0!important;}
.catid_25 #coll_middle .proizvodi .catalogueThumbImage{margin:0; width:100px}
.catid_25 .proizvodi .catalogueTextLink{ 
    box-sizing: border-box; display: block; padding: 2px 5px 0 5px}
.catid_25 .proizvodi  .catalogueTextLink h3{font-weight: normal;color: #888;padding:8px 0 4px 0}
.catid_25 .proizvodi p{position: absolute; bottom: 0; right: -30px; width: 80%;
     padding:4px; box-sizing: border-box; font-size: 14px;
    color: var(--pg);}
.catid_25 .proizvodi .catalogueThumbImage img{display: none; width:100%;}
.catid_25 .catalogueItemText{color:var(--main); line-height:16px; font-size:14px}
.catid_25 .proizvodi .productPrice{position: absolute;
    top:-14px; right:14px;
    border: 1px solid var(--primary_green);
    background: #fff;
    color:var(--main);
    font-family:numbers;
    font-size:22px;
    padding:0px 6px 4px 12px;
    border-radius:6px;
    min-width:90px;
    text-align: right;}
.catid_25 .proizvodi .productPrice span{font-size:16px;
    padding:0 2px;}
.ackijaTip {background: var(--pg);
    color:#f3f3f3;
    font-size:14px;
    font-family: cherokee;
    height:40px;width:40px;
    display: inline-block;
    padding:13px 5px;
    line-height:1em;
    box-sizing: border-box;
    position: absolute;
    top:-38px;right:100px;
    border-radius: 50%;
    transform: rotate(-20deg);
    z-index: 10;}
.siriKontejner{font-size: 12px;right: 75px; padding: 5px 5px; width: 60%; height: auto; box-sizing: border-box; border-radius: 10px}
.pakovanje {position: absolute;
    bottom: 2px;
    right: 5px;
    z-index: 30;
    color: var(--pg);
    background: #fff;
    padding: 2px 4px;
    border-radius: 4px;}


/*AKCIJE-STRANICE*/
.pagesAkcije{display: flex; flex-wrap: wrap; justify-content: space-between}
.pagesAkcije .page-pID{width: 48%; margin-bottom: 10px; border: 1px solid #ddd; list-style: none}
.pagesAkcije .page-pID .img{width: 100%; border-bottom: 1px solid #ddd}
.page #coll_middle .page-pID h2{padding: 0}
.pagesAkcije .page-pID .info{padding: 10px;box-sizing: border-box}
.pagesAkcije .page-pID h2 a{display: block; font-size: 18px; padding-bottom: 5px;
    font-weight: normal;
    color: var(--main)}

.action .akcijaImg{border:1px solid #ccc}
.oAkciji{box-sizing: border-box; }
.oAkciji h2{color: #fff; font-size: 18px; font-weight: normal;background: #8cc63f;
    padding: 10px; margin:0}
.oAkciji p{color: #fff; font-size: 16px;background: #8cc63f; padding:5px 10px}
.akcijaSlikaTekst{position: relative; margin: 10px 0}
.akcijaTekst{background: #8cc63f; color: #fff; width: max-content; padding:5px;
    box-sizing: border-box; position: absolute; top:0; right: 0;
}
.opisAkcije{background: #fff; padding: 10px; box-sizing:border-box;
    height: 250px; overflow-y: scroll; overflow-x:hidden}
.opisAkcije h4{font-size: 16px; color:#666; padding: 5px 0}
.opisAkcije p{color: #666; padding: 0 0 10px; line-height: 1.6em; font-size: 16px}
.akcijePreporuceniProizvodi{border-bottom: 1px solid #ccc;margin: 20px 0 5px}
.akcijePreporuceniProizvodi p{background: #ccc; color:#fff;width: max-content;
    padding: 5px;font-size: 18px;}

.relatedProdsTitle{
	font-size:var(--fl);
	padding: 10px 0;
	color: var(--pg)
}

.productInPage{
	background: var(--pg)
}
.kataloski_prikaz_proizvoda{
background: #fff
}

.relatedProdsCnt .proizvodi{display: flex;overflow-x: scroll; overflow-y: hidden;
	background:none;
    border-top: 5px solid var(--main);
	border-bottom: 5px solid var(--main)!important;;
	border-left: 5px solid var(--main);
	border-right: 5px solid var(--main);
	flex-wrap: nowrap!important;; justify-content: initial!important; ;


}
.relatedProdsCnt .proizvodi li{padding:30px 10px 35px; margin: 4px 5px; background: #fff;
    position:relative;width: 180px; }

.relatedProdsCnt .proizvodi li .catalogueTextLink{padding: 0}
.relatedProdsCnt .proizvodi .catalogueThumbLink{width:180px;height: 180px; display:block;border-bottom: 1px solid #ddd}
.relatedProdsCnt .proizvodi .catalogueThumbImage{width: 180px; height: 100%;}
.relatedProdsCnt .proizvodi .productPrice{display: block;background:var(--main);color: #fff;
    padding: 5px; width:100px; position:absolute;left: 3px;top: 3px; border:none}
.relatedProdsCnt .proizvodi .productPrice span{color: #fff; padding-right: 5px}
.relatedProdsCnt .proizvodi .catalogueItemText{padding: 40px 0 5px; }
.relatedProdsCnt .proizvodi .catalogueItemText h3{padding: 7px 0; font-weight: normal; font-size: var(--fn);
    color:var(--main)}
.relatedProdsCnt .proizvodi .catalogueItemText p{ position: absolute; bottom: 10px; left: 10px;
    _width: max-content;display: inline-block; width: initial;
    background: #ddd; ; padding: 5px; box-sizing: border-box; font-size: 14px;}

.action .proizvodi{display: flex;overflow-x: scroll; overflow-y: hidden;background: #ddd;
    border: 1px solid #ccc;flex-wrap: nowrap; justify-content: initial }
.action .proizvodi li{padding:30px 10px 35px; margin: 0 5px; background: #fff;
    position:relative;width: 150px; }
.action .proizvodi li:first-child{border: none;}
.action .proizvodi li .catalogueTextLink{padding: 0}
.action .proizvodi .catalogueThumbLink{width:150px;height: 150px; display:block;border-bottom: 1px solid #ddd}
.action .proizvodi .catalogueThumbImage{width: 150px; height: 100%;}
.action .proizvodi .productPrice{display: block;background: #8cc63f;color: #fff;
    padding: 5px; width:100px; position:absolute;left: 0;top: 0}
.action .proizvodi .productPrice span{color: #fff; padding-right: 5px}
.action .proizvodi .catalogueItemText{padding: 10px 0 20px; }
.action .proizvodi .catalogueItemText h3{padding-bottom: 7px; font-weight: normal; font-size: var(--fn);
    color:var(--main)}
.action .proizvodi .catalogueItemText p{ position: absolute; bottom: 10px; left: 10px;
    width: max-content;
    background: #ddd; ; padding: 5px; box-sizing: border-box; font-size: 14px;}
#coll_middle .action .proizvodi .catalogueItemText{padding: 5px 5px 50px}
#coll_middle .action .proizvodi .catalogueItemText h3{padding: 0}
#coll_middle .action .proizvodi p{position: absolute; bottom: 0; left: 0; width: 80%;
    background: #ccc; ; padding:2px 5px; box-sizing: border-box; font-size: 12px;
    color: #fff; }

/*NASA PREPORUKA*/

/*.nasaPreporuka ul{display: flex; flex-wrap: wrap;justify-content:space-between;
list-style: none}
.nasaPreporuka ul li{width: 48%; background: #fff;margin:10px 0; box-sizing: border-box;
border: 1px solid #ddd; padding:0!important}
.nasaPreporuka .catalogueThumbImage{margin: 5px 0; border-bottom:1px solid #ccc}
.nasaPreporuka .catalogueItemText{padding: 10px;
	box-sizing: border-box; font-size:14px;word-break:break-all; height:100px; position:relative; }
#coll_middle .nasaPreporuka .catalogueItemText p{ position: absolute; bottom: 0; left: 0; width: 80%;
background: #ccc; ;padding:2px 5px; box-sizing: border-box; font-size: 12px;
color: #fff; }
.nasaPreporuka .catalogueItemText h3{display: none}
.nasaPreporuka .productPrice{display: block;background: #8cc63f;color: #fff;
padding: 5px; width:max-content; }
.nasaPreporuka .productPrice span{color: #fff; padding-right: 5px}*/


#coll_middle .nasaPreporuka ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top: 10px;}
#coll_middle .nasaPreporuka ul li{width: 48%; border: 1px solid #ddd; margin-bottom: 40px; position:relative;
    list-style:none;}
#coll_middle .nasaPreporuka ul li .catalogueThumbImage{border-bottom: 1px solid #ddd; margin: 10px 0; padding-top: 10px}
#coll_middle .nasaPreporuka ul li .catalogueTextLink{display: block; padding:5px 10px 50px;
    box-sizing: border-box}
#coll_middle .nasaPreporuka ul li .catalogueTextLink h3{font-weight: normal;color: var(--main); padding-bottom: 5px; font-size: 17px}
#coll_middle .nasaPreporuka ul li p{position: absolute; bottom: 0; left: 0; width: 80%;
    background: #ccc; ; padding:2px 5px; box-sizing: border-box; font-size: 14px;
    color: #fff;}
#coll_middle .nasaPreporuka ul li .productPrice{position: absolute;
    top:-14px; right:10px;
    border: 1px solid var(--primary_green);
    background: #fff;
    color:var(--main);
    font-family:numbers;
    border-radius:6px;
    padding: 3px 2px 3px 2px;
    box-sizing: border-box;
    text-align: right;}
#coll_middle .nasaPreporuka li .productPrice span{color:var(--main); padding-right: 5px}

/*NAVIGATOR NA STRANAMA*/
.navigatorStrana {margin: 20px auto;}
.navigatorStrana a{text-decoration: none;}
.navigatorStrana .NScurLink{color: #01543d}
.navigatorStrana .NSgotoLink{padding: 0 5px; }
.navigatorStrana .NSnextLink, .navigatorStrana .NSprevLink{font-size: 16px;}
.navigatorStrana .NSsredina{font-size: 16px; padding: 0 5px;}


/*KONTAKT*/
.kontakt .contactBlock{margin: 10px 0; border: 1px solid var(--pg); border-radius: 5px;
    padding: 10px; box-sizing: border-box}
.kontakt .fullBlock{border: none; font-size: var(--fm); padding-top: 20px}
.kontakt .contactBlock li{list-style: none}
.kontakt .contactBlock li:first-child{ font-size: 18px!important; font-weight: bold}

/*KATEGORIJE*/

.kategorije ul{display: flex; flex-wrap: wrap; justify-content: space-between;
    box-sizing: border-box;

}
.kategorije ul a{display: block; width: 100%}
.kategorije ul .cat_item{width: 100%; margin: 10px 0;border:2px solid var(--main);
border-radius:6px;

}

.kategorije .cat_item .catItemLink span{
background: var(--main);
	display: block; font-size: var(--fn);
    padding: 10px; 
	box-sizing: border-box; color:#fff; 
	text-align:center;
	border-bottom:1px solid var(--pg);
	border-radius:3px 3px 0 0;
}
.catalogID_1 .cat_item .catItemLink .catName{color:#eee}
.kategorije .cat_item img{display: block}
.kategorije .cat_item .podKategorijeCNT{box-sizing: border-box; flex-direction: column;
    text-align: center}
.kategorije .cat_item li{width: 100%; margin: 0; border: 0}
.kategorije .cat_item .podKategorijeCNT li a{padding: 14px 0; border-bottom: 1px solid #ddd;
    font-size: var(--fs)}
.kategorije .opis_kategorije p{
	font-size:var(--fn);
	line-height: 1.6em;
	padding: 10px
}


.catalogID_1 .kategorije ul .cat_item{border-radius: 10px; border: 1px solid var(--pg)}
.catalogID_1 .kategorije ul .cat_item .catItemLink{display: flex;justify-content: space-between;
}
.catalogID_1 .kategorije ul .cat_item img{display:flex; width:150px; height:150px;
}
.catalogID_1 .kategorije ul .cat_item span{width:calc(100% - 150px); background: var(--pg); display: flex;
    justify-content: center;align-items: center; border-radius:0 10px 10px 0}

/*PITAJTE VETERINARA*/

.uvod{padding: 5px 0;}
.postaviPitanje label{display: block; padding: 10px 0;}
.postaviPitanje div{background: #ccc; height: 120px; resize: vertical; padding:10px; box-sizing:border-box;}
#btnPitanje{display: block;width:30%; background: #006837; color: #fff; margin: 10px 0;
    padding:5px; box-sizing: border-box; text-align: center;
    border: 1px solid #fff;}


/*KATALOG PRETRAGA*/

.catalogID_1{background: #fff;}
.catalogID_1 h1{padding-top: 20px!important; font-weight: normal; text-align: center; }
.catalogID_1 .broj-rezultata-pretrage{padding: 15px 0!important;}
.catalogID_1 .katalog_prikaz>div{text-align:center;padding-bottom: 8px;}
.catalogID_1 .tabela-pretrage-slika img{width:48px;margin:0 8px 0 4px;}
.catalogID_1 table{ border-collapse:collapse;}
.catalogID_1 table tbody{width:100%; }
.catalogID_1 table td{border-bottom:1px solid #ddd;padding-top:4px;padding-bottom:4px; }
.catalogID_1 .tabela-pretrage-artikli{padding:4px;}
.catalogID_1 .tabela-pretrage-model{padding-right:2px;}


/*KATALOG*/

.katalog .oblast_kataloga ul #listaProizvoda, .catid_25 #listaProizvoda{display:flex;  flex-wrap:wrap!important;;  justify-content:space-between}
.index .oblast_sadrzaja #listaProizvoda{display:flex; flex-wrap: initial; justify-content:space-between}
.oblast_kataloga ul li,
#listaProizvoda li{width: 48%; border: 1px solid var(--main); margin-bottom: 40px; position:relative;
    list-style:none;border-radius:6px;


}
.oblast_kataloga ul li .catalogueThumbImage,
#listaProizvoda{display: flex; flex-wrap: wrap; justify-content: space-around;}

.oblast_kataloga ul li .catalogueThumbImage,
#listaProizvoda, .catid_25 #listaProizvoda{border-bottom: 1px solid #ddd; padding-top: 15px;}
.oblast_kataloga ul li .catalogueTextLink,
#listaProizvoda li .catalogueTextLink{ display: block; padding:5px 10px 50px;
    box-sizing: border-box; font-size:var(--fxs);

}
.oblast_kataloga ul li .catalogueTextLink h3,
#listaProizvoda li .catalogueTextLink h3
{font-weight: normal;
	color: var(--main); padding-bottom: 5px; font-size:var(--fn)}

.oblast_kataloga ul li p,
#listaProizvoda li p
{position: absolute; bottom: 0; left: 0; width: 100%;
    background: none; padding:2px 5px; box-sizing: border-box; font-size: 14px;
    color: var(--pg); border-top:1px solid #ccc}
.oblast_kataloga ul li .productPrice,
#listaProizvoda  li .productPrice
{position: absolute;border: 1px solid var(--primary_green);
    background: #fff;color:var(--main);border-radius:6px; 
	 top: -20px; left: 15px; text-align: right;
    font-family: number; padding: 5px 0 5px 10px; box-sizing: border-box; font-size: 16px;}
.oblast_kataloga li .productPrice span,
#listaProizvoda li .productPrice span
{ color:var(--main) ; padding-right: 5px}

.oblast_kataloga li .productPrice .rsd,
#listaProizvoda  li .productPrice .rsd
{font-size:12px}

.proizvod p{line-height: 1.6em}
.proizvod table {border-collapse:  collapse; margin: 20px auto;}
.proizvod .tabelaKarakteristika td{font-size:16px ;padding: 10px}
.proizvod table tr td, th{border: 1px solid #ccc;}
.back_down{display: none}
.proizvod .prodMainPic{pointer-events: none}

.orderBox{display: none; text-align: center; position: fixed; top:10px; background: var(--pg);
    z-index: 1000; border:1px solid #ddd; width:96%; left:2%; padding:10px; box-sizing:border-box;
    box-shadow: 5px 5px 10px #555;
border-radius:10px

}
.orderBox .tableWrapper table td{width: initial}

.proizvod .poruciButton{background:none;width: 200px; padding: 12px 10px; margin:4px auto 14px auto;
    box-sizing: border-box;
    text-align:center; text-transform: uppercase; 
border:1px solid #eee;
	border-radius:6px;
}
.proizvod .poruciButton span{color: #ffffff; font-size: 16px}
.orderBox .back_up{width: 50px; height: 50px; font-size: 30px; color:#fff;
    text-align: left;}
.orderBox input{font-size: 14px}
.orderBox .tableWrapper table{display: table;border-collapse: collapse }
.orderBox .tableWrapper tr{display: table-row; background: #fff}
.orderBox .tableWrapper td{display: table-cell; border:1px solid #ccc!important;}
.orderBox .tableWrapper td .cenaNarudzbenica{font-size: 22px}
.katalog .prodTableTop {width: 100%}
.katalog .prodTableTop{text-align: center; margin-bottom: 10px}
.katalog .box-naslov{border-bottom:1px solid #555}
.katalog .prodOpis{margin: 45px 0 15px;}
.katalog .prodOpis ul{flex-direction: column}
.katalog .prodOpis li{border: none; width: 100%!important; list-style: disc;
    list-style-position: outside; font-size:var(--fn); margin:6px 16px}
.katalog .prodSlika{border:1px solid var(--main); border-radius:6px}
.jssora05l , jssora05r {background-color: rgba(0,0,0,.3)!important;;}
.katalog .prodSlika img{border-radius:6px;}
.duziOpisPrikaz{background: #fff; width: max-content; padding: 2px 7px;
    border:1px solid #8cc63f;margin:10px 0 }
.duziOpisPrikaz p{display: inline-block; font-size: 16px;
    padding-right: 5px; text-transform:uppercase;color:#8cc63f }
.duziOpisPrikaz span{color:#8cc63f; font-size: 18px}

.tabelaArtikala{box-sizing: border-box;}
.tabelaArtikala table{ display: flex; width: 100%; text-align:center; font-size: 15px;}
.tabelaArtikala tr{ display:flex; margin:0 0 10px; flex-wrap: wrap;border:1px solid var(--main); border-radius:6px}
.tabelaArtikala th{display: none}
.oblast_kataloga .tabelaArtikala td,.oblast_kataloga .tabelaArtikala th{padding:4px;
    width: 100%; border: none;border-bottom: 1px solid #fff; box-sizing:border-box;}
.tabelaArtikala th{background: var(--pg); color:#fff; font-weight: normal}
.tabelaArtikala th span{color: #fff}
.tabelaArtikala td{display: flex; justify-content: center; align-items: center}
.tabelaArtikala td:last-child{ border: none; width: 100%; padding: 15px 0;
    box-sizing: border-box}
.tabelaArtikala td .poruciArtikal{width:80%;}
.tabelaArtikala td.kolonaCena{font-size:18px; font-weight:bold;padding:0}
.tabelaArtikala td.cenaKg{font-size:14px; font-weight:normal}
.oblast_kataloga .tabelaArtikala td ul{flex-wrap: nowrap; justify-content: initial;
    flex-direction:row; }
.oblast_kataloga .tabelaArtikala td ul li{width: 100%; border: none}
.tabelaArtikala td .icons{background: var(--pg); color:#fff; padding:5px 10px; 
	box-sizing: border-box;
    font-size: 26px; width:100%; display:block;border-radius:6px}
.tabelaArtikala .kolona_properties span:first-child{font-size: 16px; font-weight: bold;
    padding-right: 5px; display:block;}
.tabelaArtikala .kolonaCena .oldPrice{padding-right: 5px; font-size: 12px; text-decoration: line-through}
.tabelaArtikala .cenaKg:after{content:"din/kg"; padding-left:5px}
.tabelaArtikala .iconStatus span{padding:0 10px; color:var(--pg) }
.tabelaArtikala .iconStatus img{display: block;width:30px; }

.msg_napomena a{display: block; font-size: var(--fn);
    color: var(--pg);
border:1px solid var(--pg);
	padding:10px;
	text-align:center;
	border-radius:6px;
}
.duziOpis{margin: 20px 0; order:4 }
.duziOpis p,.duziOpis span,.duziOpis div{font-size: 16px; line-height: 1.5em; padding: 5px 0}
.duziOpis table{width: 100%; border-collapse: collapse; margin: 20px 0; display: flex; overflow-x: auto;
    width: 100%}
.duziOpis table td{border: 1px solid #ddd; padding: 6px 10px; box-sizing: border-box;
    font-size: 14px}
.duziOpis ul{display: initial}
.duziOpis ul li{border: none; list-style: disc; list-style-position: inside; width:100%}

.tabelaKarakteristika{
    display: none
}
.naslovTabelaArtikala{
    color:var(--main);
    font-size:var(--fs);

}


/*FILTER AKCIJA*/
.filterAkcije{display: flex; width: 100%; margin: 0 auto 40px; justify-content:space-around;}
.filterAkcije a{
	width: 44px; 
	display: block; 
	border: none; 
	background: var(--pg); 
	border-radius:50%;
	padding: 5px;
}
 #coll_middle .filterAkcije a img{width:40px; height:42px; display: block}
.filterAkcije .resetFilter{position: relative}
.filterAkcije .resetFilter:before{content: "\f021"; position: absolute; font-size: 30px; top: 11px; left: 14px; color: #115511}
.filterAkcije .aktivanFilter{border: 2px solid #01543d; position:relative;}
.filterAkcije .aktivanFilter:after{
	content:"";
	width:0;height:0;
	border-bottom:10px solid transparent;
	border-top:10px solid var(--main);
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	position: absolute;
	bottom:-20px;left:18px;
	z-index: 50;
	
}


/*FILTERI*/
.katalog_navigacija{position: relative;}
.mobSlider{width: 90%;background:var(--main); display: flex;justify-content:space-between;padding: 10px;  }
.mobSlider span{color: #ffff; font-size: var(--fm);}


.filterOuter > h2{
	background: #fff;
	text-align: right;
	cursor: pointer;
	border-radius:6px;
}
.filterOuter > h2 span{
	color:#555;
	display: inline-block;
	padding: 14px 20px;
	pointer-events: none;
	
}
.filterOuter{
    background:#fff; border: 2px solid #999;
	width: 100%; 
    margin:10px auto;
border-radius:8px; padding:0;


}
.catid_25 .filterOuter{}
.catid_25 .filterOuter fieldset{display: block; position:absolute; z-index: 31; top: 50px; right: 0; left: 0; }
.catid_25 .filterOuter fieldset ul{background: #fff; padding: 0 10px; box-sizing: border-box; border: 1px solid #ddd; box-shadow: 2px 2px 3px 1px #ddd} 
.catid_25 .filterOuter fieldset ul li{list-style: none;}
.catid_25 .grupaProizvoda{margin-top: 20px}
.filterOuter fieldset{  border: none; display:none;}
.filterOuter legend{font-size: var(--fm);  display: block; width: 100%;
    padding: 10px; box-sizing: border-box; 
	border-bottom:1px solid #ddd; 
	border-top:1px solid #ddd; 
	margin:3px 0 0 0;
	position:relative;
background:#f3fff3;
}
.filterOuter fieldset:last-child{
	border-radius:0 0 6px 6px
}

.filterOuter legend:after{content:"";  width: 16px; height: 16px; display: inline-block;
    border-right: 2px solid var(--main); border-bottom: 2px solid var(--main); transition: .3s;
    transform: rotate(45deg); position:absolute; right:20px; top:10px}
.filterOuter .filter_strelica_gore:after{transform: rotate(-135deg); top:15px; transition: .3s}
.oblast_kataloga .filterOuter li{padding: 5px 10px; box-sizing: 
	border-box; font-size: var(--fn);margin: 5px;width:100%;
border:none; border-bottom:1px solid #eee
}
.filterOuter li input{margin-right: 5px}
.oblast_kataloga .filterTagsContainer li{padding: 5px 10px; 
	box-sizing: border-box; 
	font-size: var(--fn);
	background:	var(--pg);;
	display:flex;
	justify-content:space-between;
	border-radius: 6px;
	margin-bottom:20px;

}
.filterTagsContainer{
	background:var(--main);
	margin-bottom:20px;
	padding:4px 10px;
	border-radius:6px;
}
.filterTagsContainer li span{color: #eee; }

.filterTagsTitle{text-align: center;font-size: var(--fm);margin: 10px;
color:#eee;
}



#myaccount_style {margin:0 auto;padding: 10px 6px 60px 6px;background: #fff;
    border:1px solid #ddd;border-radius:3px;box-sizing: border-box; width: 100%}
#myaccount_style .contentTABLE{width:100%;display: block; }
#myaccount_style .contentTABLE>tbody{display: block}
#myaccount_style .contentTABLE>tbody>tr{ display:flex;  flex-direction: column;}
#myaccount_style .contentArea{ width: 100%; box-sizing:border-box;}
#myaccount_style .imate_nalog_dugme a{background: var(--pg); color: #fff; display: block;
    text-align: center;padding: 10px; box-sizing: border-box}

#myaccount_style .menuArea { width: 100%; }
#myaccount_style .menuArea li{margin:4px auto;text-align: center; list-style: none}
#myaccount_style .menuArea li a{padding:12px 14px; display: block; width:88%;margin: auto; border:1px solid #006837;box-sizing: border-box }

#myaccount_style h1{ padding: 10px 0 ;text-align: center;}

#myaccount_style h3{ padding: 10px 0;text-align: center;}
#myaccount_style label{display: block;margin: 15px 0 10px 0;}

#myaccount_style a{color: #006837;}
#myaccount_style .registracijaCnt{ display: flex; flex-direction: column}
#myaccount_style .registracijaCnt>div{border:1px solid var(--main); margin-bottom: 20px;
    padding: 10px; box-sizing: border-box}

.registracijaCnt #quiz{
    background: yellow;
}

#myaccount_style input{text-align: center;padding: 10px;}
#myaccount_style #potvrda{transform: scale(2.6); margin:20px}
.app_field_unos{display:block;margin:0 auto 4px auto;}
.forgot_pass{text-align: center}
.forgot_pass_btn{background:#006837;border:none;color:#fff;width:130px; margin: auto}
#myaccount_style #ulogujte_se{text-align: center;order: 2}
#myaccount_style #ulogujte_se input{width: 80%;}
#myaccount_style #ulogujte_se p a{display: block; padding-bottom: 10px; font-size: 16px}
#myaccount_style #ulogujte_se h3{font-size: 24px}
#myaccount_style #registrujte_se{text-align: center;order: 1
}
#myaccount_style #registrujte_se input{width: 80%;margin-bottom:4px; font-size:14px}
#myaccount_style #registrujte_se .inline_radio br{display: none}

#myaccount_style #mail_list{width: 10% !important;}

#myaccount_style ul{margin: 0 !important;text-align: left;width: 100%; padding-top:10px;box-sizing:border-box;}

#myaccount_style #dugme_login{background:#006837 ;color: #fff; letter-spacing: 1px; ;font-size:20px;border: none;border-radius: 3px;margin:22px 0;padding:16px;box-sizing: border-box;}

#myaccount_style h4{text-align: center;font-size: 21px;}

#myaccount_style .buttonUkljuciNapomenu{color: #fff;background: #006837;padding: 10px;width: 50%;margin: 20px auto 0 auto;text-align: center;border-radius:3px;}
#myaccount_style .buttonNapomena{color: #fff;background: #006837;padding: 10px !important;;width: 50%;margin: 10px auto;text-align: center;border-radius:3px;}
#myaccount_style .naruciListu{color: #fff;background: #006837;padding: 10px;width: 100%;
    margin:10px auto;text-align: center; box-sizing: border-box}
#myaccount_style .naruciListu a{color:#fff;}
#myaccount_style textarea{width:85%;margin:auto;display: block;}


.registrator #myaccount_style .buttonsDisabled a{background: #ccc; pointer-events: none}
#myaccount_style .buttonsForCheckout a{ display:block;margin-top: 10px;
    padding: 10px 0; background:var(--pg); border:1px solid #fff}

#myaccount_style .kartice-banka{display: flex; flex-wrap: wrap;
    justify-content: space-evenly; margin:10px 0}
#myaccount_style .kartice-banka span{display: block;width: 20%;margin: 10px; border:1px solid #ddd;
    border-radius:6px; padding:5px; box-sizing:border-box}
#myaccount_style .kartice-banka img{display: block;width: 100%}
.paymentDetails h2{font-size: 18px}
.paymentDetails span{display: block; padding:3px 0}

/**********moj_nalog**********/
.myAcc_container{width:70%;margin-left: 15%;font-size: 16px}
.myAcc_container p{text-align: left;padding:0 0 0 22px;line-height: 2;}
.myAcc_container input{background: var(--pg); color: #fff; border: none; font-size: 16px;
    margin: auto; display: block; width:max-content;}
.contentTABLE p img{width:20px;height:auto;vertical-align: bottom;}

.myAcc_container label{text-align: center}
.myAcc_container #f_adresa,.myAcc_container #f_company,.myAcc_container #f_name,
.myAcc_container #f_telefon,.myAcc_container #f_oldpass,.myAcc_container #f_pass1,
.myAcc_container #f_pass2{background: #fff; border:1px solid #ddd; color:#333}
.myAcc_container .passEdit,.myAcc_container .passReset{margin-bottom: 10px; width: 150px}

#myaccount_style #wishlist_buttons{display: flex; justify-content:space-between;
    flex-wrap:wrap; display:none}
#myaccount_style #wishlist_buttons a{display: block;  width: 30%; background: var(--pg);
    margin-bottom: 10px; font-size:16px; }
#myaccount_style #wishlist_buttons a img{display: block; width: 30px; margin: auto;
    filter: invert(1)}
#myaccount_style #wishlist_buttons a span{ padding:10px 0 5px;color: #fff;
    display: block; text-align:center; }


#myaccount_style .contentArea .wpwl-container iframe{color: #333!important;}

/*****message_note************/
#myaccount_style .messages_NOTE {width:340px;box-sizing: border-box;padding:0 2%;text-align:left;}
#myaccount_style .messages_NOTE br{opacity:0;}
#myaccount_style .messages_NOTE h4{font-size:18px;padding-bottom:12px;color:#555;}
#myaccount_style .messages_NOTE p{text-align:left;}

/**********moje narudzbenice*************/
#snimljeneListe{ width: 100%; display: flex; overflow-x: auto; border-collapse:collapse}
#snimljeneListe th,#snimljeneListe td{font-size: 16px; border: 1px solid #ddd;
    padding: 5px; box-sizing:border-box; text-align: center}


/*IZMENA NARUDZBENICE*/
#save_edit{ text-align:center; font-size:16px}
#save_edit input:last-child{background: var(--pg); font-size: 16px;color: #fff; border: none;
    padding: 10px!important; display: block; box-sizing: border-box; margin:auto}
#save_edit #list_desc{resize: vertical; width: 300px!important;}

/*********wishlistDisplay****************/
#wishlistDisplay{background: #fff;border:2px solid #ddd; width: 100%;
    box-sizing: border-box; display:flex; flex-wrap:wrap;  }
#wishlistDisplay .tableDiv{width: 100%}
#wishlistDisplay table{ width: 100%; display:flex; flex-wrap:wrap}
#wishlistDisplay .hederBoksa{position:relative ;font-size:var(--fn);padding:10px;color:#f3f3f3;
    background:var(--pg);display: flex; justify-content: space-between;
    align-items:center; flex-wrap:wrap; width:100%}
#wishlistDisplay .hederBoksa span{color: #f3f3f3; margin-right: 10px }
#wishlistDisplay  tbody{border-collapse: collapse;display:flex; width:100%;
    border-top: 1px solid #ddd; flex-wrap: wrap }
#wishlistDisplay tbody tr{display: flex;flex-direction: column;
    width:100%; border-bottom:1px solid #ddd;
    text-align: center; margin:5px 0}
#wishlistDisplay th{border: none; }
#wishlistDisplay td, #wishlistDisplay th{padding:5px 5px;box-sizing: border-box;
    font-size: 16px!important;;display:flex; flex-direction:column}
#wishlistDisplay tr:first-child{display: none}
#wishlistDisplay .coll_image img{display: block; width: 100px; margin:auto}
#wishlistDisplay td input{width:44px;margin: auto;}
#wishlistDisplay p{color:#505050;}
#wishlistDisplay .boxRight{font-size:18px;padding:8px 0 12px 0}
#wishlistDisplay .boxLeft{color:#0077be;}
.overallPrice{padding:4px 12px;text-align: center; margin: auto}
#wishlistDisplay .wishlistBack, #wishlistDisplay .wishlistTitle{
    display: inline-block;
}
#wishlistDisplay button{border: none; background: transparent}
#wishlistDisplay .fa{font-size: 24px}
#napomenaFakture #sendNotice{padding:8px;box-sizing: border-box}
#wishlistDisplay .wishlistBack{
    padding: 4px 12px; border:1px solid #f3f3f3; border-radius:8px;
}
#napomenaFakture{/*! display: none; */ margin-top:20px}
#wishlistDisplay .wishlistBack span{
    font-size:15px
}
#wishlistDisplay .wishlistTitle{
    font-size:16px; display: block;width: 100%; margin: 10px 0
}
#wishlistDisplay .porukaObavestenja{
    color:#777; margin: auto
}
#usloviProdaje{padding: 10px; box-sizing: border-box; font-size: var(--fn);
    line-height: 1.5em}
#usloviProdaje .usloviCheckbox label{color:#fff;}
#usloviProdaje .usloviCheckbox a, .mob{
    color:#fff;
    display: inline-block;
    width:auto;
    margin:4px; text-decoration: underline
}

.warningDisabled{
    background: #fed; border:1px solid #a56;
    padding:0 10px;
    margin: 10px auto 0 auto;
}
.warningDisabled a,.warningDisabled label{color:#e56!important;}

.cntTransakcije{
    padding:20px;
    border:1px solid var(--pg);
    border-radius: 10px;
    margin:10px 0;
}
.cntTransakcije .transOK,
.cntTransakcije .transNotOK{
    display: block;
    color:var(--pg);
    font-size:var(--fl);
    position: relative;
}
.cntTransakcije .transNotOK{
    color:#f33;
    font-size:var(--fm);
}
.transOK span,
.transNotOK span{
    position: absolute;
    top:-10px;right:0;
    color:var(--pg);
    font-size:36px
}
.transNotOK span{
    color:#f33;
}

.cntTransakcije ul{
    padding:20px 10px;
}
.cntTransakcije ul li{
    padding: 6px 0;
}
.cntTransakcije p{
    padding:10px 0;
    line-height:1.5rem
}
.cntTransakcije .buttons{
    background: var(--pg);
    margin:20px auto;
    display: block;
    width:70%;
    text-align: center;
    padding: 12px;
    box-sizing: border-box;
    color:#f3f3f3;
    border-radius:10px;
}

/* PROFAKTURA */
.documentOuter{}
.documentTable{width: 100%; }
.documentTable tbody{ width: 100%}
.documentLOGO{
    width:100px;
}
.documentLOGO img{
    display:block;
    width:100px
}
.documentKLIJENTinner{
    border-top:1px solid var(--pg);
}
#myaccount_style .docCompanyUL{
    text-align:left;
    font-size:var(--fs);
    list-style:none;
    padding-left: 10px

}

.docCompanyUL .imeFirme{
    font-weight:bold;
    font-size:var(--fn);

}
.docCompanyUL .punoImeFirme{
    font-size:var(--fxs);
    padding-bottom:6px;
    word-break: break-all

}
.docKlijentUL{

    list-style:none;
    text-align:left;
    font-size:var(--fs)
}
.docCompanyName{
    font-size:var(--fl);

}
.docCompanyName a{
    text-decoration:none;
}
.documentINFOdoc{

    text-align: right; padding-left: 10px
}

.documentINFOdoc li{
    list-style: none;
    font-size:var(--fs);

}
.documentINFOdoc .nazivDokumenta{
    font-size:var(--fs);
    font-weight:bold;
}
.fakturaElementi {
    border-collapse:collapse; font-size: 12px;
}
.fakturaElementi th{
    _font-size:var(--fs);
    font-weight:bold;
    border-bottom:1px solid var(--pg);
    padding:10px 0;
}
.fakturaElementi td{
    border-bottom:1px solid #ccc;
    font-size:var(--fs);
    padding:10px 0;
}
.summaryReport{
    text-align: right;
    font-weight: bold;
    padding:20px 0;
}
.a4,.a7,.a8,.a9,.hh6,.hh9,.hh10,.hh11{
    text-align: right;
}

.documentOuter h2{
    color:var(--pg);
    padding:20px 0 20px 0;
    border-bottom:1px solid var(--pg);
    margin-bottom: 20px

}
.profaktureButtons{
    border-top:1px solid var(--pg)
}
.profaktureButtons div,
.profaktureButtons a{
    display: inline-block;
    margin:20px
}



/*FOTO DZUNGLA*/

.embdgallery{display: flex;flex-wrap: wrap; justify-content:space-between; flex-direction: column}
.embdgallery li{width: 49%; height: max-content;margin-bottom:5px;
    box-sizing: border-box }
.embdgallery li:nth-child(7){break-after: always}


/*FOOTER*/

.oblast_futera {background: var(--main); position: relative;padding:10px 10px 30px;
    box-sizing:border-box;  }
.oblast_futera li{list-style: none}
.oblast_futera .blokoviFuter{margin:10px auto; text-align: center;display: none}
.oblast_futera .blok{margin: 10px 0}
.blokoviFuter .blok a{display: block;margin: auto;z-index: 100; position: relative }
.blokoviFuterGonji{display: none}
.blokoviFuter h4{color: #fff; font-size:20px; padding: 5px 0}
.blokoviFuter p{color:#fff; font-size: 14px}
.blokoviFuter img{width: 40px; filter: invert(1);z-index: 1}
.blokoviFuter p a{color:#fff}
.footer_linksContainer{position: relative; }
.footer_navigation{text-align: center;}
.footer_navigation a{display: block; padding: 10px;font-size: var(--fm);
    border:1px solid #fff;padding: 16px; margin: 12px 0; border-radius:8px;
 background:rgba(255,255,255,.8)}
.footer_contact li, .footer_info li{padding-top: 10px; color: #fff}
.footer_links li a{color: var(--main)}
.footer_mob_info{margin: 20px auto; width: max-content }
.footer_mob_info a{display: block; color: #fff;font-size: 18px;position: relative; padding: 5px 0;}
.footer_mob_info a:before{ content: "";border-left: 8px solid #fff;
    border-top:6px solid transparent; border-bottom:6px solid transparent;
    position:absolute; left: -15px; top: 5px}
.futerLogo{text-align: center}
.futerLogo h4{color :#fff; font-size: 16px; padding-top: 10px; font-weight: normal;}
.footer_links p{color: #fff; margin-top: 10px}
.footer_linksContainer .logoImg {width: 180px;margin: auto;}
.footer_contact, .footer_info{text-align: center;
    padding: 30px 0 20px 0}
.futerDrustveneMreze{

}
.futerDrustveneMreze ul{display: flex; padding:10px 0 100px 0; justify-content: center}
.futerDrustveneMreze li{padding: 0 5px;}
.futerDrustveneMreze img{display: inline-block; width: 40px; filter: invert(1)}
.ikoniceFoter {width: 20px; position: absolute; top: 1%; right: 2%; display: none}
.oblast_futera .kartice{display: flex; justify-content: space-evenly;
    margin-top:20px; flex-wrap:wrap;
display: none;
}


.fixed-futer{display: flex;position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #ccc;
height: 50px; justify-content: space-between; width: 100%; z-index: 1000}
.fixed-futer >div{ border-right: 1px solid #ccc; width: 100%;}
.fix-animal .slika img{width: 100%; filter: grayscale(1); opacity: .6 }
.fixed-futer #hideBox{cursor: pointer}
.fixed-futer #hideBox span{font-size: 35px; margin: 5px 0 0 20px; 
    display: block; color: #888}
.popUpBox{display: none}
.popUpBox.popUpShow{display: block; width: 80%;position: fixed; bottom: 70px; right: calc(100% - 90%); z-index: 10000;
display: flex; justify-content: space-between; border: 1px solid #ddd; box-shadow: 2px 2px 2px 1px }
.popUpBox.popUpShow p{padding: 10px; width: 100%; text-align: center; color: #555; background: #fff}
.popUpBox.popUpShow p:first-child{border-right: 2px solid #999; }
.catid_25 .fixed-futer {display: none;}


.oblast_futera .kartice span{display: block; width: 20%; margin:10px}
.oblast_futera .kartice span a{display: block; width: 100%}
.oblast_futera .kartice img{display: block; width: 100%}