/* MAIN 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*/
    --fxs:10px; /*velicina osnovnog teksta*/
    --fs:12px; /*velicina osnovnog teksta*/
    --fp:14px; /*velicina osnovnog teksta*/
    --fh:22px; /*velicina naslova*/
    --fsh:18px;  /*velicina podnaslova*/
    --zelena:#2c8834; /*zelena boja za legendu*/
    --zuta: #edd149;
    --narandzasta: #d5893b;
    --crvena: #e05c5c;
}


*{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); }
img {border:0}
a{color:inherit;}
.icons{font-family: icons}
.oblast_strane{width:100%; margin:auto; }
.oblast_zaglavlja_inner{width:1200px;margin: auto;_height:100px; position:relative; padding-top:19px;box-sizing: border-box}
p{line-height: 1.5em;}
b,strong{font-weight: normal;font-family: openSansB; line-height: 1.5em; font-size: var(--fp)}

/*OFF*/
.hidden{display: none!important;}
.mobileTab{display: none}
.mobileBannerAside{display: none}
.logoTransparent,.logoTransparent-mob{display:none;}
.glavni_meni li:last-child{_display: none; }
.glavni_meni li:last-child a{_background: #d8dec4;}
.prijaviteSe{display: none}
.test{display: none}
.top_baner, .mainTopBannerInner{width:1200px; height: 240px; margin: 0 auto ; }
.mainTopBanner img{width: 100%; display: block; height: 100%}
.pageBody{background: #fff; padding: 15px 20px; box-sizing: border-box; font-size:var(--fp); line-height:1.5em}
[pid="73"] {padding: 0}
.logo{display: none; }
.mob_main_menu{display: none; }
.banerpocetnaMob{display: none!important}

.disabled{pointer-events:none;filter:opacity(.5); pointer-events:none}

/* ASSEMBLY */
.action_button{
    min-width: 220px;
    background: var(--logolg);
    color:#eee;
    display: flex;
    padding: 12px;
    box-sizing: border-box;
    cursor:pointer;
    user-select:none;
    margin:10px auto;
}
.action_button:hover{
     background: var(--logodg);
}



/* < ELEMENTI ZAGLAVLJA > */

.oblast_zaglavlja{border: none; padding-bottom: 14px; box-sizing: border-box }
.logoTransparent{display: block!important;  margin-left: 0px; }
.logoTransparent a{ display: block; width: 183px}
.logoTransparent a img{display: block; width:100% }

.glavni_meni{position:absolute; border:0px solid transparent; right:1px; _top:100px; bottom: 3px }
.glavni_meni UL{margin:0px; padding:0px; }
.glavni_meni LI{list-style-type:none; float:left; margin-left:14px }
.glavni_meni A{text-decoration: none; text-transform: uppercase; color:#636a3d;  margin:0px 3px 0px 3px;
    transition: all .3s ease-in-out; padding:0 0 0 6px; color:#fff; font-family: openSansB; letter-spacing: 0.4px; text-align: right; font-size:13px; }
.glavni_meni A:Hover{transition: all .3s ease-in-out;  color:#919b6e}
.dastMeniAktiv {outline: 1px solid #d8dec4; background: #d8dec4; }
.meni_jezici{position:absolute; top:0px; right:0px; }
.meni_jezici Li{list-style-type: none; display:inline-block; margin:0px 5px 0px 0px; }

.markLng{border:1px solid red; }

.glavni_meni .glavnisubmeni_active a,.glavni_meni .glavnimeni_active a{color: #919b6e}
.poziv_na_pretplatu .glavni_meni li:last-child{display: block; }

.glavni_meni .menuItem_10 a, .glavni_meni .menuItem_8 a{_color:#919b6e;}
.glavni_meni .menuItem_10 a, .glavni_meni .menuItem_9 a{color:#919b6e;}

/* </ ELEMENTI ZAGLAVLJA > */


/* OBLAST SADRZAJA */

.test-image{ position: absolute; top:0; left: 50%; width: 100%; z-index: 100; display: none}
.test-image img{display: block; width: 100%}

.oblast_strane{background: #414042; }
.oblast_sadrzaja{background: #eeeeee; width:100%;position: relative }
.oblast_sadrzaja_inner{width:1200px; margin:auto; display: flex; }
#coll_middle{position: relative; }
#coll_left{width: 210px; position:relative;}
#coll_right{width: 280px; margin-top:56px;position:relative; }
.catTitle,.catTitle_page{font-size: var(--fp);font-family: openSansR;font-weight:normal;padding:30px 0 20px 20px; text-transform:uppercase  }

.top_baner img{width:100%; display: block; height: 100% }
.right_baner{margin-bottom: 20px; }
.right_baner a{display: block; width: 100%; height: 100%}
.right_baner img{display: block;width:100%; }
.banner-2{display: none;}
.banner-3{margin-bottom: 0}
.formNewsLetter{background: #fff; padding: 30px 30px; position:absolute;  }
.formNewsLetter .formaNaslov{background:#ababab; color:#fff; position:absolute; left:0; top:-33px; right:0; font-size:14px; font-weight:normal;
    font-family:openSansL; padding:6px 18px 8px; box-sizing:border-box; height:33px; cursor: pointer; pointer-events: none; letter-spacing:.3px}
.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:5px; 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;cursor: pointer}
.alignRight{display: flex;justify-content: end;}
.info h2 a{text-decoration: none}

/*HOME STRANA*/

.index #coll_middle{ width: 1200px!important; background: #eee; margin: auto; }
.index #coll_middle >h3 a{text-decoration: none; font-weight: normal; text-transform: uppercase; font-size: 15px; padding-bottom: 10px; display: inline-block; color: #414042;}
.index #coll_middle >h3{display: inline; margin-left: 15px }
.index #coll_middle >h3:nth-child(2){margin-left: 145px}

.index .custom_field,.index .galerija-icon-home{display: none;}

.row-1{display:flex;position: absolute; top: -50px; z-index: 1 ; display: none}
.row-1 .box1, .row-1 .box2, .row-1 .box3, .row-1 .box4 {width: 300px; display: block;background: rgb(4, 4, 4, .6); height: px }
.menubox{font-family: openSansR; font-size:18px; display: inline-block; box-sizing: border-box; color:#fff; font-weight: normal}
.menubox a{display: block; text-decoration: none; padding:11px 0 12px 0px; text-transform: uppercase; text-align: center; height:50px;
    box-sizing:border-box}

.horizontal-wrapper.row-2{ display: flex;  }
.wrapper-box{display: inline-block; vertical-align: top; box-sizing:border-box; background: #fff; }



.box5 {width: 280px; position: relative; margin-right: 25px; display: flex;flex-direction: column;justify-content: space-between; }
.box5 img{width: 100%}
.box5 ul {list-style: none; padding-top: 13px; display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1}
.box5 .tekst_nema_treninga{ text-align: left;
    margin-top: 13px;
    padding: 0px 20px; box-sizing: border-box; font-size:16px; line-height:1.4em}
.box5 ul a p{font-family: openSansB, sans-serif; }
.box5 h3{margin-bottom: 18px;margin-top:1px;}
.box5  h3 a{font-size: 14px; color: #414042; font-family:openSansR; ; font-weight: normal; text-decoration: none; }
.box5 ul li{list-style-type: none; background: rgba(255,255,255,0.6); box-sizing: border-box; padding:7px 15px ; }
.box5 ul li:hover{background:rgb(227,228,228); color:var(--logolg);transition:.3s}
.box5 ul li:last-child{
    flex-grow: 1;flex-basis: 0;
    display: flex;
}
.box5 ul li a{height: auto; position: relative; text-decoration: none;  text-align: left; display: block;  }
.box5 ul li a span{font-family:openSansR ;display: block; width: 100%; color:#8a9861; }
.index .box5 > h3,.index .box6>h3{background: #eee; padding:25px 0 13px 20px; margin: 0; font-size: 15px; text-transform: uppercase; }
.index .box5 .treningMesec{background: var(--grey); padding: 8px; font-weight: normal; }
.box5 .treningMesec a{color: #fff;display: block;font-family: openSansR; font-size: 14px}
.box5 .treningDugme{display: flex;width:100%;_position: absolute;bottom:0}
.box5 .treningDugme a{background: var(--logolg); color: #fff; padding: 0px 15px; box-sizing: border-box; text-decoration: none; font-family: openSansSB;
    font-size: 17px; display:flex; height:50px; align-items:center; position:absolute;right:0;left:0;bottom:0;width:100%}
.treningDugme a:after{content: ""; position: absolute; width: 15px; height: 15px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;
    transform: rotate(-45deg); right: 30px; top:18px;}
.box5 .treningDugme a:hover{background: var(--fontclr); transition: .3s}
.box5 .dugme-arhiva a{background:var(--grey); position: absolute; width: 100%; bottom: 0; left: 0 }

.box5 .nema_treninga{padding: 0}
.box5 .nema_treninga:hover{background: initial; color: initial}
.box5 .nema_treninga span{padding: 10px; box-sizing: border-box; display: block}

.box6{width: 590px; position: relative; margin-right: 25px; height: max-content;}
.box6 .pocetna_novosti{padding:12px 0px 15px 0px; box-sizing: border-box}
.box6 h3{font-family:openSansR; font-size: 28px; font-weight: 300; padding-bottom:6px }
.box6 h3 a{font-size: 14px; color: #414042; font-family:openSansR; ; font-weight: normal; text-decoration: none; }
.wrapper-box.box7{background: none; margin-top: 60px; }
.box6 .moreInfo{}
.wrapper-box.box6 .moreInfo .dugme{background: #b3b5b5; color: #fff; text-transform: uppercase; text-decoration: none; font-size: var(--fp);
    padding: 8px 30px; box-sizing: border-box; display: block;}
.box6 .moreInfo .dugme:hover{background: var(--logolg); transition: .3s}
.pocetna_novosti {list-style-type: none;  }
.pocetna_novosti li{ box-sizing: border-box; padding:10px 30px 10px 20px; }
.pocetna_novosti li:hover h2{color: var(--logolg); transition:.3s}
.pocetna_novosti .info h2{display: block; font-weight:normal}
.pocetna_novosti h2 a{text-decoration: none;font-size:var(--fp); display: block; line-height: 1.5em ; font-family: openSansSB }
.pocetna_novosti .publish_date {display: block; font-family:openSansR; font-size: var(--fp); color: #8a9861; padding-bottom: 5px  }

.pocetna_novosti .vaznaVest{background:rgb(227,228,228)}
.pocetna_novosti .aktuelnaVest{margin:0 30px 0px 20px;border-bottom: 1px solid #ddd;padding: 0 0 16px}
.pocetna_novosti .aktuelnaVest h2 a{font-size: var(--fh); font-family: openSansB; line-height: 1.4em; }

.info:after{content:""; display: block; float:none; clear:both; width:0;height:0; }
.box7{width: 280px; margin-top: 27px }

.page-pID{list-style-type: none;}

/*PROMO BOX*/


.promo-box p a{background: #8F966C; }
.prekidFloat{clear:both; float:none; }


/****box7**********/


.box7 p{position:relative; box-sizing:border-box;margin:10px 13px 10px 18px;}
.promo-box p a{display: block;box-sizing:border-box;width:100%;color:#fff;background: #8F966C;height:48px;padding:6px 6px 6px 8px;text-decoration:none;}
.promo-box{padding:0 2px 10px 0; margin:0; border-bottom:1px solid #ccc; }
.promo-box p span:first-of-type{font-size:15px; line-height:16px;display: inline-block;width:140px;position: absolute;top:6px;left:8px; }
.promo-box p .icons{box-sizing:border-box;border:1px solid #fff;width:36px;height:36px;float:right;font-size:19px;text-align: center;padding-top:3px;font-family: serif; }
.promoFoto {overflow:hidden;}
.promoFoto a{display:block;width:100%; overflow:hidden;padding-top:19px; }
.promoFoto img{display: block; width:100%;height:auto;}



/*O NAMA*/

.catid_5 .pageBody{background: initial; padding: 0}
.oNama{}
.navigationBox{display: flex; justify-content: space-between; flex-wrap: wrap }
.navigationBox a{display: flex; text-decoration: none; background: var(--grey); height: 77px; width: 431px; margin-bottom: 22px;
    align-items: center; font-family: openSansB; font-size: var(--fsh); padding-left:30px; box-sizing:border-box}
.navigationBox a:nth-child(n+3){margin-bottom: 20px}
.navigationBox a:hover{color: #fff; background: var(--logolg); transition: .3s}
.textBox{background: #fff; padding: 40px 35px 20px 30px; box-sizing: border-box; margin-bottom: 20px}
.textBox h4{font-size: var(--fsh); font-weight: normal; font-family: openSansSB; padding-bottom: 20px}
.textBox p{padding-bottom: 20px}
.textBox .savetniciLista{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    justify-content: flex-start;
    align-items: flex-start;

}
.textBox .savetniciLista li{
    flex-grow: 1;
    
    flex-basis:200px;
    list-style: none; font-family:openSansSB; 
    font-size: 16px; background:rgb(221,221,221);
    display:flex; height:50px; margin-bottom:0px; 
    align-items:center; padding:0 0 0 20px; 
    box-sizing:border-box; max-width:260px;
    
}


/*IMPRESSUM*/

.impressumStrana{}
.impressumStrana h2{font-size: var(--fp);font-family: openSansR;font-weight:normal;padding:30px 0 20px 20px; text-transform:uppercase}
.impressumPodaci{background: #fff; padding: 30px 35px 20px 30px; box-sizing: border-box; margin-bottom: 20px}
.impressumPodaci p{padding-bottom: 20px}
.impressumPodaci p a{text-decoration: none}
.impressumPodaci p a:hover{color: var(--logolg); transition: .3s}

/*USLOVI KORISCENJA*/

.usloviKoriscenjaStrana{}
.usloviKoriscenjaStrana h2{font-size: var(--fp);font-family: openSansR;font-weight:normal;padding:30px 0 20px 20px; text-transform:uppercase}
.usloviKoriscenjaPodaci{background: #fff; padding: 30px 35px 20px 30px; box-sizing: border-box; margin-bottom: 20px}
.usloviKoriscenjaPodaci p{padding-bottom: 20px}
.usloviKoriscenjaPodaci p a{text-decoration: none}
.usloviKoriscenjaPodaci p a:hover{color: var(--logolg); transition: .3s}



/*PKT USLUGE*/

.catid_6 .pageBody{background: initial;padding: 0}
.catid_6 .textbox1{padding-bottom: 20px}
.textbox1 .listBox{display: flex; justify-content: space-between; margin-bottom: 15px}
.listBox ul{width: 47%}
.listBox ul li{list-style: none; padding:0 0 5px 15px; box-sizing: border-box; position: relative; }
.listBox li:before{content:""; width: 9px; height: 9px; background: var(--logolg); display: inline-block; position: absolute;
    top: 7px; left: 0}

.iconsBox{ border-top: 1px solid #eee; display:flex; flex-wrap:wrap; justify-content:space-between}
.iconsBox h4{font-family: openSansR; padding:40px 0; width:100%}
.iconsBox div{display:flex; width: 275px;margin-bottom: 20px}
.iconsBox .iconsText{font-family: openSansB; word-break:break-word ; width: 50%; display: flex; align-items: center}
.iconsBox .iconsImg{width: 60px; display: flex; justify-content:center; align-items:center; margin-right:5px }
.iconsBox img{display: block;width: 100%; height:auto }

.textbox2 ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px}
.textbox2 li{width: 48%; list-style: none; }
.textbox2 li:before{content:""; width: 9px; height: 9px; background: var(--logolg); display: inline-block; margin-right:7px;}

.textbox3{padding: 40px 20px 20px 20px}
.textbox3 h4,.textbox3 p,.textbox3 ul{padding-left: 10px; padding-right: 15px;box-sizing: border-box }
.textbox3 ul{margin-bottom: 15px}
.textbox3 li{list-style: none; position:relative;padding:0 0 5px 15px; box-sizing:border-box}
.textbox3 li:before{content:""; width: 9px; height: 9px; background: var(--logolg); display: inline-block; margin-right:7px;position: absolute;
    top: 7px; left: 0}
.textbox3 .box-image{margin-bottom: 5px}
.textbox3 .box-image img{display: block; width: 100%}


.textbox4{padding: 40px 20px 20px 20px}
.textbox4 h4,.textbox4 p, .textbox4 ul{padding-left: 10px; padding-right: 15px; box-sizing: border-box}
.textbox4 p:nth-child(2){padding-bottom: 5px; }
.textbox4 ul{padding-bottom: 10px}
.textbox4 li{list-style: none; position:relative;padding:0 0 5px 15px; box-sizing:border-box}
.textbox4 li:before{content:""; width: 9px; height: 9px; background: var(--logolg); display: inline-block; margin-right:7px;position: absolute;
    top: 7px; left: 0}
.textbox4 .box-images{ display: flex; justify-content: space-between; margin-bottom: 5px}
.textbox4 .box-images img{display: block; width: 270px; height:auto}

.stil-za-dve-kolone-tabele{padding: 10px 10px 20px 10px; box-sizing: border-box}
.stil-za-dve-kolone-tabele p{font-size: 16px; margin-bottom: 20px}
.stil-za-dve-kolone-tabele p a{text-decoration: none}
.strana .oblast_sadrzaja, .trening_centar .oblast_sadrzaja, .novosti .oblast_sadrzaja,.kontakt .oblast_sadrzaja{display: flex; justify-content: center;}
.trening_centar #coll_middle{width: 975px;}


.novosti .oblast_sadrzaja{justify-content: center;}
.novosti #coll_middle{width: 890px; background: #fff; margin-top: 18px;}
.novosti #coll_right{width: 280px; margin-left: 30px; margin-top: 70px}
.novosti #coll_left{background: #fff; width: 280px; display: none!important}
.trening_centar #coll_left, .novosti #coll_left{width: 280px; margin-top: 18px;}
.stana .pageBody{margin: 15px 0px 15px 15px;}
.pageBody td{vertical-align: top;}

/***konsaltonsalting-centar*********/


.catid_6 h2 {font-size:18px; color:#636a3d; margin-bottom:5px; padding-top:5px; font-weight: 400; }
.konsalting-centar td{width: 350px; padding-right: 20px;}
.pageBody .lista_linkova li {list-style-type: none; background: url("../../cms_upload/pages/files/76_strelica_lista.gif") no-repeat 0% 10px; border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0px 6px 15px; color: rgb(98, 98, 98); }
.poreski-konsalting table, .primena-msfi table{width: 100%;}
.poreski-konsalting td {width: 50%; padding-right: 20px;}
.primena-msfi td { width: 50%; padding-right: 15px;}

/*TRENING CENTAR*/

.trening_centar .oblast_futera{padding-top: 0}
.catid_7 .oblast_futera{padding-top: 30px}
.trening_centar .oblast_sadrzaja{flex-wrap: wrap;}
.trening_centar .oblast_sadrzaja_custom{flex-wrap: wrap; display: flex; width: 1200px;}
.trening_centar #coll_middle {background: #fff; width:890px;}
.trening_centar #coll_right{width: 280px; margin-left: 30px; margin-top: -97px;}
.trening_centar #coll_left{ display: flex; width: 1200px; color: #414042;margin-top:0;}
.trening_centar .bocniMeniStrane{display: flex;  width:100%; flex-wrap:wrap}
.trening_centar .bocniMeniStrane li{display: flex; width:435px;margin: 0 0 20px 0 }
.trening_centar .bocniMeniStrane li:first-child{margin-right: 20px}
.trening_centar .bocniMeniStrane li a{background: #c7c6c4; display: flex; padding: 0; width: 100%;color: inherit;
    align-items: center;height:77px; font-size:var(--fsh); word-break: break-word; padding: 0 30px; box-sizing:border-box; font-family: openSansB;
    text-decoration:none}
.trening_centar .bocniMeniStrane li a:hover{background: var(--logolg); color:#fff; transition: .3s}
.trening_centar .bocniMeniStrane .markerKategorije,.trening_centar .bocniMeniStrane .markerStrane{font-family: openSansB}
.trening_centar #coll_left>a{display: none}
.trening_centar .antrafile{line-height: 1.5em}
.trening_centar .prijava_za_trening { display: flex;width: 100%;_margin: 20px 0 20px 0; margin-top: 20px}
.trening_centar .prijava_za_trening li{width:435px;list-style: none;}
.trening_centar .prijava_za_trening a{display: flex; padding: 0; width: 100%;color: #fff;align-items: center;height:77px; font-size:var(--fsh); word-break: break-word; padding: 0 30px; box-sizing:border-box; font-family: openSansB;text-decoration:none}
.prijava_za_trening_besplatan{background: var(--logodg);position:relative;}
.trening_centar .prijava_za_trening  .prijava_za_trening_default{background: var(--logolg);margin-right: 20px;position: relative; margin-bottom:0}
.prijava_za_trening_besplatan:after,.prijava_za_trening_default:after{content: ""; position: absolute; width: 15px; height: 15px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; transform: rotate(-45deg); right: 30px; top:30px;}
.trening_centar .prijava_za_trening_besplatan:hover,.trening_centar .prijava_za_trening_default:hover{background: var(--fontclr)}
.naslovKategorijeStaticki{width: 1200px;}
.naslovKategorijeStaticki h1{font-size: var(--fp);font-family: openSansR;font-weight:normal;padding:30px 0 20px 20px;}


/*TRENING CENTAR-STRANA*/


.catid_7 .oblast_sadrzaja #coll_middle{background: initial}
.catid_7 .oblast_sadrzaja .pageTitle{font-size: 14px;font-family: openSansR;font-weight:normal;padding: 30px 0 20px 20px ; text-transform:uppercase; background:#eee; color:inherit}
.treningCentarStrana{background: #eeeeee}
.treningCentarStrana div{background: #fff;margin-bottom: 20px; padding: 40px 45px 15px 35px; box-sizing: border-box;}
.treningCentarStrana div:last-child{margin-bottom: 0}
.treningCentarStrana div h3{font-size: var(--fsh); font-weight: normal; font-family: openSansSB; color:var(--fontclr);padding-bottom: 20px; line-height: 1.4em;text-transform: uppercase; }
.treningCentarStrana div p{padding-bottom: 20px}
.treningCentarStrana ul{ display: flex; justify-content: space-between}
.treningCentarStrana li{ width: 48%; list-style: none; }
.treningCentarStrana div li:before{content:""; width: 9px; height: 9px; background: var(--logolg); display: inline-block; margin-right:7px;}
.trening_centar li p{padding-top:20px;}

/*VRSTE TRENINGA*/


.vrsteTreninga{background: #eeeeee}
.vrsteTreninga div{background: #fff;margin-bottom: 20px; padding: 40px 45px 15px 35px; box-sizing: border-box;}
.vrsteTreninga div h3{font-size: var(--fh); font-weight: normal; font-family: openSansB; color:#8a9861;padding-bottom: 20px; line-height: 1.4em  }
.vrsteTreninga div p{padding-bottom: 20px}
.vrsteTreninga div a{display: flex; background: #8e8e8e; text-decoration:none; color:#fff; font-size:18px; width: 280px; height: 120px; align-items: center; padding-left:20px; box-sizing: border-box ; position:relative; margin:10px 0 20px}
.vrsteTreninga div a:after{content:""; border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: block; width: 15px; height: 15px; transform: rotate(-45deg); position: absolute; right: 25px; top: 55px}
.trening_centar .dugmePrijava{display: flex; background: #929b6e; text-decoration:none; color:#fff; font-size:18px; width: 280px; height: 120px; align-items: center; padding-left:20px; box-sizing: border-box ; position:relative; margin:10px 0 20px}
.trening_centar .dugmePrijava:after{content:""; border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: block; width: 15px; height: 15px; transform: rotate(-45deg); position: absolute; right: 25px; top: 55px}
.catid_20 .oblast_futera{padding-top: 30px}

/*RASPORED TRENINGA*/

.catid_19 .pages{}
.catid_19 #coll_middle{padding: 0; background: none;}
.catid_19 #coll_middle .info h2{display: block; padding:0px 0 20px 0px ;order:2;
    font-weight: normal; font-family: openSansB; color:var(--lg); font-size: var(--fh); line-height: 1.4em}
.catid_19 #coll_middle .info h2:hover{color: var(--logodg); transition: .3s}
.catid_19 .page-pID{margin-bottom: 20px}
.catid_19 .page-pID:last-child{margin-bottom: 0}
.catid_19 .info{position:relative;padding:20px 35px 25px 35px; background: #fff; display: flex; flex-direction: column}
.catid_19 .info .antrafile{ font-size: var(--fp); order:3}
.catid_19 .page-pID .publish_date{display: none; }
.moreinfo a{position: absolute; bottom: -1px; right: 0; background: rgb(145, 155, 110); color: rgb(255, 255, 255); width: 70px; text-align: center; font-size: 14px; text-decoration: none; display: block; padding: 4px; display: none }
.catid_19 .page-pID .custom_field{font-family:openSansR; font-size: var(--fp);
    padding:0 0 20px 0;order: 1}
.catid_19 .oblast_futera{padding-top: 30px}


.catid_19 .taticMessage{background: #fff; display: flex; height: 468px}
.catid_19 .taticMessage div{width: 280px;}
.catid_19 .taticMessage div img{display: block; width: 100%}
.catid_19 .taticMessage p{display: block; font-size: var(--fsh); padding:80px 0px 0 160px; box-sizing: border-box}

/*RASPORED TRENINGA-POJEDINACNI TRENING*/

.trening_centar .clanak ul{margin: 0!important;}

.trening_centar .pageBody{background:initial; padding: 0}
.trening_centar .pageTitle{background: #fff; font-weight: normal; font-family: openSansB; color: #919b6e; padding: 30px 45px 20px 0px;
    font-size: var(--fh); line-height: 1.4em}
.trening_centar  .clanak{background: #fff; padding: 30px 20px 0px 20px; box-sizing: border-box;position: relative;}
.trening_centar  .clanak p{padding-bottom: 20px}
.trening_centar .clanak ol, .trening_centar .clanak ul{padding-bottom: 20px}
.trening_centar  .clanak h4{padding-bottom: 20px; font-size: var(--fsh); line-height: 1.4em; font-weight: normal; font-family: openSansSB}
.trening_centar  .clanak li{list-style: square; padding-bottom: 5px; margin-left:1.5em}
.trening_centar .clanak .custom_field{background: #fff; position: absolute; top:30px; left: 20px; font-size: var(--fp)}
.trening_centar .boxGornji{background: #fff; padding: 0 0px 20px; }
.trening_centar .boxGornji:after{content:""; background: #eee; width: 890px; height: 20px; display: block; position: absolute; left: 0}
.trening_centar .boxGornji p:first-child{padding: 0px 0 20px}
.trening_centar .boxGornji h4{position: relative; font-size:var(--fsh); font-weight:normal; font-family:openSansSB; padding:25px 0 20px; line-height: 1.4em}
.trening_centar .boxGornji h4:before{content:""; display: block; background: #ddd; height: 1px; width: 845px; position: absolute; left: 0px; top:0px}
.trening_centar .boxGornji ul{}
.trening_centar .boxGornji li{list-style-type: square;  padding-right: 3px; }
.trening_centar .boxGornji p:last-child{_padding-top:20px}
.trening_centar .boxDonji{background: #fff;  padding: 30px 0px 20px; box-sizing: border-box}
.trening_centar .boxDonji>div{background: #e2e4e3; margin-bottom: 25px; padding: 20px; box-sizing: border-box}
.trening_centar .boxDonji div h4{font-size: var(--fsh); font-weight: normal; font-family: openSansSB; padding-bottom: 20px; line-height: 1.4em}
.trening_centar .boxDonji div p{padding-bottom: 20px}
.trening_centar .boxDonji div a{color: #919b6e}
.trening_centar .boxDonji .dugmePrijavaZaTreninge{background: #78884d; display: flex; color: #fff; text-decoration: none; width: 280px; box-sizing: border-box; height:120px; padding:0 20px; align-items: center; font-size:18px; position:relative}
.trening_centar .boxDonji .dugmePrijavaZaTreninge:after{content:""; border-right: 1px solid #fff; border-bottom: 1px solid #fff; width: 15px; height: 15px; transform: rotate(-45deg); position: absolute; right: 25px; top: 55px}
.trening_centar #coll_middle .treningStranica strong,.trening_centar #coll_middle .treningStranica b{font-weight: normal; font-family: openSansB}

.messagePrijava{
    padding:20px 40px
}

/*ARHIVA TRENINGA*/


.catid_20 #coll_middle{background: initial}
.catid_20 .page-pID{background: #fff; margin-bottom: 20px; padding: 35px 45px 35px 35px; box-sizing: border-box; }
.catid_20 .page-pID:last-child{margin-bottom: 0}
.catid_20 .page-pID .info{display: flex; flex-wrap: wrap}
.catid_20 .page-pID h2{order:2; width: 100%; color:#8a9861; font-weight: normal; font-family: openSansB; font-size: var(--fh);
    line-height: 1.4em}
.catid_20 .page-pID h2 a{color: var(--grey)}
.catid_20 .page-pID h2 a:hover{color: var(--fontclr); transition: .3s}
.catid_20 .page-pID .antrafile{order: 3; }
.catid_20 .page-pID .custom_field{order: 1; padding-bottom:20px  }

/*ARHIVA TRENINGA-POJEDINACNA STRANA*/


.treninzi-po-oblastima li{list-style-type: none; background: url("../../cms_upload/pages/files/76_strelica_lista.gif") no-repeat 0% 10px; border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0px 6px 15px; color: rgb(98, 98, 98); }
.treninzi-po-oblastima .pageBody div {width:48%; float:left; margin-right:12px}
.bocniMeniStrane li:first-of-type{margin-top: 0}


/*******galerija-fotografija********/


.catid_22 .bocniMeniStrane li:first-child a:after{content:"";position:absolute;top:40px;right:0;width:0;height:0;background:transparent;border-top:11px solid transparent;border-right:10px solid #64694c;}
.catid_22 .bocniMeniStrane .custom_field{display:none;}
.catid_22 #coll_left  h3 {font-size:16px; color:#7e7e7e; margin-bottom:5px; font-weight: 400; padding: 3px 3px 3px 6px; -webkit-box-shadow:0 0 3px #999; -moz-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; }
.catid_22 #coll_left  h3 a{text-decoration:none;cursor:none;}

/**********strana*************/

.strana #coll_left{display: none}
.strana .oblast_sadrzaja {display: flex; }

.strana #coll_middle{width: 890px;}
.strana #coll_right{margin-left: 30px; margin-top: 70px}
#coll_right .bocniMeniStrane{display: none}

/********poziv na pretplatu***********/


.poziv_na_pretplatu #coll_middle{margin-top: 18px; width: 890px}
.poziv_na_pretplatu #coll_right{margin-left: 30px; width: 276px}
.poziv_na_pretplatu .mainTopBannerInner {display: none;}

/*******video**********/
.video.catid_31 .oblast_sadrzaja:before{
    content: "";
    position: absolute;
    width:100%;
    height:160px;
    background: #414042;
    top:0;left:0;right:0;
    z-index: -1;
}
.video .oblast_sadrzaja{display: flex;justify-content: center;flex-wrap: wrap; position:relative;z-index:0}
.video .mainTopBanner{overflow: hidden}
.video .mainTopBanner img{width: 100%; display: block}
.video #coll_middle{width: 1200px; background: #fff; height: max-content; display:flex; flex-wrap:wrap; padding:25px 0 80px 20px; box-sizing:border-box; position: relative;}
.catid_31 .catTitle {background: #eeeeee; padding:0; position: absolute;top:0; display: none}
.catid_31 #coll_middle .pageBody{width: 270px;  margin-right: 5px; padding: 0; margin:0 17px 20px 0 }
.catid_31 #coll_middle iframe{width: 100%; height: auto}
.video #coll_right{width: 280px; margin-left: 30px; display: none }

.video .pages{width: 1200px; display: flex; flex-wrap:  wrap; }
.video .pages .page-pID {width: 270px;  margin-right: 20px; margin-bottom: 30px}
.video .pages .page-pID .img{position: relative}
.video .pages .page-pID img{width: 100%; display: block;}
.video .pages .page-pID .info h2{
    font-size: var(--fp);
    color: #414042;
    margin-top: 20px; font-weight:normal; font-family:openSansB;
    line-height:1.4em;
    padding:0 15px;
    box-sizing:border-box}
.video .pages .page-pID .info h2:hover{color:var(--logolg); transition:.3s}
.video .datumVideo{display: block;line-height: 1.5em;font-family: openSansR;color:var(--logolg)}
.video .datumVideo:hover{color: var(--logolg)}
.currentVideo{
    width: 1200px;
    background: #fff;

    display: flex; padding: 25px 25px 30px; box-sizing: border-box;
    margin: 0px 0 30px;flex-direction:row
}
.currentVideo .mainVideoContainer, .currentVideo .suggestedVideos{
    _background: blue;
}
.currentVideo .mainVideoContainer{
    flex-direction:column;
}
.currentVideo .suggestedVideos{
    _background: pink;
    width:500px
}
.currentVideo iframe{width:675px; height:380px }
.currentVideo .currentVideoDesc{width: 675px; padding: 45px 0 0 30px; box-sizing: border-box; }
.currentVideo .currentVideoDesc h2{font-size: 20px; font-weight: normal; font-family: openSansB; padding-bottom:30px; color: var(--lg)}
.currentVideo .currentVideoDesc p{}
.video #currentVideo .suggestedVideos .img:after{left: 130px; top: 70px}

.video .suggestedVideos .pages{
    width: auto;
    display: flex;
    padding: 0 25px 25px 93px; box-sizing: border-box;flex-direction:column;
    _background: yellow;
}

.video .suggestedVideos .pages li{
    width:315px;
}

.video .navigatorStrana{left: 20px}

.video .pages .page-pID .img:after{content:url("../../cms_upload/pages/files/776_youtube-50px.png"); position: absolute; top: 50px; left: 110px;
    filter: grayscale(1); cursor:pointer;pointer-events:none}
.video .pages .page-pID:hover :after{filter: none}



/*NAVIGATOR STRANA*/

.navigatorStrana{background:#fff; display:block;border-collapse: collapse;padding: 15px 0 15px 30px; margin-top:20px}
.navigatorStrana tbody,.navigatorStrana tr{display: flex}
.navigatorStrana td{display: flex}
.NSgotoLink,.NScurLink{background: #eee; display: flex;
    width: 25px; height: 25px; justify-content:center; align-items:center;
    text-decoration:none}
.NSgotoLink:hover,.NScurLink:hover{background: var(--grey); color: #fff; transition: .3s; cursor: pointer}
.navigatorStrana .NScurLink,.navigatorStrana .NSgotoLink, .navigatorStrana .NSnextLink{
    margin-right: 5px; border:1px solid transparent
}
.navigatorStrana .NScurLink{border: 1px solid #4f563f; background: var(--logolg); color: #fff;}
.NSnextLink,.NSprevLink{text-decoration: none; display: flex; width: 25px;
    height: 25px; align-items: center; justify-content: center; font-size:18px}
.NSprevLink{margin-right: 5px}

/****************novost**************/


.pretragaVesti{ display: flex;width: 1200px; margin: 0 auto; background: rgb(2, 2, 2, .2); height: 60px ; display:none}
.pretragaVesti p{font-size: 15px; text-transform: uppercase; font-family: openSansR; font-weight: normal; color: #414042; margin: 18px 0px 18px 30px; position: relative;}
.pretragaVesti p:after{content: url('../../cms_upload/pages/files/7_ikonica-pretraga.png'); position: absolute; top: -4px; left: 120px; filter: invert(1); opacity: .5}
#tekstPretrageVesti{background: #919191; margin: 15px 0px 12px 60px; padding:7px 45px 10px 35px; box-sizing: border-box; border-radius: 20px; color: #ccc; text-transform: uppercase; font-size: 12px;}
.pretragaVesti ul li{display: none}
.pretragaVesti ul .defaultGodina{display: block;margin: 15px 0px 18px 15px; background: #919191;border-radius: 20px; color: #ccc; padding: 7px 30px 7px 30px; box-sizing: border-box; font-size: 13px; position: relative;}
.pretragaVesti #pretraziVestiButton {display: block;margin: 15px 0px 13px 15px;border-radius: 20px; padding: 7px 30px 7px 30px; box-sizing: border-box; background: #4e573f; color: #eee;; font-size: 13px}
.novosti .oblast_sadrzaja{flex-wrap:  wrap}


.novosti .catTitle{display: none}
.novosti #coll_middle .clanak{background: #fff;display: flex; flex-direction: column; }
.novosti #coll_middle .pageTitle{color:#919b6e; font-size: var(--fh); font-weight: normal; font-family: openSansB; padding: 0px 45px 20px 35px;
    order: 2}
.novosti #coll_middle .pageDate{order:1; padding:20px 35px; box-sizing: border-box}
.novosti .clanak .pageBody{padding: 0px 35px 10px; order:3; box-sizing: border-box}
.novosti .clanak .pageBody p{padding-bottom: 20px}
.novosti .clanak .pageBody h4{padding-bottom: 20px; font-weight: normal; font-family: openSansSB; font-size: var(--fsh)}
.novosti .clanak .pageBody a{color: #919b6e}
.novosti .clanak .pageBody strong,.novosti .clanak .pageBody b{font-weight: normal; font-family: openSansSB;}
.novosti .clanak ul,.novosti .clanak ol{padding-bottom: 15px}
.novosti .clanak li{list-style: square; _list-style-position: inside; margin-left:1.5em}
.bocnimeni_novosti li {position: relative; list-style-type: none; background-color:rgb(227,228,228); padding: 0 20px;}
.catid_8 .page-pID.markerStrane div,.catid_8 .page-pID.markerStrane a {color:var(--logolg)}
.bocnimeni_novosti li a {display: block; text-align: left;   font-size: 14px;font-family:openSansSB; }
.bocnimeni_novosti .moreinfo{display: none;}
.bocnimeni_novosti .publish_date{margin-bottom: 10px;}
.bocnimeni_novosti .info{padding: 15px 0;border-bottom: 1px solid var(--logolg);}
.bocnimeni_novosti .page-pID:last-child .info {border:none;}
.bocnimeni_novosti .page-pID .info:hover h2 {color: var(--logolg); transition: .3s}
.poslednjeVestiBocniMeni{margin-bottom: 20px;background-color:rgb(227,228,228);}
.poslednjeVestiBocniMeni .boneVestiNaslov{ padding: 15px 0 10px 15px;}
.poslednjeVestiBocniMeni .dugmeOstaleVesti{background: #b3b5b5; color: #fff; text-transform: uppercase; text-decoration: none; font-size: var(--fp);
    box-sizing: border-box; display: block;}
.poslednjeVestiBocniMeni .dugmeOstaleVesti a{text-decoration: none;display: block;padding: 10px 18px; }
.poslednjeVestiBocniMeni .dugmeOstaleVesti a:hover{background: var(--logolg); transition: .3s}

.catid_8 #coll_middle{margin-top:0; background: #eee}
.catid_8 #coll_left h3 {font-size:16px; color:#7e7e7e; margin-bottom:5px; font-weight: 400; padding: 3px 3px 3px 6px; -webkit-box-shadow:0 0 3px #999; -moz-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; margin-top:-1px;}
.catid_8 #coll_left h3 a{text-decoration: none;}
.catid_8 #coll_left .moreinfo{display: none;}
.catid_8 #coll_left .publish_date{position: absolute; top: 2px; left:5px;color:#fff;font-size:14px;}
.catid_8 .pages { padding: 0px 0px 50px 0px; margin-bottom: 20px; background: #fff }
.catid_8 .pages  li{position: relative; list-style-type: none; padding: 20px 20px 0 20px}
.catid_8 .pages  li h2 a {text-decoration: none; font-size: var(--fh);  padding: 0px 0 20px 15px; margin: 0px; line-height: 1.4em;
    font-weight:normal;font-family:openSansB; display: block; color:var(--lg)}
.catid_8 .pages li h2 a:hover{color: var(--logodg); transition: .3s}
.catid_8 .pages  .publish_date{font-size: var(--fp); font-weight: normal; font-family: openSansR; padding:0 0 20px 15px }
.catid_8 .pages  .antrafile{font-size: 15px; color: #414042; font-family: openSansR; padding:0 0 20px 15px; border-bottom: 1px solid #eee}
.catid_8 .info .custom_field{display:none;}



.sidebar_newsletter{display: block; margin:16px 8px 8px 8px; padding: 14px 10px 14px 10px; text-align: right; font-size: 16px; text-decoration: none; border-radius: 4px; color: #5e5e5e; border: 1px solid #999; background:url(../../cms_upload/pages/files/364_8_newsletter_transp.png) no-repeat 0% 50%; }
.sidebar_newsletter:hover{background:#ddd url(../../cms_upload/pages/files/364_8_newsletter_transp.png) no-repeat 0% 50%; }
.sidebar_gallery{display: block; margin:10px 8px 8px 8px; padding: 14px 10px 14px 10px; text-align: right; font-size: 16px; text-decoration: none; border-radius: 4px; color: #5e5e5e; border: 1px solid #999; background:url(../../cms_upload/pages/files/364_icon-gallery.png) no-repeat 0% 50%; }
.sidebar_gallery:hover{background:#ddd url(../../cms_upload/pages/files/364_icon-gallery.png) no-repeat 0% 50%; }
.pdfdoc{width: 35px; height: 35px; position: absolute; top: 15px; right: 15px; }

/**********prijavazatrening1*************/


.catid_21 .pageBody{padding: 0}
.catid_21 .catTitle{background: #eee}
.prijavazatrening1 {margin-bottom:15px;border:0 solid transparent;  }
.prijavazatrening1 H1{border:0px solid red; background:#414042; color:#fff; padding: 10px 5px 10px 30px; border-bottom:3px solid #fff; font-family:openSansR;font-weight:normal;font-size:21px }
.prijavazatrening1 TABLE {width:364px; border:0px solid red; background:#e1e1e1; color:#414042; margin-top:3px; }
.prijavazatrening1 UL {width:364px; border:0px solid red; color:#414042; margin-top:3px; padding:5px 0px 0px 5px; }
.prijavazatrening1 UL LI {list-style-type:none; padding:0px 0px 5px 5px; color:#626262 }
.prijavazatrening1 .podaci{padding:26px}

.podaci{box-sizing: border-box }
.podaci1{padding:35px 35px 0px 33px; box-sizing: border-box; margin-bottom: 20px; border-bottom: 20px solid #eeeeee;}
.podaci2{padding:0px 35px 0px 33px; box-sizing: border-box;; border-bottom: 20px solid #eee;}
.podaci .podaci2 H2{text-transform:  none; font-size: 20px; font-family:openSansR; padding-top:10px; font-weight: normal }
.podaci UL{border:none; }
.podaci UL LI{margin-left:15px; }

/* stil prijava */

.catid_21 .prijava_za_trening{background: #eee}
.catid_21 .bocniMeniStrane{display: none}
.catid_21 .prijava_za_trening{display: none}
.catid_21 #coll_middle{margin-bottom: 20px}
.catid_21 #coll_right{margin-top: 0}

.podaci FIELDSET{border:none; margin:0px; padding: 0px; }
.podaci LEGEND{font-size:12px; color:#626262; }
.podaci1 INPUT{ background-color:#eeeeee; border:none; width:400px; height:50px; font-size: 14px; padding: 5px 10px; box-sizing: border-box; margin: 10px 0 18px 0 }
.podaci1 P{font-size:12px; font-weight:normal; }
.podaci H2{font-size:18px;  padding:20px 0;font-weight: 500; color:#919b6e;font-family:openSansSB; text-transform: uppercase }
.podaci3 INPUT{border:0px solid red; background:url(../../site_images/input_field.gif) no-repeat 0% 0%; width:232px; height:20px; margin-bottom:5px; }
.podaci4{margin:20px 35px 0px 35px ; }
.trening_centar #coll_middle .podaci4 p{font-size: 10px}
.lista_treninga input{display: inline-block;vertical-align:middle; margin: 35px 10px 30px 30px }
.lista_treninga label{display: inline-block; font-size:16px; margin:15px 20px 10px 0px; vertical-align: middle;max-width:700px;
    font-family:openSansB}
.lista_treninga label::first-letter{text-transform: uppercase; }
p.popunjeno{position: relative; }
p.popunjeno label:before{content:"Popunjen termin"; height:11px; width:100px; padding: 4px; border-radius: 4px; font-size: 11px; font-weight: 800; color:#8F966C; text-align: center; background: rgba(250,240,190,.8); display:block; position:absolute; top:6px;left:110px; border:2px solid #8F966C; line-height:10px; -ms-transform: rotate(7deg);
    /* IE 9 */


    -webkit-transform: rotate(7deg);
    /* Chrome, Safari, Opera */


    transform: rotate(7deg); }
.podaci4 .dugme_posalji{display: block; background: var(--fontclr); color: #fff;
    border: none;height: 50px; width: 240px; 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); cursor:pointer}
.podaci4:after{content:""; width:10px; height:10px; display:inline-block;
    border-right:1px solid #fff; border-bottom:1px solid #fff; position:absolute;
    left:240px; bottom:34px; transform:rotate(-45deg);}

.ucesnici{margin: 0px 35px 0px 35px; }
.ucesnici h2{font-family: openSansB; text-transform: none; color: #414042; font-size: 14px; padding: 20px 0 0}
.ucesnici h5{margin-bottom: 25px}
.ucesnici p span{font-family: openSansB; font-size: 15px; color: #414042}
.pretplatnik label{color:red; margin:0 0 0 9px; }
.dodaj_oduzmi{margin: 0px 35px 0px 225px }
.dodaj_oduzmi span{display: inline-block; padding: 6px 15px; box-sizing: border-box; margin-left: 15px; cursor: pointer; background-color: #eee; color:#626262; _border-radius: 8px;text-align: center; font-size: 18px;font-family: openSansB; width: 40px; height: 40px;}
.ucesnici input{width: 380px; font-size: 14px; background-color: #eee; border:none; height: 35px; font-size: 14px;margin-left: 15px;  margin-bottom: 5px}
.prijavazatrening2 {margin-top:3px; border:0px solid red; float:right; height:644px; }
.prijavazatrening2 UL {width:364px; border:0px solid red; color:#414042; margin-top:3px; padding:5px 0px 0px 5px; }
.prijavazatrening2 UL LI {list-style-type:none; padding:0px 0px 5px 5px; color:#626262; }
.prijavazatrening2 H1{width:350px; height:25px; background:#626262; color:#fff; padding:10px 0px 0px 15px; margin-bottom:3px; }
.podaci TABLE {border:0px solid red; border-collapse: collapse; background:#fff; color:#414042; margin-top:3px; }
.podaci2 .lista_treninga {background: #eee; display: block; width: 820px;  margin-bottom: 20px;}
.podaci2 {_height: 297px;}
.podaci UL {width:364px; border:0px solid red; background:#eee; color:#414042; margin-top:3px; padding:5px 0px 0px 0px; }
.podaci UL LI {list-style-type:none; padding:0px 0px 5px 5px; }
.podaci P {font-size:14px; font-weight:normal; color:#626262;margin-bottom:10px; }
.podaci4 p{text-align: justify}
.sadrzajdesno {position:relative; width:720px; margin-top:3px; border:0px solid red; float:right; margin:15px 0px 0px 0px; }
.aktuelno h3{font-size:35px; padding: 3px 3px 3px 0px; -webkit-box-shadow:0 0 0px #999; -moz-box-shadow:0 0 0px #999; box-shadow:0 0 0px #999; }
.ERRporuka{text-align: center; font-size: 22px; margin: 10px; padding: 20px; border: 1px solid #999; background: #ddd; color:#626262;}
.datumTreninga{display: block;color: var(--logolg); font-family: openSansR}

.captcha{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  _border:1px solid #484;
  padding: 20px 0;
  background: #919b6e55;
  margin: 30px 0 20px 0;
 
}
#captcha{
  width:40px;
  padding: 6px;
  background: #919b6e77;
  border:1px solid #919b6e;
  height: unset;
  margin: unset;
}

/* HIBRIDNI TRENING*/
.podaci .lista_treninga ul{
    width:100%;
    padding: 10px 0;
}
.podaci .trening_termin{

}
.podaci .trening_termin .radio_container p{
    padding: 0; height: unset; margin: 0;
}
.podaci .trening_termin .radio_container input{
    margin: 6px 0;
    width:15px;height:15px;
    accent-color: #333;
}

.podaci .trening_termin .radio_container label{
    margin: 0 0 0 6px;
    font-family: sourceSansPro;
}

.podaci .trening_termin .radio_container .disabledTitle{
    color:#bbb;
}
.podaci .trening_termin h4{
    padding: 4px 0 0 0;
    color: var(--logolg);
    font-size:14px;

}
.podaci .trening_termin > p{
    padding: 0;
    font-family: sourceSansProSB;
    font-size:16px
}

.podaci .trening_termin label .nema_vise_mesta{
    background:#c4486c;
    color:#eee;
    font-family: sourceSansProSB;
    display: inline-block;
    padding: 0px 10px;
    margin:0 6px
}


/********dugme**********/


.pretplatnik{display: block;position: relative;height: auto; width: 100%; padding: 0px; text-align: left; box-sizing: border-box; padding:35px 35px 0px 33px!important; box-sizing: border-box;}
.pretplatnik h2{ color:var(--logolg);font-family:openSansR; text-transform: none; padding-top:0; font-size: 20px }
.pretplatnik label{ color:#414042;position:absolute;}
.pretplatnik input{cursor: pointer;position:relative;}
.pretplatnik ul{width: 100%;list-style: none;padding:0;overflow: auto;overflow: hidden;box-sizing: border-box; width: 815px; height: 50px; padding-top: 15px; padding-left: 20px; /*! box-sizing: border-box; */}
.pretplatnik ul li{color: #AAAAAA;display: block;position: relative;float: left;width:40px;height: 30px;box-sizing: border-box;margin:0 20px 0 0;}


/****dugme-end**********/


/***********newsletter_form***************/


.ui-widget{font-size:18px!important;}
#pitalica{height:340px!important;}
#pitalica h3 {font-size:16px; color:#7e7e7e ; margin-bottom:5px ; font-weight: 400!important; padding: 3px 3px 3px 6px ; -webkit-box-shadow:0 0 3px #999 ; -moz-box-shadow:0 0 3px #999 ; box-shadow:0 0 3px #999 }
#pitalica input{padding:4px; font-size:16px; width: 90%;}
#pitalica  p label{padding: 6px 0px 0px 0px; font-size:14px; color:#626262;}
#pitalica label{font-size:14px;}
#pitalica p{font-size:12px; padding: 6px 0px 6px 0px; margin-bottom:10px;}
#pitalica #mail_list{width: 30px;}

/***********newsletter_form_end***************/



#coll_right .bocniMeniStrane{display: none}
.kontakt .oblast_sadrzaja{position: relative}
.kontakt .oblast_sadrzaja:before{
    content: "";
    position: absolute;
    width:100%;
    height:160px;
    background: #414042;
    top:0;left:0;right:0;
    z-index: 1;
}
.kontakt #coll_left{display: none}
.kontakt #coll_right{margin-left: 30px; margin-top: 65px}
.kontakt #coll_middle{background:none ; width: 100%}
.kontakt #coll_middle .pageBody{margin: 0; padding: 0; background:initial}
.kontakt .catTitle{width: 1200px; margin: auto; box-sizing: border-box; display: none}
.kontakt .kontakt-page{}
.kontakt #coll_middle .pageBody .kontakt-page-inner{display: flex; justify-content: space-between; background: #fff;flex-wrap: wrap; width: 1200px;
    margin:0 auto; z-index:100; position:relative}
.imageContainer img{display: block; width:635px}
.kontakt .pageBody a{text-decoration: none; }
.kontakt .pageBody a:hover{color: var(--logolg)}
.kontakt .pageBody .kontakt-page-inner >div:nth-child(1){padding: 30px 0px 0px 25px;}
.kontakt .pageBody .kontakt-page-inner >div:nth-child(1) p:nth-child(1) {padding-bottom: 50px}
.kontakt .pageBody .kontakt-page-inner >div:nth-child(1) p{padding-bottom: 30px;}
.kontakt .telefon-kontakt{display: flex; margin-bottom: 20px}
.kontakt #coll_middle .telefon-kontakt p{padding: 0 10px 0 0}

.kontakt #map_canvas{width:100%; height: 400px; margin: 20px 0 0}

/*KNJIGA O PDVU-PRIJAVA*/

.knjiga_o_pdv .pageDate{display: none}
.knjiga_o_pdv #coll_middle{margin-top:30px; width: 890px}
.knjiga_o_pdv #coll_right {width: 280px; margin-left:30px; margin-top: 30px}
.knjiga_o_pdv .pageTitle {font-size:14px; text-transform: uppercase; font-weight: normal; color:#fff; background:#919b6e; padding: 20px 25px; box-sizing: border-box; }
.knjiga_o_pdv .pageBody{padding: 0; background: initial}
.knjiga_o_pdv #coll_middle .pretplata_wrapper {box-sizing: border-box;}
.knjiga_o_pdv .blockWhite {background:#fff;padding:10px 30px 10px 30px;margin-bottom:20px}
.knjiga_o_pdv .pretplata_wrapper .blockWhite > p {font-size: 14px;color:#414042;padding:20px 0;border-bottom: 1px solid #ebebeb;}
.knjiga_o_pdv .forma_pretplata {font-size:0;}
.knjiga_o_pdv .forma_pretplata h3 {font-weight:normal; padding:20px 0;color:var(--lg); font-size:16px }
.knjiga_o_pdv fieldset {border:0px;}
.knjiga_o_pdv .podaci {width:50%;display:inline-block;vertical-align: top;}
.knjiga_o_pdv .podaci:nth-child(1n) {padding:0 0 0 15px;box-sizing: border-box;}
.knjiga_o_pdv .podaci:nth-child(2n) {padding:0 15px 0 0;box-sizing: border-box;}
.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;font-weight: bold }
.knjiga_o_pdv .podaci .inputInline {display:inline-block; vertical-align: top; }
.knjiga_o_pdv .podaci .inputInline:nth-child(-n+3) input {width:100px;margin-right:30px; }
.knjiga_o_pdv .podaci .inputInline:nth-child(2n) {width:calc(100% - 130px); }
.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 {position:absolute;top:12px;right: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 {height:37px;background:#e8e9e9;margin:0 0 20px 0}
.knjiga_o_pdv .izbor_paketa label span {color:#414042;font-size:14px;font-weight:bold;}
.knjiga_o_pdv .izbor_paketa .cenaPretplate {float:right;padding:12px 36px}
.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 SADRZAJ*/

.k .glavni_meni .menuItem_8 a, .izdanja .glavni_meni .menuItem_8 a {color: var(--logolg)}

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


.k li, .izdanja li {list-style: none}
.k .nest_info, .izdanja .nest_info {display: flex; flex-wrap: wrap;align-items: center;width: calc(100% - 60px); position: relative; cursor: pointer}
.k .nest_info:after, .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: 35%; transform:rotate(-45deg); transition: all .3s}
.k .arrowDown:after, .izdanja .arrowDown:after {transform: rotate(45deg); transition: all .3s}
.k .nest_caticon, .izdanja .nest_caticon {width: 60px; height: 60px; display: inline-block;position: relative}
.nest_caticon .toolTipKnjiga{
    position: absolute; background: var(--fontclr);color: #fff; top: -5px; left: 5px; display:none; z-index:10; width: max-content; font-size: 10px;
    font-family: openSansR; text-transform: uppercase; padding:6px 15px; box-sizing:border-box; border-radius:10px}
.k .nest_brojStrana, .izdanja .nest_brojStrana { display: inline-block; width:50px; position: absolute; right: 68px; color:#fff }
.k .nest_brojStrana_inner, .izdanja .nest_brojStrana_inner {display: inline-block; width:50px; position: absolute; right: 68px; color:var(--grey); top: 15px}

.nest_caticon:hover .toolTipKnjiga{display: block}
.nest_caticon img{display: block; width: 100%}
.nestview>li:nth-child(odd) .nest_caticon{background: var(--logolg);}
.nestview>li:nth-child(odd) .nest_caticon:hover{background: #dddee0}
.nestview>li:nth-child(even) .nest_caticon{background: var(--logodg);}
.nestview>li:nth-child(even) .nest_caticon:hover{background: #c0cc91!important;}
.k .sadrzaj_back, .izdanja .sadrzaj_back {margin-top: 30px; margin-right: 30px;;background: #fff; height: 124px; display: flex;}
.k .sadrzaj_back span, .izdanja .sadrzaj_back span {position: relative;background:var(--fontclr); width: 30px; height: 100%; display: inline-block; }
.k .sadrzaj_back span:before, .izdanja .sadrzaj_back span:before {content: ""; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 13px; height: 13px; display: inline-block;
    position: absolute; right: 5px; top: 47%; transform: rotate(135deg);}
.k .sadrzaj_back p, .izdanja .sadrzaj_back p {margin: 50px 25px; font-size: 25px; font-family: opensansR; font-weight: normal; }
.k .nestlevel_1, .izdanja .nestlevel_1 {width: 890px;  position: relative;}
.k .nestlevel_1{margin: 0px 30px 30px 0;}
.izdanja .nestlevel_1{margin: 0px 30px 20px 0;}
.k .nestlevel_1> li:nth-child(odd), .izdanja .nestlevel_1> li:nth-child(odd) {background:var(--grey)}
.k .nestlevel_1 >li:nth-child(even), .izdanja .nestlevel_1 >li:nth-child(even) {background:var(--darkgrey)}
.k .nestlevel_1> li .nest_info:hover, .izdanja .nestlevel_1> li .nest_info:hover {background: #d4d6d6;}
.k .nestlevel_1> li, .izdanja .nestlevel_1> li {display: flex;  flex-wrap: wrap; width: 100%; }


.k .nestlevel_1 > li .pages, .izdanja .nestlevel_1 > li .pages {background: #fff; width: 100%;  }
.k .nestlevel_1 >li .pages .page-pID h2, .izdanja .nestlevel_1 >li .pages .page-pID h2 {padding: 0 0 15px 0; display: block;font-family: openSansSB; font-weight: normal;}
.k .nestlevel_1 > li .pages .page-pID, .izdanja .nestlevel_1 > li .pages .page-pID { border-bottom: 1px solid #ddd}
.k .nestlevel_1 > li .pages .page-pID h2 a, .izdanja .nestlevel_1 > li .pages .page-pID h2 a {font-size: 16px; padding-left: 35px; font-family: sourceSansPro; display: block}
.k .nestlevel_1> li >.nest_info h2, .izdanja .nestlevel_1> li >.nest_info h2 {color: #fff; font-size: 14px; padding-left: 30px; width: 500px;font-family: openSansSB; font-weight: normal}
.k .nestlevel_1 >li .pages .page-pID .body_of_page, .izdanja .nestlevel_1 >li .pages .page-pID .body_of_page {border-top: 1px solid #ddd; margin-left: 35px; padding-top: 20px}

.toogleContent {top:10px; left:10px; 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 8px 11px; width: 35px; height: 35px; background: #4f563f; font-size:19px; }
.minus {display: none; content:"-"; padding:3px 12px 0px 11px; width: 35px; height: 35px; background: #919b6e; color:#eee; font-size:18px; }
.k .info , .izdanja .info  {position: relative; padding:16px 120px 0px 59px; }
.k .info h2 , .izdanja .info h2  {_position:relative; display:inline; padding:0 5px 0 0; _display:block; }
.k .info h2:hover, .izdanja .info h2:hover {color: var(--lg)}
.k .info h2 a , .izdanja .info h2 a  {text-transform: uppercase; font-family: opensansB;  }

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

.k .right_baner, .izdanja .right_baner {margin-bottom: 30px;}

.knjiga_o_pdv .korisnicki_deo{margin-bottom: 20px}
.k .banner-1 .logoutDugme,.knjiga_o_pdv .banner-1 .logoutDugme, .izdanja .banner-1 .logoutDugme,.knjiga_o_pdv .banner-1 .logoutDugme {position: relative;display: flex; background: var(--fontclr);font-family: opensansB; height: 56px; padding: 15px 0 15px 20px; box-sizing: border-box;}
.k .banner-1 .logoutDugme .korisnik_logout,.knjiga_o_pdv .banner-1 .logoutDugme .korisnik_logout , .izdanja .banner-1 .logoutDugme .korisnik_logout,.knjiga_o_pdv .banner-1 .logoutDugme .korisnik_logout  {color: #eee; font-size: 16px; font-family: openSansB; font-weight: normal}
.k .banner-1 .logoutDugme .dugme_logout,
.knjiga_o_pdv .banner-1 .logoutDugme .dugme_logout
{color: #ddd; font-family: opensansL; padding-left: 80px; font-size: 16px;}
.k .banner-1 .logoutDugme .dugme_logout:after,
.knjiga_o_pdv .banner-1 .logoutDugme .dugme_logout:after,
.prirucnik_o_racunima .pin_logout:after,
.izdanja .pin_logout:after,
.elektronsko_fakturisanje .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}
.k .banner-1 .trenutno_logovan,.knjiga_o_pdv .banner-1 .trenutno_logovan , .izdanja .banner-1 .trenutno_logovan,.knjiga_o_pdv .banner-1 .trenutno_logovan  {background: var(--grey); height: 68px; padding: 10px 15px; box-sizing: border-box; display: flex;}
.k .banner-1 .trenutno_logovan .icons,.knjiga_o_pdv .banner-1 .trenutno_logovan .icons, .izdanja .banner-1 .trenutno_logovan .icons,.knjiga_o_pdv .banner-1 .trenutno_logovan .icons {position: relative; width: 30px}
.k .banner-1 .trenutno_logovan .icons:before,.knjiga_o_pdv .banner-1 .trenutno_logovan .icons:before, .izdanja .banner-1 .trenutno_logovan .icons:before,.knjiga_o_pdv .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}
.k .banner-1 .trenutno_logovan .imePrezime_korisnika,.knjiga_o_pdv .banner-1 .trenutno_logovan .imePrezime_korisnika, .izdanja .banner-1 .trenutno_logovan .imePrezime_korisnika,.knjiga_o_pdv .banner-1 .trenutno_logovan .imePrezime_korisnika {font-size: 14px; font-family: openSansSB; padding-left: 10px}

.k .banner-2, .izdanja .banner-2 {display: block}
.k .banner-2 img, .izdanja .banner-2 img {width: 100%; display: block}


.k .banner-zbirka img, .izdanja .banner-zbirka img {width: 100%; display: block;height: 280px}
.k .banner-zbirka .propisiBaner, .izdanja .banner-zbirka .propisiBaner {background: var(--logodg); height:58px; padding: 12px 1px 3px 70px; box-sizing: border-box; cursor: pointer; position: relative;}
.k .banner-zbirka .propisiBaner .colorWhite, .izdanja .banner-zbirka .propisiBaner .colorWhite {color: #eee}
.k .banner-zbirka .propisiBaner .colorGreen, .izdanja .banner-zbirka .propisiBaner .colorGreen {color: var(--logolg); }

.k .banner-zbirka .propisiBaner:before, .izdanja .banner-zbirka .propisiBaner:before {content: ""; position: absolute; width: 58px; height: 58px;
    background: url('/cms_upload/pages/files/924_knjiga_ikonica.png');z-index: 1000;background-size: 58px ;background-color: #a0a97e;top: 0; left: 0; background-repeat: no-repeat!important;;}
.k .banner-zbirka .propisiBaner a, .izdanja .banner-zbirka .propisiBaner a {position: relative;font-family: opensansSB; font-weight: normal; font-size: 13px; text-decoration: none;}
.k .banner-zbirka .propisiBaner a:after, .izdanja .banner-zbirka .propisiBaner a:after {content: ""; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; width: 10px; height: 10px; display: inline-block;
    position: absolute; right: 15px; top: 25%; transform: rotate(-45deg); transition: all .3s}
.k .banner-zbirka .rotirajStrelicu a:after, .izdanja .banner-zbirka .rotirajStrelicu a:after {transform: rotate(45deg); transition: all .3s}
.k .banner-zbirka .propisi_lista, .izdanja .banner-zbirka .propisi_lista {background: #fff; padding: 10px 25px; box-sizing: border-box; display: none}
.k .banner-zbirka .propisi_lista a, .izdanja .banner-zbirka .propisi_lista a {text-decoration: none; color: var(--fontclr); font-family: openSansR; font-size: 16px}
.k .banner-zbirka .propisi_lista li, .izdanja .banner-zbirka .propisi_lista li {border-bottom: 1px solid #ddd; padding: 15px 5px}
.k .banner-zbirka .propisi_lista li:last-child, .izdanja .banner-zbirka .propisi_lista li:last-child {border-bottom: none;}

.k #coll_right{margin-top: 30px;}
.izdanja #coll_right {margin-top: 30px;}

.k .info .sadrzaj_knjige_body a, .izdanja .info .sadrzaj_knjige_body a {text-decoration: none;}
.k .info .sadrzaj_knjige_body li h4, .izdanja .info .sadrzaj_knjige_body li h4 {font-size: 16px; text-transform: uppercase; font-weight: normal; font-family: openSansR; position: relative; padding-left: 20px}
.k .info .sadrzaj_knjige_body li h4 span, .izdanja .info .sadrzaj_knjige_body li h4 span {position: absolute;left: 0}
.k .info .sadrzaj_knjige_body li ul, .izdanja .info .sadrzaj_knjige_body li ul {margin: 10px 20px 20px 20px}
.k .info .sadrzaj_knjige_body li ul li, .izdanja .info .sadrzaj_knjige_body li ul li {margin-top: 7px; color: var(--logolg);}
.k .info .sadrzaj_knjige_body li ul li a, .izdanja .info .sadrzaj_knjige_body li ul li a {font-size: 15px;position: relative; padding-left: 40px; display: block}
.k .info .sadrzaj_knjige_body li ul li a:hover, .izdanja .info .sadrzaj_knjige_body li ul li a:hover {text-decoration: underline}
.k .info .sadrzaj_knjige_body li ul li a span, .izdanja .info .sadrzaj_knjige_body li ul li a span {position: absolute; left: 0px; }

/* IZDANJA*/

.izdanja.catid_61 .sadrzaj_back{
    display: none;
}

.izdanja.catid_61 .sadrzaj_back.visible{
    display: flex;
    margin:30px 0;
    box-sizing: border-box;
    width:890px;
}

.book_chapters{
    background: var(--fontclr);
    width:890px;
    display: flex;
}
.book_chapters .chapter_number{
    background:  #535154;
    color:#ccc;
    font-size:26px;
    font-weight:bold;
    width:65px;
    height:65px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family: openSansB;
}
.book_chapters .chapter_info{

    width:100%;
    position: relative;
}

.book_chapters .chapter_page{
    position: absolute;
    top:23px; left:711px;
    z-index: 10;
    color:#ccc;
}
.book_chapters .chapter_title{
    color:#fff;
    font-family: openSansSB;
    font-size:14px;
    text-transform: uppercase;
    padding: 23px 30px
}

.formaLogovanjeKnjiga{ background: #fff;padding-bottom: 1px; margin-bottom: 30px;}
.formaLogovanjeKnjiga img{width: 100%; display: block;}
.formaLogovanjeKnjiga a{display: block; width: 100%;}
.formaLogovanjeKnjiga h2{position: relative;background: var(--fontclr); color: #eee; padding: 10px 30px 15px 20px; height: 58px; box-sizing: border-box; font-size: 13px;}
.formaLogovanjeKnjiga h2:after{content: ""; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; width: 12px; height: 12px; display: inline-block;
    position: absolute; right: 15px; top: 35%; 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; width: 232px;  display: block;text-align: center;}
.formaLogovanjeKnjiga input{display: block;margin: auto; width: 232px; height: 40px; padding: 8px 5px; box-sizing: border-box;}
.formaLogovanjeKnjiga .dugmeKnjigaPrijava{width: 172px; height: 50px;padding: 15px 0;box-sizing: border-box;display: block; margin:35px auto 0px; text-align: center; color: #ddd; font-size: 13px; text-decoration: none; text-transform: uppercase;}
.formaLogovanjeKnjiga #dugmeLogovanjeKnjiga,#dugmeOdblokirajNalog, #dugmeLogovanjePIN,#dugmeLogovanjePINef{background: var(--lg)}
.formaLogovanjeKnjiga #prijaviProblemDugme{background: var(--logodg); display: none}
.formaLogovanjeKnjiga .errorMsg{display: none;color: #d55; text-align: center; padding-bottom: 20px}
.formaLogovanjeKnjiga .rotirajStrelicu:after{transform: rotate(-45deg); transition: all .3s}
.formaLogovanjeKnjiga .pinPrijavaCnt{
	padding: 0 0 20px 0;
}
.prijaviProblemNaslov{
	padding:20px 20px 0 20px;
	font-size:11px;
	color:var(--logolg);
}


.flipKnjiga #ulogujte_se h3{display: none}
.flipKnjiga #ulogujte_se{background: #fff; width: 100%; margin-top: 20px}
.flipKnjiga #ulogujte_se form{width: 100%;margin: auto; text-align: center; padding: 30px 0;}
.flipKnjiga #ulogujte_se p{color:#424345;text-transform: uppercase;margin-top: 15px ;display: block; text-decoration:underline; font-size:14px; text-decoration:none; }
.flipKnjiga #ulogujte_se input{border:none;border-radius:30px; font-size: 12px; padding: 0; color:#444; background:#ddd; width:265px; height:42px; text-align:center; letter-spacing: 1px; }
.flipKnjiga #ulogujte_se #dugme_login{background: #4f563f; font-size: 12px; -webkit-box-shadow: 0px 4px 9px -2px rgba(0,0,0,.3); -moz-box-shadow: 0px 4px 9px -2px rgba(0,0,0,.3); box-shadow: 0px 4px 9px -2px rgba(0,0,0,.3); box-sizing: border-box; color: #f6f6f6; letter-spacing: 1px; text-transform:uppercase; margin-top:20px; width:158px; box-sizing:border-box; cursor:pointer; }
.flipKnjiga #dugme_login {border-radius:30px; border:none; }
.flipKnjiga .knjiga_pdv{display: none}
.flipKnjiga h1{display: none}
.flipKnjiga .prijaviKorisnika{margin-top: 30px; margin-right: 30px;;background: #fff; height: 124px; display: flex; width: 100%;}
.flipKnjiga .prijaviKorisnika .icon{position: relative;background:var(--fontclr); width: 30px; height: 100%; display: inline-block; }
.flipKnjiga .prijaviKorisnika .icon:before{content: ""; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 13px; height: 13px; display: inline-block;
    position: absolute; right: 5px; top: 47%; transform: rotate(135deg);}
.flipKnjiga .prijaviKorisnika span:nth-child(2){margin: 48px 15px; font-size: 22px; font-family: opensansR; font-weight: normal; }
.flipKnjiga #ulogujte_se form p:last-child{display: none}

/*KNJIGA O PDVU-LANGING STRANA*/

.knjigaLandingPage{}
.knjigaLandingPage .landingBox{background: #fff;margin-bottom: 20px; padding: 40px 45px 15px 35px; box-sizing: border-box;}
.knjigaLandingPage .landingBox p{padding-bottom: 20px;}
.knjigaLandingPage .landingBox h1{font-weight: 400; font-family: bebasNeueR; font-size: 40px; line-height: 2.5rem}
.knjigaLandingPage .landingBox1 h1:first-child{color: var(--lg)}
.knjigaLandingPage .landingBox1 h1:nth-last-child(3){padding-bottom: 20px}

.knjigaLandingPage .landingBox2{ padding: 0}
.knjigaLandingPage .landingBox2 .mokapImg{position: relative}
.landingBox2 .mokapImg img{width: 100%; display: block; }
.landingBox2 .mokapText{ display: flex; flex-wrap: wrap;position:absolute; bottom:0; right:0; left:0 }
.landingBox2 .mokapText div{width: 50%; display: flex; flex-wrap: wrap; padding:0 15px;  box-sizing: border-box;
    align-items: center;position:relative; height:100px}
.mokapText div span{text-transform: uppercase; font-family:bebasNeueR; font-weight:400; font-size: 24px; line-height:1.1em }
.mokapText div h3{font-family:bebasNeueR; font-weight:400; font-size: 56px; line-height:1.1em; position: absolute; top:25px;
    right:40px}
.landingBox2 .mokapText .mokapBox1{}
.landingBox2 .mokapText .mokapBox2{background: var(--logodg);color:#fff}
.landingBox2 .mokapText .mokapBox3{background: var(--grey); padding-left:35px}
.landingBox2 .mokapText .mokapBox4{background: var(--logolg); color:#fff}


.landingBox2 .donjaTraka{background: var(--logodg);padding: 20px 0 10px 50px; box-sizing: border-box; position:relative;}
.landingBox2 .donjaTraka span{color: #fff; text-transform: uppercase; font-family:bebasNeueR; font-size:28px; line-height:0em;
    font-weight: 400;}
.landingBox2 .donjaTraka:before{content:""; background: var(--logolg); display:inline-block; width: 35px; height: 100%;
    position: absolute; top:0; left:0}
.landingBox2 .donjaTraka .cenaCifra{background: red; position:absolute; right:30px; top:28px;font-size:36px }

.knjigaLandingPage .landingBox3{ padding: 40px 0px 0 0px}
.knjigaLandingPage .landingBox3>h1{ padding:0 45px 0 35px}
.knjigaLandingPage .landingBox3>p{ padding:0 45px 20px 35px}

.landingBox3 h1:nth-last-child(4){color:var(--logolg); padding-bottom: 20px}
.landingBox3>p a{text-decoration: none; color: var(--logolg); font-family: openSansSB}
.landingBox3 .boldText{font-family: openSansB}
.landingBox3 .insideBox{display:flex;  flex-wrap:wrap; justify-content:space-between; align-items: baseline;
    margin-top: 20px; padding:0 45px 40px 10px; box-sizing:border-box}
.landingBox3 .insideBox>div{ width: 49%; display:flex; flex-wrap:wrap; position:relative; margin-bottom: 10px }

.landingBox3 .iconBox{width: 100px; display: inline-block; height: max-content;  }
.landingBox3 .iconBox img{width: 100%; display: block}
.landingBox3 .insideBox .naslovBoxa{ width: calc(100% - 100px); font-size:12px; padding:30px 0 0 5px; box-sizing:border-box; height: max-content;}
.landingBox3 .insideBox h3{font-weight: normal; font-family: openSansB; line-height: 1.3em}
.landingBox3 .insideBox span{line-height: 1.3em;  display: block}
.landingBox3 .insideBox>div p{padding:0px 0 0 105px; box-sizing: border-box }

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


/*POZIV NA PRETPLATU 2022*/

.pretplata .pageBody{width: 890px; background: initial; padding: 0}
.pretplata2022>div{background: #fff; margin: 0 0 30px; padding: 30px 45px 40px 35px; box-sizing: border-box}
.pretplata2022 .pretplataImgBox{}
.pretplata2022 .pretplataImgBox img{display: block; width: 100%}
.pretplata2022 div h2{font-weight: normal; font-family: openSansB; color: var(--logolg); font-size: var(--fh); padding-bottom: 25px}
.pretplata2022 div p{padding-bottom: 20px}
.pretplata2022 div p:last-child{padding-bottom: 0}
.pretplata2022 div>h3{font-weight: normal; font-family: openSansSB}
.pretplata2022 div ul{list-style-position: inside; padding:20px 0 0}
.poziv_na_pretplatu_2022 .pretplata2022 .pretplataNapomena{padding: 15px 25px; box-sizing: border-box; background: #eee; margin: 20px 0}
.pretplataNapomena a{text-decoration: none}
.pretplata2022 .pretplataDugme{display: flex; background: var(--logolg); color: #fff; text-decoration: none; width: 260px;
    height:60px; align-items: center; padding:0 0 0 15px; box-sizing:border-box; font-family: openSansB; font-size: var(--fp); text-transform:uppercase }

.pretplata2022 .pretplataMatricaBox{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 10px}
.pretplataMatricaBox>div{background: #eee; width: 260px; margin-bottom: 15px; padding: 15px 15px 0px 10px; box-sizing: border-box; display:flex;
    flex-wrap:wrap; align-content: flex-start; _height:300px}
.pretplata2022 .pretplataMatricaBox div p{padding-bottom:10px}
.clickToggle{width: 100%; display: flex}
.pretplataIcon{width: 40px; display: block; height: 40px; position:relative; margin-right: 10px}
.pretplataIcon img{display: block; width: 100%; position: absolute; width: 60px; top:-10px; left:-10px}
.pretplataMatricaBox div h3{text-transform: uppercase; font-family: openSansR; width: calc(100% - 50px); font-size: 12px; line-height: 1.1rem;
    padding-bottom: 15px; height:max-content}
.pretplataMatricaBox div h3 strong{font-size: 12px; line-height: 1.1rem}
.pretplataMatricaBox div p{font-size: 12px; padding-bottom: 15pxpx; }

.pretplata #coll_right{margin: 70px 0 0 30px}

.pretplata .banner-2{display: block}
.pretplata .banner-2 img{width: 100%; display: block}
.pretplata .banner-zbirka img{width: 100%; display: block;}
.pretplata .banner-zbirka .propisiBaner{background: var(--logodg); height:58px; padding: 12px 1px 3px 70px; box-sizing: border-box; cursor: pointer; position: relative;}
.pretplata .banner-zbirka .propisiBaner .colorWhite{color: #eee}
.pretplata .banner-zbirka .propisiBaner .colorGreen{color: var(--logolg); }

.pretplata .banner-zbirka .propisiBaner:before{content: ""; position: absolute; width: 58px; height: 58px;
    background: url('/cms_upload/pages/files/924_knjiga_ikonica.png');z-index: 1000;background-size: 58px ;background-color: #a0a97e;top: 0; left: 0; background-repeat: no-repeat!important;;}
.pretplata .banner-zbirka .propisiBaner a{position: relative;font-family: opensansSB; font-weight: normal; font-size: 13px; text-decoration: none;}
.pretplata .banner-zbirka .propisiBaner a:after{content: ""; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; width: 10px; height: 10px; display: inline-block;
    position: absolute; right: 15px; top: 25%; transform: rotate(-45deg); transition: all .3s}
.pretplata .banner-zbirka .rotirajStrelicu a:after{transform: rotate(45deg); transition: all .3s}
.pretplata .banner-zbirka .propisi_lista{background: #fff; padding: 10px 25px; box-sizing: border-box; display: none}
.pretplata .banner-zbirka .propisi_lista a{text-decoration: none; color: var(--fontclr); font-family: openSansR; font-size: 16px}
.pretplata .banner-zbirka .propisi_lista li{border-bottom: 1px solid #ddd; padding: 15px 5px; list-style:none}
.pretplata .banner-zbirka .propisi_lista li:last-child{border-bottom: none;}


/*KNJIGE I PRIRUCNICI*/
.wrap_kp{
    
}
.pretplata.catid_79 #coll_middle{
    width:100%
}
.pretplata.catid_79 .pageBody{
    width:100%;
}

.pretplata .wrap_kp .kp_BoxOuter{background: #fff;margin-bottom: 20px; padding: 40px 45px 15px 35px; box-sizing: border-box;width:100%}
.pretplata .wrap_kp .kp_BoxOuter p{padding-bottom: 20px;}
.pretplata .wrap_kp .kp_BoxOuter h1{font-weight: 400; font-family: bebasNeueR; font-size: 40px; line-height: 2.5rem}
.kp_images{display:flex; list-style: none; flex-wrap:wrap; padding-top:40px;gap:0;margin:0}
.kp_images .u_pripremi{position: relative}
.kp_images .u_pripremi:after{
    content:"U PRIPREMI";
    position: absolute;
    top:-10px;left:44px;
    background:var(--logolg);
    padding: 6px 16px;
    font-family: openSansB;
    color:#fff;
    letter-spacing: .7px;
    font-size:16px
}

.kp_images li{
    border-bottom:1px solid #a6a6a6
}
.kp_images li:last-child{
    border: none
}


/*PRIRUCNIK O RACUNIMA*/

.prirucnik_o_racunima .right_baner img{width: 100%}
.prirucnik_o_racunima .pageDate{display: none}
.prirucnik_o_racunima .pageBody{width: 890px; background: initial; padding: 0}
.prirucnik_o_racunima .clanak{margin-top: 30px}
.stranicaPrirucnik{_margin-top: 30px}
.stranicaPrirucnik .prirucnikTextBox{background: #fff; margin: 0 0 30px; padding: 30px 45px 40px 35px; box-sizing: border-box}
.stranicaPrirucnik .prirucnikImgBoxDesktop{margin: 0 0 30px;}
.stranicaPrirucnik .prirucnikImgBoxDesktop img{display: block; width: 100%}
.prirucnikImgBoxMobile{display: none}
.stranicaPrirucnik div h2{font-weight: 400; font-family: bebasNeueR; font-size: 40px; line-height: 2.5rem; display:block; width:100%}
.zeleniNaslov{color: var(--lg);}
.stranicaPrirucnik div h2:nth-child(2){padding-bottom: 20px}
.stranicaPrirucnik div p{padding-bottom: 20px}
.stranicaPrirucnik div p:last-child{padding-bottom: 0}


.textBox3{display: flex; flex-wrap: wrap; justify-content: space-between; padding-right: 10px!important;}
.textBox3 .innerBox{ width: 33%; padding-top:10px}
.innerBox img{display: block; width: 100%}
.innerBox h3{font-size: 14px; font-weight: normal; padding-bottom: 20px; line-height: 1rem}
.innerBox h3 strong{font-size: 14px; line-height:1.2em}
.innerBox p{font-size: 12px; padding: 0 20px 0 0; box-sizing: border-box}
.innerBox span{display: block; padding: 10px 0}

.textBox4{position: relative}
.prirucnikTextBox.textBox4 h2{font-size: 30px; padding-bottom: 20px}
.prirucnikTextBox.textBox4 p{padding-bottom: 10px}
.textBox4 .cenaZeleno{color: var(--lg); font-family: openSansB}
.stranicaPrirucnik .dugmePrijava{display: flex; background: var(--logodg); color: #fff; text-decoration: none; width: 260px;
    height:60px; align-items: center; padding:0 20px 0 15px; box-sizing:border-box; font-family: openSansB; font-size:12px; text-transform:uppercase ;
    position:absolute; right: 30px; top: 40%}
.stranicaPrirucnik .dugmePrijava:after{content: ""; position: absolute; width: 13px; height: 13px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;
    transform: rotate(-45deg); right: 20px; top:23px;}

.prirucnik_o_racunima #coll_right{margin: 30px 0 0 30px}

.prirucnik_o_racunima .logoutDugme, .izdanja .logoutDugme, .elektronsko_fakturisanje .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_fakturisanje .korisnik_logout{width:65px}
.prirucnik_o_racunima .logoutDugme .pin_logout,  .izdanja .logoutDugme .pin_logout, .elektronsko_fakturisanje .logoutDugme .pin_logout{font-size: 16px; font-family: openSansB; font-weight: normal;color: #ddd; font-family: opensansL; padding-left: 80px;cursor:pointer}


/*ELEKTRONSKO FAKTURISANJE*/
.elektronsko_fakturisanje .clanak{margin-top:30px}
.elektronsko_fakturisanje .stranicaPrirucnik{_margin-top: 30px}
.elektronsko_fakturisanje .pageDate{display: none}
.elektronsko_fakturisanje #coll_right{margin: 30px 0 0 30px}


/*PRIJAVA ZA PRIRUCNIK*/

.prirucnik_o_racunima .messagePrijava{background:#fff; padding:30px 30px 10px; box-sizing:border-box}
.messagePrijava h2{text-transform: uppercase; color:var(--lg);padding-bottom:20px}
.messagePrijava p{padding-bottom: 20px}

/*ORIJAVA ZA EEPDV*/


.elektronsko_evidentiranje_poreza .clanak{margin-top:30px}
.elektronsko_evidentiranje_poreza .stranicaPrirucnik{_margin-top: 30px}
.elektronsko_evidentiranje_poreza .pageDate{display: none}
.elektronsko_evidentiranje_poreza #coll_right{margin: 30px 0 0 30px}


/*KNJIGA O PDVU-PRIJAVA*/



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

.prirucnik_o_racunima #coll_middle, 
.elektronsko_evidentiranje_poreza  #coll_middle, 
.elektronsko_fakturisanje  #coll_middle{margin-top:0px; width: 890px}

.knjiga_prirucnik_o_racunimao_pdv #coll_right , 
.elektronsko_evidentiranje_poreza  #coll_right , 
.elektronsko_fakturisanje o_pdv #coll_right {width: 280px; margin-left:30px; margin-top: 30px}

.prirucnik_o_racunima .pageTitle , 
.elektronsko_evidentiranje_poreza  .pageTitle , 
.elektronsko_fakturisanje .pageTitle {font-size:14px; text-transform: uppercase; font-weight: normal; color:#fff; background:#919b6e; padding: 20px 25px; box-sizing: border-box; }

.prirucnik_o_racunima .pageBody, 
.elektronsko_evidentiranje_poreza .pageBody, 
.elektronsko_fakturisanje .pageBody{padding: 0; background: initial}

.prirucnik_o_racunima #coll_middle .pretplata_wrapper , 
.elektronsko_evidentiranje_poreza  #coll_middle .pretplata_wrapper , 
.elektronsko_fakturisanje  #coll_middle .pretplata_wrapper {box-sizing: border-box;}

.prirucnik_o_racunima .blockWhite , 
.elektronsko_evidentiranje_poreza  .blockWhite , 
.elektronsko_fakturisanje .blockWhite {background:#fff;padding:10px 30px 10px 30px;margin-bottom:20px}

.prirucnik_o_racunima .pretplata_wrapper .blockWhite > p , 
.elektronsko_evidentiranje_poreza  .pretplata_wrapper .blockWhite > p , 
.elektronsko_fakturisanje .pretplata_wrapper .blockWhite > p {font-size: 14px;color:#414042;padding:20px 0;border-bottom: 1px solid #ebebeb;}

.prirucnik_o_racunima .forma_pretplata , 
.elektronsko_evidentiranje_poreza  .forma_pretplata , 
.elektronsko_fakturisanje .forma_pretplata {font-size:0;}

.prirucnik_o_racunima .forma_pretplata h3 , 
.elektronsko_evidentiranje_poreza .forma_pretplata h3 , 
.elektronsko_fakturisanje .forma_pretplata h3 {font-weight:normal; padding:20px 0;color:var(--lg); font-size:16px }
.prirucnik_o_racunima fieldset , 
.elektronsko_evidentiranje_poreza  fieldset , 
.elektronsko_fakturisanje  fieldset {border:0px;}

.prirucnik_o_racunima .podaci , 
.elektronsko_evidentiranje_poreza  .podaci , 
.elektronsko_fakturisanje .podaci {width:50%;display:inline-block;vertical-align: top;}

.prirucnik_o_racunima .podaci:nth-child(1n) , 
.elektronsko_evidentiranje_poreza  .podaci:nth-child(1n) , 
.elektronsko_fakturisanje .podaci:nth-child(1n) {padding:0 0 0 15px;box-sizing: border-box;}

.prirucnik_o_racunima .podaci:nth-child(2n) , 
.elektronsko_evidentiranje_poreza  .podaci:nth-child(2n) , 
.elektronsko_fakturisanje .podaci:nth-child(2n) {padding:0 15px 0 0;box-sizing: border-box;}

.prirucnik_o_racunima .podaci label,
.elektronsko_fakturisanje .podaci label, 
.elektronsko_evidentiranje_poreza  .podaci label, 
.pretplata .podaci input {display:block;}

.prirucnik_o_racunima .podaci > input , 
.elektronsko_evidentiranje_poreza .podaci > input , 
.elektronsko_fakturisanje .podaci > input {width:100%;display:block;}

.prirucnik_o_racunima label, 
.izdanja label, 
.elektronsko_fakturisanje  label, 
.elektronsko_evidentiranje_poreza  label, 
.izdanja label{color:#414042;font-size:14px;padding-bottom:3px;display:block;}

.prirucnik_o_racunima input, 
.izdanja input , 
.elektronsko_fakturisanje  input, 
.elektronsko_evidentiranje_poreza  input, 
.izdanja 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;font-weight: bold }

.prirucnik_o_racunima .formaLogovanjeKnjiga input, 
.izdanja .formaLogovanjeKnjiga input, 
.elektronsko_fakturisanje .formaLogovanjeKnjiga input, 
.elektronsko_evidentiranje_poreza .formaLogovanjeKnjiga input, 
.izdanja .formaLogovanjeKnjiga input{
    width: 90%; margin: auto;
    font-size:24px;
    text-align: center;
    letter-spacing: 4px;
    line-height:22px

}
.prirucnik_o_racunima .formaLogovanjeKnjiga input:focus, 
.elektronsko_evidentiranje_poreza .formaLogovanjeKnjiga input:focus, 
.elektronsko_fakturisanje .formaLogovanjeKnjiga input:focus{
    outline-style:solid;
    outline-color: olive
}


#pin{

}
#pin.secure_view, #pin_ef.secure_view{
    font-family: security;
}


.prirucnik_o_racunima .podaci .inputInline , 
.elektronsko_evidentiranje_poreza .podaci .inputInline , 
.elektronsko_fakturisanje .podaci .inputInline {display:inline-block; vertical-align: top; }
.prirucnik_o_racunima .podaci .inputInline:nth-child(-n+3) input , 
.elektronsko_fakturisanje .podaci .inputInline:nth-child(-n+3) input,
.elektronsko_evidentiranje_poreza .podaci .inputInline:nth-child(-n+3) input 
{width:100px;margin-right:30px; }
.prirucnik_o_racunima .podaci .inputInline:nth-child(2n) , 
.elektronsko_evidentiranje_poreza .podaci .inputInline:nth-child(2n) , 
.elektronsko_fakturisanje .podaci .inputInline:nth-child(2n) 
{width:calc(100% - 130px); }
.prirucnik_o_racunima .izbor_paketa , 
.elektronsko_evidentiranje_poreza .izbor_paketa , 
.elektronsko_fakturisanje .izbor_paketa {}
.prirucnik_o_racunima .izbor_paketa > p , 
.elektronsko_evidentiranje_poreza .izbor_paketa > p , 
.elektronsko_fakturisanje .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 , 
.elektronsko_fakturisanje .izbor_paketa .ceneForma {position:absolute;top:12px;right:0}
.prirucnik_o_racunima .izbor_paketa span , 
.elektronsko_evidentiranje_poreza .izbor_paketa span , 
.elektronsko_fakturisanje .izbor_paketa span {display:inline-block;vertical-align: middle;padding-left:20px;}
.prirucnik_o_racunima .izbor_paketa input , 
.elektronsko_evidentiranje_poreza .izbor_paketa input , 
.elektronsko_fakturisanje .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 , 
.elektronsko_fakturisanje .izbor_paketa label {height:37px;background:#e8e9e9;margin:0 0 20px 0}
.prirucnik_o_racunima .izbor_paketa label span , 
.elektronsko_evidentiranje_poreza .izbor_paketa label span , 
.elektronsko_fakturisanje .izbor_paketa label span {color:#414042;font-size:14px;font-weight:bold;}
.prirucnik_o_racunima .izbor_paketa .cenaPretplate , 
.elektronsko_evidentiranje_poreza .izbor_paketa .cenaPretplate , 
.elektronsko_fakturisanje .izbor_paketa .cenaPretplate {float:right;padding:12px 36px}
.prirucnik_o_racunima .proj_pretplata label, 
.elektronsko_evidentiranje_poreza .proj_pretplata label, 
.elektronsko_fakturisanje .proj_pretplata label{padding-top:6px}
.prirucnik_o_racunima .proj_pretplata input , 
.elektronsko_evidentiranje_poreza .proj_pretplata input , 
.elektronsko_fakturisanje .proj_pretplata input {width:88px; -moz-appearance: textfield; -webkit-appearance: none; border: none; }
.prirucnik_o_racunima .prijava_napomena , 
.elektronsko_evidentiranje_poreza .prijava_napomena , 
.elektronsko_fakturisanje .prijava_napomena {padding:0 0 20px 0}
.prirucnik_o_racunima .prijava_napomena p, 
.elektronsko_evidentiranje_poreza .prijava_napomena p, 
.elektronsko_fakturisanje .prijava_napomena p{font-size:14px;color:#414042}
.prirucnik_o_racunima .prijava_napomena span , 
.elektronsko_evidentiranje_poreza .prijava_napomena span , 
.elektronsko_fakturisanje .prijava_napomena span {font-weight:bold;}

.prirucnik_o_racunima .posaljiPrijavu, 
.elektronsko_evidentiranje_poreza .posaljiPrijavu, 
.elektronsko_fakturisanje .posaljiPrijavu{padding: 10px 0}

.prirucnik_o_racunima .posaljiPrijavu button, 
.elektronsko_evidentiranje_poreza .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}
.prirucnik_o_racunima .posaljiPrijavu button:hover, 
.elektronsko_evidentiranje_poreza .posaljiPrijavu button:hover, 
.elektronsko_fakturisanje .posaljiPrijavu button:hover{background: #919b6e;}
.prirucnik_o_racunima .posaljiPrijavu button:after, 
.elektronsko_evidentiranje_poreza .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}
.prirucnik_o_racunima .posaljiPrijavu button span , 
.elektronsko_evidentiranje_poreza .posaljiPrijavu button span , 
.elektronsko_fakturisanje .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 , 
.elektronsko_fakturisanje .poruka > h2 {background:#fff;padding:20px 30px 20px 30px;font-size:14px;color:#414042;}
.prirucnik_o_racunima .poruka > p , 
.elektronsko_evidentiranje_poreza .poruka > p , 
.elektronsko_fakturisanje .poruka > p {background:#fff;padding:0px 30px 20px 30px;font-size:14px;color:#414042;}



/*TIKET SISTEM*/

.plumTicket{
    border-collapse: collapse;
    width: 100%;
}
.plumTicket tr {
    border-top: 1px solid #eeee;

    position: relative;

}
.tableOfTickets .ui-widget-content{
    background: none;
    _cursor: move;
    position: relative;
    border: none;
    width: 20px
}
.newTicket{

}
.mainTicket .parentID{
    padding-left: 16px;
    position: relative;
}

.newTicket .parentID{position: relative}

.parentID:after{
    content: ""; background: red; width: 12px; height: 12px; display: inline-block; border-radius: 50%;
    margin-left: 5px;
}

.jedanDan:after{background: var(--zelena)}
.triDana:after{background: var(--zuta)}
.petDana:after{background: var(--narandzasta)}
.viseOdPet:after{background: var(--crvena)}
.resen:after{background: var(--grey)}


.ticketNumber{
    font-size: 18px;
    color: #919b6e;
}
.ticketstatus_3:before{
    content: "";
    background: #919b6e;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}
.ticketstatus_1:before{
    content: "";
    background: #4f563f;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}
.ticketstatus_0:before{
    content: "";
    background: #b3b5b5;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}

.tiket_osnovni_podaci{
    display: flex;
}
.collLeftRing{
    display: inline-block;
    width: 10px;
    height: 10px;
    _border-radius: 50%;
    border: 1px solid #919b6e;
}
.ticketSystem .oblast_zaglavlja{background: var(--fontclr);}
.ticketSystem .oblast_strane{background: #eeeeee}
.ticketSystem .oblast_sadrzaja{
    width:1240px;
    margin: auto;
    display: flex; padding-top: 20px
}

.newTicketCnt{}
.newTicketCnt .naslovTiketa{background: #fff; position:relative}
.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: 40px; position:absolute; right: 20px; top: 80px}
.naslovTiketa textarea{
    border: none; width: 100%; font-family: openSansB; font-size: var(--fsh); padding:40px 60px 40px 20px; box-sizing: border-box;
    resize: none
}
.naslovTiketa .warningText{color: red; font-weight: normal; font-family: openSansR; font-size: 16px; }
.naslovTiketa textarea:focus{outline: none}
.newTicketCnt form{

}


.newTicketCnt .tiket_osnovni_podaci>div{

    margin-right: 15px;

}
.tiket_osnovni_podaci input {
    width: 291px;
    border: 1px solid #ccc
}

.ticketSystem #coll_middle{
    width: 740px; margin:0 20px 0 0
}
.containerTickets{
    background: #fff
}
.ticketSystem #coll_right{ width: 230px; margin: 0}
.ticketSystem #coll_right .podaciPrijave{background: #4f563f;color: #f3f3f3; width: 100%; }
.ticketSystem #coll_right .podaciPrijave .logoutButton {padding:13px 4px 10px 65px; display: inline-block; box-sizing: border-box; }
.ticketSystem #coll_right .podaciPrijave span{padding-left: 20px; padding-bottom: 5px; font-size: 12px}

.ticketSystem .podaciOKorisniku{background: #ddd;}
.podaciOKorisniku h2{ background: var(--logodg); 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; text-transform:uppercase}
.trenutniKorisnik{ padding: 16px 16px 0; box-sizing: border-box; display: flex;flex-wrap: wrap}
.trenutniKorisnik img{display: block; width: 21px; padding-right: 10px}
.trenutniKorisnik .imePrezime{color: var(--logodg); font-family: openSansSB; font-size: 16px; }
.trenutniKorisnik p{padding: 7px 0; font-size: 12px; width: 100%}
.trenutniKorisnik .firmaKorisnika{font-family: openSansSB; display:block; width:100%; }
.brPitanja{color: var(--logolg); font-family: openSansSB}
.trenutniKorisnik p:last-child{border-bottom: 1px solid var(--logolg); padding-bottom: 15px}

.ticketSystem .legendaTickets{background: #fff; margin-top:20px}
.ticketSystem .legendaTickets h2{display: flex; background: #ccc; height: 43px; align-items: center; font-weight: normal; padding: 0 10px;
    box-sizing: border-box}
.ticketSystem .legendaTickets span{font-size: var(--fp)}
.ticketSystem .legendaTickets h2 img{width: 21px; margin-right:15px}
.ticketSystem .legendaTickets ul{padding: 10px 0}
.ticketSystem .legendaTickets ul li{color: inherit; padding: 10px 16px; font-size: var(--fp); list-style: none}
.ticketSystem .legendaTickets li:before{content: ""; background: red; width: 12px; height: 12px; display: inline-block; border-radius: 50%;
    margin-right: 15px}
.ticketSystem .legendaTickets .jedanDan:before{background: var(--zelena)}
.ticketSystem .legendaTickets .triDana:before{background: var(--zuta)}
.ticketSystem .legendaTickets .petDana:before{background: var(--narandzasta)}
.ticketSystem .legendaTickets .viseOdPetDana:before{background: var(--crvena)}
.ticketSystem .legendaTickets .reseno:before{background: var(--grey)}

.ticketSystem #coll_left{
    width:230px;margin: 0px 20px 0 0;
}
.ticketSystem .trenutniPretplatnik{
    background: #fff;
    padding: 0px 6px 14px 0;

}
.trenutniPretplatnik h2{background: var(--logodg); 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}
.ticketSystem .trenutniPretplatnik li{
    list-style: none;
    padding: 6px 25px;
    color:#565;
}

.newTicketCnt .tekstTiketa{margin-top: 20px}
.newTicketCnt .ck.ck-editor__main > .ck-editor__editable{padding:20px; box-sizing: border-box; font-family: openSansR}
.newTicketCnt .ck.ck-editor__main > .ck-editor__editable li{list-style-position: inside}
.newTicketCnt .ck.ck-editor__main > .ck-editor__editable>*{font-family: inherit}
.newTicketCnt .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused){border: none;}
.newTicketCnt .ck.ck-editor__main > .ck-editor__editable.ck-focused{border: none; outline: none; box-shadow: none}
.newTicketCnt .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar{background: #eee;justify-content: end; border: none; margin-bottom: 20px;}
.newTicketCnt .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar .ck-toolbar__items{width:max-content; flex-grow: initial; }
.buttonTicket{
    margin: 20px  auto;
    background: var(--logodg); border: none; width: 100%; text-transform: uppercase; font-family: openSansR;
    height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer;
    color: #fff;
}


.mainCollLeft{
    /*! background: #ccc; */
}
.mainCollLeft .noviTiket a{
    background: var(--logolg); display: flex; width: 100%; height: 75px; align-items: center; justify-content: space-between;
    padding: 0 16px; box-sizing: border-box; text-decoration: none; color: #fff; font-family: openSansSB   ; margin-bottom: 20px
}
.noviTiket a img{width: 50px}

.pregledTiketa{

}

.pregledTiketa  ul li{
    _padding:10px 1.3em;
    list-style: none;
    width: 230px; margin: auto;

}
#coll_right .pregledTiketa li a{background: #ddd; height:40px}
#coll_right .pregledTiketa li a span{padding:0 }
.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%}

.ticketSubject{
    width:380px;
}

.ticketsBar 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
}
.tableOfTickets{
    border-collapse: collapse; width: 100%;background: #e6e6e6
}


.tableOfTickets tr:first-child{
    color: #919b6e;
    background: #fff;
}

.tableOfTickets tr:first-child td {border-right: 1px solid #e8eae1; color: var(--logolg); height: 25px; background: #fff}
.tableOfTickets tr:first-child td:last-child{border: none}
.tableOfTickets tbody tr:nth-child(2n+1){background: #ddd;}

.tableOfTickets td img{width: 21px; margin: auto; display: block}
.tableOfTickets td{
    padding:10px 6px;
    font-size: 12px; height: 75px; vertical-align: center
}
.tableOfTickets td:nth-child(1){width: 20px}
.tableOfTickets td:nth-child(2){width: 50px}
.tableOfTickets td:nth-child(3){width: 90px}
.tableOfTickets td:nth-child(4){width: 250px}
.tableOfTickets td:nth-child(5){width: 60px;}
.tableOfTickets td:nth-child(6){width: 50px;}
.tableOfTickets td:nth-child(7){width: 100px;}

.ticketSubject a{text-decoration: none; font-family: openSansSB}

.tableOfTickets .buttonTicketMore{
    font-size:20px;
    color:#919b6e;
}
.tableOfTickets td.parentID{
    color:inherit;

}
.ticketBody{
    font-size:13px;
    position:absolute;
    bottom:0;left:80px;
    width:400px;
    display: none;
    background:#fff;
    border:3px solid #ccc;
    padding: 20px;
    z-index: 10;
}
.messages_INFORMATION{
    border:1px solid #919b6e;
    width:80%;
    margin:50px auto;
    padding:20px;
    box-sizing: border-box;
    color:#919b6e;

}
.dateOfTicket{}
.dateOfTicket span{display: block;text-align: center;line-height: 1em;font-size: 11px}
.tableOfTickets td:hover .ticketBody{
    _display: block;
}

.invisible{
    display:none
}
.userTicketHeaderCnt,
.userTicketContatiner{
    margin:4px 4px 16px 4px;
    list-style: none;
}

.pregledZaposlenih{margin-top: 20px;background:#fff}
.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}

.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
}
.pregledZaposlenih .ticketMail{

}

.cnt_1{
    display: flex;
    margin:6px 0
}
.cnt_1 input{
    flex-grow: 1;
    font-size:14px;
    padding:2px 10px;
    flex-grow: 1;
}
.cnt_1 input[name='id_tiketa']{
    width:100px;
    flex-grow: 0;
    text-align: center;
}

.ck-editor__main .ck-content{
    min-height:360px
}
.odgovoriNaPitanje button{
    margin: 20px  auto;
    background: var(--logodg); border: none; width: 100%; text-transform: uppercase; font-family: openSansR;
    height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer;
    color: #fff;

}

.oneTicketContainer{

}
.gornjaTraka{background: var(--logolg); height: 48px; padding:0 16px; display: flex; align-items: center; box-sizing: border-box; justify-content: end}
.gornjaTraka .idTiketa{color: #fff; font-family: openSansB; font-size: var(--fp); position: relative}
.idTiketa:before{content: "#"; padding-right: 5px}
.subHeaderTicket{
    background: #fff; padding: 20px 16px; box-sizing: border-box;
}
.subHeaderTicket h2{
    font-weight: normal; font-family: openSansB; font-size: var(--fsh); border-bottom: 1px solid var(--logolg); padding-bottom: 20px;
}
.subHeaderTicket ul{
    padding-top: 20px;

}
.subHeaderTicket ul li {
    list-style: none;font-family: openSansSB
}
.oneTicketContainer li{
    margin-left: 1.4em;
    list-style: square;
}


.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; }

.ticketReplies{
    box-sizing: border-box;

}
.ticketReplies > li{
    background: #fff;
    display: block;
    width:100%;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    margin:20px auto;
    position: relative;
    list-style: none;
    padding: 20px 16px
}
.ticketReplies > li > div{
    padding: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 h4{
    display:flex;
    align-items: center;
    box-sizing: border-box; padding: 0 0 16px;
    border-bottom: 1px solid var(--logodg); justify-content: space-between
}
.ticketReplies h4 .icon{
    width:40px;
    flex-grow: 0;
}
.ticketReplies h4 .created_by{
    width:150px;
    flex-grow: 0;
    text-align: left;
    padding: 0 14px; font-weight: normal; font-family: openSansSB
}
.ticketReplies .datum_vreme{
    font-weight: normal; width: max-content; display: block
}


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

.deleteTicket{
    position: absolute;
    top:30px;
    right:35px;

}
.deleteTicket a{
    text-decoration: none;
    font-size:20px;
    display: none;
}
.oneTicketContainer p{

}


.userTicketHeaderCnt ul,
.userTicketContatiner ul{
    display: flex;
    list-style: none;
    font-size: 13px;
    border:1px solid #ccc;
    border-radius:4px;

}
.userTicketHeaderCnt ul{
    font-weight:bold;
}
.userTicketHeaderCnt ul li,
.userTicketContatiner ul li{
    padding:3px;
    border-right:1px solid #ccc;
    background:#ececef;
}
.userTicketHeaderCnt ul li:last-child,
.userTicketContatiner ul li:last-child{
    border: none;
}
.tr_1{width:60px; flex-basis: 1; text-align:center}
.tr_2{width:70px; flex-basis: 1;text-align:center}
.tr_3{width:170px; flex-basis: 1; font-weight:bold}
.tr_4{flex-grow:1; flex-basis: 0; font-size:11px}
.tr_5{width:70px; flex-basis: 1}
.tr_6{width:30px; flex-basis: 1}
#getReplyInterface{
    position: absolute;
    top:30px;right:30px;
    _border: 1px solid #ccc;
    color:#eee;
    padding:8px 20px;
    cursor: pointer;
    background: #919b6e;
    text-transform: uppercase;

}
#getReplyInterface:hover{
    background: #4f563f;
}

/* PRETPLATE KORISNIKA */
.pretplatnici .pageTitle{
    width: calc( 100vw - 320px );
    font-size: var(--fp);font-family: openSansR;font-weight:normal;padding:30px 0 20px 20px; text-transform:uppercase ;
    margin: auto;
}
.pretplatnici .crm_main_cnt{
    display: flex;
    width:100%;
    
}
.pretplatnici .crm_left_cnt{
    flex-grow:1;
}

.pretplatnici .crm_right_cnt{
    width:280px;
    background:#ddd;
    flex-grow: 0;
    margin: 10px 0 0 0
}

.pretplatnici .crm_middle_cnt .crm_ul_main {
    width:900px;
      flex-wrap: wrap;
    display: flex;
    
    justify-content: flex-start;
    padding: 0 40px;

}

.pretplatnici .crm_middle_cnt .crm_ul_main > li{
    max-width:280px;
    border:1px solid #666;
    list-style: none;
    padding: 20px;
    box-sizing: border-box;
       position: relative;
        margin: 10px 10px;
    height:460px
  
}
.subscription_element:last-child{
    display: none;
}
.pretplatnici .crm_middle_cnt .crm_ul_main > li img{
    display: block;
    width:100%;
    
}
.pretplatnici .crm_li_info{
    display: flex;
    flex-wrap: wrap;
 
}
.pretplatnici .crm_li_info span,
.pretplatnici .crm_li_info a{
    display: block;
    width:100%;
    font-size:13px;
    line-height: 1.3em;
}
.pretplatnici .crm_li_info .grafika_pretplate{
    background: red;
    height:240px;
    overflow: hidden;
    margin: 0 0 40px 0;
}
.pretplatnici .crm_li_info .status_pretplate{
    position: absolute;
    top:23px; right:-34px;
    
    width: 140px;
    rotate:45deg;
    color:#eee;
    padding: 4px;
    box-sizing: border-box;
    text-align: center;
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    border: 1px solid #fff;
    z-index: 100;
 
}
.element_button_active .status_pretplate{

    background: var(--logolg)
}
.pretplatnici .element_button_disabled .status_pretplate{
    background: var(--grey);
}
.pretplatnici .element_button_disabled .grafika_pretplate{
    opacity: .4
}
.pretplatnici .crm_li_title{
    position: absolute;
    bottom:0px;left:0px;right:0px;
    width: 100%;
    
}
.pretplatnici .crm_li_title a{
    text-decoration: none;
    display: flex;
    padding: 10px 10px 10px 20px;
    _justify-content: center;
    align-items: center;
    min-height: 40px;
    background: var(--logolg);
    width:80%;
    margin:16px auto;
    color:#eee;
    font-size:var(--fp);
    text-transform: uppercase;
   
}

.pretplatnici .element_button_disabled .crm_li_title{
    filter:grayscale(1) opacity(.3);
    pointer-events:none;
    display: none;
    
}
.pretplatnici .crm_li_info .link_do_pretplate{
        position: absolute;
    bottom:0px;left:0px;right:0px;

    background: darkorange;
    display:flex;
    text-decoration: none;
    display: flex;
    padding: 10px 10px 10px 20px;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    width:250px;

    color:#eee;
    font-size:var(--fp);
    text-transform: uppercase;
    font-weight:bold;
    box-sizing: border-box;
    margin: 20px auto 18px;
}

.pretplatnici .crm_right_cnt{
    padding: 20px;
    box-sizing: border-box;
}
.pretplatnici .crm_right_cnt ul{
    padding: 10px 10px 20px 10px;
}
.pretplatnici .crm_right_cnt h3{
    font-size:var(--fn);
    padding: 0 0 10px 0;
}

.pretplatnici .crm_right_cnt li{
    list-style: none;
    font-size:var(--fs)
}
.pretplatnici .crm_right_cnt .podaci_o_firmi li{
    border:1px solid var(--logolg);
    padding: 20px 10px 10px 10px;
    margin:10px 0;
    background: #eee
}
.pretplatnici .crm_right_cnt .podaci_o_firmi p{
    display: flex;  gap:4px;
    padding: 0 0 4px 0
    
}
.pretplatnici p .obrisi_korisnika,
.pretplatnici p .izmeni_korisnika{
    flex-grow: 1;
    background: var(--logolg);
  
    color:#eee;
    text-align: center;
    padding: 6px;
    cursor: pointer;
    user-select: none;
    margin-top:10px
  
}
/* NOVI FOOTER */

/*FUTER*/

.oblast_futera { box-shadow: none; border:none;padding-top: 30px; padding-bottom: 40px;background:#eee}
.moveFooter{padding-top: 430px}
.footerEL img{display: block; width:100%}
.footerPlaceholder{font-size:15px; color:#414042 }
.footerPlaceholder .footerColumns{display: flex; width:1200px; margin:auto; list-style: none; background: #fff }
.footerColumns{ }
.footerColumns li{list-style: none}
.f_col_1{width:300px}
.f_col_2{width:300px}
.f_col_3{width:300px}
.f_col_4{flex-grow:1; flex-basis: 0}
.footerEL.f_col_4 .gornji_tekst{font-size: 11px; }
.footerEL{box-sizing: border-box; }
.footerEL.f_col_1{padding: 45px 0 25px 30px; box-sizing: border-box;}
.footerEL.f_col_2{padding: 35px 0 0 0;  }
.footerEL.f_col_3{padding-top: 40px; padding-right: 60px}
.footerEL.f_col_4{padding: 40px 040px 0}
.footerEL.f_col_4 .donji_tekst{font-size: 12px;}
.footerEL.f_col_2 a:nth-child(2) {margin-left:25px; margin-top: -15px; display: block; }
.footerEL.f_col_2 a:nth-child(2) img{width: 240px; display: block; }
.f_col_1 .logoFooter{width:180px; margin:auto; }
.footerLogo-svg{width:170px;margin: 7px 0 0 18px}
.logoFooter{display: none}
.f_col_1 .footerContact{margin-top: 0px; margin-bottom: 30px; padding: 10px 0 0 20px; font-size: 12px; }
.f_col_1 .footerContact li{padding:1px; color:#414340; }
.footerContact li a{text-decoration: none; }
.footerContact li a:hover{color: var(--logodg); transition: .3s}
.ContactPrefix{width:56px; display: inline-block; }
.f_col_1 .footerSocials{display: flex; padding:4px 20px}
.footerSocials a{text-decoration: none; padding:4px 6px 4px 6px; font-size:15px; background: #ddd; width:28px;height:28px; display: flex; justify-content: center;
    box-sizing: border-box; color:#414042; align-items: center}
.footerSocials li:first-child a:hover{background:var(--grey) ;color: #38529a; transition: .3s}
.footerSocials li:nth-child(2) a:hover{background: var(--grey); color: #0073b1; transition: .3s}
.footerSocials li:nth-child(3) a:hover{background: var(--grey); color: #f70000; transition: .3s}
.footerSocials  li{margin:4px; }
.f_col_2 a{width: 190px!important;}
.f_col_2 a, .f_col_3 a{width:160px; display: block; margin:auto; padding: 0 0 50px }
.f_col_4 .srednji_tekst{height:144px }
.f_col_4 .donji_tekst a{display: block; color:#919b6e; text-decoration: none; }
.f_col_4 .donji_tekst a:hover{color: var(--logodg)}