@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html{
    font-family: 'Montserrat', sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body{
    margin:0;
    font-family: 'Montserrat', sans-serif;
    color: rgb(100,100,100);
    font-size: 16px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent;
    text-decoration: none;
}
a:active,a:hover{
    outline:0
}

a{
    font-weight:700;
    color:rgb(235,34,50);
    text-decoration:underline;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

a:hover{
    color:rgb(37,57,101);
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    margin:.67em 0;
    font-size:2em
}
mark{
    color:#000;
    background:#ff0
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0;
    max-width: 100%;
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    height:0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    margin:0;
    font:inherit;
    color:inherit
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    padding:0;
    border:0
}
input{
    line-height:normal;
}
input[type=checkbox],input[type=radio]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    padding:.35em .625em .75em;
    margin:0 2px;
    border:1px solid silver
}
legend{
    padding:0;
    border:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-spacing:0;
    border-collapse:collapse
}
td,th{
    padding:0
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.login .blueHeader, .messageNotLoggedIn .blueHeader{
    background-color:rgb(235,34,50);
    height:30px;
}

.pageWidth{
    max-width: 100%;
    width:1400px;
    margin:0 auto;
}

.smallerWidth{
    max-width: 100%;
    width:800px;
    margin:0 auto;
}

.header{
    background-color:rgb(255,255,255);
    color:rgb(235,34,50);
}

.header .identity{
    padding:20px 0;
    border-bottom:1px solid rgb(238,238,238);
    box-shadow:0px 2px 2px rgba(0,0,0,0.2);
    margin-bottom:2px;
}


.header .identity .logo{
    display:inline-block;
    vertical-align: middle;
    margin-right:10px;
}

.header .identity .logo img{
    display:block;
}

.header .identity .naslov{
    display:inline-block;
    vertical-align: middle;
}

.header .title{
    font-weight:bold;
    font-size:28px;
}

.header .subTitle{
    font-size:20px;
    /*color:rgb(217,70,80);*/
}

.footer{
    margin-top:40px;
}

.footer .blueHeader{
    text-align:right;
    height:auto;
    padding:0 20px;
    padding-bottom:7px;
    background-color:rgb(235,34,50);
}

.footer .blueHeader .toTop{
    color:rgba(37,57,101,1);
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    display:inline-block;
    padding:5px;
    border-top:5px solid rgb(37,57,101);
    cursor:pointer;
}

.footer .blueHeader .toTop:hover{
    color:rgba(37,57,101,0.6);
}

.footer .content{
    padding-top:40px;
    font-size:0;
    padding-bottom:40px;
}

.footer .content .grb{
    display:inline-block;
    vertical-align: middle;
    width:60px;
}

.footer .content .info{
    display:inline-block;
    vertical-align: middle;
    width:calc(100% - 60px);
    padding-left:20px;
}

.footer .content .info .title{
    font-size:28px;
    font-weight:700;
    color:rgb(235,34,50);
}

.footer .content .info .subtitle{
    font-size:14px;
    font-weight:500;
    color:rgb(79,79,79);
}

.footer .content .info .note{
    font-size:12px;
    margin-top:7px;
}

.footer .content .info .note a{
    font-weight:700;
    color:rgb(235,34,50);
    text-decoration:underline;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.footer .content .info .note a:hover{
    color:rgb(141,221,255);
}

.pageTitle{
    background-color:rgb(238,238,238);
}

.pageTitle .title{
    font-weight:normal;
    padding:20px 0;
    font-size:26px;
    color:rgb(235,34,50);
}

.blueWrap{
    background-color:rgb(243,249,255);
    padding:20px;
}

.login .blueWrap, .messageNotLoggedIn .blueWrap{
    padding:40px 0;
}



.login .blueWrap .imageWrap{
    text-align:center;
    padding-top:20px;
}

.inputWrap{
    width:500px;
    margin:0 auto;
    max-width:90%;
    text-align:left;
    margin-bottom: 20px;
}

.inputWrapper{
    position:relative;
}

.inputWrap .title{
    font-weight:bold;
    font-size:14px;
    color:rgb(235,34,50);
    margin-bottom:5px;
}

.inputWrap input[type="text"], .inputWrap input[type="password"]{
    padding:10px 10px;
    font-size:14px;
    color:rgb(235,34,50);
    line-height:20px;
    width:100%;
    outline:none;
    box-shadow:1px 1px 4px rgba(235,34,50,0);
    border:1px solid rgb(37,57,101);
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.inputWrap input[type="text"]:focus{
    box-shadow:1px 1px 4px rgba(235,34,50,0.5);

}

.inputWrap input[type="password"]:focus{
    box-shadow:1px 1px 4px rgba(235,34,50,0.5);
}

.inputWrap textarea{
    padding:5px;
    font-size:14px;
    color:rgb(235,34,50);
    width:100%;
    outline:none;
    box-shadow:1px 1px 4px rgba(235,34,50,0);
    border:1px solid rgb(235,34,50);
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    height:150px;
    resize:none;
}

.inputWrap textarea:focus{
    box-shadow:1px 1px 4px rgba(235,34,50,0.5);
}

.inputWrap .button .icon{
    display:inline-block;
    vertical-align: middle;
    width:30px;
}

.inputWrap .button .icon img{
    display:block;
}

.inputWrap .button .label{
    display:inline-block;
    vertical-align: middle;
    width:auto;
}

.inputWrap .note{
    font-size: 12px;
    color: rgb(169,169,169);
    margin-bottom:3px;
}

.inputWrap .button, .messageNotLoggedIn .button, .message .button{
    background-color:rgb(37,57,101);
    border:2px solid rgba(235,34,50,0);
    color:rgb(255,255,255);
    text-align:center;
    padding:15px 0;
    width:100%;
    font-weight:bold;
    font-size:20px;
    cursor:pointer;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.inputWrap .buttonDisabled{
    background-color:rgb(200,200,200);
    color:rgb(255,255,255);
    text-align:center;
    padding:15px 0;
    width:100%;
    font-weight:bold;
    font-size:20px;
    cursor:pointer;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}



.inputWrap .button a, .messageNotLoggedIn .button a, .message .button a{
    color:rgb(255,255,255);
    text-decoration: none;
}

.inputWrap .button:hover{
    border:2px solid rgba(235,34,50,1);
}

.messageNotLoggedIn .button:hover{
    border:2px solid rgba(235,34,50,1);
}

.message .button:hover{
    border:2px solid rgba(235,34,50,1);
}

.message .button{
    width:500px;
    margin:0 auto;
    max-width:100%;
}

.message .text{
    color:rgb(235,34,50);
    padding-bottom:30px;
}

.messageNotLoggedIn .button a{
    display:block;
    color:rgb(255,255,255);
}

.login .inputWrapper .show{
    position:absolute;
    top:1px;
    right:1px;
    font-size:12px;
    padding:0 5px;
    line-height:40px;
    background-color:rgb(243,249,255);
    cursor:pointer;
    border-left:1px solid rgb(235,34,50);
}

#menu .topBlueBar{
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    text-align:left;
    padding:8px 0;
}

#menu .topBlueBar .pageWidth{
    position:relative;
}

#menu .topBlueBar a{
    color:rgb(255,255,255);
}

#menu .topBlueBar .user .icon, #menu .topBlueBar .user .name{
    display:inline-block;
    vertical-align: middle;
}

#menu .topBlueBar .user .name{
    font-size:14px;
}

#menu .topBlueBar .user .icon{
    width:25px;
}

#menu .topBlueBar .logout{
    width:20px;
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#menu .topBlueBar .logout .wrap{
    position:relative;
    cursor:pointer;
}

#menu .topBlueBar .logout .wrap img{
    display:block;
    -webkit-transition:all ease 0.2s;
    -moz-transition:all ease 0.2s;
    -ms-transition:all ease 0.2s;
    -o-transition:all ease 0.2s;
    transition:all ease 0.2s;
}

#menu .topBlueBar .logout .wrap .white{
    opacity:1;
    position:relative;
    z-index:500;
}

#menu .topBlueBar .logout .wrap .red{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:400;
}

#menu .topBlueBar .logout .wrap:hover .white{
    opacity:0;
} 

#menu .topBlueBar .logout .wrap:hover .red{
    opacity:1;
} 

#menu .menuWrap{
    font-size:0;
    text-align:left;
    background-color:rgb(42,47,50);
}

#menu .menuWrap .menuItem{
    display:inline-block;
    vertical-align: top;
    font-weight:500;
    font-size:18px;
    position:relative;
    background-color:rgba(213,230,254,0);
    -webkit-transition:all ease 0.2s;
    -moz-transition:all ease 0.2s;
    -ms-transition:all ease 0.2s;
    -o-transition:all ease 0.2s;
    transition:all ease 0.2s;
}

#menu .menuWrap .menuItem .carret{
    font-weight: 200;
    font-size: 14px;
    padding-left: 5px;
    top: -1px;
    position: relative;
} 

#menu .menuWrap .menuItem .rightBorder{
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height:10px;
    width:1px;
    background-color:rgb(230,230,230);
}

#menu .menuWrap .menuItem .subMenu{
    position:absolute;
    z-index:1000;
    top:99%;
    width:200%;
    left:0;
    background-color:rgb(255,255,255);
    max-height:0px;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    overflow:hidden;
    border-bottom: 1px solid rgb(238,238,238);
}

#menu .menuWrap .menuItem:hover{
    background-color:rgba(213,230,254,1);
}

#menu .menuWrap .menuItem:hover .carret{
    color:white;
}

#menu .menuWrap .menuItem:hover .subMenu{
    max-height:400px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

#menu .menuWrap .menuItem .subMenu .subMenuItem{
    position:relative;
    font-size:14px;
}

#menu .menuWrap .menuItem .subMenu .subMenuItem a{
    padding:9px;
    padding-left:22px;
}

#menu .menuWrap .menuItem .subMenu .subMenuItem .bottomBorder{
    position:absolute;
    top:100%;
    left:22px;
    width:20px;
    height:1px;
    background-color:rgb(230,230,230);
}

#menu .menuWrap .menuItem:hover .subMenu .subMenuItem:hover{
    background-color:rgba(213,230,254,1);
}


#menu .menuWrap .menuItem:hover .subMenu .subMenuItem:hover a{
    color:rgba(235,34,50,1);
}

#menu .menuWrap .menuItem a{
    display:block;
    color:rgba(235,34,50,1);
    padding:18px;
    font-weight:400;
    text-decoration: none;
}

#menu .menuWrap .menuItem:first-child{
    margin-left:-18px;
}

#menu .menuWrap .menuItem:hover a{
    color:rgba(235,34,50,1);
}

#menu .menuWrap .menuItemActive{
    background-color:rgb(238,238,238) !important;
    cursor:default !important;
}

#menu .menuWrap .menuItemActive a{
    color:rgb(200,200,200) !important;
    cursor:default;
}

#menu .header .identity{
    box-shadow:none;
}

#menu .menuWrap{
    box-shadow:0px 2px 2px rgba(0,0,0,0.2);
    margin-bottom:3px;
}

.lightbox{
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(255,255,255,0.9);
    position:fixed;
    z-index:90000;
    display:none;
}

.lightbox .lightboxContent{
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    position:fixed;
    z-index:90001;
}

.imageLightbox{
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.8);
    position:fixed;
    z-index:90000;
    display:none;
}

.imageLightbox .lightboxContent{
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    position:fixed;
    z-index:90001;
    width:80%;
    max-height:90vh;
    
    overflow:hidden;
}

.imageLightbox .lightboxContent img{
    max-width:80vw;
    max-height:80vh;
    display:block;
    margin:0 auto;
    border:1px solid rgb(255,255,255);
}

.imageLightbox .downloadButtonWrap{
    position:fixed;
    z-index:90002;
    bottom:20px;
    text-align:center;
    width:100%;
}

.imageLightbox .downloadButtonWrap #download-button{
    padding: 10px;
    width: 200px;
    margin: 0 auto;
    font-size: 18px;
    color:rgb(255,255,255);
    text-decoration: none;
    background-color:rgb(37,57,101);
    border:1px solid rgba(255,255,255,0.5);
    box-shadow:1px 1px 4px rgba(255,255,255,0);
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.imageLightbox .downloadButtonWrap #download-button:hover{
    box-shadow:1px 1px 4px rgba(255,255,255,0.8);
}

.imageLightbox .arrow{
    position:fixed;
    top:50%;
    z-index:90002;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:50px;
    cursor:pointer;
}

.imageLightbox .arrowLeft{
    left:10px;
}

