/* 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: 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{display: none;}
.deleteTicket{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;}


.poziv_na_pretplatu{background: #eee}

.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; padding-bottom: 20px}
.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; */ /*! margin: 20px 0px; */}
.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}

/*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: 20px 25px ;
  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}
.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{display: none}

.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 p{background: var(--whitegray); margin:0 15px 15px; 
	display: flex; padding:20px 15px 15px 35px; box-sizing:border-box;
	justify-content:space-between;position: relative }
.prijavazatrening1 .podaci2 label{font-family: openSansB}
.prijavazatrening1 .podaci2 p input{position: absolute;left: 10px; top:23px}
.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;
}




/*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%}

/*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{display: none}
.knjiga_o_pdv #coll_middle{ padding-top:20px}
.knjiga_o_pdv #coll_right {}
.knjiga_o_pdv .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{padding: 0; background: initial}
.knjiga_pdv{margin:0 20px 20px}

.knjiga_o_pdv #coll_middle .pretplata_wrapper {box-sizing: border-box;}
.knjiga_o_pdv .blockWhite {background:#fff;padding:0 15px;box-sizing: border-box}
.knjiga_o_pdv .pretplata_wrapper .blockWhite > p {font-size: 14px;color:#414042;padding:35px 0;}
.knjiga_o_pdv .forma_pretplata {font-size:0;}
.knjiga_o_pdv .forma_pretplata h3 {font-weight:normal; padding:0 0px 30px;color:var(--lg); font-size:var(--fsh);
font-family: openSansSB}
.knjiga_o_pdv fieldset {border:0px;}
.knjiga_o_pdv .podaci {vertical-align: top;}

.knjiga_o_pdv .podaci label, .pretplata .podaci input {display:block;}
.knjiga_o_pdv .podaci > input {width:100%;display:block;}
.knjiga_o_pdv label {color:#414042;font-size:14px;padding-bottom:3px;display:block;}
.knjiga_o_pdv 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;}

.knjiga_o_pdv .izbor_paketa {}
.knjiga_o_pdv .izbor_paketa > p {padding:12px 0 12px 0;position:relative;color: var(--lg);}
.knjiga_o_pdv .izbor_paketa .ceneForma {padding:0}
.knjiga_o_pdv .izbor_paketa span {display:inline-block;vertical-align: middle;padding-left:20px;}
.knjiga_o_pdv .izbor_paketa input {display:inline-block;vertical-align: middle;width:auto;margin:0 0 0 10px;}
.knjiga_o_pdv .izbor_paketa label {background:#e8e9e9;margin:0 0 20px 0; }
.knjiga_o_pdv .izbor_paketa label span {color:#414042;font-size:14px; font-family:openSansB}
.knjiga_o_pdv .izbor_paketa .cenaPretplate {}
.knjiga_o_pdv .proj_pretplata label{padding-top:6px}
.knjiga_o_pdv .proj_pretplata input {width:88px; -moz-appearance: textfield; -webkit-appearance: none; border: none; }
.knjiga_o_pdv .prijava_napomena {padding:0 0 20px 0}
.knjiga_o_pdv .prijava_napomena p{font-size:14px;color:#414042}
.knjiga_o_pdv .prijava_napomena span {font-weight:bold;}

.knjiga_o_pdv .posaljiPrijavu{padding: 10px 0}
.knjiga_o_pdv .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{background: #919b6e;}
.knjiga_o_pdv .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 {text-transform: uppercase; display: inline-block; vertical-align: top; font-size: 12px; color: #fff; }
.knjiga_o_pdv .poruka > h2 {background:#fff;padding:20px 30px 20px 30px;font-size:14px;color:#414042;}
.knjiga_o_pdv .poruka > p {background:#fff;padding:0px 30px 20px 30px;font-size:14px;color:#414042;}



/*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;
display:none}
.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{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-bottom: 10px; 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}
.sadrzaj_back span{display: block; background: var(--fontclr); width: 20px; height: 100%}
.sadrzaj_back p{padding: 15px 0 15px 20px; box-sizing: border-box}



/* 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 40px 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*/



/*** HEADER ***/
.oblast_zaglavlja{background: #353535; height: 140px;box-sizing: border-box; padding: 37px 0 30px 41px;
position: relative}
.oblast_zaglavlja .glavni_meni {position: absolute; bottom: -230px; left: 40px}
.oblast_zaglavlja .glavni_meni ul li{display: block; }
.oblast_zaglavlja .glavni_meni li:first-child{display: none}
.oblast_zaglavlja .glavni_meni li:nth-child(4){display: none}
.oblast_zaglavlja .glavni_meni li:nth-child(2){display: none}
.oblast_zaglavlja .glavni_meni li:nth-child(3){display: none}
.oblast_zaglavlja .glavni_meni li:nth-child(5){display: none}
.oblast_zaglavlja .glavni_meni ul li a{cursor: pointer}
.oblast_zaglavlja .userBar.barActive{display: none}

