@charset "utf-8";
/* CSS Document */
html{height:100%;}
html, body{font-family:'Noto Sans', sans-serif; font-weight:400; color:#2e3c54;}
a{text-decoration:none; color:inherit; outline:none; cursor:pointer;}
h1{font-size:32px; line-height:38px; margin:0 0 30px 0; padding:0; font-weight:700;}
h2{font-size:26px; line-height:32px; margin:0 0 20px 0; padding:0; font-weight:400;}
p{margin:0 0 10px 0; overflow:hidden;}
p:last-child{margin:0;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.toggleMenu{display:none; background:#333; color:#fff; font-size:14px; padding:10px; position:absolute; top:10px; left:10px; cursor:pointer; z-index:1;}
.black{color:#000;}
.green{color:#3cc76a;}
.red{color:#c00;}
.containerWf{width: 100%; margin: 0;}
.containerWf .content{display: block;}

.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;font-weight:400;line-height:1.4;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=100);opacity:1}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:5px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#2e3c54;border-radius:4px; font-size:12px !important; line-height:normal !important;}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}

/*------------- login -------------- */	
#loginbg {background:url(../img/login-bg.jpg) 0 0 / cover no-repeat;}
#loginMsg {width:480px; height:45px; padding:10px; margin:40px auto;}
.error, .zerror {display:none; background:#ffd2d3; border:1px solid #df8f90; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color:#871414; padding:15px; text-align:center;}
.success, .zsuccess {display:none; background:#d4ffcd; border:1px solid #9adf8f; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color:#258815; padding:15px; text-align:center;}
#loginForm{width:500px; margin:50px auto; background:rgba(0,0,0,0.2); padding:30px; display:table;}
.dlabel{color:#444; font-size:15px;}
.loginIcon{width:10%; height:36px; line-height:36px; text-align:center; background:#eee; color:#666;}
.tekst{width:90%; float:left; border:none; padding:0 15px; height:36px; background:#fff;}
#loginSubmit{float:right; background:#db5031; color:#fff; padding:5px 20px; border:none; font-size:14px;}

.headerLogo{margin:0px 40px; padding:30px 0; border-bottom:1px dotted #d6d6d6; display:block;}
.headerLogo img{width:100%; display:block;}

#whole_page_container{-moz-box-orient:vertical; bottom:0; display:flex; /*flex-direction:column;*/ left:0; overflow-x:auto; overflow-y:hidden; position:fixed; right:0; top:0; z-index:0; background:url(../img/bg.jpg) 0 0 repeat;}

#navigation{-moz-box-orient:vertical; background:#364b6d; box-sizing:content-box; display:flex; flex-direction:column; flex-shrink:0; overflow:hidden; position:relative; width:300px; z-index:0; height:100%; left:0;}
#navigation.hide{margin-left:-300px;}
#mainContent{-moz-box-flex:1; -moz-box-orient:vertical; display:flex; flex:1 1 0; flex-direction:column; min-width:1px; z-index:0; overflow-y:scroll;}

#left_pane{-moz-box-flex:1; -moz-box-orient:vertical; display:flex; flex:1 1 auto; flex-direction:column; min-height:1px;}
.navigationClose{position:absolute; top:10px; right:10px; font-size:13px; line-height:11px; display:block; font-weight:700; color:#fff; cursor:pointer;}
.navigationLinks{list-style:none; color:#fff; margin:0; padding:0; font-size:14px; line-height:20px;}
.navigationLinks>li{padding:12px 20px; margin-bottom:1px; position:relative;}
.navigationLinks>li.dark{background:#1b2432;}
.navigationLinks>li>i:hover{background:#1b2432;}
.navigationLinks>li>a>i{margin:0 10px 0 0;}
.navigationLinks>li>i{position:absolute; right:20px; top:10px; cursor:pointer; width:20px; height:20px; text-align:center; line-height:20px; display:block; border-radius:50%;}
.navigationSublinks{list-style:none; margin:10px 0; padding:0 0 0 25px; display:none;}
.navigationSublinks a{font-size:13px; line-height:21px; display:block; color:#d6d6d6;}
.wfLogo{bottom:20px; left:0; position:absolute; right:0; text-align:center;}
.wfLogo>img{display:inline-block;}

.topBar{flex-shrink:0; height:45px; min-width:920px; position:relative; z-index:10; border-bottom:1px solid #d6d6d6; background:#fff;}
.navigationOpen{position:absolute; top:0; left:0; border:1px solid #ccc; padding:12px; background:#fff; display:block; color:#bbb; font-size:16px;}
.navigationOpen.hide{top:-45px;}
.pretraga{position:absolute; top:20px; right:300px; border:1px solid #d6d6d6; border-radius:20px; padding:5px 15px; background:#fff;}
.pretraga i{margin:0 10px 0 0; color:#bbb; font-size:16px;}
.pretraga input{border:none; font-size:13px; line-height:23px; color:#999; width:300px;}
/*.logOut{position:absolute; top:15px; right:15px; background:#ff7266; color:#fff; font-size:11px; line-height:11px; font-weight:700; padding:8px 15px; border-radius:4px;}*/
.logOut{background: #ff7266; color: #fff; font-size: 13px; line-height: 13px; font-weight: 700; padding: 20px; border-radius: 4px;}
.logOut i{margin:0 5px 0 0;}
.user{font-size:13px; line-height:13px; font-weight:700; color:#fff; padding:20px; margin:0;}
.user i{margin:0 5px 0 0; border:1px solid #fff; border-radius:50%; height:30px; width:30px; text-align:center; line-height:27px;}
.circle{background:rgb(255, 165, 0); color:#fff; width:20px; height:20px; border-radius:50%; display:inline-block; text-align:center; line-height:20px; font-size:10px; margin:0 0 0 10px;}

.content{padding:40px; display:table; margin:0 auto; width:100%;}
.formGroup{margin:0 0 20px 0; overflow:hidden; position:relative;}
.formGroup span.dimension{background:#454545; color:#fff; font-size:11px; margin:7px; padding:5px; position:absolute; right:0; top:0;}
.formGroup>label{background:#ddd; color:#2e3c54; display:inline-block; float:left; font-size:14px; font-weight:700; padding:11px; width:30%; height:40px;}
.formGroup.small>label{width:50%;}
.formGroup.small>.formInput, .formGroup.small>.formSelect, .formGroup.small>.formArea{width:50%;}
.formInput{border:none; border-bottom:1px solid #ddd; font-size:16px; line-height:17px; padding:10px 15px; width:70%; height:40px; background:#fff;}
.formInput[disabled], .formInput[readonly]{cursor:not-allowed; opacity:0.5;}
.formInput.preraspodela{width: 30%; margin-left: 25px;}
.formSelect{border:none; border-bottom:1px solid #ddd; font-size:16px; line-height:17px; padding:10px 15px; width:70%; height:40px;}
.formArea{border:none; border-bottom:1px solid #ddd; font-size:16px; line-height:17px; padding:10px 15px; width:70%; height:200px;}
.radioHolder{float:left; width:15%; margin:0 0 0 10%;}
input.radio:empty{margin-left:-999px;}
input.radio:empty ~ label{position:relative; float:left; line-height:2.5em; text-indent:3.25em; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
input.radio:empty ~ label:before{position:absolute; display:block; top:0; bottom:0; left:0; content:''; width:2.5em; background:#D1D3D4;}
input.radio:hover:not(:checked) ~ label:before{content:'\2714'; text-indent:.9em; color:#C2C2C2;}
input.radio:hover:not(:checked) ~ label{color:#888;}
input.radio:checked ~ label:before{content:'\2714'; text-indent:.9em; color:#c9ffd7; background-color:#1ed068;}
input.radio:checked ~ label{color:#777;}
.formData button{background:#0091ea; color:#fff; border:none; padding:10px 25px; font-size:14px; margin:50px 0 0 0; float:right;}
.formData button>i{margin:0 0 0 15px;}
.addDoc{color:#fe7c01; padding:10px; background:#fff; margin:0 10px 0 0; cursor:pointer;}
.addDoc>span{font-family:'Roboto', sans-serif; margin:0 0 0 10px; font-size:13px;}
.itemViewIcon {background:#ddd; padding:12px; position:absolute; right:0; top:0;}
.picDeleteIcon, .itemDeleteIcon, .danDeleteIcon, .videoDeleteIcon {background:#ddd; padding:12px; position:absolute; right:41px; top:0;}
.downloadZahtev{background:#3cc76a; color:#fff; padding:10px 15px; font-size:12px; line-height:12px; margin-bottom:10px; display:block; float:left;}
.downloadZahtev i{margin:0 5px 0 0;}
.horizontalMultiple{display: flex; justify-content: space-between; position: relative;}
.horizontalMultiple .formGroup.small{width: 33%; display: inline-block;}
.horizontalMultiple .formGroup.small.title label{width: 100%;}
.horizontalMultiple a{position: absolute; top: 10px; right: -25px;}

.table{border-collapse:collapse !important;}
.table{width:100%; max-width:100%; margin-bottom:40px; float:right; font-size:inherit;}
.table > thead{background-color:#ddd;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{padding:10px 15px; font-size:14px; line-height:1.5; vertical-align:middle; border-top:1px solid #ddd;}
.table > thead > tr > th{border-top:none;}
.table > thead > tr > th{vertical-align:bottom; border-bottom:2px solid #ddd;}
/*.table-striped > tbody > tr:nth-of-type(even){background-color:#f9f9f9;}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#eee;}*/
.table-striped > tbody > tr.bela{background-color:#f9f9f9;}
.table-striped > tbody > tr.siva{background-color:#eee;}
.table .naslovTabele{text-align:left; font-size:15px;}
.tableEditButton{background:#6BB9F0; color:#fff; padding:10px; float:right; margin:0 0 0 5px;}
.tableDeleteButton{background:#ec644b; color:#fff; padding:10px; float:right; margin:0 0 0 5px;}
.tableEditButtonAdmin{color:#6BB9F0; margin:0 15px;}
.tableDeleteButtonAdmin{color:#ec644b; margin:0 15px;}
.table-zaposleni,.table-ugovori{position: relative;}
.zaposleniPregledRowlink{display: flex; flex-direction: row; align-items: center;}
.zaposleniPregledRowlink::before{content: ""; display: block; position: absolute; left: 0; width: 90%; height: 100px; max-height: 2.5em;}
.table.sub-table{margin-bottom: 0;}

.cardHolder{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; gap: 4%; position: relative;}
.cardHolder::after{content: ""; flex: auto;}
.card {background-color: #efefef; padding: 10px; box-shadow: 5px 5px 5px 0px #dedede; width: calc(calc(100% - 9%) / 3); margin-top: 25px; border-radius: 5px; min-height: 270px;}
.card .zaposleniStazCard{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; padding-right: 10px;}
.card .zaposleniStazCard:last-of-type{margin-bottom: 0;}
.card .zaposleniStazCard .zaposleniStazCardNaslov{width: 40%;}
.card .zaposleniStazCard .zaposleniStazCardBroj{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.card .zaposleniStazCard .zaposleniStazCardBroj p{margin: 0;}

.aneksCard{background-color: #fff; position: relative;}
.aneksCardTitle{font-weight: 600; font-size: 15px; text-align: center; margin: 10px 0;}

/* Obaveštenja */
.obavestenjeTitle{font-weight:600; font-size:16px; line-height:22px; margin:0 0 5px 0;}
.obavestenjeTitle img{float: left; margin:4px 15px 0 0; width: 28px;}
.obavestenjeDate{font-style:italic; font-size:13px; line-height:13px; margin:0 0 15px 0;}
.obavestenjeText{margin:0 0 15px 0;}
.obavestenjeZaposleni{font-style:italic; font-size:13px; color:#6bb9f0;}

/* Događaj */
.izbrisiDogadjaj{background:#ec644b; color:#fff; float:left; margin:50px 0; padding:10px 25px; font-size:14px;}
.izbrisiDogadjaj>i{margin:0 0 0 15px;}
.kalendarIzbrisiDokumentaciju {float: right;}

/* Kalendar */
.printHolder{float:right; display:block; padding:7px 15px; margin:-66px 0 10px 0; font-size:12px; line-height:20px; background:#2e3c54; color:#fff;}
.printHolder i{margin:0 10px 0 0;}
.docItemHolder{padding:5px 10px; background:#eee; border-bottom:1px solid #ddd; margin:0 0 5px 0;}
.docItemHolder i{color:#2e3c54; margin:0 10px 0 0;}

/* Zahtevi */
.pretragaZahteva input{font-size:13px; line-height:23px; color:#999; width:200px; border:1px solid #d6d6d6; border-radius:5px; padding:5px 15px;}
.pretragaZahteva select{font-size:13px; line-height:23px; color:#999; border:1px solid #d6d6d6; border-radius:5px; padding:5px 15px;}
.pretragaZahteva button{font-size:13px; line-height:21px; color:#fff; background:#0091ea; border:none; border-radius:5px; padding:5px 15px;}

/*----------------- Paging ---------------*/
.paging{font-size:12px; color:#333; margin:0 0 20px 0; background:#fff; padding:10px; display:block; border-top:1px solid #e2e2e2;}
.page-first, .page-previous, .page-last, .page-next{display:block; float:left; height:24px; width:24px; text-align:center; margin-right:5px; border:1px solid #ddd; line-height:20px; font-size:18px; color:#666; background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}
.page-info{float:left; line-height:24px; padding:0 15px; height:24px; font-size:14px;}
.page-select{padding:2px; font-size:12px;width:45px; border:1px solid #cccccc;}
.clear{clear: both; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0;}

.fc-day-grid-container{overflow:visible !important;}

.infoWidget {color:#fff; font-size:18px; display: block; clear: both; padding:5px 0; margin:0 0 30px 0; background:rgba(255,255,255,0.1)}
.infoWidget .left{width:60%; float:left; margin:0; text-align:center;}
.infoWidget .right{width:40%; float:right; border-left:1px dotted #fff; text-align:center;}
.infoWidget .wather-icon {padding: 0; margin: 0;}
/*.infoWidget .wather-temp {}*/
#sat {margin:25px 0; font-size:20px; line-height:25px; display:inline-block;}
.previewSlika{border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px; float:left; margin:5px 10px 0 0; width:54px;}
.previewSlikaH{border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; float:left; margin:5px 10px 0 0; width:36px;}
.previewImeH{line-height:40px;}

/*-------------------------- Modal popup ------------------------*/
.modalHolder{display:none; position:fixed; top:150px; width: auto; max-width: 60%; color:#000; background-color:#fff; z-index:9999; -webkit-box-shadow:0px 0px 30px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 0px 30px 0px rgba(50, 50, 50, 0.5); box-shadow:0px 0px 30px 0px rgba(50, 50, 50, 0.5);}
.modalBack{display: none;position:fixed; height:100%; width:100%; top:0; left:0; z-index:9998; background:rgba(255,255,255,0.8);}
.modalContent{padding:50px; font-size:16px; line-height:20px;}
.modalContent .description{font-size:20px; line-height:24px; margin:0 0 20px 0; font-weight:600;}
#modalform{margin:0 0 30px 0;}
#modalform textarea{width:100%; border:1px solid #ddd; resize:none; padding:10px; font-size:14px; line-height:20px; color:#666;}
.buttonsHolder{display:block; width:100%; text-align:center;}
.modalContent>.title{font-weight: 700;}
.buttonsHolder>button{display:inline-block; margin:0 0 0 15px; border:none; padding:8px 15px; color:#fff; font-size:12px;}
.buttonsHolder>button:first-child{margin:0;}
.buttonsHolder>button.yes{background:#2ecc71;}
.buttonsHolder>button.no{background:#e74c3c;}
.buttonsHolder>button.ok{background:#3498db;}


/* --------------------- Organizacija ------------------------ */

.plus, .minus {
    display: inline-block; 
    background-repeat: no-repeat;
    background-size: 16px 16px !important;
    width: 16px;
    height: 16px; 
    vertical-align: middle;
}

.plus {
    background-image: url(/img/plus.png);
}

.minus {
    background-image: url(/img/minus.png);
}

ul {
    list-style: none;
    padding: 0px 0px 0px 20px;
}

ul.inner_ul li:before {
    content: "├";
    font-size: 18px;
    margin-left: -15px;
    margin-top: 0;
    vertical-align: middle;
    float: left;
    width: 8px;
    color: #41424e;
}

ul.inner_ul li:last-child:before {
    content: "└";
    margin-left: -17.5px;
}

.inner_ul {
    padding: 0px 0px 0px 35px;
}

.hideUl{display: none;}

#csvCategory .tree_main ul li{font-family: Nunito,sans-serif; font-size: 16px; font-weight: 400; color: #212121; line-height: 1.5;}


/* ----------- Kalendar ----------------- */

.calendarHolder{display: flex; flex-direction: row; flex-wrap: wrap;}
.calendarHolder .cellHolder{width: calc(100% / 7); border: 1px solid #d6d6d6;}
.calendarHolder .cellHolder:first-of-type,
.calendarHolder .cellHolder:nth-of-type(2){text-align: center;}
.calendarHolder .cellHolder .upperCell{width: 100%; text-align: center; min-height: 50px; border-bottom: 1px solid #d6d6d6;}
.calendarHolder .cellHolder .lowerCell{width: 100%; padding: 5px 10px;}


/* ----------- Karnet ----------------- */

.karnetHolder{display: flex; flex-direction: row; position: relative;}
.karnetHolder .cellHolder{border: 1px solid #d6d6d6;}
.karnetHolder .cellHolder:first-of-type{text-align: center;}
.karnetHolder .cellHolder .upperCell{width: 100%; text-align: center; min-height: 65px; border-bottom: 1px solid #d6d6d6; padding: 5px 10px; font-size:12px;}
.karnetHolder .cellHolder .lowerCell{display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; padding: 2px 7px;}
.karnetHolder .cellHolder .lowerCell p{margin-bottom: 2px;}
.karnetHolder .cellHolder.prvaKolona{width: 65px;}
.karnetHolder .cellHolder.poslednjeKolone{width: 65px; text-align: center; background: url(../img/bg.jpg);}

.formFieldKarnet{border:none; font-size:12px; width:100%; height:30px; margin-top: 7px;}
/*.formFieldKarnet:first-of-type{margin-top: 10px;}*/
.cellHolder .lowerCell .formInputKarnet{border:none; font-size:12px; text-align: center; padding:2px 4px; width:100%; height:30px; background:#fff;}
.cellHolder .lowerCell .formInputKarnet::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}
.cellHolder .lowerCell .formInputKarnet::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
.cellHolder .lowerCell .formInputKarnet[type=number] {-moz-appearance: textfield;}

.poMesecima{display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.poMesecima h2{margin: 0 15px;}
.poMesecima a{position: relative;}
.poMesecima a i{font-size: 20px; position: absolute; top: 6px;}
.poMesecima a:first-of-type{margin-right: 15px;}
.poMesecima a:nth-of-type(2){margin-left: 5px;}
.poMesecima h2 span{font-size: small; line-height: normal;}

.karnetLegenda{height: 120px; overflow: hidden; width: 400px; display: flex; flex-direction: column; flex-wrap: wrap; border: 1px solid black; justify-content: space-between; padding: 5px; position: absolute; top: 50px; right: 10%; background:url(../img/bg.jpg) 0 0 repeat !important;}
.karnetLegendaItem {display: flex; flex-direction: row; align-items: center; padding: 0;}
.itemText{font-size: 14px;}
.itemColor {width: 15px; height: 15px; border: 1px solid black; padding: 0; margin: 0; margin-right: 10px;}
.vikend{background-color: rgba(255,0,0,0.3) !important;}
.bo{background-color: rgba(0,255,0,0.3) !important;}
.bp{background-color: rgba(0,0,255,0.3) !important;}
.go{background-color: rgba(255,221,0,0.3) !important;}
.ni{background-color: rgba(42,59,144,0.3) !important;}
.pl{background-color: rgba(255,125,0,0.3) !important;}
.vp{background-color: rgba(0,0,0,0.3) !important;}
.sl{background-color: rgba(128,0,128,0.3) !important;}
.dp{background-color: rgba(1,190,254,0.3) !important;}


/* ----------- Organizacija ------------- */

.organizacijaBold{font-weight: 700;}

.bojaNeradni{background-color: rgba(255,0,0,0.3) !important;}

.ugovorH1{display: inline-block; font-size: 28px;}
.dodajUgovor{background: #0091ea; color: #fff; border: none; padding: 10px 25px; font-size: 14px; margin: 0 0 30px 0; float: right;}
.dodajAneksRN{background: #0091ea; color: #fff; border: none; padding: 2px 5px; font-size: 14px; position: absolute; top: 20px; right: 20px;}
.dodajUgovor i{margin: 0 0 0 15px;}
.dodajAneksRN i{margin: 0 0 0 5px;}
.addAneksButton{font-size: 15px; font-weight: 600; padding: 6px 10px;}

#inputWrapper{padding: 40px 0px; width: 35%; position: fixed; z-index: 6; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(0.8); opacity: 0; visibility: hidden; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s;   transition-delay: 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition-delay: .5s; background:url(../img/bg.jpg) 0 0 repeat !important;}
#inputWrapper.open{opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-50%) scale(1);}
#inputWrapper .karnetInputHolder .karnetInputTitle{text-align: center; margin-bottom: 25px;}
#inputWrapper .karnetInputHolder{padding: 0 40px;}
#inputWrapper .karnetInputHolder .formData button{float: none; margin: 50px auto 0 !important; display: inherit;}
#inputWrapper .close{position: absolute; top: 0; right: 0; transform: translateX(50%) translateY(-50%); width: 35px; height: 35px; text-align: center; line-height: 35px; background: #f2f2f2; border-radius: 50%; cursor: pointer;}


.overlay{position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.9); z-index: 5; opacity: 0; visibility: hidden; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s;}
.overlay.open{opacity: 1; visibility: visible;}

.formGroup.searchZaposleni {width: 500px;position: absolute;top: 45px;left: 50%;}


/* ----------- Dashboard ------------- */

.tablist{margin:0 0 2rem 0; border-bottom:1px solid #d7d7d7; padding:0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none;}
.tablist li{margin-bottom: -2px;}
.tablist li a{padding: .5rem 1rem; border: 1px solid transparent; background: initial; font-weight: 400; letter-spacing: .5px; color: #8f8f8f; display: block;}
.tablist li a:hover{border: 1px solid #d7d7d7; color: #2e3c54; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.tablist li a.active{ border: 1px solid #d7d7d7; border-bottom: none; position: relative; color: #2e3c54; background:url(../img/bg.jpg) 0 0 repeat; z-index: 99; border-top-left-radius: 3px; border-top-right-radius: 3px;}

.searchBox{width: 100%; margin: 20px 0 40px 0;}
.searchBox.open{display: block;}
.searchBox > .formData{position: relative;}
.searchBox > .formData button{margin-top: 0px; margin-left: 15px; float: none;}

.obavestenjaIstekHodler{display: flex; flex-direction: row; justify-content: space-between;}
.obavestenjaIstek{width: 32%; min-height: 200px; position: relative; margin-bottom: 30px;}
.obavestenjaIstek p{font-size: 18px; font-weight: 600;}
.obavestenjaIstekTable{width: 100%; height: 200px; padding: 20px; position: relative; overflow-y: scroll;}
.obavestenjaHomeLink {display: flex; flex-direction: row; align-items: center;}
.obavestenjaHomeLink::before {content: ""; display: block; position: absolute; left: 0; width: 90%; height: 100px; max-height: 2.5em;}


/* ----------- Bolovanja ------------- */

.bolovanjeFirstRow{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

.bolovanjePoMesecima{display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 25px 0;}
.bolovanjePoMesecima h2{margin: 0 15px;}
.bolovanjePoMesecima a{position: relative;}
.bolovanjePoMesecima a i{font-size: 30px; font-weight: 600;}
.bolovanjePoMesecima a:first-of-type{margin-right: 15px;}
.bolovanjePoMesecima a:nth-of-type(2){margin-left: 5px;}
.bolovanjePoMesecima h2 span{font-size: small; line-height: normal;}
.bolovanjeFirstRow a .dodajBolovanje{display: inline-block; margin-top: 10px; background: #0091ea; color: #fff; border: none; padding: 10px 25px; font-size: 14px;}
.bolovanjeFirstRow a .dodajBolovanje i{margin: 0 0 0 15px;}