.imageLightbox .arrowRight{
    right:10px;
}



.administracija .boxesWrap{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top:20px;
    margin-bottom:40px;
}

.administracija .boxesWrap .box{
    width: calc(33.333% - 20px);
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin:5px;
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    font-size:0;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    padding:10px;
    padding-bottom:20px;
    position:relative;
}

.administracija .boxesWrap .box:hover{
    background-color:rgb(93,142,220);
}



.administracija .boxesWrap .box .icon{
    width:72px;
    display:inline-block;
    vertical-align: top;
    margin-right:10px;
}

.administracija .boxesWrap .box .info{
    width:calc(100% - 82px);
    display:inline-block;
    vertical-align: top;
    font-size:14px;
}

.administracija .boxesWrap .box .info .title{
    font-size:26px;
    font-weight:700;
}

.administracija .boxesWrap .box .info .text{
    font-size:18px;
    font-weight:400;
    margin:5px auto;
}

.administracija .boxesWrap .box .info .note{
    font-size:12px;
    font-weight:200;
}

.administracija .boxesWrap .box .boxMore{
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    margin-top: 20px;
    border-top: 1px solid #4a90e2;
    padding-top: 12px;
    font-size:16px;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.administracija .boxesWrap .box:hover .boxMore{
    border-top: 1px solid rgb(255,255,255);
}

.administracija .boxesWrap .box .boxMore a{
    color:rgb(255,255,255);
}

.administracija .boxesWrap .box .boxMore a:hover{
    color:rgb(255,255,255);
}

.administracija .boxesWrap .box .inlines{
    font-size:0;
}

.administracija .boxesWrap .box .inlines .inline{
    display:inline-block;
    vertical-align: top;
    width:50%;
    padding-left:10px;
}

.administracija .boxesWrap .box .inlines .inline:first-child{
    border-right:1px solid rgb(255,255,255);
}

.administracija .stambenoBoxes .box{
    background:rgb(245, 143, 24);
    background: linear-gradient(90deg,rgb(245, 143, 24) 35%, rgba(241,93,33, 1) 100%);
    border:2px solid rgba(255,255,255,1);
    border-radius:4px;
}

.administracija .stambenoBoxes .box:hover{
    border:2px solid rgba(1,45,106,1);
}

.administracija .stambenoBoxes .box .boxMore{
    border-top: 1px solid rgb(1,45,106) !important;
}

.administracija .boxesWrap .box .value{
    font-weight:200;
    font-size:12px;
    font-style:italic;
}


.listaNalogaAdministracija .tableWrap #wait{
    display:block;
    margin:0 auto;
}

.listaNalogaAdministracija .tableWrap{
    overflow-x:auto;
    overflow-y:scroll;
    border:1px solid rgb(0,0,0);
}

.listaNalogaAdministracija .tableWrap table{
    max-width:none;
    border-collapse:collapse;
    text-align:left;
}

.listaNalogaAdministracija .tableWrap table td{
    border:1px solid rgb(150,150,150);
}

.listaNalogaAdministracija .tableWrap table td .value{
    padding:9px 5px;
    height:39px;
}

.listaNalogaAdministracija .tableWrap table td .redniBroj{
    width:70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .brojNaloga{
    width:90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .datumNaloga{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .brojFakture{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .radnaJedinica{
    width:160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .adresa{
    width:210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .status{
    width:210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .brojFakture{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .iznos{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .penal{
    width:130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .pdv{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNalogaAdministracija .tableWrap table td .pogledajNalog{
    width:145px;
}

.listaNalogaAdministracija .tableWrap .tableHeader{
    position:sticky;
    top:0;
    left:0;
    right:0;
    z-index:100;
}

.listaNalogaAdministracija .tableWrap .tableHeader table{
    background-color:rgb(255,255,255);
    box-shadow:0px 2px 2px rgba(0,0,0,0.4);
    font-weight:bold;
    background-color:rgb(220,220,220);

}

.listaNalogaAdministracija .tableWrap .tableHeader table td .value{
    height:auto;
}

.listaNalogaAdministracija .tableWrap #table{
    position:relative;
    z-index:50;
}

.listaNalogaAdministracija .darkBlue{
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    padding:10px;
    margin:20px auto;
}

.listaNalogaAdministracija .darkBlue table{
    border-collapse:collapse;
    text-align:left;
}

.listaNalogaAdministracija .darkBlue table tr td{
    padding:5px 0px;
}

.listaNalogaAdministracija .darkBlue table tr td:nth-child(1) .value{
    width:340px;
    font-weight:bold;
}

.listaNalogaAdministracija .darkBlue table tr td:nth-child(2) .value{
    width:150px;
}

.listaNalogaAdministracija .darkBlue table tr td:nth-child(3) .value{
    width:315px;
    font-weight:bold;
}

.listaNalogaAdministracija .darkBlue table tr td:nth-child(4) .value{
    width:150px;
}

.listaNalogaAdministracija .filters .filterWrap{
    display:inline-block;
    vertical-align:bottom;
    padding-right:10px;
    margin-right:10px;
    border-right:1px solid rgb(200,200,200);
}

.listaNalogaAdministracija .filters .filterWrap .inputWrap{
    width:auto;
    max-width:none;
    margin-bottom:5px;
}

.listaNalogaAdministracija .filters .filterWrap .inputWrap .button{
    padding: 5px;
    font-size: 12px;
}

.listaNalogaAdministracija .filters #opstine-filter{
    width:700px;
}

.listaNalogaAdministracija .filters #opstine-filter .inputWrapper{
    display:inline-block;
    vertical-align: top;
    margin-right:10px;
    padding-right:10px;
    margin-bottom:10px;
    border-right:1px solid rgb(200,200,200);
}

.listaNalogaAdministracija .filters #opstine-filter .inputWrapper .label{
    display:inline-block;
    vertical-align: middle;
}

.listaNalogaAdministracija .filters #opstine-filter .inputWrapper .inputWrap{
    display:inline-block;
    vertical-align: middle;
    margin-bottom:0;
    margin-left:5px;
}

.listaNalogaAdministracija .filters #opstine-filter .inputWrapper .inputWrap input{
    width:20px;
    height:20px;
}

.nalog .printButton{
    width:150px;
    margin-left:0;
    margin-right:auto;
}

.nalog .printButton .button{
    font-size:14px;
    padding:4px;
}

.nalog .printButton .button .icon{
    width:20px;
}

.nalog .boxesWrap{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top:20px;
    margin-bottom:20px;
}

.nalog .boxesWrap .box{
    width: calc(33.333% - 20px);
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin:5px;
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    font-size:0;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    padding:10px;
    position:relative;
}

.nalog .boxesWrap .box select{
    background-color:rgba(0,0,0,0.2);
    width:90%;
}

.nalog .boxesWrap .box:hover{
    background-color:rgb(93,142,220);
}

.nalog .boxesWrap .box .icon{
    width:72px;
    display:inline-block;
    vertical-align: top;
    margin-right:10px;
}

.nalog .boxesWrap .box .info{
    width:calc(100% - 82px);
    display:inline-block;
    vertical-align: top;
    font-size:14px;
}

.nalog .boxesWrap .box .info .title{
    font-size:26px;
    font-weight:700;
}

.nalog .boxesWrap .box .info .text{
    font-size:18px;
    font-weight:400;
    margin:5px auto;
}

.nalog .boxesWrap .box .info .note{
    font-size:12px;
    font-weight:200;
}

.nalog .boxesWrap .box .info .note a{
    color:rgb(255,255,255);
}

.nalog .istorija .historyWrap{
    display:inline-block;
    vertical-align: top;
    padding:0 5px;
    margin-top:5px;
    margin-bottom:5px;
    border:1px solid rgb(255,255,255);
    cursor:pointer;
    margin-right:-1px;
    background-color: rgba(255,255,255,0);
    cursor:pointer;
}

.nalog .istorija .historyWrap:hover{
    background-color: rgba(255,255,255,0.2);
}

.nalog .istorija .historyActive{
    color:rgb(235,34,50) !important;
    background-color: rgba(255,255,255,1) !important;
}

.nalog .obracunWrap{
    background-color:rgb(243,249,255);
    padding:20px;
    color:rgb(235,34,50);
}

.nalog .obracunWrap .title{
    font-weight:700;
    font-size:24px;
    margin-bottom:15px;

}

.nalog .header{
    
    color:rgb(100,100,100);
    font-weight: 700;
    box-shadow:0px 2px 2px rgba(0,0,0,0.4);
}

.nalog .elems .row{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: stretch;
    background-color:rgb(255,255,255);
    position:relative;
    z-index:1000;
}

.nalog .header .row{
    background-color:rgb(220,220,220) !important;
}

.nalog .elems .naziv{
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.nalog .elems .elem{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border:1px solid rgb(150,150,150);
    padding:9px 5px;
    margin-left:-1px;
    position:relative;
    z-index:1000;
}

.nalog .elems .redniBroj{
    width:50px;
}

.nalog .elems .sifra{
    width:150px;
}

.nalog .elems .jedinica{
    width:80px;
}

.nalog .elems .cena{
    width:130px;
}

.nalog .elems .kolicina{
    width:50px;
}

.nalog .elems .ugradjeno{
    width:50px;
}

.nalog .elems .ukupno{
    width:160px;
}

.nalog .elems .obrisi{
    width:50px;
    position:relative;
    cursor:pointer;
}

.nalog .elems .obrisi img{
    position:absolute;
    display:block;
    width:80%;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition:all ease 0.2s;
    -moz-transition:all ease 0.2s;
    -ms-transition:all ease 0.2s;
    -o-transition:all ease 0.2s;
    transition:all ease 0.2s;
}

.nalog .elems .obrisi:hover img{
    width:90%;
}

.nalog #obracun-wrap .sifra{
    padding:0;
}

.nalog #obracun-wrap .sifra input{
    border:none;
    background-color:rgb(255,255,255,0);
    height:100%;
    padding:9px 5px;
    outline:none !important;
}

.nalog #obracun-wrap .sifra input:focus{
    background-color:rgb(255,255,255,1);
}

.nalog #obracun-wrap .naziv{
    padding:0;
}

.nalog #obracun-wrap .naziv textarea{
    border:none;
    background-color:rgb(255,255,255,0);
    height:100%;
    padding:9px 5px;
    outline:none !important;
    width:100%;
    resize:none;
}

.nalog #obracun-wrap .naziv textarea:focus{
    background-color:rgb(255,255,255,1);
}

.nalog #obracun-wrap .kolicina{
    padding:0;
    position:relative;
}

.nalog #obracun-wrap .kolicina input{
    border:none;
    background-color:rgb(255,255,255,0);
    height:100%;
    padding:9px 5px;
    outline:none !important;
}

.nalog #obracun-wrap .kolicina input:focus{
    background-color:rgb(255,255,255,1);
}



.nalog #obracun-wrap .ugradjeno input{
    border:none;
    background-color:rgb(255,255,255,0);
    height:100%;
    padding:9px 5px;
    outline:none !important;
}

.nalog #obracun-wrap .kolicina .plus{
    position:absolute;
    top:3px;
    right:3px;
    font-size:10px;
    padding:3px;
    color:rgb(255,255,255);
    background-color:rgb(235,34,50);
    border-radius:30px;
    line-height: 6px;
    font-weight:700;
    cursor:pointer;
    width:12px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.nalog #obracun-wrap .kolicina .minus{
    position:absolute;
    bottom:3px;
    right:3px;
    font-size:10px;
    padding:3px;
    color:rgb(255,255,255);
    background-color:rgb(235,34,50);
    border-radius:30px;
    line-height: 6px;
    font-weight:700;
    cursor:pointer;
    width:12px;
    text-align: center;
}

.nalog .obracunWrap .button{
    background-color:rgb(37,57,101);
    border:2px solid rgba(235,34,50,0);
    color:rgb(255,255,255);
    text-align:center;
    padding:10px 0;
    width:100%;
    font-weight:bold;
    font-size:16px;
    cursor:pointer;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.nalog .ucinakWrap .button:hover{
    border:2px solid rgba(235,34,50,1);
}

.nalog .ucinakWrap{
    background-color:rgb(243,249,255);
    padding:20px;
    color:rgb(235,34,50);
}

.nalog .ucinakWrap .title{
    font-weight:700;
    font-size:24px;
    margin-bottom:15px;

}


.nalog #ucinak-wrap .sifra{
    padding:0;
}