/*** OBLAST SADRZAJA ***/
.registrator .oblast_sadrzaja {padding-top: 0}
.oblast_sadrzaja{background: #eee; padding-top: 20px}

/*** TIKET SISTEM ***/
.ticketSystem .podaciOKorisniku{display: flex;flex-wrap: wrap; width: 100%;
	position:absolute; top: 140px; left: 0; right: 0; background: #ddd; }
.podaciOKorisniku h2 img{display: block; width: 41px; padding-right: 10px}
.podaciOKorisniku img{display: block; width: 21px; padding-right: 10px}
.trenutniKorisnik{width: 100%; margin: auto; height: aut0; padding: 10px 40px 40px; box-sizing: border-box;}
.trenutniKorisnik .imePrezime{color: var(--logodg); font-family: openSansSB; font-size: 16px;  display: flex; width: 70px; margin-left: 40px}
.trenutniKorisnik >img:first-child{position: absolute;top: 60px; width: 30px}
.podaciOKorisniku p{font-size: 12px; width: 100%}
.podaciOKorisniku .firmaKorisnika{font-family: openSansSB; display:block; width:100%; }
.podaciOKorisniku .paket {font-weight: bold;}
.podaciOKorisniku .paket .nivo_paketa{background: #ffeb99; border-radius: 20px; padding: 0px 8px; box-sizing: border-box; }
.preostalaPitanja {position: relative; }
.preostalaPitanja img{position: absolute;top: -10px; left: 145px;  width: 40px;}
.brPitanja{color: #d66; font-family: openSansSB; font-size: 18px; margin-left: 50px;padding-right: 3px}
.podaciOKorisniku p:last-child{_border-bottom: 1px solid var(--logolg);  padding-bottom: 15px; }
.podaciOKorisniku h2{background: #4f563f; color: #f3f3f3;width: 100%;}
.podaciOKorisniku h2 a{padding: 6px 40px; display: block; box-sizing: border-box;}
.podaciOKorisniku h2 span{display: none;}
.preostalaPitanja{border-bottom: 1px solid #919b6e}


.ticketsBar h2{background: var(--logolg);
	position: relative;
height: 48px;
display: flex;
align-items: center;
padding: 0 16px;
box-sizing: border-box;
color: #fff;
font-size: var(--fp);
font-weight: normal;
font-family: openSansB;
width: 90%;
margin: 20px auto 0;
text-transform: uppercase;}
.ticketsBar h2:after{content: ""; border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block; width: 7px; height: 7px;
    transform: rotate(45deg); position: absolute; right: 16px; top: 18px;}

.tableOfTickets tr{position: relative}
.tableOfTickets tr td:first-child{display: none;}
.tableOfTickets tr td:last-child{display: none;}
.tableOfTickets tr:first-child{display: none;}
.tableOfTickets tr td:nth-child(4){text-align: left; 
	width: 100%; display: block; margin-bottom: 0px;  
	padding: 5px 10px; box-sizing: border-box}
.tableOfTickets tr td:nth-child(5){border-bottom: 1px solid #ddd; display: block; color: #ccc; padding: 5px  10px; box-sizing: border-box; font-size: 12px}
.tableOfTickets tr td:nth-child(2){padding: 10px 10px; box-sizing: border-box; font-size: 12px}
.tableOfTickets tr td:nth-child(3){position: absolute; right: 10px; top: 10px; font-size: 12px}
.tableOfTickets .dateOfTicket span{margin-right: 5px}
/*.tableOfTickets .idNumber{font-family: openSansB}*/
.tableOfTickets tbody {display: grid; width: 100%; margin: auto;}
.tableOfTickets{width: 90%; display: block; background: #fff; margin: 0 auto 20px;}



.legendaTickets{display: none}
.mainCollLeft .noviTiket a {
  background: var(--logolg);
  display: flex;
  width: 90%;
  height: 55px;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
  text-decoration: none;
  color: #fff;
  font-family: openSansSB;
	margin: 0px auto 0;
}
.noviTiket a img{width: 40px}


.pregledTiketa  ul li{
    list-style: none;width: 90%; margin: auto;

}
.pregledTiketa ul a{
    display: flex; height: 44px; align-items: center; padding: 0 16px; box-sizing: border-box;
    background: #ccc;
    text-decoration: none;
    color: var(--fontclr); font-size: 12px
}

.pregledTiketa li a span{
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
}
.pregledTiketa .ticketLeftImg{display: block; width: 21px; padding: 0}
.pregledTiketa .ticketLeftImg img{display: block; width: 100%}

.pregledZaposlenih{background:#fff; width: 90%; margin: 20px auto}
.pregledZaposlenih h2{background: var(--logolg); height: 48px; display: flex; align-items: center; padding: 0 16px; box-sizing: border-box;
    color: #fff; font-size: var(--fp); font-weight: normal; font-family: openSansB; position: relative}
.pregledZaposlenih h2:after{content: ""; border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block; width: 7px; height: 7px;
    transform: rotate(45deg); position: absolute; right: 16px; top: 18px; transition: all .2s}
.pregledZaposlenih .strelica-rotate:after{transform: rotate(-45deg); transition: all .2s}

.pregledZaposlenih ul{

}
.pregledZaposlenih ul li{
    list-style-type: none;
    padding: 10px 0; margin: 0 16px; border-bottom: 1px solid var(--logolg)
}
.pregledZaposlenih ul li:last-child{border: none}
.pregledZaposlenih ul li span{
    display: block;
    font-size: 12px
}



.buttonTicket{
	position: absolute; bottom: 50px;
	 left: 0; right: 0; 
  _display: block;
  background: #4f563f;
  border: none;
  color: #fff;
	width: 90%; margin: auto;
	height: 40px;
  padding: 12px 0;
  text-transform: uppercase;
  cursor: pointer;
}
   


.buttonTicket img{width: 20px; display: none;}

.tekstTiketa{padding-bottom: 120px}
.newTicketCnt{ position: relative}
.newTicketCnt .naslovTiketa textarea{background: #f4f4f4; border-bottom: 1px solid #ccc; display: block; width: 90%; margin-left: 15px }
.newTicketCnt .dodelaOblasti{background: #f4f4f4; padding: 20px 15px; box-sizing: border-box; position: relative}
.dodelaOblasti .izaberi_kategoriju{width: 26px; position:absolute ;  right: 15px; top: 39px; pointer-events: none}
.dodelaOblasti .dodaj_fajl{width: 25px; position:absolute ;  left: 85px; top: 95px; pointer-events: none; z-index: 1}
.newTicketCnt .dodelaOblasti label{margin-right: 10px; margin-top: 10px;}
.newTicketCnt .dodelaOblasti #oblastTiketa{width: 100%; background: #fff; border: none; padding: 5px 10px ;margin-right: 10px; box-sizing: border-box; margin-bottom: 30px}
.newTicketCnt .dodelaOblasti #oblastTiketa option{/*videti kako stilizovati element option*/}
.newTicketCnt .dodelaOblasti .uploadFile{background: #fff; width: 30%}
.newTicketCnt .dodelaOblasti input[type="file"] {position: relative; width: 20px; }

.newTicketCnt .naslovTiketa{background: #f4f4f4; }
.naslovTiketa h2{ background: var(--logolg); height: 48px; display: flex; align-items: center; padding: 0 16px; box-sizing: border-box;
    color: #fff; font-size: var(--fp); font-weight: normal; text-transform:uppercase; }
.naslovTiketa #slikaNaslov{width: 30px; position:absolute; right: 40px; top: 70px}
.naslovTiketa textarea{
    border: none; width: 100%; font-family: openSansB; font-size: var(--fsh); padding:0px 60px 0px 20px; box-sizing: border-box;
    resize: none
}
.naslovTiketa #tiketNaslov{padding: 10px 0 0; font-size: 14px; margin-top: 10px}
.naslovTiketa .warningText{color: red; font-weight: normal; font-family: openSansR; font-size: 16px; }
.naslovTiketa textarea:focus{outline: none}
.newTicketCnt form{
    background: #fff;width: 90%; margin: auto

}
.newTicketCnt .snimiPrviDraft{width: 100%; display: block; background: #4f563f; border: none; color: #fff; padding: 12px 0; text-transform: uppercase; cursor: pointer}
.newTicketCnt .snimiPrviDraft:hover{background: #919b6e}

.newTicketCnt #ispis label{font-size: 10px;display: block;  text-align: left; width: 180px; margin-left: auto;  word-break: break-all;}
.newTicketCnt #ispis{ text-align: left;display: block;width: 200px; margin-left: auto; background: #fff; margin-top: -25px; padding: 3px 10px; box-sizing:  border-box}
.newTicketCnt #ispis .obrisiMe{margin-left: 10px; color: #999}




.glavnoPitanjeInfo{display:flex; justify-content:space-between; padding-bottom:20px}
.glavnoPitanjeInfo ul{}

.glavnoPitanjeInfo ul li:nth-child(1){display: flex}
.glavnoPitanjeInfo ul li .icon_korisnik{width: 15px; margin-right: 10px}
.glavnoPitanjeInfo ul li .firma_korisnik{font-weight: bold; font-size: 12px}
.glavnoPitanjeInfo ul .paket {margin-top: 6px; font-size: 12px;list-style: none }
.glavnoPitanjeInfo ul li .nivo_paketa{background: #ffeb99; font-weight: bold; border-radius: 20px; padding: 0 10px; box-sizing: border-box}
.glavnoPitanjeInfo ul li:last-child{font-size: 12px; list-style: none}
.glavnoPitanjeInfo ul li:last-child img{width: 20px; position: absolute  }
.glavnoPitanjeInfo ul li:last-child .brBod{margin-left: 20px}

.oneTicketContainer{background: #fff; padding: 20px 16px;width: 90%; margin: auto; box-sizing: border-box;}
.subHeaderTicket ul li{
 list-style: none;
    
}
.subHeaderTicket h5{
    font-weight: normal;border-bottom: 1px solid var(--logolg); padding-bottom: 20px;
}
.subHeaderTicket #naslovTiketa{font-weight: normal; font-family: openSansb; font-size: 16px;padding-bottom: 10px;}

.odgovoriNaPitanje{margin-top: 20px}
.odgovoriNaPitanje .ck.ck-editor__main > .ck-editor__editable{padding:20px; box-sizing: border-box; font-family: openSansR}
.odgovoriNaPitanje .ck.ck-editor__main > .ck-editor__editable li{list-style-position: inside}
.odgovoriNaPitanje .ck.ck-editor__main > .ck-editor__editable>*{font-family: inherit}
.odgovoriNaPitanje .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused){border: none;}
.odgovoriNaPitanje .ck.ck-editor__main > .ck-editor__editable.ck-focused{border: none; outline: none; box-shadow: none}
.odgovoriNaPitanje .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar{background: #eee;justify-content: end; border: none; margin-bottom: 20px;}
.odgovoriNaPitanje .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar .ck-toolbar__items{width:max-content; flex-grow: initial; }
.odgovoriNaPitanje button{ background: var(--logolg); height: 40px; display: block; align-items: center; padding: 0 16px; box-sizing: border-box;
    color: #fff; font-size: var(--fp); font-weight: normal; text-transform:uppercase; margin-top: 20px; width: 100%; border: none;}
#tiketTekst{width: 100%; margin:10px auto; }
#getReplyInterface{
  	color:#eee;
    padding:8px 0px;
    box-sizing: border-box;
    cursor: pointer;
    background: #4f563f; 
    text-transform: uppercase;
    width: 33%; margin-left: auto;
	margin-right: 20px;
	margin-bottom: 20px;
    text-align: center

}


.ticketReplies{
    box-sizing: border-box;

}
.ticketReplies > li{
    display: block;
    width:100%;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    margin:20px 0;
    position: relative;
    list-style: none;
     margin-left:auto
}

.ticketReplies > li > div{
    /*! padding:10px */
}
.ticketReplies .firstTicket {padding-top: 20px}
.ticketReplies .pdfOdgovor{padding: 10px 20px 0 20px; display: inline-block;box-sizing: border-box}
.ticketReplies div{padding-left: 20px}


.ticketReplies .ticketAttachmentsBox{background: #cccccc; width: 100%; display: inline-block; display: flex; padding: 10px 10px; box-sizing: border-box}
.ticketReplies .ticketAttachment {width: 33%}
.ticketReplies .ticketAttachment .icon{position: relative}
.ticketReplies .ticketAttachment .icon:after{content: url("../../cms_upload/pages/files/attach_1.svg"); position: absolute; width: 25px; left: -5px; top: -5px }
.ticketReplies .ticketAttachment .attName{ padding-left: 10px; font-size: 10px }
.ticketReplies > li >ul{
    text-align: left;
    margin:0;
    margin-left:3.5em;
}
.ticketReplies > li >ul li{
    font-size:15px;
    line-height: 1.5em;
    list-style: square;
}

.ticketReplies li:nth-child(2) > h4{ padding-top: 20px}

.ticketReplies h4{
    display:flex;
    align-items: center;
    box-sizing: border-box; padding: 10px 0 16px 0px;
    border-bottom: 1px solid #ccc; justify-content: space-between
}
.ticketReplies h4 .icon{
    width:40px;
    flex-grow: 0;
}
.ticketReplies h4 .created_by{
    width:150px;
    flex-grow: 0;
    text-align: left;
     font-weight: normal; font-family: openSansSB
}
.ticketReplies .datum_vreme{
    font-weight: normal; width: max-content; display: block; padding-right: 20px; box-sizing: border-box
}


.ticketReplies p{
    padding: 8px 0;
    box-sizing: border-box;
    font-size:14px;
    text-align: left;
    line-height: 1.6em;
}