body header{position:fixed;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:100%;width:100%;top:0;z-index:99}body header .logo{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;background-color:white}body header .logo img{padding-top:20px}body header .topnav{position:relative;background-color:#096eb3;width:75%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:30px;padding-right:60px}body header .topnav small{color:#f6dc0b;position:absolute;bottom:15px;font-size:80%}body header .topnav a{color:white;text-decoration:unset;display:block;font-size:20px;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}body header .topnav a:hover{color:#f6dc0b}body #loading{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;top:0;left:0;text-align:center;background-color:rgba(0,0,0,0.6);z-index:999}body #loading .lds-dual-ring{display:inline-block;width:90px;height:90px}body #loading .lds-dual-ring:after{content:" ";display:block;width:84px;height:84px;margin:8px;border-radius:50%;border:6px solid #f6dc0b;border-color:#f6dc0b transparent #f6dc0b transparent;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media only screen and (min-width:993px){.hide-on-large-and-up{display:none}}@media only screen and (max-width:992px){p.notification-bar{position:relative!important;margin:0!important;padding:0 32px}small{padding:0 32px}body header .logo{width:50%;height:70px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}body header .logo img{max-width:160px;width:100%;padding:0 10px}body header ul#slide-out li:first-child{padding-bottom:0}body header ul#slide-out .logo{margin-left:32px}body header ul#slide-out .logo img{padding-left:0}body header nav{background-color:#096eb3;width:50%;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body header .sidenav li:first-child{border-bottom:2px solid #096eb3;padding-bottom:20px}body header .sidenav li a{font-weight:bold}.sidenav-overlay{z-index:9!important}}

#pojo-a11y-toolbar{
    height: unset;
    line-height: unset;
    background: unset;
    box-shadow: unset;
    width: unset;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-item{ float: unset; }
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle { bottom: 0; }
#pojo-a11y-toolbar.pojo-a11y-toolbar-left { top: unset !important; bottom: 60px; }

@media only screen and (min-width: 992px){
    .tr-vrsta-troska{ width: 20% }
    .tr-ukupni-proracun,
    .tr-iznos-od-grada,
    .tr-iznos-od-drugih-izvora{ width: 10% }
    .tr-obrazlozenje{ width: 25% }
    
    .tr-ostali-izvori{ width: 30% }
    .tr-ostali-iznosi{ width: 20% }
    .tr-ostali-nazivi{ width: 50% }
}

.delete-form { 
    background-color: #f44336; 
    color: #fff;
    padding: 10px;
    text-align: center;
    display:  none;
}
.confirm-delete-form { background: #f44336 !important; color: #fff !important; display: none; }
.confirm-delete-form:hover { background: transparent !important;; border-color: #f44336 !important; color: #f44336 !important; }
.cancel-delete-form { display: none; }
body form input.inline-short[type="text"]{
    width: 50%;
    height: 48px !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    margin-left: 12px !important;
}
.link.flex { display: flex; gap: 4px; }
.link.flex.column { flex-direction: column; }
button[type="submit"][disabled] { opacity: 0.25; pointer-events: none; }

a.attachment.istakni{ color: red; }

#sekcija-dokumentacije ol > li > ul > br,
#sekcija-dokumentacije ol > li > ol > br,
body section#main.single-nat .row .col.m6 ol > li > ul > br,
body section#main.single-nat .row .col.m6 ol > li > ol > br{ display: none; }
#sekcija-dokumentacije ol > li > ul > li,
body section#main.single-nat .row .col.m6 ol > li > ul > li{
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 12px;
}

.table-center > th{ text-align: center; }

thead.sticky,
tbody.sticky,
tr.sticky{
    position: sticky;
    top: 100px;
    z-index: 98;
}
tr.sticky td,
tr.sticky th,
tr.sticky tbody,
tr.sticky thead{ background: rgba(255, 255, 255, 0.8); }

tr.sticky.border-fix::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.12);
}

#basic_drop_zone{ cursor: pointer; }
#basic_drop_zone > .center{ pointer-events: none; }

.tr-ostali-iznosi input[readonly],
.tablica-izvjesca input[readonly],
.tablica-izvjesca textarea[readonly]{
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.45);
    background-color: rgba(220, 220, 220, 0.547) !important;
}
.tablica-izvjesca td.tr-prilozi input[readonly]{
    background-color: white !important;
    color: black;
    font-size: 13px;
    overflow-x: auto;
    height: 63px !important;
}


.tablica-izvjesca tr td{
    vertical-align: bottom;
}
.tablica-izvjesca tr td textarea{
    margin-bottom: 6px !important;
}
.tablica-izvjesca .sticky td{
    background: white !important;
    z-index: 98;
}
.tablica-izvjesca .sticky{
    background-color: white;
    box-shadow: 0 4px 2px -2px gray;
}
.tablica-izvjesca tr.sticky th{
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}
.tablica-izvjesca td.tr-obrazlozenje textarea{
    font-size: 16px;
}
@media only screen and (max-width: 1400px){
    textarea.con-fit{
        font-size: 18px;
    }
    .dropdown-content li label span{
        line-height: 20px !important;
    }
    .tr-vrsta-troska span{
        font-size: 20px !important;
    }
}

#info .only-izvjesce,
#report .only-prijava{ display: none; }
#report .dropdown-content li > span > label{ height: unset; }

.tr-prilozi .select-wrapper .caret{
    z-index: 1;
    fill: rgba(0, 0, 0, 0.12);
    pointer-events: none;
}
.select-wrapper > .select-wrapper{ display: none; }