.nalog #ucinak-wrap .sifra input{
    border:none;
    background-color:rgb(255,255,255,0);
    height:100%;
    padding:9px 5px;
    outline:none !important;
}

.nalog #ucinak-wrap .sifra input:focus{
    background-color:rgb(255,255,255,1);
}

.nalog #ucinak-wrap .naziv{
    padding:0;
}

.nalog #ucinak-wrap .naziv textarea{
    border:none;
    background-color:rgb(255,255,255,0);
    height:100%;
    padding:9px 5px;
    outline:none !important;
    width:100%;
    resize:none;
}

.nalog #ucinak-wrap .naziv textarea:focus{
    background-color:rgb(255,255,255,1);
}

.nalog #ucinak-wrap .kolicina{
    padding:0;
    position:relative;
}

.nalog #ucinak-wrap .kolicina input{
    border:none;
    background-color:rgb(255,255,255,0);
    height:100%;
    padding:9px 5px;
    outline:none !important;
}

.nalog #ucinak-wrap .kolicina input:focus{
    background-color:rgb(255,255,255,1);
}

.nalog #ucinak-wrap .kolicina .plus{
    position:absolute;
    top:3px;
    right:3px;
    font-size:10px;
    padding:3px;
    color:rgb(255,255,255);
    background-color:rgb(235,34,50);
    border-radius:30px;
    line-height: 6px;
    font-weight:700;
    cursor:pointer;
    width:12px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.nalog #ucinak-wrap .kolicina .minus{
    position:absolute;
    bottom:3px;
    right:3px;
    font-size:10px;
    padding:3px;
    color:rgb(255,255,255);
    background-color:rgb(235,34,50);
    border-radius:30px;
    line-height: 6px;
    font-weight:700;
    cursor:pointer;
    width:12px;
    text-align: center;
}

.nalog .ucinakWrap .button{
    background-color:rgb(37,57,101);
    border:2px solid rgba(235,34,50,0);
    color:rgb(255,255,255);
    text-align:center;
    padding:10px 0;
    width:100%;
    font-weight:bold;
    font-size:16px;
    cursor:pointer;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

/*.nalog .row .suggestionBox{
    position:absolute;
    top:100%;
    left:0px;
    right:0px;
    max-height:200px;
    overflow-x:hidden;
    overflow-y:auto;
    border:1px solid rgb(150,150,150);
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    z-index:2000;
}*/

.nalog .row .suggestionBox{
    position:relative;
    display:block;
    width:100%;
    max-height:200px;
    overflow-x:hidden;
    overflow-y:auto;
    border:1px solid rgb(150,150,150);
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    z-index:2000;
}

.nalog .suggestionBox .rowWrap .row{
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    z-index:2000;
}

.nalog .suggestionBox .rowWrap .row .elem{
    border:1px solid rgb(255,255,255);
    position:relative;
    z-index:2000;
}

.nalog .suggestionBox .rowWrap .row:hover{
    background-color:rgb(220,220,220);
    color:rgb(235,34,50);
}

.nalog .total{
    text-align:right;
    font-size:20px;
    padding:10px;
    padding-top:20px;
}

.nalog .total span{
    font-weight:700;
}

.nalog .detalji .boxesWrap{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top:20px;
    margin-bottom:40px;
}

.nalog .detalji .boxesWrap .box{
    width: calc(50% - 20px);
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin:5px;
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    font-size:0;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    padding:10px;
    padding-bottom:70px;
    position:relative;
}

.nalog .detalji .boxesWrap .box:hover{
    background-color:rgb(93,142,220);
}

.nalog .detalji .boxesWrap .box .info{
    font-size:14px;
}

.nalog .detalji .boxesWrap .box .info .title{
    font-size:26px;
    font-weight:700;
    margin-bottom:0;
    color:rgb(255,255,255);
}

.nalog .detalji .boxesWrap .box .info .text{
    font-size:18px;
    font-weight:400;
    margin:5px auto;
}

.nalog .detalji .boxesWrap .box .info .note{
    font-size:12px;
    font-weight:200;
}

.nalog .detalji .boxesWrap .box .boxMore{
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    margin-top: 20px;
    border-top: 1px solid #4a90e2;
    padding-top: 12px;
    font-size:16px;
    font-weight:700;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.nalog .detalji .boxesWrap .box:hover .boxMore{
    border-top: 1px solid rgb(255,255,255);
}

.nalog .detalji .title{
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 15px;
    color:rgb(235,34,50);
}

.nalog .detalji .boxesWrap .box .info{
    width:100%;
}

.nalog .detalji .boxesWrap .box .inline50s{
    font-size:0;
    text-align:left;
}

.nalog .detalji .boxesWrap .box .inline50{
    display:inline-block;
    vertical-align: top;
    font-size:16px;
    width:50%;
}

.nalog .detalji .boxesWrap .box .inline50 .checkboxWrapper{
    margin-bottom:15px;
}

.nalog .detalji .boxesWrap .box .inline50 .checkboxWrapper .checkboxWrap{
    width:30px;
    height:30px;
    font-size:16px;
    display:inline-block;
    vertical-align:middle;
}

.nalog .detalji .boxesWrap .box .inline50 .checkboxWrapper .label{
    width:calc(100% - 40px);
    font-size:20px;
    padding-left:5px;
    display:inline-block;
    vertical-align:middle;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    cursor:pointer;
}

.nalog .detalji .boxesWrap .box .inline50 .checkboxWrapper .checkboxWrap input[type="checkbox"]{
    width:100%;
    height:100%;
}

.nalog .detalji .boxesWrap .box .inline50 .checkboxWrapper:hover .label{
    color:rgb(93,142,220);
    font-weight:bold;
}

.nalog .detalji .boxesWrap .noHover:hover{
    background-color:rgb(235,34,50);
}


.nalog .izvestaji{
    background-color: rgb(243,249,255);
    padding: 20px;
    color: rgb(235,34,50);
}

.nalog .izvestaji .title{
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 15px;
    color: rgb(235,34,50);
    text-align:center;
}

.nalog .izvestaji .qrWrap{
    padding:15px;
    text-align:center;
    background-color:rgb(255,255,255);
    position:relative;
    display:inline-block;
    margin-top:-80px;
    margin-left:-20px;
}

.nalog .izvestaji .qrWrap .sticker{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-color:rgb(255,255,255);
    border-radius:100%;
    padding:5px;
    border:1px solid rgb(0,0,0);
    width:35px;
    height:35px;
}

.nalog .izvestaji .qrWrap .sticker .relative{
    width:100%;
    height:100%;
}

.nalog .izvestaji .qrWrap .sticker .relative img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    width:20px;
}

.nalog .izvestaji .qrWrap .note{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    padding:15px;
    padding-top:0px;
    background-color:rgb(255,255,255);
    font-size:14px;
    color:rgb(235,34,50);
}

.nalog .izvestaji .qrWrap .note div{
}

.nalog .izvestaji #komentari{
    width:calc(100% - 360px);
    margin:0 auto;
    margin-top:-100px;
}

.nalog .izvestaji .izvestajBox{
    width:80%;
    margin-left:0;
    margin-right:auto;
    padding:15px;
    border:1px solid rgb(235,34,50);
    border-radius:15px;
    margin-bottom:20px;
    background-color:rgba(0,0,0,0.1);

}

.nalog .izvestaji .izvestajUser{
    width:80%;
    margin-left:auto;
    margin-right:0;
    background-color:rgb(255,255,255);
}

.nalog .izvestaji .izvestajBox .name{
    font-size:14px;
    font-weight:700;
}

.nalog .izvestaji .izvestajBox .name span{
    font-size:14px;
    font-weight:200;
    font-style:italic;
}

.nalog .izvestaji .izvestajBox .name sub{
    font-weight:200;
}

.nalog .izvestaji .izvestajBox .text{
    margin-top:5px;
}

.nalog .izvestaji .izvestajBox .previewImages{
    margin-top:5px;
    text-align: left;
}

.nalog .izvestaji .previewImages .imagePreview{
    width:100px;
    height:100px;
}

.nalog .izvestaji .izvestajInputWrap{
    width:68%;
}

.nalog .popisMaterijala{
    background-color: rgb(243,249,255);
    padding: 20px;
    color: rgb(235,34,50);
}

.nalog .popisMaterijala .title{
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 15px;
    color: rgb(235,34,50);
}

.nalog .popisMaterijala .popisMaterijalWrap{
    font-size:0;
}

.nalog .popisMaterijala .materijal{
    display:inline-block;
    vertical-align:top;
    width:65%;
    position:relative;
}

.nalog .popisMaterijala .stavke{
    display:inline-block;
    vertical-align:top;
    width:35%;
}

.nalog .popisMaterijala .materijal .materijalWrap{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.nalog .popisMaterijala .materijal .productButton{
    width: calc(25% - 10px);
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin:5px;
    background-color:rgb(255,255,255);
    border:1px solid rgb(235,34,50);
    color:rgb(235,34,50);
    text-align:center;
    padding:3px;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor:pointer;
}

.nalog .popisMaterijala .materijal .productButton:hover{
    color:rgb(255,255,255);
    background-color:rgb(235,34,50);
}

.nalog .popisMaterijala .materijal .backButton{
    position:absolute;
    top:0;
    left:0;
    padding:5px;
    color:rgb(255,255,255);
    background-color:rgb(235,34,50);
    cursor:pointer;
    -webkit-transition:all ease 0.2s;
    -moz-transition:all ease 0.2s;
    -ms-transition:all ease 0.2s;
    -o-transition:all ease 0.2s;
    transition:all ease 0.2s;
    border:1px solid rgb(235,34,50);
}

.nalog .popisMaterijala .materijal .backButton:hover{
    background-color:rgb(255,255,255);
    color:rgb(235,34,50);
}

.nalog .popisMaterijala #proizvodi{
    padding-top:35px;
}

.nalog .boxesWrap .box .checkboxWrapper .checkboxWrap{
    width:30px;
    height:30px;
    font-size:16px;
    display:inline-block;
    vertical-align:middle;
}

.nalog .boxesWrap .box .checkboxWrapper .label{
    width:calc(100% - 40px);
    font-size:20px;
    padding-left:5px;
    display:inline-block;
    vertical-align:middle;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    cursor:pointer;
}

.nalog .boxesWrap .box .checkboxWrapper .checkboxWrap input[type="checkbox"]{
    width:100%;
    height:100%;
}

.nalog .boxesWrap .box .checkboxWrapper:hover .label{
    color:rgb(255,255,255);
    font-weight:bold;
}

