/* MAIN STRUCTURE CSS */


/*VARIABLES*/

:root {
    --main:#104;
    --fontclr:#414042;  /*boja fonta i tamno siva heder*/
    --lg:#8a9861; /*svetlo zelena za elemente naslova i datuma*/
    --grey:#b3b5b5; /*svetlo siva*/
    --logolg:#919b6e; /*svetlo zelena iz loga*/
    --logodg:#4f563f; /*tamno zelena logo*/
    --darkgrey:#9fa1a1; /*tamnija siva*/
    --whitegray:#eee;	/*najsvetlija siva-pozadina*/
    --fp:14px; /*velicina osnovnog teksta*/
    --fh:22px; /*velicina naslova*/
    --fsh:18px;  /*velicina podnaslova*/
    --fs:12px; /*mali tekst*/
    --fxs:10px; /*mini tekst*/
    --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: 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,.icon{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*/

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


/* < ELEMENTI ZAGLAVLJA > */

.oblast_zaglavlja{border: none; padding-top: 35px; box-sizing: border-box; /*! width: 1200px; */ margin: auto; padding-bottom: 14px }
.logoTransparent{display: block!important;  margin-left: 3%; }
.logoTransparent a{ display: block; width: 133px}
.logoTransparent a img{display: block; width:100% }
.naslov-registrator{position : absolute; top: 42px; left: 19% }
.naslov-registrator .header-portal{color: #fff;}
.naslov-registrator .korisnicki_panel{color: var(--grey); font-family: sourceSansProLT}

.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 5px 0px 5px;
    transition: all .3s ease-in-out; padding:0 0 0 6px; color:#fff; font-family: openSansB; letter-spacing: .7px; text-align: right; font-size:14px; }
.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; }


/* </ 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; padding-top: 30px}
.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}
.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;  }
.box5 img{width: 100%}
.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 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; }
.box5 ul {list-style: none; padding-top: 13px}
.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 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;}
.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{columns:3}
.textBox .savetniciLista li{list-style: none; font-family:openSansSB; font-size: 16px; background:rgb(221,221,221);
    display:flex; height:50px; margin-bottom:20px; align-items:center; padding:0 0 0 20px; box-sizing:border-box; width:230px}


/*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 #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;}
.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}

/*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 }
.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; height: 90px; 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}
/********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{color: var(--logolg)}

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


.k li{list-style: none}
.k .nest_info{display: flex; flex-wrap: wrap;align-items: center;width: calc(100% - 60px); position: relative; cursor: pointer}
.k .nest_info:after{content: ""; border-right: 2px solid #eee; border-bottom: 2px solid #eee; width: 10px; height: 10px; display: inline-block;
    position:absolute; right: 15px; top: 35%; transform:rotate(-45deg); transition: all .3s}
.k .arrowDown:after{transform: rotate(45deg); transition: all .3s}
.k .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{ display: inline-block; width:50px; position: absolute; right: 68px; color:#fff }
.k .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{margin-top: 30px; margin-right: 30px;;background: #fff; height: 124px; display: flex;}
.k .sadrzaj_back span{position: relative;background:var(--fontclr); width: 30px; height: 100%; display: inline-block; }
.k .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{margin: 50px 25px; font-size: 25px; font-family: opensansR; font-weight: normal; }
.k .nestlevel_1{width: 890px; margin: 0px 30px 30px 0; position: relative;}
.k .nestlevel_1> li:nth-child(odd){background:var(--grey)}
.k .nestlevel_1 >li:nth-child(even){background:var(--darkgrey)}
.k .nestlevel_1> li .nest_info:hover{background: #d4d6d6;}
.k .nestlevel_1> li{display: flex;  flex-wrap: wrap; width: 100%; }


.k .nestlevel_1 > li .pages{background: #fff; width: 100%;  }
.k .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{ border-bottom: 1px solid #ddd}
.k .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{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{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 {position: relative; padding:16px 120px 0px 59px; }
.k .info h2 {_position:relative; display:inline; padding:0 5px 0 0; _display:block; }
.k .info h2:hover{color: var(--lg)}
.k .info h2 a {text-transform: uppercase; font-family: opensansB;  }

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

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

.knjiga_o_pdv .korisnicki_deo{margin-bottom: 20px}
.k .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 {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{ 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 {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{position: relative; width: 30px}
.k .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{font-size: 14px; font-family: openSansSB; padding-left: 10px}

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


.k .banner-zbirka img{width: 100%; display: block;height: 280px}
.k .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{color: #eee}
.k .banner-zbirka .propisiBaner .colorGreen{color: var(--logolg); }

.k .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{position: relative;font-family: opensansSB; font-weight: normal; font-size: 13px; text-decoration: none;}
.k .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{transform: rotate(45deg); transition: all .3s}
.k .banner-zbirka .propisi_lista{background: #fff; padding: 10px 25px; box-sizing: border-box; display: none}
.k .banner-zbirka .propisi_lista a{text-decoration: none; color: var(--fontclr); font-family: openSansR; font-size: 16px}
.k .banner-zbirka .propisi_lista li{border-bottom: 1px solid #ddd; padding: 15px 5px}
.k .banner-zbirka .propisi_lista li:last-child{border-bottom: none;}

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


.k .info .sadrzaj_knjige_body a{text-decoration: none;}
.k .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{position: absolute;left: 0}
.k .info .sadrzaj_knjige_body li ul{margin: 10px 20px 20px 20px}
.k .info .sadrzaj_knjige_body li ul li{margin-top: 7px; color: var(--logolg);}
.k .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{text-decoration: underline}
.k .info .sadrzaj_knjige_body li ul li a span{position: absolute; left: 0px; }


.formaLogovanjeKnjiga{background: #fff; padding-bottom: 1px; margin-bottom: 30px; cursor: pointer }
.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 20px; text-align: center; color: #ddd; font-size: 13px; text-decoration: none; text-transform: uppercase;}
.formaLogovanjeKnjiga #dugmeLogovanjeKnjiga,#dugmeOdblokirajNalog{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}


.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;}
/*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
}
.ticketSystem .uspeno_poslato_pitanje{background: #fff}
.ticketSystem .uspeno_poslato_pitanje .ikonica{width: 80px; margin: auto; padding-top: 40px }
.ticketSystem .uspeno_poslato_pitanje .messages_INFORMATION {border: none; margin: 0; padding: 0; text-align: center; margin: 15px auto; font-family:openSansB }
.ticketSystem .uspeno_poslato_pitanje .brTiketa{text-align: center;  padding-bottom: 40px; font-size: 12px}

.newTicketCnt{}
.newTicketCnt .naslovTiketa textarea{background: #f4f4f4; border: 1px solid #ccc; display: block; width: 71%; margin-left: 15px }
.newTicketCnt .dodelaOblasti{background: #f4f4f4; padding: 20px 15px; box-sizing: border-box; position: relative;
display:flex;
}


.dodelaOblastiBlock{
    width:50%;
}
.newTicketCnt .dodelaOblasti #oblastTiketa{
    width: 220px; background: #fff; border: none; padding: 5px 10px ;margin-right: 10px; box-sizing: border-box;}

.newTicketCnt .dodelaOblasti label{

    margin-right: 10px;
    width:100%;
    padding: 2px 0 0 4px;
}

/* OBLASTI*/
.dodelaOblasti .izaberi_kategoriju{width: 25px; position:absolute ;  right: 324px; top: 20px; pointer-events: none}
.dodelaOblasti .dodelaFajlova{
    background: var(--logolg);
    display: flex;  
    flex-wrap: wrap;
}

/* FAJLOVI */
#oblastTiketa .dodelaOblasti .dodelaFajlova label{
    display: flex;
    justify-content:space-between;
}
.dodelaOblasti .dodaj_fajl{
    width: 25px;   
    display: block;
}
.newTicketCnt .dodelaFajlova #dodajAtt{
    background: black;
   width:0;
}
.newTicketCnt .dodelaFajlova label{
    display: flex;  
}
.newTicketCnt .dodelaFajlova label span{
    margin-left:30px;
    color:#eee;
}
.newTicketCnt .dodelaFajlova #ispis label span{
    background: var(--logodg);
    margin:0;
    color:#eee;
    padding:4px 20px;
    flex-grow: 1

}

