/* MOBILE STRUCTURE CSS */

/*VARIABLES*/

:root {--fontclr:#414042;  /*boja fonta i tamno siva heder*/
			--lg:#8a9861; /*svetlo zelena za elemente naslova i datuma*/
			--grey:#b3b5b5; /*svetlo siva*/
			--logolg:#919b6e; /*svetlo zelena iz loga*/
			--logodg:#4f563f; /*tamno zelena logo*/
			--darkgrey:#9fa1a1; /*tamnija siva*/
			--whitegray:#eee;	/*najsvetlija siva-pozadina*/
			--fp:14px; /*velicina osnovnog teksta*/
			--fh:22px; /*velicina naslova*/
			--fsh:18px;  /*velicina podnaslova*/
}

*{padding:0px; margin:0px; }
@font-face {font-family: sourceSansPro; src: url('source_sans_pro/SourceSansPro.ttf');}
@font-face {font-family: sourceSansProB; src: url('source_sans_pro/SourceSansProB.ttf');}
@font-face {font-family: sourceSansProLT; src: url('source_sans_pro/SourceSansPro-Light.ttf');}
@font-face {font-family: sourceSansProSB; src: url('source_sans_pro/SourceSansProSB.ttf'); }
@font-face {font-family: openSansR; src: url('open_sans/OpenSans-Regular.ttf'); }
@font-face {font-family: openSansB; src: url('open_sans/OpenSans-Bold.ttf'); }
@font-face {font-family: openSansSB; src: url('open_sans/OpenSans-SemiBold.ttf'); }
@font-face {font-family: openSansL; src: url('open_sans/OpenSans-Light.ttf'); }
@font-face {font-family: bebasNeueR; src: url('bebas_neue/BebasNeue.ttf');}
@font-face {font-family: security; src: url('security.ttf');}

@font-face {font-family: icons; src: url('font-awesome/fonts/FontAwesome.otf'); }


HTML{width:100%; overflow-y: scroll;}
BODY {width:100%; margin: 0px; padding:0px; font-size:var(--fp); font-family: openSansR;
  color:var(--fontclr);}
.icons{font-family: icons;}
p,li{line-height: 1.5em}
b,strong{font-weight: normal; font-family: openSansB}
a{color: inherit;}

/*DISPLAY NONE*/
.poslednjeVestiBocniMeni{display: none;}
.galerija-icon-home,.index .custom_field,.row-1{display:none;}
.top_baner{display:none;}
.mainTopBanner{display:none;}
.banerpocetna,.bocniMeniStrane,#coll_left{display: none;}

.pretragaVesti{display: none}
.navigationBox{display: none}

.bocniMeniStrane li ul{display: none}

/*BANNER*/

.mobileBannerAside{width: 100%}
.mobileBannerAside a{pointer-events: none}
.mobileBannerAside li{list-style: none}
.mobileBannerAside img{display: block;width: 100%}

/*NEWSLETTER FORMA*/