.nalog .boxesWrap .box input{
    padding:4px;
    font-size:14px;
    background-color:rgba(0,0,0,0.2);
    color:rgb(255,255,255);
    line-height:20px;
    width:100%;
    outline:none;
    border:1px solid rgb(118,118,118);
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.nalog .boxesWrap .box input:focus{
    border:1px solid rgb(255,255,255);
}

.nalog .ucinakMajstora .title{
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 15px;
    color: rgb(235,34,50);
}

.nalog .obracunWrap .header2{
    text-align: center;
    font-size:0px;
    padding-bottom:20px;
}

.nalog .obracunWrap .header2 .inputWrapper{
    display:inline-block;
    width:40%;
    vertical-align: top;
    font-size:18px;
}

.nalog .obracunWrap .header2 .inputWrapper .label{
    font-weight:700;
    display:inline-block;
    vertical-align: middle;
}

.nalog .obracunWrap .header2 .inputWrapper .inputWrap{
    display:inline-block;
    vertical-align: middle;
    width:auto;
    margin-bottom:0px;
}

.nalog .ucinakMajstora table{
    border-collapse: collapse;
    color:rgb(100,100,100);
}

.nalog .ucinakMajstora table tr:nth-child(even){
    background-color:rgba(0,0,0,0.1);
}

.nalog .ucinakMajstora table tr:hover{
    background-color:rgba(0,0,0,0.2);
    color:rgb(0,0,0);
}

.nalog .ucinakMajstora table td{
    padding:5px 10px;
    border:1px solid rgb(100,100,100);
}

.nalog .ucinakMajstora table tr td:nth-child(4) .value{
    color:rgb(235,34,50);
    font-weight:700;
    text-decoration:underline;
    cursor:pointer;
}

.nalog .ucinakMajstora .noviUcinak{
    width:auto;
    margin-top:7px;
    max-width:none;
    text-align:left;
}

.nalog .ucinakMajstora .noviUcinak .button{
    display:inline-block;
    width:auto;
    padding:5px;
}

.nalog .ucinakMajstora .icon{
    width:30px;
}

.previewImages{
    font-size:0;
    text-align:center;
}

.previewImages .imagePreview{
    width: 150px;
    height:150px;
    display:inline-block;
    vertical-align: top;
    margin:5px;
    overflow:hidden;
    border:1px solid rgb(235,34,50);
    position:relative;
    background-color:rgb(255,255,255);
    cursor:pointer;
    background-image:url(/images/loadGif.gif);
    background-size:30px;
    background-position: center center;
    background-repeat: no-repeat;
}

.previewImages .imagePreview .image{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.nalog .izvestaji .buttonWrap .button{
    padding:4px;
    width:150px;
    margin:0 auto;
    font-size:14px;
}

.nalog .izvestaji .buttonWrap .button .icon{
    width:15px;
}

.nalog .saveNalog .inputWrap{
    max-width:100%;
    width:100%;
}

.nalog .majstorNaNalogu{
    background-color:rgb(37,57,101);
    border:2px solid rgba(235,34,50,0);
    color:rgb(255,255,255);
    text-align:center;
    padding:10px 0;
    width:100%;
    font-weight:bold;
    font-size:16px;
    cursor:pointer;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.lightBlueBox{
    background-color: rgb(243,249,255);
    padding: 20px;
    color: rgb(37,57,101);
}

.administracijaDispecera .inlines{
    font-size:0;
}

.administracijaDispecera .inlines .dispecerList{
    display:inline-block;
    vertical-align:top;
    width:350px;
    font-size:16px;
}

.administracijaDispecera .inlines .radneJedinice{
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 350px);
    font-size:16px;
    background-color:rgb(255,255,255);
    padding:20px;
}

.administracijaDispecera .inlines .dispecerList .name{
    color:rgb(255,255,255);
    padding:15px;
    border-bottom:1px solid rgb(255,255,255);
    background-color:rgb(235,34,50);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    cursor:pointer;
}

.administracijaDispecera .inlines .dispecerList .name:hover{
    background-color:rgb(93,142,220);
}

.administracijaDispecera .inlines .dispecerList .selected{
    background-color:rgb(255,255,255);
    color:rgb(235,34,50);
}

.administracijaDispecera .inlines .dispecerList .selected:hover{
    background-color:rgb(255,255,255);
    color:rgb(235,34,50);
}

.administracijaDispecera  .checkboxWrapper{
    margin-bottom:15px;
    display:inline-block;
    width:215px;
    vertical-align: top;
}

.administracijaDispecera  .checkboxWrapper .checkboxWrap{
    width:30px;
    height:30px;
    font-size:16px;
    display:inline-block;
    vertical-align:middle;
}

.administracijaDispecera  .checkboxWrapper .label{
    width:calc(100% - 40px);
    font-size:20px;
    padding-left:5px;
    display:inline-block;
    vertical-align:middle;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    cursor:pointer;
}

.administracijaDispecera  .checkboxWrapper .checkboxWrap input[type="checkbox"]{
    width:100%;
    height:100%;
}

.administracijaDispecera  .checkboxWrapper:hover .label{
    color:rgb(93,142,220);
    font-weight:bold;
}

.otvoreniNalozi .tableWrap{
    
    border:1px solid rgb(0,0,0);
}

.otvoreniNalozi .tableWrap table{
    max-width:none;
    border-collapse:collapse;
    text-align:left;
    background-color:rgb(255,255,255);
    color:rgb(100,100,100);
}

.otvoreniNalozi .tableWrap table td{
    border:1px solid rgb(150,150,150);
}

.otvoreniNalozi .tableWrap table td .value{
    padding:9px 5px;
    height:39px;
}

.otvoreniNalozi .tableWrap table td .redniBroj{
    width:70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otvoreniNalozi .tableWrap table td .brojNaloga{
    width:90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otvoreniNalozi .tableWrap table td .ikonica{
    width:40px;
    padding:3px;
}

.otvoreniNalozi .tableWrap table td .ikonica img{
    display:block;
    max-height:100%;
    margin:0 auto;
}

.otvoreniNalozi .tableWrap table td .datumNaloga{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otvoreniNalozi .tableWrap table td .rokRadova{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height:auto;
}

.otvoreniNalozi .tableWrap table td .zavrsetakRadova{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height:auto;
}

.otvoreniNalozi .tableWrap table td .brojFakture{
    width:160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otvoreniNalozi .tableWrap table td .radnaJedinica{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otvoreniNalozi .tableWrap table td .adresa{
    width:210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otvoreniNalozi .tableWrap table td .status{
    width:100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otvoreniNalozi .tableWrap table td .majstor{
    width:200px;
    text-overflow: ellipsis;
    overflow: hidden;
    height:auto;
}

.otvoreniNalozi .tableWrap table td .iznos{
    width:210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otvoreniNalozi .tableWrap table td .opis{
    width:200px;
    overflow: hidden;
    height:auto !important;
}


.otvoreniNalozi .tableWrap table td .link{
    width:149px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otvoreniNalozi .tableWrap .tableHeader{
    position:sticky;
    top:0;
    left:0;
    right:0;
    z-index:100;
    overflow-x:auto;
}

.otvoreniNalozi .tableWrap .tableHeader table{
    background-color:rgb(255,255,255);
    box-shadow:0px 2px 2px rgba(0,0,0,0.4);
    font-weight:bold;
    background-color:rgb(220,220,220);
    color:rgb(100,100,100);

}

.otvoreniNalozi .tableWrap .tableHeader table td .value{
    height:auto;
    white-space: normal;
}

.otvoreniNalozi .boxesWrap{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top:20px;
    margin-bottom:40px;
}

.otvoreniNalozi .boxesWrap .box{
    width: calc(33.333% - 20px);
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin:5px;
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    font-size:0;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    padding:10px;
    padding-bottom:20px;
    position:relative;
}

.otvoreniNalozi .boxesWrap .box:hover{
    background-color:rgb(93,142,220);
}

.otvoreniNalozi .boxesWrap .box .icon{
    width:72px;
    display:inline-block;
    vertical-align: top;
    margin-right:10px;
}

.otvoreniNalozi .boxesWrap .box .info{
    width:calc(100% - 82px);
    display:inline-block;
    vertical-align: top;
    font-size:14px;
}

.otvoreniNalozi .boxesWrap .box .info .title{
    font-size:20px;
    font-weight:700;
}

.otvoreniNalozi .boxesWrap .box .info .text{
    font-size:28px;
    font-weight:400;
    margin:5px auto;
}

.otvoreniNalozi .boxesWrap .box .info .note{
    font-size:12px;
    font-weight:200;
}

.otvoreniNalozi .boxesWrap .box .boxMore{
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    margin-top: 20px;
    border-top: 1px solid #4a90e2;
    padding-top: 12px;
    font-size:16px;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.otvoreniNalozi .boxesWrap .box:hover .boxMore{
    border-top: 1px solid rgb(255,255,255);
}

.otvoreniNalozi .boxesWrap .box .boxMore a{
    color:rgb(255,255,255);
}

.otvoreniNalozi .boxesWrap .box .boxMore a:hover{
    color:rgb(255,255,255);
}

.otvoreniNalozi #table{
    height:500px;
    overflow-x:auto;
    overflow-y:auto;
}

.otvoreniNalozi .filters .filter{
    display:block;
    margin-bottom:3px;
    padding-bottom:3px;
    border-bottom:1px solid rgb(235,34,50);
}

.otvoreniNalozi .filters .filter .label{
    display:inline-block;
    vertical-align: top;
    font-weight:700;
    font-size:18px;
    width:285px;
}

.otvoreniNalozi .filters .filter .checkboxes{
    display:inline-block;
    vertical-align: top;
    font-weight:700;
    font-size:16px;
}

.otvoreniNalozi .filters  .checkboxWrapper{
    margin-bottom:15px;
    display:inline-block;
    margin-right:15px;
    vertical-align: top;
}

.otvoreniNalozi .filters  .checkboxWrapper .checkboxWrap{
    width:15px;
    height:15px;
    font-size:14px;
    display:inline-block;
    vertical-align:middle;
}

.otvoreniNalozi .filters  .checkboxWrapper .label{
    width:auto;
    font-size:16px;
    padding-left:5px;
    display:inline-block;
    vertical-align:middle;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    cursor:pointer;
    color:rgb(100,100,100);
}

.otvoreniNalozi .filters  .checkboxWrapper .checkboxWrap input[type="checkbox"]{
    width:100%;
    height:100%;
}

.otvoreniNalozi .filters  .checkboxWrapper:hover .label{
    color:rgb(93,142,220);
    font-weight:bold;
}

.otvoreniNalozi .printButton{
    padding-top:20px;
}

#nalozi-map-wrap{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1000;
}

#nalozi-map-wrap #map{
    width:100%;
    height:100%;
}

#nalozi-map-wrap .close{
    position:absolute;
    left:50%;
    top:20px;
    transform:translateX(-50%);
    font-size:20px;
    background-color:rgb(31,52,100);
    text-align:center;
    z-index:1100;
    border:1px solid rgb(100,100,100);
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    color:rgb(255,255,255);
    border-radius:100px;
    width:30px;
    height:30px;
    line-height: 30px;
    cursor:pointer;
}




.zavrseniNalozi .tableWrap{
    border:1px solid rgb(0,0,0);
}

.zavrseniNalozi .tableWrap table{
    max-width:none;
    border-collapse:collapse;
    text-align:left;
    background-color:rgb(255,255,255);
    color:rgb(100,100,100);
}

.zavrseniNalozi .tableWrap table td{
    border:1px solid rgb(150,150,150);
}

.zavrseniNalozi .tableWrap table td .value{
    padding:9px 5px;
    height:39px;
}

.zavrseniNalozi .tableWrap table td .redniBroj{
    width:70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.zavrseniNalozi .tableWrap table td .brojNaloga{
    width:90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.zavrseniNalozi .tableWrap table td .ikonica{
    width:40px;
    padding:3px;
}

.zavrseniNalozi .tableWrap table td .ikonica img{
    max-height: 100%;
    display:block;
    margin:0 auto;
}

.zavrseniNalozi .tableWrap table td .datumNaloga{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.zavrseniNalozi .tableWrap table td .radnaJedinica{
    width:160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.zavrseniNalozi .tableWrap table td .adresa{
    width:210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.zavrseniNalozi .tableWrap table td .status{
    width:210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.zavrseniNalozi .tableWrap table td .iznos{
    width:150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.zavrseniNalozi .tableWrap table td .majstor{
    width:150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.zavrseniNalozi .tableWrap table td .link{
    width:149px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.zavrseniNalozi .tableWrap table td .dugme{
    width:210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding:0 3px;
    padding-top:3px;
    padding-bottom:3px;
}

.zavrseniNalozi .tableWrap table td .dugme .button{
    background-color:rgb(37,57,101);
    border:2px solid rgba(235,34,50,0);
    color:rgb(255,255,255);
    text-align:center;
    padding:5px 0;
    width:100%;
    font-weight:bold;
    cursor:pointer;
    font-size:14px;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.zavrseniNalozi .tableWrap .tableHeader{
    position:sticky;
    top:0;
    left:0;
    right:0;
    z-index:100;
    overflow-x:auto;
}

.zavrseniNalozi .tableWrap .tableHeader table{
    background-color:rgb(255,255,255);
    box-shadow:0px 2px 2px rgba(0,0,0,0.4);
    font-weight:bold;
    background-color:rgb(220,220,220);
    color:rgb(100,100,100);

}

.zavrseniNalozi .tableWrap .tableHeader table td .value{
    height:auto;
    white-space: normal;
}

.zavrseniNalozi .boxesWrap{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top:20px;
    margin-bottom:40px;
}

.zavrseniNalozi .boxesWrap .box{
    width: calc(33.333% - 20px);
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin:5px;
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    font-size:0;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    padding:10px;
    padding-bottom:20px;
    position:relative;
}

.zavrseniNalozi .boxesWrap .box:hover{
    background-color:rgb(93,142,220);
}

.zavrseniNalozi .boxesWrap .box .icon{
    width:72px;
    display:inline-block;
    vertical-align: top;
    margin-right:10px;
}

.zavrseniNalozi .boxesWrap .box .info{
    width:calc(100% - 82px);
    display:inline-block;
    vertical-align: top;
    font-size:14px;
}

.zavrseniNalozi .boxesWrap .box .info .title{
    font-size:20px;
    font-weight:700;
}

.zavrseniNalozi .boxesWrap .box .info .text{
    font-size:28px;
    font-weight:400;
    margin:5px auto;
}

.zavrseniNalozi .boxesWrap .box .info .note{
    font-size:12px;
    font-weight:200;
}

.zavrseniNalozi .boxesWrap .box .boxMore{
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    margin-top: 20px;
    border-top: 1px solid #4a90e2;
    padding-top: 12px;
    font-size:16px;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.zavrseniNalozi .boxesWrap .box:hover .boxMore{
    border-top: 1px solid rgb(255,255,255);
}

.zavrseniNalozi .boxesWrap .box .boxMore a{
    color:rgb(255,255,255);
}

.zavrseniNalozi .boxesWrap .box .boxMore a:hover{
    color:rgb(255,255,255);
}

.zavrseniNalozi #table{
    height:500px;
    overflow-x:hidden;
    overflow-y:auto;
}

.zavrseniNalozi .filters .filter{
    display:block;
    margin-bottom:3px;
    padding-bottom:3px;
    border-bottom:1px solid rgb(235,34,50);
}

.zavrseniNalozi .filters .filter .label{
    display:inline-block;
    vertical-align: top;
    font-weight:700;
    font-size:18px;
    width:285px;
}

.zavrseniNalozi .filters .filter .checkboxes{
    display:inline-block;
    vertical-align: top;
    font-weight:700;
    font-size:16px;
}

.zavrseniNalozi .filters  .checkboxWrapper{
    margin-bottom:15px;
    display:inline-block;
    margin-right:15px;
    vertical-align: top;
}

.zavrseniNalozi .filters  .checkboxWrapper .checkboxWrap{
    width:15px;
    height:15px;
    font-size:14px;
    display:inline-block;
    vertical-align:middle;
}

.zavrseniNalozi .filters  .checkboxWrapper .label{
    width:auto;
    font-size:16px;
    padding-left:5px;
    display:inline-block;
    vertical-align:middle;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    cursor:pointer;
    color:rgb(100,100,100);
}

.zavrseniNalozi .filters  .checkboxWrapper .checkboxWrap input[type="checkbox"]{
    width:100%;
    height:100%;
}

.zavrseniNalozi .filters  .checkboxWrapper:hover .label{
    color:rgb(93,142,220);
    font-weight:bold;
}

.zavrseniNalozi .printButton{
    padding-top:20px;
}

.pretragaNaloga .spacer{
    width:100%;
    height:1px;
    background-color:rgb(235,34,50);
    margin:30px auto;
}

.pretragaNaloga #nalozi table{
    border-collapse: collapse;
    max-width: none;
    background-color:rgb(255,255,255);
    color:rgb(100,100,100);
}

.pretragaNaloga #nalozi table td{
    border:1px solid rgb(100,100,100);
    padding:5px;
}
.pretragaNaloga #nalozi table tr:nth-child(even){
    background-color:rgba(0,0,0,0.1);
}

.pretragaNaloga #nalozi table tr:hover{
    background-color:rgba(0,0,0,0.4);
    color:rgb(0,0,0);
}

.mobileBoxes{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top:10px;
    margin-bottom:10px;
}

.mobileBoxes .box{
    width: calc(33.333% - 20px);
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin:5px;
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    font-size:0;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    padding:10px;
    padding-bottom:10px;
    position:relative;
}

.mobileBoxes .box .icon{
    width:30px;
    display:inline-block;
    vertical-align: top;
    margin-right:6px;
}

.mobileBoxes .box .info{
    width:calc(100% - 40px);
    display:inline-block;
    vertical-align: top;
    font-size:14px;
}

.mobileBoxes .box .info .title{
    font-size:16px;
    font-weight:700;
}

.mobileBoxes .box .info .text{
    font-size:14px;
    font-weight:400;
    margin:5px auto;
}

.mobileBoxes .box .info .note{
    font-size:12px;
    font-weight:200;
}

.nalogMobilni .izvestajTitle{
    text-align:center;
    font-weight:700;
    font-size:16px;
    color:rgb(235,34,50);
    margin-bottom:10px;
}

.nalogMobilni .blueWrap{
    padding-top:10px;
}

.nalogMobilni .buttonWrap{
    text-align:center;
}

.nalogMobilni .buttonWrap .button{
    font-size:14px;
    padding:5px;
    display:inline-block;
    width:auto;
}

.podizvodjaci .zavrseniNalozi .boxesWrap .box .info .text{
    font-size:16px;
}

.digitalizacijaNaloga .icon{
    text-align:center;
}

.digitalizacijaNaloga .icon img{
    width:100px;
}

.digitalizacijaNaloga #preview-files{
    text-align:center;
    margin:15px auto;
    text-align:center;
    font-size:18px;
    font-weight:700;
    color:rgb(235,34,50);
}

.digitalizacijaNaloga .addButton{
    font-size:14px;
    padding:5px;
    width:200px;
    margin:0 auto;
}

.digitalizacijaNaloga .addButton .icon{
    width:15px;
}

.digitalizacijaNaloga .separator{
    width:100%;
    max-width:400px;
    height:1px;
    background-color:rgb(235,34,50);
    margin:20px auto;
}



.inputWrapper .unit{
    position:absolute;
    top:50%;
    right:10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}



.responsiveHandle{
    display:none;
    width:42px;
    height:30px;
    position:relative;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
}

.responsiveHandle .wrap{
    width:100%;
    height:100%;
}

.responsiveHandle .wrap .bar{
    height:4px;
    position:absolute;
    background-color:rgb(235,34,50);
    border-radius:3px;
    width:100%;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.responsiveHandle .wrap .topBar{
    top:0;
    left:0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
}

.responsiveHandle .wrap .middleBar{
    top:50%;
    left:0;
    margin-top:-2px;
}

.responsiveHandle .wrap .bottomBar{
    bottom:0;
    left:0;
}

.menuOpened .responsiveHandle .wrap .topBar{
    -webkit-transform:rotate(30deg);
    -moz-transform:rotate(30deg);
    -ms-transform:rotate(30deg);
    -o-transform:rotate(30deg);
    transform:rotate(30deg);
    top:44%;
    left:-7%;
    width:116%;
}

.menuOpened .responsiveHandle .wrap .bottomBar{
    -webkit-transform:rotate(-30deg);
    -moz-transform:rotate(-30deg);
    -ms-transform:rotate(-30deg);
    -o-transform:rotate(-30deg);
    transform:rotate(-30deg);
    top:44%;
    left:-9%;
    width:116%;
}

.menuOpened .responsiveHandle .wrap .middleBar{
    -webkit-transform:rotate(-30deg);
    -moz-transform:rotate(-30deg);
    -ms-transform:rotate(-30deg);
    -o-transform:rotate(-30deg);
    transform:rotate(-30deg);
    top:48%;
    left:-9%;
    width:116%;
}



.deleteButton{
    background-color: rgb(217,70,78) !important;
    color:rgb(255,255,255);
}

.rezultatPretrageReversa table{
    max-width:none;
    border-collapse:collapse;
    text-align:left;
    background-color:rgb(255,255,255);
    color:rgb(100,100,100);
    margin-top:20px;
}

.rezultatPretrageReversa table tr:nth-child(even){
    background-color:rgba(0,0,0,0.1);
}

.rezultatPretrageReversa table td{
    border:1px solid rgb(150,150,150);
}

.rezultatPretrageReversa table td .value{
    padding:9px 5px;
}

.listaNaloga .tableWrap{
    border:1px solid rgb(0,0,0);
}

.listaNaloga .tableWrap table{
    max-width:none;
    border-collapse:collapse;
    text-align:left;
    background-color:rgb(255,255,255);
    color:rgb(100,100,100);
}

.listaNaloga .tableWrap table td{
    border:1px solid rgb(150,150,150);
}

.listaNaloga .tableWrap table td .value{
    padding:9px 5px;
    height:39px;
}

.listaNaloga .tableWrap table td .redniBroj{
    width:70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNaloga .tableWrap table td .brojNaloga{
    width:90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNaloga .tableWrap table td .ikonica{
    width:40px;
}

.listaNaloga .tableWrap table td .datumNaloga{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNaloga .tableWrap table td .rokRadova{
    width:120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNaloga .tableWrap table td .opis{
    width:350px;
    height:auto;
}

.listaNaloga .tableWrap table td .radnaJedinica{
    width:160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNaloga .tableWrap table td .adresa{
    width:210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNaloga .tableWrap table td .status{
    width:210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNaloga .tableWrap table td .iznos{
    width:150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNaloga .tableWrap table td .majstor{
    width:150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.listaNaloga .tableWrap table td .link{
    width:149px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listaNaloga .tableWrap table td .obrisi{
    width:30px;
    text-align:center;
    font-weight:900;
    color:rgb(220,0,0);
    cursor:pointer;
}

.listaNaloga .tableWrap .tableHeader{
    position:sticky;
    top:0;
    left:0;
    z-index:100;
    overflow-x:visible;
}

.listaNaloga .tableWrap .tableHeader table{
    background-color:rgb(255,255,255);
    box-shadow:0px 2px 2px rgba(0,0,0,0.4);
    font-weight:bold;
    background-color:rgb(220,220,220);
    color:rgb(100,100,100);

}

.listaNaloga .tableWrap .tableHeader table td .value{
    height:auto;
    white-space: normal;
}

.dropSlike{
    width:200px;
    padding:50px 0;
    text-align: center;
    color:rgb(235,34,50);
    background-color:rgba(37,57,101,0);
    border:1px dashed rgb(37,57,101);
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    margin:20px auto;
}

.dropHot{
    color:rgb(255,255,255);
    background-color:rgba(37,57,101,0.5);
    border:4px dashed rgb(37,57,101);

}


.majstorNalozi .row{
    padding-bottom:10px;
    border-bottom:1px solid rgb(235,34,50);
}

.majstorNalozi .row .flex{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.majstorNalozi .row:nth-child(even){
    background-color:rgba(235,34,50,0.05);
}

.majstorNalozi .row .flex .block{
    width: calc(25% - 20px);
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin:5px;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    padding:5px;
    position:relative;
}

.majstorNalozi .row .flex .adresa span{
    font-weight: 700;
    color:rgb(235,34,50);
    text-decoration: underline;
}

.majstorNalozi .buttonWrap{
    text-align:center;
    margin-top:5px;
    position: absolute;
    top: 150px;
    right: 10px;
}

.majstorNalozi .buttonWrap .button{
    font-size:18px;
    padding:10px;
    color:rgb(255,255,255);
    font-weight:500;
    display:inline-block;
    width:auto;
    background-color:rgb(37,57,101);
}

.majstorNalozi .moreButton{
    font-size:18px;
    padding:10px;
    color:rgb(255,255,255);
    font-weight:500;
    background-color:rgb(37,57,101);
    text-align:center;
}

.majstorNalozi .okaciIzvestaj{
    font-size:18px;
    padding:10px;
    color:rgb(255,255,255);
    font-weight:500;
    background-color:rgb(37,57,101);
    text-align:center;
}

.majstorNalozi .nalogOpened .moreButton{
    background-color:rgb(150,0,0);
}

.majstorNalozi .izvestaji .buttonWrap{
    text-align: center;
    margin-top: 0px;
    position: relative;
    top: auto;
    right: auto;
    margin-top:10px;
    margin-bottom:40px;
}

.majstorNalozi .izvestaji .buttonWrap .button{
    padding:4px;
    width:150px;
    margin:0 auto;
    font-size:16px;
    position:relative;
}

.majstorNalozi .izvestaji .buttonWrap .button .icon{
    width:15px;
    display: inline-block;
    vertical-align: middle;
}

.majstorNalozi .izvestaji .buttonWrap .button .label{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding-left:7px;
}

.majstorNalozi .details{
    padding-bottom:20px;
}

.majstorNalozi .details .title{
    font-weight:500;
    font-size:18px;
    margin:10px auto;
}

.majstorNalozi .details textarea{
    padding: 5px;
    font-size: 14px;
    color: rgb(235,34,50);
    width: 100%;
    outline: none;
    box-shadow: 1px 1px 4px rgba(235,34,50, 0);
    border: 1px solid rgb(235,34,50);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    height: 150px;
    resize: none;
}

.majstorNalozi .izvestaji .izvestaj{
    margin-bottom:10px;
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding-top:10px;
    padding-left:5px;
}


.majstorNalozi .izvestaji .izvestaj:nth-child(even){
    background-color:rgba(0,0,0,0.05);
}

.majstorNalozi .izvestaji .izvestaj .timestamp{
    font-size:12px;
    font-style:italic;
    font-weight:200;
}

.majstorNalozi .izvestaji .izvestaj .korisnik{
    font-size:12px;
    font-weight:500;
}

.majstorNalozi .izvestaji .izvestaj .text{
    padding:5px 0;
    padding-left:15px;
    font-size:14px;
}


.majstorNalozi .izvestaji .photos .imagePreview{
    width: 75px;
    height:75px;
    display:inline-block;
    vertical-align: top;
    margin:5px;
    overflow:hidden;
    border:1px solid rgb(235,34,50);
    position:relative;
    background-color:rgb(255,255,255);
    cursor:pointer;
    background-image:url(/images/loadGif.gif);
    background-size:100px;
    background-position: center center;
    background-repeat: no-repeat;
}

.majstorNalozi .izvestaji .photos .imagePreview .image{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.majstorNalozi #potpis-lightbox{
    width:100vw;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    overflow:hidden;
    z-index:8000;
    background-color:rgb(255,255,255);
}

.majstorNalozi #potpis-lightbox canvas{
    width:1000px;
    height:1000px;
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:9000;
    border:1px solid rgb(32,51,100);
}

.majstorNalozi #potpis-lightbox .closeButton{
    bottom:10vh;
    position:fixed;
    z-index:9100;
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    font-weight:500;
    font-size:14px;
    padding:10px;
}

.majstorNalozi #potpis-lightbox .pgLogo{
    top:1vh;
    left:1vw;
    position:fixed;
    z-index:9100;
    width:3vw;
}


.majstorNalozi #potpis-lightbox .stambenoLogo{
    top:1vh;
    right:1vw;
    position:fixed;
    width:6vw;
}

.majstorNalozi #slika-potpisa{
    width:150px;
    height:150px;
    border:1px solid rgb(235,34,50);
    margin:0 auto;
}

.majstorNalozi .statusWrap{
    text-align: center;
}

.majstorNalozi .statusWrap .button{
    font-size: 18px;
    padding: 10px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    background-color: rgb(37,57,101);
    text-align: center;
}


.majstor #nalozi .nalogRow{
    font-size:0;
    padding:10px 4px;
    border-bottom:2px solid rgb(0,0,0);
}

.majstor #nalozi .nalogRow:nth-child(even){
    background-color:rgb(240,240,240);
}

.majstor .dodatniRadoviNalog{
    background-color:rgba(0,0,200,0.2) !important;
}

.majstor .zavrsenNalog{
    background-color:rgba(0,200,0,0.2) !important;
}

.majstor #nalozi .nalogRow .inline{
    display:inline-block;
    vertical-align: top;
    width:50%;
    font-size:12px;
    margin-bottom:10px;
}

.brzaPretraga{
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.brzaPretraga input{
    border:1px solid rgb(235,34,50);
    color:rgb(100,100,100);
    font-weight:500;
    font-size:16px;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    box-shadow:2px 2px 2px rgba(0,0,0,0);
    padding:5px 10px;
    border-radius:3px;
    outline:none;
    width:200px;
    font-weight:500;
}

.brzaPretraga input::placeholder{
    opacity:0.4;
    font-weight:200;
}

.brzaPretraga input:focus{
    box-shadow:2px 2px 2px rgba(0,0,0,0.6);
}


#notifications{
    position:fixed;
    top:20px;
    right:20px;
}

#notifications .notification{
    border-radius:5px;
    padding:10px;
    border:1px solid rgb(235,34,50);
    box-shadow:2px 2px 2px rgba(0,0,0,0.8);
    background-color:rgb(255,255,255);
    margin-bottom:10px;
    width:200px;
    position:relative;
    font-size:12px;
}

#notifications .notification .close{
    cursor: pointer;
    position:absolute;
    top:-10px;
    right:-10px;
    width:20px;
}

#notifications .notification .title{
    font-size:14px;
    font-weight:700;
    color:rgb(235,34,50);
}

#notifications .notification .close img{
    display:block;
}

#notifications .notification .adresa{
    font-weight:200;
    font-style:italic;
}

.tv2Ekipe .opstine{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.tv2Ekipe .opstine .opstina{
    width: calc(33.333% - 20px);
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin:5px;
    padding:20px;
    padding-top:30px;
    position:relative;
    border:2px solid rgb(235,34,50);
}


.tv2Ekipe .opstine .opstina .title{
    position:absolute;
    top:5px;
    left:5px;
    font-size:16px;
    font-weight:700;
}


.tv2Ekipe .opstine .majstoriNaOpstini{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.tv2Ekipe .opstine .majstoriNaOpstini .majstor{
    width: 150px;
    -webkit-box-flex: 1;
    margin:5px;
    padding:5px;
    position:relative;
    border:1px solid rgba(235,34,50,0.3);
}

.tv2Ekipe .opstine .majstoriNaOpstini .majstor .ime{
    font-size:14px;
}

.tv2Ekipe .opstine .majstoriNaOpstini .majstor .tip{
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    padding:2px;
    text-align:center;
    font-size:14px;
    font-weight:600;
}

.administracijaMajstora .title{
    font-weight:600;
    font-size:20px;
    margin-top:20px;
    margin-bottom:15px;
}

.administracijaMajstora .majstorBlok{
    display:inline-block;
    vertical-align:middle;
    margin:10px;
    text-align:center;
    width:200px;
    background-color:rgb(235,34,50);
    padding:10px;
    min-height:40px;
    font-size:16px;
    color:rgb(255,255,255);
    cursor:pointer;
    opacity:1;
    -webkit-transition:all ease 0.25s;
    -moz-transition:all ease 0.25s;
    -ms-transition:all ease 0.25s;
    -o-transition:all ease 0.25s;
    transition:all ease 0.25s;
}

.administracijaMajstora .majstorBlokInactive{
    background-color:rgb(150,0,0);
}

.administracijaMajstora .majstorBlok:hover{
    background-color:rgb(20,180,20);
}

.administracijaMajstoraEdit .infoWrap{
    position:relative;
}

.administracijaMajstoraEdit .infoWrap .ime{
    font-weight:600;
    color:rgb(235,34,50);
    text-align:left;
    font-size:20px;
}

.administracijaMajstoraEdit .infoWrap .glavniTip{
    font-weight:300;
    text-align:left;
    font-size:14px;
}

.administracijaMajstoraEdit .infoWrap .mainBorder{
    height:2px;
    background-color:rgb(100,100,100);
    border-radius:3px;
    margin:10px 0;
    width:80%;
}

.administracijaMajstoraEdit .inputWrap{
    margin-bottom:20px;
    text-align:left;
    margin:0;
    width:100%;
}

.administracijaMajstoraEdit .inputWrap .checkboxWrap{
    display:inline-block;
    padding:5px;
    border-right:1px solid rgb(100,100,100);
}

.administracijaMajstoraEdit .inputWrap .checkboxWrap:last-child{
    border-right:0px solid rgb(100,100,100);
}

.administracijaMajstoraEdit .inputWrap .checkboxActive .checkboxName{
    font-weight:700;
}

.administracijaMajstoraEdit .inputWrap .checkboxWrap .checkboxWrapper{
    width:20px;
    display:inline-block;
    vertical-align: middle;
}

.administracijaMajstoraEdit .inputWrap .checkboxWrap .checkboxWrapper input{
    width:20px;
    height:20px;
    outline:none;
}

.administracijaMajstoraEdit .inputWrap .checkboxWrap .checkboxName{
    display:inline-block;
    vertical-align: middle;
}

.administracijaMajstoraEdit .singleLineInput, .administracijaMajstoraEdit .textareaInput{
    margin-top:15px;
}

.administracijaMajstoraEdit .singleLineInput .name, .administracijaMajstoraEdit .textareaInput .name{
    font-size:12px;
    font-weight:600;
    color:rgb(235,34,50);
}

.administracijaMajstoraEdit .singleLineInput input{
    outline:none;
    padding:5px;
    width:300px;
}

.administracijaMajstoraEdit .textareaInput textarea{
    width:500px;
    height:250px;
}

.administracijaMajstoraEdit .beleskaWrap{
    position:absolute;
    top:150px;
    left:52%;
}

.administracijaMajstoraEdit .beleskaWrap .title{
    font-size:20px;
    color:rgb(235,34,50);
    font-weight:500;
}

.administracijaMajstoraEdit .beleskaWrap .inputWrap .checkboxWrap .checkboxWrapper input{
    width:15px;
    height:15px;
}

.administracijaMajstoraEdit .beleskaWrap .inputWrap .checkboxWrap .checkboxWrapper{
    font-size:12px;
}

.administracijaMajstoraEdit .beleskaWrap .inputWrap .checkboxWrap{
    padding:5px 10px;
}

.majstorCheckIn .title{
    font-size:40px;
    font-weight:600;
    text-align: center;
    margin-bottom:20px;
    color:rgb(235,34,50);
}

.majstorCheckIn .vreme{
    font-size:30px;
    font-weight:400;
    text-align: center;
    margin-bottom:20px;
}

.majstorCheckIn .vreme i{
    font-size:30px;
    font-weight:200;
    text-align: center;
    margin-bottom:20px;
}

.majstorCheckIn .srecanRad{
    text-align:center;
    font-size:60px;
    font-weight:700;
    color:rgb(235,34,50);
}

.magacin{
    font-size:0;
}

.magacin .searchWrap{
    font-size:14px;
}

.magacin .magacinItems{
    display:inline-block;
    vertical-align: top;
    width:calc(100% - 350px);
    font-size:14px;
}

.magacin .proizvodInfo{
    display:inline-block;
    vertical-align: top;
    width:350px;
    font-size:14px;
    border:1px solid rgb(200,200,200);
    padding:5px;
    position:sticky;
    top:0;
    max-height:90vh;
    overflow-y:scroll;
}

.magacin .proizvodInfo .title{
    text-align:center;
    font-weight:600;
    color:rgb(235,34,50);
    font-size:14px;
}

.magacin .magacinItems .kategorija .title{
    font-weight:500;
    background-color:rgb(42,47,50);
    text-align:center;
    color:rgb(255,255,255);
    font-size:16px;
    padding:10px;
}

.magacin .magacinItems .kategorija .subTitle{
    font-weight:400;
    background-color:rgba(42,47,50,0.5);
    text-align:center;
    color:rgb(255,255,255);
    font-size:16px;
    padding:10px;
}

.magacin .magacinItems .kategorija{
    padding:15px;
}

.magacin .magacinItems .kategorija .proizvodi{
    display:flex;
    flex-wrap: wrap;
}

.magacin .magacinItems .kategorija .proizvodi .proizvod{
    width:calc(25% - 2px);
    text-align:center;
    background-color:rgba(32,51,100,0.9);
    color:rgb(255,255,255);
    padding:5px;
    border-radius:5px;
    margin:1px;
    min-height:50px;
    cursor:pointer;
}

.magacin .magacinItems .kategorija .proizvodi .picked{
    background-color:rgb(255,255,255) !important;
    border:1px solid rgb(32,51,100) !important;
    color:rgb(32,51,100) !important;
}

.magacin .magacinItems .kategorija .proizvodi .proizvod .naziv{
    font-size:16px;
    font-weight:500;
}

.magacin .magacinItems .kategorija .proizvodi .proizvod .naziv span{
    font-weight:300;
}

.magacin .magacinItems .kategorija .proizvodi .proizvod:hover{
    background-color:rgba(32,51,100,1);
}

.magacin .proizvodInfo .fotografija{
    width:80%;
    margin:10px auto;
    text-align:center;
}

.magacin .proizvodInfo textarea{
    border: 1px solid rgb(37,57,101);
    height:60px;
    color:rgb(42,47,50);
    border-radius:2px;
}

.magacin .proizvodInfo input{
    padding:5px;
    color:rgb(42,47,50);
    border-radius:2px;
    border:1px solid rgb(37,57,101);
}

.magacin .proizvodInfo .inputTitle{
    font-size:14px;
    font-weight:500;
    color:rgb(37,57,101);
}

.magacin .proizvodInfo .button{
    padding:5px;
    font-size:12px;
    font-weight:300;
    cursor:pointer;
}

.magacin .proizvodInfo .redButton{
    background-color: rgb(225,0,0);
    color:rgb(255,255,255);
    margin-top:20px;
}

.magacin .proizvodInfo .stariUlazi .ulazRow{
    margin-bottom:5px;
}

.magacin .proizvodInfo .stariUlazi .ulazRow .datumIVreme{
    display:inline-block;
    vertical-align: middle;
    font-size:11px;
}
.magacin .proizvodInfo .stariUlazi .ulazRow .kolicina{
    display:inline-block;
    vertical-align: middle;
    font-size:11px;
    font-weight:500;
    color:rgb(37,57,101);
    margin:0 5px;
}
.magacin .proizvodInfo .stariUlazi .ulazRow .delete{
    display:inline-block;
    vertical-align: middle;
    width:10px;
    cursor:pointer;
}
.magacin .proizvodInfo .stariUlazi .ulazRow .delete img{
    display: block;
}

.dobaljvaci{
    display:flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.dobaljvaci .dobavljacWrap{
    width: calc(25% - 20px);
    background-color:rgb(37,57,101);
    color:rgb(255,255,255);
    font-size:16px;
    font-weight:400;
    border-radius:2px;
    margin:10px;
    position:relative;
    padding:5px;
    text-align:center;
}

.dobaljvaci .dobavljacWrap .header{
    text-align:right;
    background-color:rgb(37,57,101);
}

.dobaljvaci .dobavljacWrap img{
    width:15px;
}

.dobavljaciPage .separator{
    width:100%;
    height:1px;
    margin:10px auto;
    background-color: rgb(37,57,101);
} 

.gradilista .filters .filterWrap{
    display:inline-block;
    vertical-align: middle;
    margin:0 10px;
}

.gradilista .filters .filterWrap .colorCodeWrap{
    margin:5px auto;
}

.gradilista .filters .filterWrap .colorCode{
    display:inline-block;
    vertical-align: middle;
    width:30px;
    height:15px;
    margin-right:10px;
}

.gradilista .nemaNaloga{
    background-color:rgb(32,51,100) !important;
}

.gradilista .imaNaloga{
    background-color:rgb(0,128,0) !important;
}

.gradilista .imaMojihNaloga{
    background-color:rgb(235,34,50) !important;
}

.gradilista .filters .filterWrap .note{
    display:inline-block;
    vertical-align: middle;
}

.gradilistaWrap{
    margin-bottom:40px;
}

.gradilistaWrap .title{
    font-size:24px;
    font-weight:700;
    color:rgb(37,57,100);
}

.gradilistaWrap .list{
    display:flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.gradilistaWrap .list .gradilisteWrap{
    width: calc(25% - 20px);
    background-color:rgb(37,57,101);
    color:rgb(255,255,255);
    font-size:16px;
    font-weight:400;
    border-radius:2px;
    margin:10px;
    position:relative;
    padding:5px;
    text-align:center;
}

.gradilistaWrap .list .gradilisteWrap .title{
    color:rgb(255,255,255);
    font-size:16px;
    font-weight:400;
}

.gradilistaWrap .list .gradilisteWrap .header{
    text-align:right;
    background-color: inherit;
}

.gradilistaWrap .list .gradilisteWrap img{
    width:15px;
}

.gradilistaWrap .list .gradilisteWrap .header button{
    color:rgb(37,57,101);
    margin-right:20px;
}

.gradilistaPage .separator{
    width:100%;
    height:1px;
    margin:10px auto;
    background-color: rgb(37,57,101);
} 

.magacin .proizvodInfo #stavke{}

.magacin .proizvodInfo #stavke .stavka{
    font-size:0;
}

.magacin .proizvodInfo #stavke .stavka .inline{
    display:inline-block;
    vertical-align: middle;
    font-size:12px;
    width:33%;
}

.magacin .proizvodInfo #stavke .stavka .inline input{
    max-width: 90%;
    margin-bottom:15px;
}

.magacin .proizvodInfo #stavke .stavka .inline img{
    width:15px;
}

.magacin .proizvodInfo #stavke .stavka .naziv{
    display:block;
    width:100%;
}

.magacin .obracunStanja table {
  border-collapse: collapse;
  width: 100%;
}

.magacin .obracunStanja td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  position:relative;
}

.magacin .obracunStanja td .ulazDelete{
    width:15px;
    position:absolute;
    top:3px;
    right:2px;
    cursor:pointer;
}

.magacin .obracunStanja th {
    background-color:rgba(32,51,100,0.9);
    color:rgb(255,255,255);
}

.magacin .obracunStanja tr:nth-child(even) {
  background-color: rgb(240,240,240);
}

.sviReversi #list .row{
    text-align:center;
    margin-bottom:30px;
}

.sviReversi #list .row:nth-child(even){
    background-color:rgb(240,240,240);
}

.sviReversi #list .row .inline{
    display:inline-block;
    vertical-align: top;
    margin:0 10px;
}

.sviReversi #list .row .inline .stavkaRow{
    width:100%;
    text-align:left;
}

.sviReversi #list .stavkaRow .inline{
    display:inline-block;
    vertical-align: top;
}

.sviReversi #list .stavkaRow .redniBroj{
    font-weight:600;
    width:30px;
    text-align:left;
}

.sviReversi #list .stavke{
    margin-top:10px;
}

.sviReversi #list .stavkaRow .naziv{
    width:200px;
    text-align:left;
}

.sviReversi #list .stavkaRow .uzeto{
    width:120px;
    text-align:left;
}

.sviReversi #list .stavkaRow .vraceno{
    width:120px;
    text-align:left;
}