.newTicketCnt .dodelaFajlova #ispis .obrisiMe{
        border-left:1px solid #eee;
    padding: 4px 10px;
    width:10px;
    flex-grow: 0;
    flex-basis: 0;

}

.newTicketCnt #ispis{ 
    text-align: left;
    display: flex;
    width: 100%; background: var(--logolg);  
    padding: 3px 4px; 
    box-sizing:  border-box;
    border-top:1px solid #eee;
    flex-direction: column;
}
.newTicketCnt #ispis >span{
    color:#eee;
    padding: 0 0 0 24px;
    font-size:var(--fxs)
}
.newTicketCnt #ispis label{font-size: 10px;display: flex;  text-align: left; width: 100%; margin:2px 0 ;  word-break: break-all; border:none; }

.newTicketCnt #ispis .obrisiMe{margin-left: 6px; color: #999}

.newTicketCnt .dodelaOblasti .uploadFile{
    opacity:1;
    position: absolute;
   background:orange;
    top:-10000px; left:-10000px;
    
}
.newTicketCnt .dodelaOblasti input[type="file"] {position: relative; width: 200px; }


.newTicketCnt .dodelaOblasti #oblastTiketa option{/*videti kako stilizovati element option*/}

.warningField{outline:2px solid #e116; background:#ee12!important}



.newTicketCnt #toolbar-container .ck-toolbar{background: #f4f4f4!important; border: none}
.newTicketCnt .naslovTiketa{background: #f4f4f4; 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: 30px; position:absolute; right: 150px; top: 70px}
.naslovTiketa textarea{
    border: none; width: 100%; font-family: openSansB; font-size: var(--fsh); padding:0px 60px 0px 20px; box-sizing: border-box;
    resize: none
}
.naslovTiketa #tiketNaslov{padding: 10px 10px 4px  10px; font-size: 14px; margin-top: 10px; height:46px}
.naslovTiketa .warningText{color: red; font-weight: normal; font-family: openSansR; font-size: 16px; }
.naslovTiketa textarea:focus{outline: none}
.newTicketCnt form{
    background: #fff;

}
.newTicketCnt .snimiPrviDraft{flex-grow:1; background: #4f563f; border: none; color: #fff; padding: 12px 0; text-transform: uppercase; cursor: pointer}
.newTicketCnt .snimiPrviDraft:hover{background: #919b6e}

.newTicketCnt .tiket_osnovni_podaci>div{

    margin-right: 15px;

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

.ticketSystem #coll_middle{
    width: 740px!important; margin:0 20px 0 0
}

.ticketSystem .oblast_sadrzaja .pregledTiketa .aktivanStatus a{background: #b3b5b5!important;}

.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); position: relative;}
.podaciOKorisniku h2 a{ 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}
.ticketSystem .podaciOKorisniku h2 img{width: 30px; position: absolute; right: 0; top: 8px; right: 10px}
.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%; }
.trenutniKorisnik .paket {font-weight: bold;}
.trenutniKorisnik .paket .nivo_paketa{background: #ffeb99; border-radius: 20px; padding: 0px 8px; box-sizing: border-box; }
.trenutniKorisnik p:last-child{border-bottom: 1px solid var(--logolg);  padding-bottom: 15px; font-size: 11px}

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

#tiketTekst{display: none}
.newTicketCnt .tekstTiketa{}
.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; }

#newTicket,#ckTicket{background:#fff; border:none; outline:none; box-shadow: none;min-height:300px; padding:20px; box-sizing: border-box}
#newTicket.ck-editor__editable li{
   list-style-position: inside;
    margin-left:1em;
}
#newTicket.ck-editor__editable > li > li{
   list-style-position: inside;
    margin-left:2em;
}
.buttonTicket{
    display: flex; justify-content: space-between;
    margin: 20px  auto;
    background: var(--logodg);width: 120px; text-transform: uppercase; font-family: openSansR;
    height: 38px;position: absolute;align-items: center; justify-content: center; cursor: pointer;right: 15px; top: 38px;
    color: #fff; border-radius: 20px; border: 1px solid var(--logodg)
}
.buttonArea{
    display: flex;
    gap:10px
}
.buttonArea .buttonTicket {
    position: relative;
    right: unset; top:unset;border-radius: 0px;
    display: flex;
    flex-grow: 2;
    margin: 0;
    height:unset;
    
}