.banner-3{margin-bottom: 0}
.formNewsLetter{background: #fff; padding: 30px 30px; position:relative;  }
.formNewsLetter .formaNaslov{background:#ababab; color:#fff; position:absolute; 
	left:0; top:-10vw; right:0; font-size:14px; font-weight:normal;
font-family:openSansL; padding:0px 18px; box-sizing:border-box; height:10vw; cursor: pointer; pointer-events: none; 
	letter-spacing:.3px; display:flex; align-items:center}
.formNewsLetter .formaNaslov:after{content:""; width: 15px; height: 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block;
position: absolute; right: 20px;top:2vw; transform: rotate(45deg)}
.formNewsLetter label{ display: block;margin-bottom: 5px}
.formNewsLetter input{height: 35px;width:100%;background: #eeeeee;border: none;margin-bottom: 20px; padding: 5px 10px; box-sizing: border-box}
.cnt_check_prijava{margin-bottom: 20px;}
.cnt_check_prijava input[type='checkbox']{display: inline-block;width: 10%;}
.cnt_check_prijava label{display: inline-block;width: 100%;font-size: 12px;}
.cnt_check_prijava input[type="checkbox"] {
  display: none;
}
.cnt_check_prijava input[type="checkbox"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 15px;
  height: 15px;
	margin-right: 10px;
  border: 1px solid #ddd;
	cursor: pointer;

}

.addBefore  input[type="checkbox"] + *::before {
  content: "✓";
  color: white;
  text-align: center;
  background: var(--logolg);
  font-size: 10px;
}
.submitNewsLetter{width: 100px;background: var(--logolg);padding: 10px 0;text-align: center;color: #fff;}
.alignRight{display: flex;justify-content: end;}
.info h2 a{text-decoration: none}

/*heder*/

.glavni_meni,.logoTransparent-mob{display: none;}
.glavni_meni{background: #535154; width: 100%; position: absolute; left: 0;top:100%;
border-top:1px solid #fff}
.glavni_meni li{list-style: none}
.glavni_meni li a{display: block; border-bottom: 1px solid #fff; color:#fff; text-transform: uppercase;
padding: 15px 0 15px 35px; box-sizing: border-box; font-size:16px; position:relative;
text-decoration:none}
.glavni_meni li a:after{content:""; display: inline-block;width: 10px;height: 10px;
border-right: 2px solid #fff; border-bottom: 2px solid #fff;transform: rotate(-45deg);
    position:absolute; right:35px;top:18px}
.poziv_na_pretplatu{background: #eee}
.oblast_zaglavlja{background: #353535; height: 140px;box-sizing: border-box; padding: 37px 0 30px 41px;
position: relative}
.logo{display: none}
.logoTransparent{display: block; width:165px; }
.logoTransparent img{display: block;width: 100%; height:auto}
.mob_main_menu{width: 31px; height: 19px; right: 43px; position: absolute;
border-top:5px solid #b3b5b5; border-bottom:5px solid #b3b5b5;bottom:49px;}
.mob_main_menu:after{content:"";display: inline-block; width: 100%; background: #b3b5b5; height: 5px;
position: absolute; top:7px; left: 0; }

.catTitle,.naslovKategorijeStaticki h1,.catTitle_page{font-weight: normal; font-size: var(--fp); padding: 20px 0 20px 30px;
    line-height: 1.4em; text-transform:uppercase}
.pageTitle{font-family: openSansSB;color:#919b6e; font-size:var(--fh); font-weight:normal }

/*kraj heder*/


/*NAVIGATOR STRANA*/

.navigatorStrana{background:#fff; display:block; margin: 20px;border-collapse: collapse}
.navigatorStrana tbody,.navigatorStrana tr{display: flex}
.navigatorStrana tr{padding: 10px; box-sizing: border-box}
.navigatorStrana td{display: flex}
.NSgotoLink,.NScurLink{background: #eee; display: flex;
	width: 25px; height: 25px; justify-content:center; align-items:center;
text-decoration:none}
.navigatorStrana .NScurLink,.navigatorStrana .NSgotoLink, .navigatorStrana .NSnextLink{
	margin-right: 5px; border:1px solid transparent
}
.navigatorStrana .NScurLink{border: 1px solid #ccc}
.NSnextLink,.NSprevLink{text-decoration: none; display: flex; width: 25px;
height: 25px; align-items: center; justify-content: center; font-size:18px}
.NSprevLink{margin-right: 5px}

/*index*/

.test-image{display: none}
.test{width: 100%; position: absolute; left: 50%; top: 443px; display: none; }
.test img{width: 100%; display: block;opacity:1}


#coll_middle{display: flex; flex-direction:column;background: #eee;}
.index a{text-decoration: none; color: inherit}

.row-2{display: flex; flex-direction: column}

.box5{ order: 2; box-sizing: border-box }
.box5 .treningMesec a{display: block; background: #b3b5b5; color: #fff;
font-family:openSansR; padding: 20px 0 20px 40px;}
.box5 h3 a{display: block; font-weight: normal;text-transform: uppercase; font-size: var(--fp);
padding: 20px 0 20px 40px; box-sizing: border-box; background:#eee}
.box5 img{width: 100%; display: block; padding:0px 0px 35px; box-sizing: border-box}
.box5 ul{padding-bottom: 20px; background: #fff}
.box5 li{ padding:20px 35px 20px 40px; box-sizing: border-box}
.box5 li p{font-size: var(--fsh); font-family: openSansSB; padding-top: 10px;line-height: 1.4em}
.box5 li span{color:#909d6d; font-size: 17px}
.box5 .treningDugme a{background: #9f9f9f; display: flex; color: #fff; height: 50px;
align-items: center; font-size: 20px; padding-left: 15px; margin:40px 35px; position:relative}
.box5 .treningDugme a:after{content:""; border-right: 1px solid #fff; border-bottom: 1px solid #fff;
display: inline-block; width: 16px; height: 16px; position:absolute;transform: rotate(-45deg);
right:15px}
.box5 .dugme-prijava a{background: var(--logolg); }

.box5 .nema_treninga{padding: 0}
.box5 .nema_treninga span{color: inherit; display: block; width: max-content; margin: auto}

.box6{order: 1;background: #fff }
.box6 li{list-style: none;padding:20px 35px 20px 25px ; box-sizing: border-box; position: relative}
.box6>h3 a{display: block; font-weight: normal; text-transform: uppercase; 
font-size: var(--fp); padding: 20px 35px 20px; box-sizing: border-box;background:#eee;   }
.box6 .info{background: #fff; padding:0 10px; box-sizing:border-box}
.box6 li:after{content:""; background: #b9c19b; display: block; height: 2px; position: absolute; 
bottom: 0; width: calc(100% - 60px)}
.box6 .page-pID:last-child:after{display: none}
.box6 .publish_date{color:#909d6d; font-size: var(--fp); padding-bottom: 20px}
.box6 .info h2 a{display:block; font-family: openSansSB; font-weight: normal; 
font-size: var(--fsh);  box-sizing: border-box;line-height: 1.4em }
.box6 .moreInfo a{background: #b3b5b5; color: #fff; width: calc(100% - 60px); margin:20px auto 15px; display: flex;
font-size: var(--fsh); text-transform: uppercase; padding-left:15px ;box-sizing: border-box; position: relative;
height:60px; align-items:center}
.box6 .moreInfo a:after{content:"";border-right: 1px solid #fff; border-bottom: 1px solid #fff;
display:inline-block; width: 16px; height: 16px; transform:rotate(-45deg); position:absolute; right:15px;
top:20px}

.box7{order: 3; }
.box7 .right_baner{padding:0 35px 20px;box-sizing: border-box}
.box7 .right_baner img{display: block;width: 100%; height: auto}


/*COLL RIGHT*/

#coll_right{background: #eee}
.right-banners-custom{margin: auto; padding: 30px 25px 1px; box-sizing: border-box}
.right-banners-custom>div{margin-bottom: 20px;}
.right-banners-custom img{display: block;width: 100%; height: auto}

/*O NAMA*/

.oNama{margin:0 25px}
.mobileTab{display: flex; font-weight: normal; font-family: openSansSB; 
background:var(--logolg); color:#fff; padding:20px 15px; font-size:var(--fsh); box-sizing:border-box;
position:relative; align-items: center }
.mobileTab:after{content:""; width:15px; height:15px; display:inline-block; 
	border-right:1px solid #fff; border-bottom:1px solid #fff; position:absolute; 
right:20px; top:22px; transform:rotate(45deg); transition:.3s}
.mobChangeArrows{margin-bottom: 20px}
.mobChangeArrows:after{transform: rotate(-45deg); top: 25px; transition: .3s}

.textBox{background: #fff; margin-bottom: 20px; padding: 40px 25px 20px 20px; box-sizing: border-box}
.textBox>h4{display: none}
.textBox p{padding-bottom: 20px}

.textBox .savetniciLista{}
.textBox .savetniciLista li{list-style: none; font-family:openSansSB; font-size: var(--fsh); background:var(--whitegray);
display:flex; height:50px; margin-bottom:20px; align-items:center; padding:0 0 0 20px; box-sizing:border-box;}



/*PKT USLUGE*/

.box-image{display: none}

.pktUsluge{margin: 0 25px}

.pktUsluge .textBox li{list-style: none; position: relative; padding:0 0 5px 15px;
	box-sizing: border-box}
.pktUsluge .textBox li:before{content:""; width: 9px; height: 9px; background: var(--logolg); display: inline-block; position: absolute;
top: 7px; left: 0}

.pktUsluge .textbox1 ul:last-child{ padding-bottom: 20px}
.pktUsluge .textbox1 .iconsBox{ border-top: 1px solid var(--logolg); padding-top: 20px}
.pktUsluge .iconsBox h4{font-weight: normal; font-size: var(--fsh); padding-bottom: 20px}
.iconsBox>div{display: flex; margin-bottom: 20px;justify-content:space-between}
.iconsBox .iconsImg{ width: 65px; display: block; }
.iconsBox .iconsImg img{display: block; width: 100%}
.iconsBox .iconsText{font-family: openSansB; display: flex; align-items: center; flex-wrap: wrap;
width: calc(100% - 75px)}

.textbox2 li:first-child{padding-bottom: 20px}

.textbox4 .box-images{display:flex; flex-wrap:wrap;}
.textbox4 .box-images img{display: block; height: 70px; width: auto; margin-bottom: 10px}
.textbox4 .box-images img:nth-child(odd){margin-right:10px;}

/*PKT VESTI*/

.novosti .catTitle{display: none}
.novosti #coll_middle{}
.novosti .pages{background: #fff;padding: 0 25px 0; box-sizing: border-box; list-style: none}
.novosti .page-pID{padding:20px 0px;border-bottom: 1px solid #919b6e}
.novosti .page-pID:last-child{border: none}
.novosti .pages .publish_date{padding:0 0px  20px 10px}
.novosti .page-pID h2 a{display: block; text-decoration: none; color:#919b6e;
  padding:0px 10px 20px 10px;
font-weight: normal; font-family: openSansB; font-size: var(--fh); line-height:1.4em}
.novosti .page-pID .antrafile{padding:0px 10px 20px 10px; box-sizing:border-box; }
.novosti .page-pID .moreinfo a{display: block; text-decoration: none; 
color:#919b6e; padding-left:10px; font-family:openSansR }

/*VESTI-POJEDINACNA STRANA*/

.clanak{background: #fff; display: flex; flex-direction: column;padding: 35px 35px 0;
  box-sizing: border-box}
.clanak .pageTitle{order:2;padding:35px 0 0 5px; }
.clanak .pageDate{order: 1;}
.clanak .pageBody{order: 3;  padding: 15px 0 10px 5px}
.clanak .pageBody a{color:#919b6e; text-decoration:underline;}
.clanak .pageBody strong{font-weight:normal; font-family:openSansB}
.clanak .pageBody h4{padding-bottom: 20px}
.clanak .pageBody ol, .clanak .pageBody ul{list-style: square ;list-style-position: inside;
margin: 0!important;padding-bottom:20px}
.novosti .clanak .pageBody li{list-style: none;padding:0px 0px 5px 15px;
	box-sizing:border-box; position:relative }
.novosti .clanak .pageBody li:before{content:""; width: 9px; height: 9px; background: var(--logolg); 
	display: inline-block; position: absolute; left: 0; top: 6px}
.clanak .pageBody p{padding-bottom: 20px}
.kp_images li{list-style: none}

.pretplata .oblast_zaglavlja{
	}
.pretplata .clanak{
	padding: 0;
}
.pretplata .clanak .pageBody{
	padding: 0
}

.pretplata .pretplata2022 > div{
	padding: 0
}
.pretplata .pretplataNapomena{
	padding: 20px
}
/*TRENING CENTAR - PRVA STRANA*/

.trening_centar .oblast_sadrzaja{background: #eee}
.trening_centar #coll_left{display: block;}
.trening_centar #coll_left>a{ display: none}
.trening_centar #coll_left .bocniMeniStrane{display: flex; flex-wrap:wrap}
.trening_centar .bocniMeniStrane li{ width: 100%; margin:0 20px 20px; list-style:none}
.trening_centar .bocniMeniStrane li a{display: flex; width: 100%; 
text-decoration: none; background:var(--grey); height:60px; align-items: center;
padding-left: 15px; box-sizing:border-box; font-size:var(--fsh); font-family:openSansB}

.treningCentarStrana{margin: 0 20px}
.treningCentarStrana>div{background: #fff; margin: 0 0px 20px}
.treningCentarStrana div h3{background: var(--logolg); color: #fff; display: flex; height: 60px;
align-items: center; padding-left: 20px; font-weight:normal; font-family:openSansB; font-size:var(--fsh)}
.treningCentarStrana div>p{padding:40px 20px; box-sizing:border-box}
.treningCentarStrana div ul{padding:20px 0 40px}
.treningCentarStrana div li{list-style: none;;padding:20px 20px 0;
	box-sizing:border-box }
.treningCentarStrana div li:before{content:""; width: 9px; height: 9px; background: var(--logolg); 
	display: inline-block;margin-right: 5px}
.trening_centar div li p{padding: 20px 0 0}

.trening_centar .prijava_za_trening{display: flex; flex-wrap: wrap}
.trening_centar .prijava_za_trening li{width: 100%; margin:0 20px 20px; list-style:none}
.trening_centar .prijava_za_trening li a{display: flex; width: 100%; 
text-decoration: none; height:60px; align-items: center;color:#fff; position: relative;
padding-left: 15px; box-sizing:border-box; font-size:var(--fsh); font-family:openSansB}
.trening_centar .prijava_za_trening li a:after{content:""; width:15px; height:15px; display:inline-block; 
	border-right:1px solid #fff; border-bottom:1px solid #fff; position:absolute; 
right:20px; top:22px; transform:rotate(-45deg);}
.trening_centar .prijava_za_trening_default a{background: var(--logolg); }
.trening_centar .prijava_za_trening .prijava_za_trening_besplatan a{background: var(--logodg)}


/*TRENING CENTAR-RASPORED TRENINGA*/


.catid_19 .bocniMeniStrane li:first-child{display: none}
.catid_19 #coll_middle{}
.catid_19 .catTitle{display: none}

.catid_19.trening_centar .pages{margin:60px 20px 20px}
.catid_19 .pages:before{content:"Raspored treninga";display: flex; width: 100%; 
text-decoration: none; background:var(--grey); height:60px; align-items: center;
padding-left: 15px; box-sizing:border-box; font-size:var(--fsh); font-family:openSansB;
text-transform:none; position:absolute; z-index:100; top:-60px}
.catid_19 .pages:after{content:""; width:15px; height:15px; display:inline-block; 
	border-right:1px solid var(--fontclr); border-bottom:1px solid var(--fontclr); position:absolute; 
right:15px; top:-42px; transform:rotate(45deg);z-index: 101}

.catid_19 .taticMessage{background: #fff}
.catid_19 .taticMessage p{padding: 20px 40px; box-sizing: border-box}

.trening_centar .pages{margin:0px 0 20px; position: relative}
.trening_centar .page-pID{background: #fff; list-style: none; padding: 40px 25px 20px;
  box-sizing: border-box; position:relative}
.trening_centar .page-pID:after{content:""; height: 1px; width: calc(100% - 50px);
background: var(--logolg); display:block; position:absolute; bottom:0;left:25px}
.trening_centar .page-pID:last-child:after{display: none}
.trening_centar .publish_date{padding-bottom: 20px; display: none}
.trening_centar .page-pID h2{text-decoration: none; color:#919b6e; font-size: var(--fh);
padding-bottom: 20px; display:block; font-weight:normal; font-family:openSansB; line-height:1.4em}
.trening_centar .page-pID a{text-decoration: none}
.trening_centar .page-pID .antrafile{line-height: 1.5em; padding-bottom: 20px}
.trening_centar .moreinfo a{text-decoration: none; color:#919b6e;
padding:  0 0; display: block}
.trening_centar .page-pID .custom_field{padding: 0; position: absolute; top: 15px; left: 25px}

.trening_centar .ERRporuka{ padding: 0 20px 20px; box-sizing: border-box}

/*TRENING POJEDINACNI*/

.trening_centar .clanak{padding: 0 25px; margin:0 20px 20px; background: #fff;box-sizing:border-box}
.trening_centar .pageBody{padding: 0}
.trening_centar .pageTitle{padding:0}
.trening_centar .custom_field{font-size:var(--fp);padding: 40px 0 20px}
.trening_centar .boxGornji{padding: 0 0 35px; position: relative}
.trening_centar .boxGornji:after{content:""; display: block; height: 35px; position: absolute;
left: -25px; right:-25px; background:var(--whitegray); }
.trening_centar .clanak .pageBody p:last-child{margin-bottom: 0}
.trening_centar .boxDonji{background: #fff;padding: 15px 0 0px;box-sizing: border-box;
margin-bottom: 20px}
.trening_centar .boxDonji>div{background: var(--whitegray); margin-bottom: 20px;
padding: 20px 10px 10px; box-sizing: border-box}
.trening_centar .treningStranica div h4{font-size:var(--fsh); margin: 0;
  padding-bottom:20px }
.trening_centar .treningStranica p{padding-bottom: 20px}
.trening_centar #coll_middle .dugmePrijavaZaTreninge{text-decoration: none; color:#fff;
background: #9faa7f; padding: 25px 0 25px 10px; box-sizing:border-box; display:block; position:relative;
font-size:20px; display:none}
.trening_centar .clanak li{list-style: none; padding: 0 0 5px 15px; box-sizing: border-box; position:relative}
.trening_centar .clanak li:before{content:""; width: 9px; height: 9px; background: var(--logolg); 
	display: inline-block; position: absolute; left: 0; top: 6px}
.trening_centar #coll_middle .dugmePrijavaZaTreninge:after{content:""; border-right: 1px solid #fff;
border-bottom: 1px solid #fff; display: inline-block; width:17px; height:17px; transform:rotate(-45deg);
position:absolute; right:15px; top:30px}

/*TRENING CENTAR - ARHIVA TRENINGA*/

.catid_20 .bocniMeniStrane li:last-child{display: none}
.catid_20 #coll_middle{}
.catid_20 .catTitle{display: none}

.catid_20 .pages{margin: 0 20px 20px}
.catid_20 .pages:before{content:"Arhiva treninga";display: flex; width: 100%; 
text-decoration: none; background:var(--grey); height:60px; align-items: center;
padding-left: 15px; box-sizing:border-box; font-size:var(--fsh); font-family:openSansB;
text-transform:none; position:relative}
.catid_20 .pages:after{content:""; width:15px; height:15px; display:inline-block; 
	border-right:1px solid var(--fontclr); border-bottom:1px solid var(--fontclr); position:absolute; 
right:20px; top:20px; transform:rotate(45deg);}

.catid_20 .page-pID h2{color: var(--grey)}
.catid_20 .page-pID .moreinfo a{color: var(--grey)}

/*TRENING CENTAR - PRIJAVA ZA TRENING*/

.catid_21 .custom_field{display: none}
.catid_21 #coll_left .bocniMeniStrane{display: none}
.catid_21 .prijava_za_trening{display: none}

.trening_centar .prijavazatrening1{background: #fff; margin:0 20px 20px}
.prijavazatrening1 h1{background: var(--fontclr); color: #fff; font-weight: normal;
font-size: var(--fh); font-family: openSansSB; padding: 10px 0 10px 20px; box-sizing: border-box}
.prijavazatrening1 .podaci1>p{padding: 35px 15px; box-sizing: border-box}
.prijavazatrening1 .podaci1 h2{font-weight: normal; color: var(--lg); font-family: openSansSB;
text-transform: uppercase; font-size: var(--fsh); padding:0 15px 30px }
.prijavazatrening1 .podaci1 fieldset{border: none;}
.prijavazatrening1 .podaci1 table{width: 100%; border-collapse:collapse}
.prijavazatrening1 .podaci1 table tr{display: flex; flex-direction: column; padding: 0 15px;
box-sizing: border-box; }
.prijavazatrening1 table td{padding-left: 0!important;}
.prijavazatrening1 table td:last-child{border-bottom:1px solid var(--lg); padding-bottom: 20px}
.prijavazatrening1 table p{width: 100%;}
.prijavazatrening1 table input{background: var(--whitegray); border: none; width: 100%;
height: 45px; padding:10px; box-sizing:border-box; font-size:vr(--fp); margin:10px 0}

.prijavazatrening1 .podaci2 fieldset{border: none}
.prijavazatrening1 .podaci2 h2{padding:30px 15px; box-sizing: border-box; font-size: var(--fsh);
font-weight: normal; color: var(--lg)}
.prijavazatrening1 .podaci2 .treninzi{background: var(--whitegray); margin:0 15px 15px; 
	display: flex; padding:20px 10px 25px 15px; box-sizing:border-box;
	justify-content:space-between;position: relative; list-style: none }
.prijavazatrening1 .podaci2 .treninzi .trening_termin > h4{color: var(--lg);font-family: openSans; font-size: 17px}
.prijavazatrening1 .podaci2 .treninzi .trening_termin > p{font-family: openSansB; font-size: 16px}
.prijavazatrening1 .podaci2 label{font-family: openSansL}
.prijavazatrening1 .podaci2 p input{_position: absolute;left: 10px; top:23px}
.prijavazatrening1 .podaci2 p label{padding-left: 5px; font-size: 15px}
.prijavazatrening1 .podaci2 .datumTreninga{display: block; padding: 20px 0 0;
	color: var(--lg); font-family: openSansR}

.prijavazatrening1 .pretplatnik{padding:30px 0 0!important;
margin: 15px; border-top:1px solid var(--lg)}
.prijavazatrening1 .pretplatnik h2{font-weight: normal; font-size: var(--fsh);padding-bottom: 20px}
.prijavazatrening1 .pretplatnik ul{background: var(--whitegray); display: flex;
padding: 15px 50px; box-sizing: border-box;justify-content:space-between }
.pretplatnik ul li{list-style: none; min-width: 50px; margin-right: 10px;font-size: var(--fsh) }

.ucesnici{padding:15px; box-sizing:border-box}
.ucesnici h2{font-weight: normal; font-family: openSansSB; font-size: var(--fsh)}
.ucesnici h5{font-weight: normal; font-size: var(--fp)}
.ucesnici p{display:flex; align-items: center}
.ucesnici input{background: var(--whitegray); border: none; width: 95%;
height: 45px; padding:10px; box-sizing:border-box; font-size:vr(--fp); margin:10px 0 10px 5px}
.dodaj_oduzmi{margin:0 15px; display:flex; justify-content:flex-end;
font-size:var(--fsh); align-items:center}
.dodaj_oduzmi span{background: var(--whitegray); display: flex; width:40px; 
height:40px; font-size:26px;align-items:center; justify-content:center}
.dodaj_oduzmi #dodaj_ucesnika{margin: 0 10px}

.podaci4{padding:35px 15px 25px; box-sizing: border-box; position: relative}
.podaci4 .dugme_posalji{display: block; background: var(--fontclr); color: #fff;
border: none;height: 50px; width: 60%; margin: 30px 0 0; font-size:var(--fsh);
text-transform:uppercase; text-align:left; padding-left:15px; box-sizing:border-box;
border-left:5px solid var(--logolg)}
.podaci4:after{content:""; width:10px; height:10px; display:inline-block; 
	border-right:1px solid #fff; border-bottom:1px solid #fff; position:absolute; 
left:50%; bottom:43px; transform:rotate(-45deg);}


/*VIDEO*/

.video .oblast_sadrzaja{background: #eee; padding-bottom:20px}

.video .currentVideo{padding:35px 20px 0; box-sizing: border-box; margin-bottom: 30px;
background:#fff}
.currentVideo iframe{width: 100%}
.currentVideo h2{font-weight: normal; font-family: openSansB; font-size: var(--fp);
padding: 25px 0}

.video #coll_middle{padding: 0 20px; box-sizing: border-box; background: #fff; }
.video .pages{padding:20px 0}
.video .page-pID{list-style: none; margin-bottom: 35px}
.video .page-pID h2{font-weight: normal; font-family: openSansB; font-size: var(--fp);
	line-height: 1.4em; padding: 20px 5px 0}
.video .page-pID .info a{text-decoration: none; display: block; }
.video .img{position: relative}
.video .pages .page-pID .img:after{content:url("../../cms_upload/pages/files/776_youtube-50px.png"); 
	position: absolute; top: 40%; left: 40%;
pointer-events:none}
.video .page-pID img{display: block;width: 100%}

.video .clanak{padding: 0}

/*KONTAKT*/

.kontakt-page{background: #fff}
.kontakt-page-inner>div:first-child{padding:30px 35px 30px 30px; box-sizing: border-box}
.kontakt-page-inner>div b{font-size: var(--fsh); padding-bottom: 20px; display: block}
.kontakt-page-inner>div p{padding-bottom: 20px}
.kontakt-page-inner a{color: var(--lg);}
.kontakt-page-inner img{width: 100%}
.kontakt .telefon-kontakt{ display: flex; margin-bottom: 20px}
.kontakt .telefon-kontakt p{padding: 0 5px 0 0}
.kontakt #map_canvas{width: 100%; height:400px; margin:0 0 20px}

/*kraj novosti*/
/************poreski_konsalting*****/
.poreski-konsalting table{display: block;}
.poreski-konsalting tr{display: block;}
.poreski-konsalting tr td{display: block;}
.poreski-konsalting .pageBody h3, .poreski-konsalting .pageBody h2, .poreski-konsalting .pageBody h1{
  padding:10px 0px 6px 0;
  margin: 10px 0 10px 0;
  border-bottom:1px solid #ccc;
  line-height:30px;
}

.lista_linkova {
  margin:0 20px;
}
.lista_linkova li{
  padding:5px 0;
}


.elektronsko_fakturisanje .pageDate{display: none}

/*FORMA*/

/*
.prijavazatrening1 h1{margin-bottom:12px;text-align:center;}
.podaci1 h2{margin:12px 0 4px 0;text-align:center;}
.podaci1 table {border-collapse: collapse;width: 100%;padding:10px 0;margin-bottom:20px;}
.podaci1 tbody{}
.podaci1 tr{width:100%; }
.podaci1 table p {width:90%;box-sizing: border-box;margin:20px auto;font-size:16px;}
.podaci1 input{display: block;padding:10px ;width:100%;box-sizing: border-box;margin:4px 0 8px 0; }
.podaci1 td{display:block;width:100%;padding-left:0!important;}
.podaci2{margin:20px 0;}
.podaci2 fieldset{padding:8px}
.podaci2 h2{margin:8px;text-align: center;}
.ucesnici{margin-bottom: 20px}
.ucesnici h2{margin:22px 0 8px 0;text-align:center;}
*/

/********dugme*********
.pretplatnik h2{font-size:14px;text-align: center;font-weight:normal;color: #AAAAAA;margin-bottom:-12px} 
.pretplatnik li{position: relative;}
.pretplatnik label{ color:#333;position:absolute;left:40%;top:10px}
.pretplatnik input:first-of-type{margin-top: 12px;}
.pretplatnik input{width:100%;cursor: pointer;position:relative;border:2px solid red; }
.pretplatnik{display: block;position: relative;margin: 40px auto;height: auto;width: 100%;padding: 20px;box-sizing: border-box;border-bottom: 1px solid #333;}
.pretplatnik ul{width: 100%;list-style: none;margin: 0;padding: 0; overflow: auto;overflow: hidden;box-sizing: border-box}
.pretplatnik ul li{color: #AAAAAA;display: block;position: relative;float: left;width: 40%;height: 100px;box-sizing: border-box;margin:10px;}
.pretplatnik ul li input[type=radio]{position: absolute; opacity: 0; top:-4px; height:100px; }
.pretplatnik ul li label{display: block; position: relative; font-weight: 300; font-size: 1.35em; padding: 25px 25px 25px 40px; margin: 10px auto; height: 30px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; pointer-events: none; }
.pretplatnik ul li:hover label{color: #777; }
.pretplatnik ul li .check{display: block; position: absolute; border: 5px solid #AAAAAA; border-radius: 100%; height: 25px; width: 25px; top: 34px; left: 30%; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; pointer-events: none; }
.pretplatnik ul li:hover .check {border: 5px solid #777; }
.pretplatnik ul li .check::before {display: block; position: absolute; content: ''; border-radius: 100%; height: 15px; width: 15px; top: 5px; left: 5px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; pointer-events: none; }
.pretplatnik input[type=radio]:checked ~ .check {border: 5px solid #b1bb8e; }
.pretplatnik input[type=radio]:checked ~ .check::before{background: #b1bb8e; }
.pretplatnik input[type=radio]:checked ~ label{color: #b1bb8e; }
/****dugme-end**********/
 

/*Poziv na pretplatu 2021*/


.poziv_na_pretplatu .clanak{padding: 0;background: initial}
.poziv_na_pretplatu .clanak .pageBody{padding: 0}

.poziv_na_pretplatu .boxLeft{margin-top:30px}
.poziv_na_pretplatu .boxLeft>div{background: #fff;margin-bottom:25px}
.poziv_na_pretplatu .box-1{padding:40px 30px 30px 30px; box-sizing: border-box; }
.poziv_na_pretplatu .box-1 .antrafileBoks{padding: 0 15px 25px 15px;}
.poziv_na_pretplatu .box-1 .antrafileBoks a{color: #828b5d; text-decoration: none}
.poziv_na_pretplatu .box-1 .antrafileBoks span{font-family: openSansSB}
.poziv_na_pretplatu .box-1 .mobButton-1{display: block; background:#919b6e; color:#fff; text-decoration: none;
padding:25px 0 0 20px; box-sizing: border-box; font-family: openSansSB; 
  font-size:22px; position:relative; height:80px}
.poziv_na_pretplatu .box-1 .mobButton-1:after{content:"";border-right: 1px solid #fff; 
  border-bottom:1px solid #fff;display: block; width: 15px; height: 15px; position: absolute;
transform:rotate(-45deg); right: 15px; top:32px}
.poziv_na_pretplatu .antrafileTitle{font-size: 28px; font-weight: normal; color: #828b5d; padding:0 0 25px 15px;
font-family:openSansR}
.poziv_na_pretplatu .antrafileBoks{font-size: 20px; font-family: openSansR; line-height:28px}
.poziv_na_pretplatu .antrafileBoks b{font-family: openSansSB; font-weight:normal}

.poziv_na_pretplatu .box-2{padding: 35px 25px 30px; box-sizing: border-box; }
.poziv_na_pretplatu .box-2 .antrafileTitle{padding: 0 0 25px 20px; width: 270px; font-family: openSansSB}
.poziv_na_pretplatu .box-2-inner{}
.poziv_na_pretplatu .box-2-inner img{display: block;width: 100%}
.poziv_na_pretplatu .box-2 .button-1{display: none}

.poziv_na_pretplatu .box-2 .button-2{display: flex; background:#4f563f; color:#fff; text-decoration: none;
padding:0px 80px 0 20px; box-sizing: border-box; font-family: openSansSB; 
  font-size:16px; position:relative; height:80px; text-transform:uppercase; margin:30px 5px 0;
align-items:center}
.poziv_na_pretplatu .box-2 .button-2:after{content:"";border-right: 1px solid #fff; 
  border-bottom:1px solid #fff;display: block; width: 15px; height: 15px; position: absolute;
transform:rotate(-45deg); right: 15px; top:32px}

.poziv_na_pretplatu .box-2 .button-3{display: block; background:#a5a6a6; color:#fff; text-decoration: none;
padding:20px 80px 0 20px; box-sizing: border-box; font-family: openSansSB; 
  font-size:16px; position:relative; height:80px; text-transform:uppercase; margin:30px 5px 0; }
.poziv_na_pretplatu .box-2 .button-3:after{content:"";border-right: 1px solid #fff; 
  border-bottom:1px solid #fff;display: block; width: 15px; height: 15px; position: absolute;
transform:rotate(-45deg); right: 15px; top:32px}

.poziv_na_pretplatu .box-3{padding:50px 0 30px; box-sizing:border-box}
.poziv_na_pretplatu .box-3 .antrafileTitle{ box-sizing: border-box; padding: 0 45px 25px; font-family: openSansSB}
.poziv_na_pretplatu .box-3 .antrafileBoks{padding:0 50px 30px 45px ; box-sizing: 0; }

.poziv_na_pretplatu .box-3-inner p, .middle-div-mob{display: none;}
.poziv_na_pretplatu .box-3-inner .inner-div>div{border-top:2px solid #828c5f;}
.poziv_na_pretplatu .box-3-inner .inner-div>div{padding:25px 50px 20px 45px; box-sizing:border-box}

.poziv_na_pretplatu .box-3 .titleInner{display: flex; align-items: center;  position: relative}
.poziv_na_pretplatu .box-3 .titleInner:after{content:""; border-bottom:1px solid #636363; 
border-left: 1px solid #636363; display:block; width:15px; height:15px; transform:rotate(-135deg);
position:absolute;right:-15px;transition:.3s all}
.poziv_na_pretplatu .box-3 .moveArrow:after{transform:rotate(-45deg); transition:.3s all}
.poziv_na_pretplatu .box-3 .titleInner h3{font-size: 17px; font-family:openSansSB; 
  font-weight: normal;padding-left:10px}
.poziv_na_pretplatu .box-3 .titleInner h3 span{font-family: openSansR; }
.poziv_na_pretplatu .box-3-inner p{font-size: 20px; font-family:openSansR;margin-top:25px }
.poziv_na_pretplatu .box-3-inner br{display: none}

.poziv_na_pretplatu .middle-div{display: none}
.poziv_na_pretplatu .middle-div-mob{font-size: 20px; font-family:openSansR; margin: 10px 50px 30px 45px;
box-sizing: border-box; color:#828b5d; line-height: 28px; border-top:2px solid #828c5f;
padding-top:30px}
.poziv_na_pretplatu .boxLeft .box-3 .middle-div-mob{padding:30px 0 0; }

.poziv_na_pretplatu .box-3 .inner-div-4{border-bottom: 2px solid #828c5f;}

.poziv_na_pretplatu .box-3 .box-3-button{display: block; background: #919b6e; color:#fff; text-decoration: none;
padding:20px 80px 0 20px; box-sizing: border-box; font-family: openSansR; 
  font-size:16px; position:relative; height:80px; text-transform:uppercase; margin:35px 30px 25px }
.poziv_na_pretplatu .box-3-button:after{content:"";border-right: 1px solid #fff; 
  border-bottom:1px solid #fff;display: block; width: 15px; height: 15px; position: absolute;
transform:rotate(-45deg); right: 15px; top:32px}

.poziv_na_pretplatu #coll_right{display:flex;flex-direction:column;}
.poziv_na_pretplatu .right-banners-custom{order: 1; display: flex;overflow-x: scroll;overflow-y: hidden;
margin: 15px 0 35px 15px;padding:0; box-sizing:initial}
.poziv_na_pretplatu .right-banners-custom .right_baner{margin-right: 15px; margin-bottom:0;}
.poziv_na_pretplatu .right-banners-custom .right_baner img{display: block; width: 280px}
.poziv_na_pretplatu #coll_right>.right_baner{order:2; width:calc(100% - 50px); height: auto!important;
margin: 0 25px 35px}
.poziv_na_pretplatu #coll_right .banner-button{order: 3; margin:-35px auto 35px;width:calc(100% - 50px)}
.poziv_na_pretplatu #coll_right .banner-button img{width: 100%!important;}
.poziv_na_pretplatu #coll_right>.right_baner img{display: block;width: 100%;height: 100%}


/*PRETPLATA 2022*/

.pretplataImgBox{display: none}
.poziv_na_pretplatu_2022 .clanak{background: #eee; padding: 0}
.poziv_na_pretplatu_2022 .catTitle{display: none}
.poziv_na_pretplatu_2022 .clanak .pageBody{padding: 0}
.pretplata2022>div{background: #fff; margin-bottom: 20px; padding: 25px; box-sizing: border-box}
.pretplata2022>div h2{font-weight: normal; font-family: openSansB; color: var(--logolg);
padding-bottom: 20px; font-size:var(--fh)}
.pretplata2022>div:first-child{margin: 35px 20px 20px;}
.pretplata2022>div:last-child,.pretplata2022>div:nth-last-child(2){margin: 0 20px 20px}

.poziv_na_pretplatu_2022 .pretplata2022 .pretplataNapomena{padding: 15px 25px;
	box-sizing: border-box; background: #eee; margin: 20px 0}
.poziv_na_pretplatu_2022 .pretplataNapomena a{text-decoration: none; color: inherit}
.pretplata2022 a.pretplataDugme{display: flex; background: var(--logolg); color: #fff;
	text-decoration: none; width: 260px;  margin: auto;
height:60px; align-items: center; 
	font-family: openSansSB; font-size: var(--fp); color:#fff; justify-content:center }

.pretplata2022>div>h3{padding-bottom: 20px }
.pretplata2022>div li{list-style: none; padding-left: 15px; box-sizing: border-box; position:relative}
.pretplata2022>div li:before{content: ""; display: inline-block; background: var(--fontclr);
width: 4px; height: 4px; border-radius: 50%; position: absolute; left:0; top: 9px}

.pretplataMatricaBox{margin-bottom: 50px; border-bottom: 1px solid #ccc}
.clickToggle{display: flex; align-items: center; position: relative; padding:10px 15px 10px 0;
border-top: 1px solid #ccc; box-sizing: border-box }
.clickToggle:after{content: ""; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;
	display: inline-block; width: 15px; height: 15px; transform: rotate(-45deg); position:absolute;
right:0px; transition: all .3s }
.rotateArrow:after{transform: rotate(45deg); transition: all .3s}
.pretplataMatricaBox>div:first-child .clickToggle{border: none}
.toggleDiv{display: none}
.pretplataIcon{width: 80px; display: inline-block}
.pretplataIcon img{width: 100%; display: block}
.pretplataMatricaBox h3{text-transform: uppercase;  width: calc(100% - 85px);
display: inline-block; font-size: var(--fp); }

.mobileScroll{display: block!important; overflow: hidden; width:100%; overflow-x: scroll}
.mobileScroll>div{position: relative}
.fixedLeft{position: absolute; top:0; left:0;background: #fff}
.fixedLeft img{height: 1100px; width:178px}
.scrollRight{width: 100%; overflow-x: scroll; height:1100px; overflow-y: hidden}
.scrollRight img{_width: 100%; height:1100px}

.mobileScroll2{display: block!important; overflow: hidden; width:100%; overflow-x: scroll}
.mobileScroll2>div{position: relative}
.fixedLeft2{position: absolute; top:0; left:0;background: #fff}
.fixedLeft2 img{height: 1279px; width:178px}
.scrollRight2{width: 100%; overflow-x: scroll; height:1279px; overflow-y: hidden}
.scrollRight2 img{_width: 100%; height:1279px}


.kvartalnaPretplata .fixedLeft{ _top:-3px}
.kvartalnaPretplata .fixedLeft img{height: 1100px;}


.poziv_na_pretplatu_2022 #coll_right{}
.poziv_na_pretplatu_2022 .right-banners-custom{ display: flex; overflow-x: auto; }
.poziv_na_pretplatu_2022 .right-banners-custom>div{margin-right:20px}
.poziv_na_pretplatu_2022 .right-banners-custom>div:last-child{margin-right:0px}
.poziv_na_pretplatu_2022 .right-banners-custom>div a{width:280px; display:block; height: 100%}
.poziv_na_pretplatu_2022 .right-banners-custom>div a img{ display: block;
height:auto}

/*KNJIGA O PDVU*/

.knjiga_o_pdv .pageDate {display: none}

.knjiga_o_pdv .right_baner{width: 100%; padding: 0 25px 25px; box-sizing: border-box}
.knjiga_o_pdv .right_baner img{width: 100%; height: 100%}

.knjiga_o_pdv{}
.knjigaLandingPage{}
.knjigaLandingPage>div{background: #fff;margin-bottom: 25px;padding: 20px 20px 0px 20px;box-sizing: border-box;}
.knjigaLandingPage>div h1{font-weight: 400;font-family: bebasNeueR; font-size: 26pt;line-height: 1em}
.knjigaLandingPage .landingBox1 h1:nth-child(1){color: var(--logolg);}
.knjigaLandingPage .landingBox1 h1:nth-child(2){padding-bottom: 20px}
.landingBox p{padding-bottom: 20px}

.knjiga_o_pdv .landingBox1{padding-bottom: 40px}
.landingBox1 p{padding: 0}


.knjigaLandingPage .landingBox2{padding: 0}
.mokapImg img{display: block; width: 100%;}
.mokapText{display: flex; flex-wrap: wrap}
.mokapText>div{width: 100%; padding: 20px; box-sizing: border-box; display: flex;flex-wrap: wrap }
.mokapText br{display: none}
.mokapText .mokapBox1{display: none}
.mokapBox2{background: var(--logodg); color: #fff; ;order: 2}
.mokapBox3{order: 4; background: var(--grey)}
.mokapBox4{order: 3; background:var(--logolg); color: #fff}
.mokapText span{font-size: 20px;font-family:bebasNeueR}
.mokapText h3{font-size: 30px;font-family:bebasNeueR; width:100%; font-weight:400}

.knjiga_o_pdv .landingBox3{padding-bottom: 20px}
.landingBox3 h1:nth-child(2){color: var(--logolg);padding-bottom: 20px}
.landingBox3 p a{text-decoration: none; color: var(--logolg);font-family: openSansB}
.landingBox3 .boldText{font-family: openSansB}

.insideBox >div{display: flex; flex-wrap: wrap}
.insideBox .iconBox{width: 120px;}
.insideBox .iconBox img{width: 100%;display: block;}
.insideBox .naslovBoxa{width: calc(100% - 120px);padding: 0 0 0 10px;box-sizing: border-box;font-size: 12px}
.insideBox .naslovBoxa h3{font-weight: 400;font-family: openSansB; padding-top: 20px}
.insideBox >div p{padding: 10px 0 20px }

.knjigaLandingPage .landingBox4{padding-bottom: 20px;}
.knjigaLandingPage .landingBox4 h1{font-size: 30pt; padding-bottom: 10px}
.knjigaLandingPage .landingBox4 p{padding: 0px 0 10px;box-sizing: border-box;color: var(--logolg)}
.knjigaLandingPage .landingBox4 span{font-family: openSansB}
.knjigaLandingPage .landingBox4 a {background: var(--logodg); display: flex;color: #fff;height:60px; margin-top:10px;
text-decoration:none;font-size:12px;font-family:openSansB;align-items: center;padding: 0 40px 0 20px; box-sizing:border-box;line-height: 1.3em;position:relative}
.knjigaLandingPage .landingBox4 a:after{content: "";display: inline-block; width: 12px; height: 12px;
border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform:rotate(-45deg); position:absolute; top:25px;
right:20px}


/*PRIJAVA ZA KNJIGU*/

.knjiga_o_pdv .pageDate, .elektronsko_fakturisanje .pageDate{display: none}
.knjiga_o_pdv #coll_middle, .elektronsko_fakturisanje #coll_middle{ padding-top:20px}
.knjiga_o_pdv #coll_right , .elektronsko_fakturisanje #coll_right {}
.knjiga_o_pdv .pageTitle , .elektronsko_fakturisanje .pageTitle {background: var(--logolg); color: #fff; font-weight: normal;
font-size: var(--fh); font-family: openSansSB; padding: 10px 0 10px 20px; box-sizing: border-box }
.knjiga_o_pdv .pageBody, .elektronsko_fakturisanje .pageBody{padding: 0; background: initial}
.knjiga_pdv{margin:0 20px 20px}
.izdanja .knjiga_pdv{margin: 0}
.knjiga_o_pdv #coll_middle .pretplata_wrapper , .elektronsko_fakturisanje #coll_middle .pretplata_wrapper {box-sizing: border-box;}
.knjiga_o_pdv .blockWhite , .elektronsko_fakturisanje .blockWhite {background:#fff;padding:0 15px;box-sizing: border-box}
.knjiga_o_pdv .pretplata_wrapper .blockWhite > p , .elektronsko_fakturisanje .pretplata_wrapper .blockWhite > p {font-size: 14px;color:#414042;padding:35px 0;}
.knjiga_o_pdv .forma_pretplata , .elektronsko_fakturisanje .forma_pretplata {font-size:0;}
.knjiga_o_pdv .forma_pretplata h3 , .elektronsko_fakturisanje .forma_pretplata h3 {font-weight:normal; padding:0 0px 30px;color:var(--lg); font-size:var(--fsh);
font-family: openSansSB}
.knjiga_o_pdv fieldset , .elektronsko_fakturisanje fieldset {border:0px;}
.knjiga_o_pdv .podaci , .elektronsko_fakturisanje .podaci {vertical-align: top;}

.knjiga_o_pdv .podaci label, .pretplata .podaci input , .elektronsko_fakturisanje .podaci label, .pretplata .podaci input {display:block;}
.knjiga_o_pdv .podaci > input , .elektronsko_fakturisanje .podaci > input {width:100%;display:block;}
.knjiga_o_pdv label , .elektronsko_fakturisanje label {color:#414042;font-size:14px;padding-bottom:3px;display:flex;flex-wrap: wrap}
.knjiga_o_pdv input , .elektronsko_fakturisanje input {background:#e8e9e9;border:none;height:40px;margin:0 0 18px 0; color:#414042; width:100%; padding:0 14px;box-sizing:border-box;font-size:14px;}
.elektronsko_fakturisanje label span{width:80%; padding:8px 0 0 0}
.elektronsko_fakturisanje label .cenaPretplate{width:100%; text-align:center; padding: 0 0 10px}
.knjiga_o_pdv .izbor_paketa , .elektronsko_fakturisanje .izbor_paketa {}
.knjiga_o_pdv .izbor_paketa > p , .elektronsko_fakturisanje .izbor_paketa > p {padding:12px 0 12px 0;position:relative;color: var(--lg);}
.knjiga_o_pdv .izbor_paketa .ceneForma , .elektronsko_fakturisanje .izbor_paketa .ceneForma {padding:0}
.knjiga_o_pdv .izbor_paketa span , .elektronsko_fakturisanje .izbor_paketa span {display:inline-block;vertical-align: middle;padding-left:20px;}
.knjiga_o_pdv .izbor_paketa input , .elektronsko_fakturisanje .izbor_paketa input {display:inline-block;vertical-align: middle;width:auto;margin:0 0 0 10px;}
.knjiga_o_pdv .izbor_paketa label , .elektronsko_fakturisanje .izbor_paketa label {background:#e8e9e9;margin:0 0 20px 0; }
.knjiga_o_pdv .izbor_paketa label span , .elektronsko_fakturisanje .izbor_paketa label span {color:#414042;font-size:14px; font-family:openSansB}
.knjiga_o_pdv .izbor_paketa .cenaPretplate , .elektronsko_fakturisanje .izbor_paketa .cenaPretplate {}
.knjiga_o_pdv .proj_pretplata label, .elektronsko_fakturisanje .proj_pretplata label{padding-top:6px}
.knjiga_o_pdv .proj_pretplata input , .elektronsko_fakturisanje .proj_pretplata input {width:88px; -moz-appearance: textfield; -webkit-appearance: none; border: none; }
.knjiga_o_pdv .prijava_napomena , .elektronsko_fakturisanje .prijava_napomena {padding:0 0 20px 0}
.knjiga_o_pdv .prijava_napomena p, .elektronsko_fakturisanje .prijava_napomena p{font-size:14px;color:#414042}
.knjiga_o_pdv .prijava_napomena span , .elektronsko_fakturisanje .prijava_napomena span {font-weight:bold;}

.knjiga_o_pdv .posaljiPrijavu, .elektronsko_fakturisanje .posaljiPrijavu{padding: 10px 0}
.knjiga_o_pdv .posaljiPrijavu button, .elektronsko_fakturisanje .posaljiPrijavu button{display: block; background: #494946; padding: 12px 6px 10px 16px; border: none; cursor: pointer; height: 45px;
	border-left: 7px solid #919b6e; width:170px; position: relative; text-align: left; box-sizing:border-box}
.knjiga_o_pdv .posaljiPrijavu button:hover, .elektronsko_fakturisanje .posaljiPrijavu button:hover{background: #919b6e;}
.knjiga_o_pdv .posaljiPrijavu button:after, .elektronsko_fakturisanje .posaljiPrijavu button:after{content:""; border-right:1px solid #fff; border-bottom:1px solid #fff; display:inline-block; width:10px;  height:10px;
transform: rotate(-45deg); position:absolute; top:18px; right:15px}
.knjiga_o_pdv .posaljiPrijavu button span , .elektronsko_fakturisanje .posaljiPrijavu button span {text-transform: uppercase; display: inline-block; vertical-align: top; font-size: 12px; color: #fff; }
.knjiga_o_pdv .poruka > h2 , .elektronsko_fakturisanje .poruka > h2 {background:#fff;padding:20px 30px 20px 30px;font-size:14px;color:#414042;}
.knjiga_o_pdv .poruka > p , .elektronsko_fakturisanje .poruka > p {background:#fff;padding:0px 30px 20px 30px;font-size:14px;color:#414042;}
.elektronsko_fakturisanje .right_baner a img{width:100%; display: block}


/*KNJIGA O PDV-U SADRZAJ*/

.k .ERRporuka,.k .body_of_page,.k .pages{display: none;}

.k .oblast_sadrzaja_inner{display: flex; flex-wrap: wrap}
.k #coll_middle{order: 2; padding: 10px 25px; box-sizing: border-box; width: 100%}
.k #coll_right{order: 1; width: 100% }
.k .right-banners-custom{display: flex; overflow-x:scroll; flex-wrap: nowrap; padding-right:0;
box-sizing:border-box}
.k .right-banners-custom>div{display: block; width:calc(100vw - 50px); margin-right:25px}
.k .right-banners-custom>div>a{display: block; width:calc(100vw - 50px);}

.k .propisiBaner{background: var(--logodg); padding: 0px 20px; box-sizing: border-box;
	position: relative; height:78px; display:flex; align-items:center}
.k .propisiBaner a{text-decoration: none; color: #fff; font-size: 18px; font-family: openSansSB}
.k .propisiBaner .colorGreen{color: var(--logolg)}
.k .propisiBaner:after{content: ""; border-right: 1px solid #fff; border-bottom: 1px solid #fff;
display: inline-block; width: 13px; height: 13px; transform:rotate(45deg); position:absolute;
right:20px; top:30px; transition: all .3s}
.formaLogovanjeKnjiga .rotirajStrelicu:after{transform: rotate(-45deg); transition: all .3s}
.k .propisi_lista{background: #fff; display: none}
.k .propisi_lista li{}
.propisi_lista li a{text-decoration: none; display: block; border-bottom: 1px solid #ddd;
padding:20px 0px; box-sizing: border-box; margin: 0 20px}
.propisi_lista li:last-child a{border-bottom: none}

.k .right-banners-custom>div a img{display: block;width:calc(100vw - 50px)}

.formaLogovanjeKnjiga{padding-bottom: 5px; margin-bottom: 0px; }
.formaLogovanjeKnjiga div{background: #fff; margin:0 25px; padding: 10px 20px; box-sizing: border-box;
}
.prirucnik_o_racunima .formaLogovanjeKnjiga >h2 {margin: 0 25px}

.formaLogovanjeKnjiga img{width: 100%; display: block; height: auto}
.formaLogovanjeKnjiga a{display: block; width: 100%;}
.formaLogovanjeKnjiga h2{position: relative;background: var(--fontclr); color: #eee; 
	padding: 15px 50px 15px 30px; height: 80px; box-sizing: border-box; font-size: 16px;}
.formaLogovanjeKnjiga h2:after{content: ""; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 12px; height: 12px; display: inline-block;
position: absolute; right: 20px; top: 40%; transform: rotate(45deg); transition: all .3s}
.formaLogovanjeKnjiga h3{font-size: 16px; font-weight: normal; font-family: openSansB; padding: 10px 15px; text-transform: uppercase;}
.formaLogovanjeKnjiga label{font-size: 14px; font-family: openSansR; margin: 15px auto 8px;
	 display: block;text-align: center;}
.formaLogovanjeKnjiga input{display: block;margin: auto; width: 100%; height: 40px; 
	padding: 8px 5px; box-sizing: border-box; border:1px solid #ddd}
.formaLogovanjeKnjiga .dugmeKnjigaPrijava{width: 50%; height: 50px;padding: 15px 0;box-sizing: border-box;display: block; margin:35px auto 20px; text-align: center; color: #ddd; font-size: 13px; text-decoration: none; text-transform: uppercase;}
.formaLogovanjeKnjiga #dugmeLogovanjeKnjiga, #dugmeLogovanjePIN{background: var(--lg)}
.formaLogovanjeKnjiga #prijaviProblemDugme{background: var(--logodg); display: none}
.formaLogovanjeKnjiga .errorMsg{display: none;color: #d55; text-align: center; padding-bottom: 20px}


.k .korisnicki_deo{ width:100%}
.k .korisnicki_deo>a{width: 100%; display: block; }
.k .korisnicki_deo img{width: 100%; height: auto; display: block}
.korisnicki_deo .logoutDugme{background: var(--fontclr); color: #fff; padding: 0px 25px; 
	box-sizing:border-box; display: flex; justify-content: space-between; align-items: center;
height: 80px}
.korisnicki_deo .korisnik_logout{font-size: var(--fsh); font-family: openSansSB;}
.korisnicki_deo .dugme_logout{ display: inline-block;}
.korisnicki_deo .dugme_logout a{display: inline-block; padding: 0 25px 0 0; position:relative}
 .logoutDugme .dugme_logout a:after{ content: ""; width: 30px; height: 30px;
	background: url("/cms_upload/pages/files/924_login.png"); background-repeat: no-repeat; display:inline-block;
position: absolute; top:-5px; right:-10px}

.korisnicki_deo .trenutno_logovan{background: var(--grey); display:flex; height:80px;
align-items:center; padding:0 25px; box-sizing:border-box}
.k .banner-1 .trenutno_logovan .icons{position: relative; width: 30px; display: inline-block;
 height: 30px}
.k .banner-1 .trenutno_logovan .icons:before{content: ""; position: absolute; width: 30px; height: 30px;;
	background: url("/cms_upload/pages/files/924_user.png"); top: -5px; background-repeat: no-repeat}
.trenutno_logovan .imePrezime_korisnika{padding: 0 0 0 10px; box-sizing: border-box; color: var(--logodg);}
.imePrezime_korisnika b{color:var(--fontclr)}

.k li{list-style: none}
.k .nestview>li{display: flex; _align-items: center;position: relative; flex-wrap: wrap}
.k .nest_info{width: calc(100% - 60px); display: flex; align-items: center}
.k .nest_info:after{content: ""; border-right: 2px solid #eee; border-bottom: 2px solid #eee; width: 10px; height: 10px; display: inline-block;
 position:absolute; right: 15px; top: 23px; transform:rotate(-45deg); transition: all .3s}
.k .arrowDown:after{transform: rotate(45deg); transition: all .3s}
.k .nest_info .nest_caticon{width: 60px; display: inline-block;position:relative}
.nest_caticon .toolTipKnjiga{display:none}
.k .nest_brojStrana{ display: inline-block; width:40px; position: absolute; right: 20px; color:#fff;
	font-size:12px;  }
.k .nest_brojStrana_inner{display: inline-block; width:40px; position: absolute; 
	right: 20px; color:var(--grey); top: 15px; font-size:12px; _display:none;}


.nest_caticon img{display: block; width: 100%}
.nestview li .nest_caticon{width: 60px; display: block; height: 60px}
.nestview>li:nth-child(even) .nest_caticon{background: var(--logolg)}
.nestview>li:nth-child(odd) .nest_caticon{background: var(--logodg)}
.nest_catname{ width:calc(100% - 60px); padding:0 10px; box-sizing: border-box}

.k .nestlevel_1{width: 100%; margin-bottom: 20px}
.k .nestlevel_1> li:nth-child(even){background: #ccc }
.k .nestlevel_1 >li:nth-child(odd){background:var(--grey)}
.k .nestlevel_1 > li .pages{background: #fff;}
.k .nestlevel_1 > li .pages .page-pID{border-bottom: 1px solid #ddd; }
.k .nestlevel_1 >li .pages .page-pID h2{padding: 0 0 0px 70px; display: flex;font-weight: normal;
line-height: 1.4rem;min-height: 60px; align-items:center; max-width:65%; }
.k .nestlevel_1 > li .pages .page-pID h2 a{font-size: 11px;display:block; line-height:14px}
.k .nestlevel_1> li >.nest_info h2{color: #fff; font-size: 12px; padding:0 10px 0 20px;
line-height:1.3em; max-width: 85%}

.k .nestlevel_1 >li .pages .page-pID .body_of_page{border-top: 1px solid #ddd;
padding:20px 50px 0 0px; box-sizing: border-box; margin-left:70px; }
.body_of_page>ul{}
.body_of_page a{text-decoration: none; display:block}
.body_of_page h4{font-weight: 400; text-transform: uppercase; line-height: 16px;padding-left: 18px;
box-sizing: border-box; font-size:12px}
.body_of_page h4 a{ position: relative;}
.body_of_page h4 span{position: absolute; left: -18px}
.body_of_page ul ul{padding: 10px 0px 10px 40px; box-sizing: border-box; color: var(--logolg)}
.body_of_page ul ul li a{position: relative; display: block; padding:0px 0px; font-size: 12px; line-height: 16px}
.body_of_page ul ul li span{ position: absolute; left: -27px}


.toogleContent {top:14px; left:20px; width:35px; height:35px; box-sizing:border-box; position:absolute; display: block; text-align: center; color:#eee; cursor: pointer; font-weight: bold; box-sizing: border-box; }
.plus {display: block; content:"+"; padding:3px 12px 6px 11px; background: #4f563f; font-size:19px; }
.minus {display: none; content:"-"; padding:3px 12px 0px 11px; background: #919b6e; color:#eee; font-size:18px; }
.k .info {position: relative; padding:0px 33px 0px 0px; box-sizing:border-box; min-height: 60px;
display: flex; align-items: center; flex-wrap:wrap}
.k .info h2 a {text-transform: uppercase; font-family: opensansB;  }

.k .info h2 .titleAntrafile{color:inherit; text-transform:none;font-family: opensansL;}

.sadrzaj_back{background: #fff; font-size: var(--fh);
display:flex; display:none}
.sadrzaj_back span{display: block; background: var(--fontclr); width: 20px; height: 100%}
.sadrzaj_back p{padding: 15px 0 15px 0px; box-sizing: border-box}
.sadrzaj_back.visible{display: flex}


.izdanja  .pages {display: none;}
/*PRIRUCNIK O RACUNIMA*/

.prirucnik_o_racunima{}
.prirucnik_o_racunima #coll_middle{padding-top: 20px}
.prirucnik_o_racunima .pageBody{padding: 0; background: initial; }
.prirucnik_o_racunima .pageDate,.prirucnikImgBoxDesktop{display: none}
.prirucnik_o_racunima .clanak{padding: 0; background: initial}

.stranicaPrirucnik .prirucnikTextBox{background: #fff;margin-bottom: 25px;
	padding: 20px 20px 0px 20px;box-sizing: border-box;}

.elektronsko_fakturisanje .prirucnikImgBoxMobile{display:block}

.stranicaPrirucnik h2{font-weight: 400;font-family: bebasNeueR; font-size: 22pt;line-height: 1em}
.stranicaPrirucnik h2:nth-child(2){padding-bottom: 20px}
.zeleniNaslov{color: var(--lg)}
.stranicaPrirucnik .prirucnikTextBox:nth-child(1){margin-bottom: 0}
.prirucnikImgBoxMobile{position:relative; margin-bottom:25px;display:none}
.prirucnikImgBoxMobile img{display: block; width: 100%}

.stranicaPrirucnik a.dugmePrijava{background: var(--logodg); display: flex;color: #fff;height:60px; margin-top:10px;
text-decoration:none;font-size:12px;font-family:openSansB;align-items: center;padding: 0 40px 0 20px; 
	box-sizing:border-box;line-height: 1.3em;position:relative; text-decoration:none}
.stranicaPrirucnik .dugmePrijava:after{content: "";display: inline-block; width: 12px; height: 12px;
border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform:rotate(-45deg); position:absolute; top:25px;
right:20px}
.stranicaPrirucnik .dugmePrijava.prvoDugme{position: absolute; bottom: 20px; left: 20px; right: 20px}

.innerBox{padding-bottom:20px; display: flex; flex-wrap: wrap; align-items: center}
.innerBox img{display: inline-block; width: 30%}
.innerBox h3{width: 68%; display: inline-block; font-size: 14px; }
.innerBox p{width: 100%; padding-top: 10px}
.innerBox:last-child{padding: 0}

.elektronsko_fakturisanje .innerBox span{display: block; padding: 6px 0}

.stranicaPrirucnik .textBox4{padding-bottom: 20px}
.textBox4 h2{padding-bottom: 20px}
.stranicaPrirucnik .textBox4 p{color: var(--lg); padding-bottom: 10px}
.textBox4 p .cenaZeleno{font-family: openSansB}

.prirucnik_o_racunima .right-banners-custom{padding: 0 20px 1px; box-sizing: border-box; margin-bottom: 20px}

.right_baner{
	margin: auto;
	text-align: center;
}




/*PRIJAVA ZA PRIRUCNIK*/




/*PRIJAVA ZA KNJIGU*/

.prirucnik_o_racunima .pageDate,
.elektronsko_evidentiranje_poreza .pageDate
{display: none}

.prirucnik_o_racunima #coll_middle,
.elektronsko_evidentiranje_poreza #coll_middle
{ padding-top:20px}
.prirucnik_o_racunima #coll_right,
.elektronsko_evidentiranje_poreza #coll_right 
{}
.prirucnik_o_racunima .clanak,
.elektronsko_evidentiranje_poreza .clanak
{padding: 0 20px 20px}
.prirucnik_o_racunima .pageTitle, 
.elektronsko_evidentiranje_poreza .pageTitle 
{background: var(--logolg); color: #fff; font-weight: normal;
font-size: var(--fsh); font-family: openSansSB; padding: 10px 0 10px 20px; box-sizing: border-box }
.prirucnik_o_racunima .pageBody,
.elektronsko_evidentiranje_poreza .pageBody
{padding: 0; background: initial}

.prirucnik_o_racunima #coll_middle .pretplata_wrapper, 
.elektronsko_evidentiranje_poreza #coll_middle .pretplata_wrapper 
{box-sizing: border-box;}
.prirucnik_o_racunima .blockWhite,
.elektronsko_evidentiranje_poreza .blockWhite 
{background:#fff;padding:0 15px;box-sizing: border-box}
.prirucnik_o_racunima .pretplata_wrapper .blockWhite > p,
.elektronsko_evidentiranje_poreza .pretplata_wrapper .blockWhite > p

{font-size: 14px;color:#414042;padding:35px 0;}
.prirucnik_o_racunima .forma_pretplata, 
.elektronsko_evidentiranje_poreza .forma_pretplata 
{font-size:0;}
.prirucnik_o_racunima .forma_pretplata h3,
.elektronsko_evidentiranje_poreza .forma_pretplata h3
{font-weight:normal; padding:0 0px 30px;color:var(--lg); font-size:var(--fsh);
font-family: openSansSB}
.prirucnik_o_racunima fieldset, 
.elektronsko_evidentiranje_poreza fieldset 
{border:0px;}
.prirucnik_o_racunima .podaci,
.elektronsko_evidentiranje_poreza .podaci 
{vertical-align: top;}
.prirucnik_o_racunima .formaLogovanjeKnjiga >h2,
.elektronsko_evidentiranje_poreza .formaLogovanjeKnjiga >h2 
{margin: 0 25px; font-size: 16px}
.prirucnik_o_racunima .podaci label, .pretplata .podaci input,
.elektronsko_evidentiranje_poreza label
{display:block;}
.prirucnik_o_racunima .podaci > input,
.elektronsko_evidentiranje_poreza .podaci > input 
{width:100%;display:block;}
.prirucnik_o_racunima label, 
.elektronsko_evidentiranje_poreza label 
{color:#414042;font-size:14px;padding-bottom:3px;display:block;}
.prirucnik_o_racunima input, 
.elektronsko_evidentiranje_poreza input, 
.izdanje .formaLogovanjeKnjiga input 
{background:#e8e9e9;border:none;height:40px;
	margin:0 0 18px 0; color:#414042; width:100%; padding:0px 14px;box-sizing:border-box;letter-spacing:4px;font-size:24px; text-align: center; font-weight: bold}

.prirucnik_o_racunima input, 
.elektronsko_evidentiranje_poreza input{
	font-weight:normal;
	letter-spacing: unset;
	font-size:18px;
	text-align: left;
}
.prirucnik_o_racunima .izbor_paketa,
.elektronsko_evidentiranje_poreza .izbor_paketa 
{}
.prirucnik_o_racunima .izbor_paketa > p,
.elektronsko_evidentiranje_poreza .izbor_paketa > p 
{padding:12px 0 12px 0;position:relative;color: var(--lg);}
.prirucnik_o_racunima .izbor_paketa .ceneForma, 
.elektronsko_evidentiranje_poreza .izbor_paketa .ceneForma 
{padding:0}
.prirucnik_o_racunima .izbor_paketa span,
.elektronsko_evidentiranje_poreza .izbor_paketa span 
{display:inline-block;vertical-align: middle;padding-left:20px; padding-right: 10px}
.prirucnik_o_racunima .izbor_paketa input,
.elektronsko_evidentiranje_poreza .izbor_paketa input 
{display:inline-block;vertical-align: middle;width:auto;margin:0 0 0 10px;}
.prirucnik_o_racunima .izbor_paketa label, 
.elektronsko_evidentiranje_poreza .izbor_paketa label 
{background:#e8e9e9;margin:0 0 20px 0; display: flex; align-items: center; 
	justify-content:space-between; padding:10px 1px; }
.prirucnik_o_racunima .izbor_paketa label span,
.elektronsko_evidentiranje_poreza .izbor_paketa label span 
{color:#414042;font-size:14px; font-family:openSansB}
.prirucnik_o_racunima .izbor_paketa .cenaPretplate,
.elektronsko_evidentiranje_poreza .izbor_paketa .cenaPretplate 
{}
.prirucnik_o_racunima .proj_pretplata label,
.elektronsko_evidentiranje_poreza .proj_pretplata label
{padding-top:6px}
.prirucnik_o_racunima .proj_pretplata input,
.elektronsko_evidentiranje_poreza .proj_pretplata input 
{width:88px; -moz-appearance: textfield; -webkit-appearance: none; border: none; }
.prirucnik_o_racunima .prijava_napomena,
.elektronsko_evidentiranje_poreza .prijava_napomena 
{padding:0 0 20px 0}
.prirucnik_o_racunima .prijava_napomena p,
.elektronsko_evidentiranje_poreza .prijava_napomena p
{font-size:14px;color:#414042}
.prirucnik_o_racunima .prijava_napomena span, 
.elektronsko_evidentiranje_poreza .prijava_napomena span 
{font-weight:bold;}

.prirucnik_o_racunima .posaljiPrijavu,
.elektronsko_evidentiranje_poreza .posaljiPrijavu
{padding: 10px 0}
.prirucnik_o_racunima .posaljiPrijavu button,
.elektronsko_evidentiranje_poreza .posaljiPrijavu button
{display: block; background: #494946; padding: 12px 6px 10px 16px; border: none; cursor: pointer; height: 45px;
	border-left: 7px solid #919b6e; width:170px; position: relative; text-align: left; box-sizing:border-box}
.prirucnik_o_racunima .posaljiPrijavu button:hover,
.elektronsko_evidentiranje_poreza .posaljiPrijavu button:hover
{background: #919b6e;}
.prirucnik_o_racunima .posaljiPrijavu button:after,
.elektronsko_evidentiranje_poreza .posaljiPrijavu button:after
{content:""; border-right:1px solid #fff; border-bottom:1px solid #fff; display:inline-block; width:10px;  height:10px;
transform: rotate(-45deg); position:absolute; top:18px; right:15px}
.prirucnik_o_racunima .posaljiPrijavu button span, 
.elektronsko_evidentiranje_poreza .posaljiPrijavu button span 
{text-transform: uppercase; display: inline-block; vertical-align: top; font-size: 12px; color: #fff; }
.prirucnik_o_racunima .poruka > h2,
.elektronsko_evidentiranje_poreza .poruka > h2 
{background:#fff;padding:20px 30px 20px 30px;font-size:14px;color:#414042;}
.prirucnik_o_racunima .poruka > p, 
.elektronsko_evidentiranje_poreza .poruka > p 
{background:#fff;padding:0px 30px 20px 30px;font-size:14px;color:#414042;}

.prirucnik_o_racunima #coll_right,
.elektronsko_evidentiranje_poreza #coll_right
{margin: auto}

.prirucnik_o_racunima .logoutDugme, .izdanja .logoutDugme,
.elektronsko_evidentiranje_poreza .logoutDugme, .izdanja .logoutDugme
{position: relative;display: flex; background: var(--fontclr);font-family: opensansB; height: 56px; padding: 15px 0 15px 20px; box-sizing: border-box;color:#ddd}
.prirucnik_o_racunima .korisnik_logout, .izdanja .korisnik_logout,
.elektronsko_evidentiranje_poreza .korisnik_logout
{width:65px}
.prirucnik_o_racunima .logoutDugme .pin_logout, 
.elektronsko_evidentiranje_poreza .logoutDugme .pin_logout, 
 .izdanja .logoutDugme .pin_logout 
{font-size: 16px; font-family: openSansB; font-weight: normal;color: #ddd; font-family: opensansL; padding-left: 80px;cursor:pointer}

.prirucnik_o_racunima .logoutDugme,
.elektronsko_evidentiranje_poreza .logoutDugme
{margin: auto 25px }
.prirucnik_o_racunima .right_baner,
.elektronsko_evidentiranje_poreza .right_baner
{padding: 30px 0px}

.k .banner-1 .logoutDugme .dugme_logout:after,
.knjiga_o_pdv .banner-1 .logoutDugme .dugme_logout:after,
.prirucnik_o_racunima .pin_logout:after,
.elektronsko_evidentiranje_poreza .pin_logout:after,
.izdanja .pin_logout:after

{ content: ""; position: absolute; width: 30px; height: 30px;
	background: url("/cms_upload/pages/files/924_login.png"); top: 10px; right: 10px ; background-repeat: no-repeat}


	


/*IZDANJA*/

.izdanja .book_chapters{
	padding: 0px 0; box-sizing: border-box;
	display: flex;
	background: var(--fontclr);
	position: relative;
	margin: 20px 20px 0 20px
	
}
.izdanja .book_chapters .chapter_number{
	font-size:25px;
	padding: 15px 20px 15px 25px;
	box-sizing: border-box;
	color:#aaa;
	width: 60px;
	height: 100%;
	text-align: center;
	background:  #535154;
	

}
.izdanja .chapter_info{
	display: flex;
	color:#fff; align-items: center; justify-content: space-between;
}
.izdanja .chapter_info .chapter_title{font-size: 17px; padding:0px 25px 0px 10px; box-sizing: border-box}
.izdanja .chapter_info .chapter_page{position: absolute; right: 35px; color: #aaa; top: 22px }

.prirucnik_o_racunima .formaLogovanjeKnjiga >h2 {margin: 0}
.izdanja li{list-style: none}
.izdanja .nestview>li{display: flex; _align-items: center;position: relative; flex-wrap: wrap}
.izdanja .nest_info{width: calc(100% - 60px); display: flex; align-items: center}
.izdanja .nest_info:after{content: ""; border-right: 2px solid #eee; border-bottom: 2px solid #eee; width: 10px; height: 10px; display: inline-block;
 position:absolute; right: 15px; top: 23px; transform:rotate(-45deg); transition: all .3s}
.izdanja .arrowDown:after{transform: rotate(45deg); transition: all .3s}
.izdanja .nest_info .nest_caticon{width: 60px; display: inline-block;position:relative}
.nest_caticon .toolTipKnjiga{display:none}
.izdanja .nest_brojStrana{ display: inline-block; width:40px; position: absolute; right: 20px; color:#fff;
	font-size:12px;  }
.izdanja .nest_brojStrana_inner{display: inline-block; width:40px; position: absolute; 
	right: 20px; color:var(--grey); top: 15px; font-size:12px; _display:none;}


.nest_caticon img{display: block; width: 100%}
.nestview li .nest_caticon{width: 60px; display: block; height: 60px}
.nestview>li:nth-child(even) .nest_caticon{background: var(--logolg)}
.nestview>li:nth-child(odd) .nest_caticon{background: var(--logodg)}
.nest_catname{ width:calc(100% - 60px); padding:0 10px; box-sizing: border-box}

.izdanja .nestlevel_1{margin: 0px 20px 0 20px;}
.izdanja .nestlevel_1> li:nth-child(even){background: #ccc }
.izdanja .nestlevel_1 >li:nth-child(odd){background:var(--grey)}
.izdanja .nestlevel_1 > li .pages{background: #fff;}
.izdanja .nestlevel_1 > li .pages .page-pID{border-bottom: 1px solid #ddd; }
.izdanja .nestlevel_1 >li .pages .page-pID h2{padding: 0 0 0px 70px; display: flex;font-weight: normal;
line-height: 1.4rem;min-height: 60px; align-items:center; max-width:65%; }
.izdanja .nestlevel_1 > li .pages .page-pID h2 a{font-size: 11px;display:block; line-height:14px}
.izdanja .nestlevel_1> li >.nest_info h2{color: #fff; font-size: 12px; padding:0 10px 0 20px;
line-height:1.3em; max-width: 85%}

.izdanja .nestlevel_1 >li .pages .page-pID .body_of_page{border-top: 1px solid #ddd;
padding:20px 50px 0 0px; box-sizing: border-box; margin-left:70px; }
.izdanja .body_of_page{display: none}
.body_of_page a{text-decoration: none; display:block}
.body_of_page h4{font-weight: 400; text-transform: uppercase; line-height: 16px;padding-left: 18px;
box-sizing: border-box; font-size:12px}
.body_of_page h4 a{ position: relative;}
.body_of_page h4 span{position: absolute; left: -18px}
.body_of_page ul ul{padding: 10px 0px 10px 40px; box-sizing: border-box; color: var(--logolg)}
.body_of_page ul ul li a{position: relative; display: block; padding:0px 0px; font-size: 12px; line-height: 16px}
.body_of_page ul ul li span{ position: absolute; left: -27px}


.toogleContent {top:14px; left:20px; width:35px; height:35px; box-sizing:border-box; position:absolute; display: block; text-align: center; color:#eee; cursor: pointer; font-weight: bold; box-sizing: border-box; }
.plus {display: block; content:"+"; padding:3px 12px 6px 11px; background: #4f563f; font-size:19px; }
.minus {display: none; content:"-"; padding:3px 12px 0px 11px; background: #919b6e; color:#eee; font-size:18px; }
.izdanja .info {position: relative; padding:0px 33px 0px 0px; box-sizing:border-box; min-height: 60px;
display: flex; align-items: center; flex-wrap:wrap}
.izdanja .info h2 a {text-transform: uppercase; font-family: opensansB;  }

.izdanja .info h2 .titleAntrafile{color:inherit; text-transform:none;font-family: opensansL;}
.izdanja #deaktiviraj_pin{margin: 30px 20px }

.prirucnik_o_racunima .right_baner{margin: 10px 20px}
.prirucnik_o_racunima .right_baner img{width: 100%;}

/* REGISTRATOR */

.flipKnjiga{}
.flipKnjiga .mobileBanners{display: none}
.flipKnjiga h1,.flipKnjiga h3,.flipKnjiga .prijaviKorisnika{display: none}
.flipKnjiga #ulogujte_se{background: #fff; margin: 0 25px 20px; text-align: center;
padding: 10px 20px; box-sizing: border-box}
.flipKnjiga #ulogujte_se p label{font-size: 14px; font-family: openSansR; margin: 15px auto 8px;
display: block;text-align: center;}
.flipKnjiga #ulogujte_se input{display: block; margin: auto; width: 100%;
height: 40px; padding: 8px 5px; box-sizing: border-box; border: 1px solid #ddd;}
.flipKnjiga #ulogujte_se #dugme_login{ background: var(--lg); height: 50px;
padding: 15px 0; box-sizing: border-box; display: block; margin: 35px auto 20px;
text-align: center; color: #ddd; font-size: 13px;
text-decoration: none; text-transform: uppercase; width: 50%}
.flipKnjiga .knjiga_pdv{display: none}
.flipKnjiga #ulogujte_se form p:last-child{display: none}

/*FUTER*/

.oblast_futera{background: var(--whitegray)}
.oblast_futera .footerPlaceholder{background: #fff; padding: 25px 10px 30px; box-sizing: border-box}
.oblast_futera li{list-style: none}
.oblast_futera .logoFooter{width:210px; margin:0 auto 30px; display:none}
.oblast_futera .logoFooter img{display: block;width: 100%}
.oblast_futera .footerLogo-svg{width:200px; margin: 0 auto 30px}
.oblast_futera .footerLogo-svg img{display: block;width: 100%}
.oblast_futera .footerContact{padding-left: 20px;
box-sizing: border-box}
.oblast_futera .footerContact li,.oblast_futera .footerContact a{
  text-decoration: none; line-height: 1.8em
}
.oblast_futera .footerSocials{ display: flex;
  width:max-content; margin:auto; padding:40px 0 20px; box-sizing:border-box;}
.oblast_futera .footerSocials li a{text-decoration: none; display: flex;
background: #dbdcdc; color:#333; font-size: 30px; padding:5px; box-sizing:border-box; width:55px;
margin-right:10px;height:55px; align-items:center; justify-content:center}

.oblast_futera .f_col_2{border-top:1px solid #c0c3bb}
.oblast_futera .f_col_2 a:first-child img{display: block; width: 160px; margin: auto}
.oblast_futera .f_col_2 a:last-child img{display: block; width: 230px; margin: auto}
.oblast_futera .f_col_2 a{display: block; text-align: center; margin: 30px 0 55px}
.oblast_futera .f_col_3 a{display: block; text-align: center; width: 160px; margin: auto}

.oblast_futera .f_col_4{padding:0 20px 0}

.oblast_futera .f_col_4 .gornji_tekst{margin: 25px 0;}
.oblast_futera .f_col_4 .srednji_tekst{}
.oblast_futera .f_col_4 .donji_tekst a{text-decoration: none; color: var(--lg);
display: block; }


.futer_list h1{
  background: #b1bb8e;
  padding: 10px;
  color: #333;
  border-top: 1px solid #ccc;
  font-family: Arial,sans-serif;
  font-weight: bold;
}
.futer_list a{
  padding: 20px 10px;
  text-decoration: none;
  display: block;
  color: #333;
  font: 16px/20px sans-serif;
  border-bottom: 1px solid #ccc;
}
.futerpodaci h1{
  background: #ccc;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  color: #333;
}



/*futer*/