.sviReversi .filters{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:3px solid rgb(235,34,50);
}

.sviReversi .filters .filter{
    display:inline-block;
    vertical-align: top;
    margin-right:20px;
}

.sviReversi .filters .filter .title{
    display:inline-block;
    vertical-align: top;
    font-weight:700;
    margin-right:5px;
}

.sviReversi .filters .filter .inputWrap{
    display:inline-block;
    vertical-align: top;
    width:auto !important;
}

.gradiliste .naziv{
    font-size:26px;
    margin-bottom:20px;
}

.gradiliste .filtersWrap .filterRow .dateWrap{
    display:inline-block;
    vertical-align: middle;
    margin-right:15px;
}

.gradiliste .filtersWrap .filterRow .note{
    font-weight:600;
    font-size:14px;
}

.gradiliste .materialsWrap .section{
    display:none;
}

.gradiliste .sections{
    font-size:0;
    position:sticky;
    top:0;
    background-color:rgb(255,255,255);
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    text-align: center;
    padding:10px;
    z-index: 20000;
}

.gradiliste .sections .sectionName{
    display:inline-block;
    vertical-align: middle;
    padding:10px;
    font-size:20px;
    font-weight:500;
    color:rgb(235,34,50);
    border-radius:50px;
    cursor:pointer;
}