.buttonTicket:hover{background: #919b6e; border: 1px solid #919b6e}
.buttonTicket:hover img{filter: invert(0.5)}
.buttonTicket img{width: 20px; margin-left: 10px}


.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_left .naslovPretplatnik{
    background: var(--logodg);
    color:#fff;
    font-size:var(--fp);
    padding:16px;
}
#coll_left .podaciFirme{
    padding: 6px;
    background: #e6e6e6;
    
}
#coll_left .podaciFirme p{
    font-size:var(--fs);
    padding: 8px
}
#coll_left .podaciFirme p span{
    font-size:12px;
}

#coll_right .pregledTiketa li a{background: #ddd; height:40px}
#coll_right .pregledTiketa li a span{padding:0 }

.preostalaPitanja {position: relative; }
.preostalaPitanja img{
    display:none;
    position: absolute;top: -3px; right: 40px; width: 30px;}
.brPitanja{color: #d66; font-family: openSansSB; font-size: 16px; margin-left: 6px;padding-right: 3px}



.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; position: relative}
.pregledZaposlenih h2:after{content: ""; border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block; width: 7px; height: 7px;
    transform: rotate(45deg); position: absolute; right: 16px; top: 18px; transition: all .2s}
.pregledZaposlenih .strelica-rotate:after{transform: rotate(-45deg); transition: all .2s}
.pregledZaposlenih ul{

}
.pregledZaposlenih ul li{
    list-style-type: none;
    padding: 10px 0; margin: 0 16px; border-bottom: 1px solid var(--logolg)
}
.pregledZaposlenih ul li:last-child{border: none}
.pregledZaposlenih ul li span{
    display: block;
    font-size: 12px
}
.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: space-between}
.gornjaTraka .idTiketa{color: #fff; font-family: openSansB; font-size: var(--fp); position: relative}
.idTiketa:before{content: "#"; padding-right: 5px}
.statusTiketa{color: #fff}
.statusTiketa span{filter: opacity(.5)}
.subHeaderTicket{
    background: #fff; padding: 20px 16px; box-sizing: border-box;
}
.subHeaderTicket h5{
    font-weight: normal;border-bottom: 1px solid var(--logolg); padding-bottom: 20px;
}
.subHeaderTicket #naslovTiketa{font-weight: normal; font-family: openSansb; font-size: 16px;padding-bottom: 10px;}

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


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

.glavnoPitanjeBody{
     padding: 20px 30px;
    border:1px solid #ccc6
    
}
.glavnoPitanjeBody ul,
.glavnoPitanjeBody ol{
    padding: 4px 0;
}
.glavnoPitanjeBody ul li,
.glavnoPitanjeBody ol li{
    list-style-position: inside;
    margin-left:1em;
}


.subHeaderTicket ul{
    padding-top: 20px;

}
.subHeaderTicket ul li {
    list-style: none; margin: 0
}
.oneTicketContainer ul 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{
    display: block;
    width:98%;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    margin:20px 0;
    position: relative;
    list-style: none;
    /*! padding: 20px 16px; */
        margin-left:auto
}

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


.ticketReplies .ticketAttachmentsBox{background: #cccccc; width: 100%; display: inline-block; display: flex; padding: 10px 10px; box-sizing: border-box}
.ticketReplies .ticketAttachment {width: 33%}
.ticketReplies .ticketAttachment .icon{position: relative}

.ticketReplies .ticketAttachment .attName{ padding-left: 10px; font-size: 10px }
.ticketReplies > li >ul{
    text-align: left;
    margin:0;
    margin-left:3.5em;
}
.ticketReplies > li >ul li{
    font-size:15px;
    line-height: 1.5em;
    list-style: square;
}

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

.ticketReplies h4{
    display:flex;
    align-items: center;
    box-sizing: border-box; padding: 10px 0 16px 20px;
    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;
     font-weight: normal; font-family: openSansSB
}
.ticketReplies .datum_vreme{
    font-weight: normal; width: max-content; display: block; padding-right: 20px; box-sizing: border-box
}


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

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

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

.oneTicketContainer div.ticketAttachmentsBox{ display: block; width: 100%;
    display:flex; flex-wrap:wrap;  padding:30px 0; gap:1px; justify-content:center; align-content:center}
.ticketAttachmentsBox .ticketAttachment{display: block; width: 30%; text-decoration: none;padding: 5px;
    _border-right:2px solid #eee; word-break: break-all;background: var(--grey);}
.ticketAttachment .icon{margin-right: 5px; background: var(--logolg); font-size: 20px; display: inline-block;
    padding: 5px; color: #fff}
.ticketAttachment .attName{font-size: 12px}


.ticketAttachment{
    position: relative;
}
.hidden_name{
    display: none;
    position: absolute;
    bottom:100%;
    width:fit-content;height:auto;
    min-width: 360px;
    background: #fffe;
    padding: 30px;
    border:1px solid #555

}
.ticketAttachment:hover .hidden_name{
    display: block;
}


.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{
  	color:#eee;
    padding:8px 0px;
    box-sizing: border-box;
    cursor: pointer;
    background: #4f563f; 
    text-transform: uppercase;
    width: 33%; margin-left: auto;
    text-align: center

}
#getReplyInterface:hover{
    background: #919b6e;
    
}

/*TICKET-KORISNICKA*/

.korisnickaStrana{position: relative}
.korisnickaStrana 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}
#korisnickiPodaciForma{display: flex; flex-wrap: wrap; flex-direction: column; text-align: center; background: #fff; padding:0 20px;
    box-sizing: border-box}
#korisnickiPodaciForma label{padding: 20px 0 5px; }
#korisnickiPodaciForma input{width: 200px; margin: auto; padding: 5px; box-sizing: border-box; border:1px solid #ccc}
#korisnickiPodaciForma p{padding: 20px 0 0}
#snimiPodatkeBtn,p#dodajKorisnika{background: var(--logolg); border: none; width: 200px; height: 40px; margin: 20px auto;
    color: #fff; cursor:pointer; padding:0; display:flex; align-items:center; justify-content: center}
#snimiPodatkeBtn:hover,#dodajKorisnika:hover{background: var(--logodg)}
p#dodajKorisnika{margin: 20px auto 0}

.modalniProzor{position: fixed; background: #fff; top: 100px; left: calc(50% - 300px); width: 600px; min-height: 200px;
    display: flex; _flex-wrap: wrap; flex-direction: column; border: 1px solid #ccc; padding: 10px; box-sizing: border-box}
.modalniProzor label{text-align: center; padding: 10px 0 5px}
.modalniProzor input{width: 200px; margin:0 auto; padding: 5px; box-sizing: border-box}
.modalniProzor .snimiNovogKorisnika{background: var(--logolg); display: flex; width: 200px; margin: 20px auto;
    color: #fff; cursor: pointer; height: 40px; align-items: center; justify-content: center}
.zatvoriProzor{width: max-content; padding: 5px 10px; box-sizing: border-box; font-size: 15px; cursor: pointer;}

/* 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: var(--main); color:#eee }
.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:#eee; }
.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)}