.gradiliste .sections .sectionNameActive{
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
}

.gradiliste .materialsWrap .title{
    font-weight: 500;
    background-color: rgb(42, 47, 50);
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 10px;
}

.gradiliste .materialsWrap .materijal{
    display:flex;
    flex-wrap: wrap;
}

.gradiliste .materialsWrap .materijal .proizvod{
    width:calc(25% - 2px);
    text-align:center;
    background-color:rgba(32,51,100,0.9);
    color:rgb(255,255,255);
    padding:5px;
    border-radius:5px;
    margin:1px;
    min-height:50px;
    cursor:pointer;
}

.gradiliste .materialsWrap .materijal .proizvod .naziv{
    font-size:16px;
    font-weight:500;
}

.gradiliste .materialsWrap .materijal .proizvod .naziv .sifra{
    font-weight:300;
}

.gradiliste .materialsWrap .materijal .proizvod .naziv .stanje{
    font-weight:700;
    font-size:26px;
}

.gradiliste .materialsWrap .materijal .proizvod .reversiPovrati{
    background-color:rgba(0,0,0,0.2);
    padding:3px;
    border-radius:3px;
}

.gradiliste .materialsWrap .materijal .proizvod:hover{
    background-color:rgba(32,51,100,1);
}

.gradiliste .materialsWrap .materijal .proizvod .reversiPovrati .itemWrap{
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:1px solid rgb(255,255,255);
    font-size:12px;
}

.gradiliste .materialsWrap .materijal .proizvod .reversiPovrati .itemWrap .title2{
    font-weight:600;
}

.gradiliste .materialsWrap .materijal .proizvod .reversiPovrati .itemWrap .kreirao{
    margin:4px 0;
}


.gradiliste .reversi table {
  border-collapse: collapse;
}

.gradiliste .reversi td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.gradiliste .reversi th {
    background-color:rgba(32,51,100,0.9);
    color:rgb(255,255,255);
}

.gradiliste .reversi tr:nth-child(even) {
  background-color: rgb(240,240,240);
}

.gradiliste .troskovi table {
  border-collapse: collapse;
}

.gradiliste .troskovi td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.gradiliste .troskovi th {
    background-color:rgba(32,51,100,0.9);
    color:rgb(255,255,255);
}

.gradiliste .troskovi tr:nth-child(even) {
  background-color: rgb(240,240,240);
}


.gradiliste .nalogWrap .izvestajiWrap .izvestajBox{
    width:80%;
    margin-left:0;
    margin-right:auto;
    padding:15px;
    border:1px solid rgb(235,34,50);
    border-radius:15px;
    margin-bottom:20px;
    background-color:rgba(0,0,0,0.1);

}

.gradiliste .nalogWrap .izvestajiWrap .izvestajUser{
    width:80%;
    margin-left:auto;
    margin-right:0;
    background-color:rgb(255,255,255);
}

.gradiliste .nalogWrap .izvestajiWrap .izvestajBox .name{
    font-size:14px;
    font-weight:700;
}

.gradiliste .nalogWrap .izvestajiWrap .izvestajBox .name span{
    font-size:14px;
    font-weight:200;
    font-style:italic;
}

.gradiliste .nalogWrap .izvestajiWrap .izvestajBox .name sub{
    font-weight:200;
}

.gradiliste .nalogWrap .izvestajiWrap .izvestajBox .text{
    margin-top:5px;
}

.gradiliste .nalogWrap .izvestajiWrap .izvestajBox .previewImages{
    margin-top:5px;
    text-align: left;
}

.gradiliste .nalogWrap .izvestajiWrap .previewImages .imagePreview{
    width:100px;
    height:100px;
}

.gradiliste .nalogWrap .izvestajiWrap .izvestajInputWrap{
    width:68%;
}

.mesecniUcinak table{
    border-collapse: collapse;
}

.mesecniUcinak table td{
    border:1px solid rgb(100,100,100);
    padding:10px;
}

.trosakLighbox{
    border:1px solid rgb(32,51,100);
    padding:20px;
    border-radius: 5px;
    background-color:rgb(255,255,255);
    width:850px;
}

.trosakLighbox .title{
    color:rgb(32,51,100);
    font-weight:700;
    font-size:22px;
    margin:10px auto;
    text-align: center;
}

.trosakLighbox .inputWrap input[type="number"]{
    padding:10px 10px;
    font-size:14px;
    color:rgb(235,34,50);
    line-height:20px;
    width:100%;
    outline:none;
    box-shadow:1px 1px 4px rgba(235,34,50,0);
    border:1px solid rgb(37,57,101);
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.trosakLighbox .inputWrap input[type="number"]:focus{
    box-shadow:1px 1px 4px rgba(235,34,50,0.5);

}

.trosakLighbox .formWrap .inputsWrap{
    width:300px;
    display:inline-block;
    vertical-align:top;
}

.trosakLighbox .formWrap .inputsWrap{
    width:300px;
    display:inline-block;
    vertical-align:top;
}

.trosakLighbox .formWrap .iFrameWrap{
    width:500px;
    padding:0 20px;
    display:inline-block;
    vertical-align: top;
}

.trosakLighbox .formWrap .iFrameWrap iframe{
    height:650px;
    width:460px;
}

.racunLighbox{
    border:1px solid rgb(32,51,100);
    padding:20px;
    border-radius: 5px;
    background-color:rgb(255,255,255);
    max-width:90%;
    max-height:90%;
}


.racunLighbox iframe{
    height:90vh;
    width:60vh;
}

.nalogLighbox{
    border:1px solid rgb(32,51,100);
    padding:20px;
    border-radius: 5px;
    background-color:rgb(255,255,255);
    width:90vw;
}

.nalogLighbox .mainTitle{
    font-weight:700;
    font-size:20px;
    text-align:center;
    padding:10px 0;
    color:rgb(32,51,100);
}

.nalogLighbox .majstoriWrap .inputWrapper{
    display:inline-block;
    vertical-align: top;
    margin:10px;
}

.nalogLighbox .majstoriWrap .inputWrapper .button{
    font-size:14px;
    font-weight:500;
    border-radius:3px;
    border:none;
    padding:4px;
}

.nalogLighbox .inputWrap input[type="number"]{
    padding:10px 10px;
    font-size:14px;
    color:rgb(235,34,50);
    line-height:20px;
    width:100%;
    outline:none;
    box-shadow:1px 1px 4px rgba(235,34,50,0);
    border:1px solid rgb(37,57,101);
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.nalogLighbox .inputWrap input[type="number"]:focus{
    box-shadow:1px 1px 4px rgba(235,34,50,0.5);

}

.gradiliste .radniNalozi .nalogWrap{
    max-width:970px;
    margin:0 auto;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid rgb(0,0,0);
}

.gradiliste .radniNalozi .nalogWrap .nalogDetails{
    display:none;
}

.gradiliste .radniNalozi .nalogWrapActive .nalogDetails{
    display:block;
}

.gradiliste .radniNalozi .nalogWrap .subTitle{
    background-color:rgb(32,51,100);
    text-align: center;
    padding:10px;
    font-size:22px;
    font-weight:700;
    color:rgb(255,255,255);
    border-radius:30px;
    position:relative;
}

.gradiliste .radniNalozi .nalogWrap .subTitle .carret{
    position:absolute;
    top:50%;
    right:40px;
    transform:translateY(-50%);
}

.gradiliste .radniNalozi .nalogWrapActive .subTitle .carret{
    transform:translateY(-50%) rotate(180deg);
}

.gradiliste .radniNalozi .boxesWrap{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-bottom:10px;
}

.gradiliste .radniNalozi .boxesWrap .box{
    width: calc(33.333% - 20px);
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin:5px;
    background-color:rgb(235,34,50);
    color:rgb(255,255,255);
    font-size:0;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    padding:10px;
    position:relative;
    border-radius:4px;
}

.gradiliste .radniNalozi .boxesWrap .box .boxTitle{
    font-weight:600;
    font-size:20px;
    margin-bottom:5px;
}

.gradiliste .radniNalozi .boxesWrap .box .text{
    font-size:14px;
    font-weight:300;
}

.gradiliste .radniNalozi .izvestajiWrap{
    padding-bottom:20px;
}

.gradiliste .radniNalozi .izvestajiWrap .subTitle2{
    font-size:20px;
    text-align: center;
    font-weight:700;
    color:rgb(32,51,100);
}

.radnoVreme .section{
    padding:15px;
    margin:15px;
    border-bottom:1px solid rgb(32,51,100);
    font-size:30px;
    text-align: center;
}

.radnoVreme .section .title{
    font-weight:700;
}

.radnoVreme .radios{
    display:inline-block;
    vertical-align: middle;
}

.radnoVreme .radios span{
    font-size:20px;
    display:inline-block;
    width:20px;
}

.radnoVreme .radiosIcon{
    display:inline-block;
    vertical-align: middle;
    width:50px;
}

.tooltip {
    background-color: #333;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    position: absolute;
    font-size: 12px;
    z-index: 1000;
    pointer-events: none;
    max-width: 200px;
}

.dnevnice .majstorPick{
    padding:20px;
    padding-left: 0px;
}

.dnevnice .extrasWrap{
    margin-bottom:20px;
}

.dnevnice .extrasWrap .inline{
    display:inline-block;
    vertical-align: top;
    margin-left:20px;
}

.dnevnice .extrasWrap .inline .title{
    font-weight:bold;
}

.dnevnice #kalendar table{
    border-collapse: collapse;
    width:100%;
}

.dnevnice #kalendar table .note{
    width:20px;
    height:20px;
    background-color: yellow;
    border:1px solid rgb(100,100,100);
    position:absolute;
    top:5px;
    right:5px;
    border-radisu:20px;
}

.dnevnice #kalendar table th{
    background-color:rgb(32,51,100);
    font-weight:600;
    color:rgb(255,255,255);
}

.dnevnice #kalendar table td, .dnevnice #kalendar table th{
    text-align: center;
    padding:5px;
    border:1px solid rgb(150,150,150);
    width: calc(100% / 7);
    position:relative;
}

.dnevnice #kalendar table tr:nth-child(even){
    background-color: rgba(240,240,240);
}

.dnevnice #kalendar table td .datum{
    font-weight:600;
    text-align:left;
    padding-bottom:10px;
}

.pregledRadnogDana .majstori{
    display:flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.pregledRadnogDana .majstori .majstorWrap{
    width: 230px;
    -webkit-box-flex: 1;
    text-align:center;
    margin:5px;
    border:2px solid rgb(235,34,50);
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    padding:20px;
    position:relative;
}

.pregledRadnogDana .majstori .overeno{
    background-color: #008000;
    color: white;
    border-color: rgb(32, 51, 100);
}

.pregledRadnogDana .majstori .majstorWrap .ime{
    font-weight:600;
    margin-bottom:10px;
    font-size:18px;
}

.pregledRadnogDana .majstori .majstorWrap .radnoVreme{
    font-size:0;
    margin-bottom:10px;
}

.pregledRadnogDana .majstori .majstorWrap .radnoVreme .inline{
    display:inline-block;
    vertical-align: middle;
    width:33.33%;
    font-size:14px;
}

.pregledRadnogDana .majstori .overeno .radnoVreme .inline{
    color:rgb(100,100,100);
}

.pregledRadnogDana .majstori .majstorWrap .beleska{
    margin-bottom:10px;
    font-size:14px;
}

.pregledRadnogDana .majstori .majstorWrap .beleska .title{
    font-weight:500;
    text-align: left;
}

.pregledRadnogDana .majstori .majstorWrap .beleska .beleskaSadrzaj{
    font-weight:300;
    text-align: left;
    outline:none;
    resize:none;
    width:100%;
    height:75px;
    border-radius:0px;
    padding:5px;
}

.pregledRadnogDana .majstori .overeno .beleska .beleskaSadrzaj{
    color:rgb(100,100,100);
}

.pregledRadnogDana .majstori .majstorWrap .checkboxWrap{
    font-size:14px;
    text-align:left;
    margin-bottom:10px;
}

.pregledRadnogDana .majstori .majstorWrap .checkboxWrap .title{
    display:inline-block;
    vertical-align: middle;
    width:75px;
    font-weight:500;
}

.pregledRadnogDana .majstori .majstorWrap .checkboxWrap .checkboxWrapper{
    display:inline-block;
    vertical-align: middle;
    width:15px;
}

.pregledRadnogDana .majstori .majstorWrap .checkboxWrap .checkboxWrapper input{
    width:15px;
    height:15px;
    display:block;
}

.pregledRadnogDana .majstori .majstorWrap .nalozi{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid rgb(32,51,100);
    font-size:14px;
}

.pregledRadnogDana .majstori .majstorWrap .nalozi .title{
    font-weight:500;
    text-align: left;
}

.pregledRadnogDana .majstori .majstorWrap .nalozi .lista{
    font-size:12px;
    padding-left:5px;
    text-align:left;
}

.pregledRadnogDana .majstori .majstorWrap .nalozi .lista .row{
    padding:5px;
}

.pregledRadnogDana .majstori .majstorWrap .nalozi .lista .row:nth-child(even){
    background-color:rgb(240,240,240);
}


.administracijaMajstora{
    font-size:0;
}

.administracijaMajstora .majstori{
    display:inline-block;
    vertical-align: middle;
    width:650px;
    font-size:14px;
}

.administracijaMajstora .formWrap{
    display:inline-block;
    vertical-align: middle;
    width:calc(100% - 650px);
    font-size:14px;
}

.administracijaMajstora .majstori button{
    margin:5px;
    width:200px;
    border:1px solid rgb(150,150,150);
    border-radius:4px;
}


.administracijaMajstora .majstori .stambeno{
    background-color:rgb(247,147,29);
    color:rgb(255,255,255);
}

.administracijaMajstora .majstori .inactive{
    color:rgb(200,200,200);
    background-color: rgb(240,240,240);
}

.administracijaMajstora .majstori button:hover{
    border:1px solid rgb(32,51,100);
}



.administracijaMajstora .majstori .buttonActive{
    background-color:rgb(32,51,100);
    color:rgb(255,255,255);
}

.pregledUnosa .tableWrap{
    margin-bottom:30px;
}

.pregledUnosa .title{
    background-color: rgb(32,51,100);
    color:rgb(255,255,255);
    padding:10px;
    font-weight:600;
    font-size:18px;
}

.pregledUnosa table{
    border-collapse: collapse;
}

.pregledUnosa table td{
    vertical-align: middle;
    padding:5px;
    border:1px solid rgb(100,100,100);
}

.pregledUnosa table tr:first-child{
    background-color:rgb(42,47,50);
    color:rgb(255,255,255);
}

.specifikacije .tableWrap table td .brojSpecifikacije{
    width:150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.specifikacije .tableWrap table td .datumSpecifikacije{
    width:150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.specifikacije .tableWrap table td .ukupnoNaloga{
    width:150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.specifikacije .tableWrap table td .ukupanIznos{
    width:150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.specifikacije .tableWrap table td .iznosZaFakturisanje{
    width:150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.specifikacije .tableWrap table td .status{
    width:150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media screen and (max-width: 1100px) {
    .pageWidth{
        padding-left:10px;
        padding-right:10px;
    }
    
    #menu .topBlueBar .logout{
        right:10px;
    }
}

@media screen and (max-width: 970px) {
    .pageWidth{
        padding-left:10px;
        padding-right:10px;
    }

    .responsiveHandle{
        display:block;
    }

    .header #site-meni{
        position:absolute;
        left:-100%;
        background-color:rgb(255,255,255);
        z-index:12000;
        width:50%;
        top:202px;
        padding-bottom:40px;
        -webkit-transition:all ease 0.5s;
        -moz-transition:all ease 0.5s;
        -ms-transition:all ease 0.5s;
        -o-transition:all ease 0.5s;
        transition:all ease 0.5s;
    }

    #page-wrap #menu .menuOpened #site-meni{
        left:0%;
    }

    .header #site-meni .pageWidth{
        
    }

    #menu .menuWrap .menuItem{
        display:block;
        border-bottom:1px solid rgb(100,100,100);
    }

    #menu .menuWrap .menuItem:first-child{
        margin-left:0;
    }

    #menu .menuWrap .menuItem .rightBorder{
        display:none;
    }

    #menu .menuWrap .menuItem .subMenu{
        position:relative;
        top:auto;
        left:auto;
        width:100%;
        max-height:none;
        padding-left:20px;
        margin-top:-15px;
    }

    #menu .menuWrap .menuItem .carret{
        display:none;
    }

    .nalog .obracunWrap{
        display:none;
    }

    .nalog .izvestaji .qrWrap{
        display:none;
    }

    .nalog .izvestaji #komentari{
        margin-top:10px;
        width:90%;
    }

    .prikazUcinka .row .infoWrap{
        display:block;
        width:90%;
        margin:0 auto;
    }

    .prikazUcinka .row .plots{
        display:block;
        width:90%;
        margin:0 auto;
    }

    .tv3 .boxesWrap .opstina{
        width:calc(50% - 20px);
    }
}

@media screen and (max-width: 850px) {
    .nalog .boxesWrap .box{
        width:calc(50% - 20px);
    }

    .nalog .detalji .boxesWrap .box{
        width:calc(100% - 20px);
    }

    .stefan .boxesTitle{
        font-size:22px;
    }

    .stefan .boxesWrap .box .info .title{
        font-size:18px;
    }

    .stefan .boxesWrap .box .info .text{
        font-size:14px;
    }

    .majstorNalozi .row .flex .block{
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 600px) {

    .brzaPretraga{
        display:none;
    }

    .footer .content .info .title{
        font-size:14px;
    }
    .previewImages .imagePreview{
        width:75px;
        height:75px;
    }
    .pageTitle .title{
        font-size:20px;
        padding:10px 0;
    }

    .header #site-meni{
        width:80%;
    }

    .nalog .boxesWrap .box .icon{
        display:block;
        width:50px;
        margin:0 auto;
        margin-bottom:5px;
    }

    .nalog .boxesWrap .box .info{
        display:block;
        width:100%;
    }

    .nalog .boxesWrap .box .info .title{
        text-align:center;
        font-size:20px;

    }

    .nalog .boxesWrap .box .info .text{
        text-align:center;
        font-size:14px;
    }

    .nalog .boxesWrap .box .info .note{
        text-align:center;
    }

    .zavrseniNalozi .boxesWrap .box{
        width:100%;
        display:block;
    }

    .dropSlike{
        display:none;
    }

    .header .identity{
        padding:5px 0;
    }

    .header .identity .logo{
        width:50px;
    }

    .header #site-meni{
        top:144px;
    }
    
    .imageLightbox .arrow{
        width:20px;
    }

}