/* *{margin:0px; padding:0px; font-family:arial,sans-serif; font-size:12px; } */ *{margin:0px; padding:0px; font-size:12px; } /* .icons {font-family: icons;color:inherit;} */ /* @font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);} */ IMG{border:0px; } HTML{padding:0; margin:0; height:100%; width: 100%; } body{padding:0px; margin:0px; width: 100%; height: 100%; position: relative; } INPUT{ padding:2px; } SELECT{ padding:2px; } OPTION{ padding:2px; } ul ol{padding: 4px; padding-left: 10px; } .hidden{display:none!important;} .wrapper{height:100%; position:relative; } #header{width: 100%; background: white; border-bottom:1px solid #7f1858; margin:0px; position: relative; flex-direction: row; display: flex; justify-content: space-between; } /* #top_menu{padding:0px; right:0px; border:0px dashed #ccc; -webkit-box-flex:0; -moz-box-flex:0; box-flex:0; flex: 0 0 150px; commented ssimdev*/ /* flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ] -ms-flex: 0 0 150px;u IE 10 radi kad ima -ms- prefix */ /* } */ #top_menu{padding:0px; right:0px; border:0px dashed #ccc; -webkit-box-flex:0; -moz-box-flex:0; box-flex:0; flex: 0 0 194px;} #top_menu a{padding:5px 9px 4px 9px; font-size:11px; text-decoration:none; color:#7f1858; display:inline-block; border-left:1px solid #eee; box-sizing:border-box; } #top_menu a:hover{background-color: rgba(50,50,50,0.5); } .plumCMS a:after{width:118px; content:''; margin:0; color:#aff; font-size:30px; font-weight:bold; padding: 2px 0 0 20px; box-sizing: border-box; _text-shadow:1px 1px 3px #465; display: block; } .plumCMS a{color:#fff; text-decoration:none; display:block; width: 100% } A.cms_panel_butt{display:block; width:80px;margin:4px 4px 4px 40px;padding:4px;border:1px solid #999; text-decoration:none; color:#666; } #main_menu{position:relative; display: flex; justify-items: space-between; } #main_menu > ul{list-style-type: none; display:flex; } #main_menu > ul > li{position: relative; } #main_menu > ul > li > a{display:block; margin: 0px; font-size: 13px; color: #7f1858; padding: 1px 8px 1px 1px; border:none; border-left: 1px solid #7f1858;; cursor: pointer; text-decoration: none; border-radius:6px 0 0 0 } #main_menu > ul > li > a i{padding: 8px; } /* #main_menu ul li a:hover, .cur_cms_pagecat{color: #ffffff; background: #7f1858; border-radius:6px 6px 0 0;} */ #main_menu > ul > li > a:hover, .cur_cms_pagecat{color: #ffffff; background: #7f1858; border-radius:6px 6px 0 0;} #main_menu .cur_cms_pagecat a span,#main_menu .cur_cms_pagecat a i{color: #eee; } #main_menu > ul > li:last-child{border-right: 1px solid #dddddd; } #main_menu li:hover .submenuMain {display: block } /* #main_menu .submenuMain:hover li{} */ #main_menu .submenuMain{display:none; list-style-type: none; position: absolute; top:44px; left:0; margin: 0; width:240px; z-index: 4300; _background: #fff; } #main_menu .submenuMain li{text-align: left; display:block; } #main_menu .submenuMain a{display:block; padding: 8px 12px 8px 12px; text-align: left; font-size: 15px; _border:1px solid #ccc; border-bottom:1px solid #aaa; text-decoration: none; color: #eee; background: #7f1858; } #main_menu ul li ul li:last-child{border-right:0px; } #main_menu .selected_page{background-color: #4a708b; color: #ffffff; border-radius: 0px; } /* .bookmarkLinks{} */ .bookmarkLinks UL{list-style-type: none; margin: 10px 8px 10px 4px; border: 1px solid #ccc; } .bookmarkLinks h3{font-size: 12px; font-weight: normal; background: #eee; padding: 4px; color: #666; } .bookmarkLinks LI{padding: 4px; } .bookmarkLinks LI A{color: #666; font-size: 11px; text-decoration: none; } .bookmarkLinks LI A:hover{text-decoration: underline; } .startpage_grid{width: 100%; border-collapse: collapse; } .startpage_grid td{vertical-align: top; } #AppContainer{margin:0; font-size:12px; border:0px solid #ccc; position:relative; clear:both; } #AppBody{display: flex; } #AppBody > form{flex-basis: 1; _display: block; width: 600px; _flex-grow: 1; } #AppBody .Prop_container{flex-basis: 0; flex-grow: 2; } .searchChars{border:1px solid #ccc; border-radius:6px; width:200px; position: absolute; top:60px;right:30px; box-sizing: border-box; } .searchChars .innerSearch{background: #ffffef; font-size:14px; color:#666; padding: 4px 6px; box-sizing: border-box; border-radius:6px; box-shadow: inset 1px 1px 1px #ddf; } .searchChars .innerSearch:focus{background: #ffa; } .propertiesListForm{flex-grow: 1; } .propertiesListForm form{width:400px; } #AppContainer.cmsAdminGeneral{width:100%; text-align: center; } #AppContainer.cmsAdminGeneral form{width:480px; text-align: center; margin: auto; } #AppContainer.cmsAdminGeneral form table{width:100%; border:1px solid #ccc; } #AppContainer.cmsAdminGeneral form table td{width:50%; text-align: center; padding:20px 0 20px 0; } #AppContainer.cmsAdminGeneral label{padding:10px; display: block; font-size:18px; } #AppContainer.cmsAdminGeneral input{display: block; text-align: center; margin:auto; } #AppContainer hr{margin:4px; background-color:#ccc; height:1px; border:0px; } /* #AppContainer img{ margin:4px; padding:4px; border:2px solid #cccccc; } */ .meni_sa_alatkama{width: 100%; top:0px; left: 0px; height: 38px; border: 1px solid #999; border-left: 0px; border-right: 0px; background: #e2e2e2; /* Old browsers */ /* box-shadow: 0px 2px 2px #ccc;*/ position: relative; } .meni_sa_alatkama ul{position: absolute; } .meni_sa_alatkama ul li{display: block; float:left; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(1,1,1,0) 1%, rgba(51,51,51,0.2) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(1,1,1,0)), color-stop(100%,rgba(51,51,51,0.2))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(1,1,1,0) 1%,rgba(51,51,51,0.2) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(1,1,1,0) 1%,rgba(51,51,51,0.2) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(1,1,1,0) 1%,rgba(51,51,51,0.2) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(1,1,1,0) 1%,rgba(51,51,51,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33333333',GradientType=0 ); } .meni_sa_alatkama .dugmici_levo{left:0px; } .dugmici_levo li:first-child{background: none; } .dugmici_levo li:last-child{border-right: 1px solid #ccc; } .meni_sa_alatkama .dugmici_desno{right: 0px; } .editor_wrapper{position: relative; height:100%; padding-left: 55px; } .chose_editmode{position:absolute; top:0; left:-5px; width:58px; } .chose_editmode span{display:block; cursor: pointer; text-align: center; border-bottom: 1px solid #666; padding:8px 0 8px 0; } .chose_editmode span:first-child{border-top: 1px solid #666; } .chose_editmode span:hover{background-color: #ddd; } .dugmici_levo li a{display: block; height: 26px; padding: 0px; margin:0px; border:0px; cursor: pointer; border-left:1px solid #999; text-decoration: none; color: #666; padding: 12px 8px 0px 8px; text-transform: uppercase; } .dugmici_levo .activanLNG{/*border:1px solid red;*/ background:#FF9933; color: #fff; } .dugmici_levo .emptyLNG{/*border:1px solid red;*/ background-image: url('../images/not_saved.gif'); background-repeat: no-repeat; background-position: 2px 2px; } .dugmici_levo .deactivatedLNG{/*border:1px solid red;*/ background-image: url('../images/not_active.gif'); background-repeat: no-repeat; background-position: 2px 2px; } .dugmici_desno li button{font-size:15px; display: block; height:38px; margin: 0px; padding: 2px 8px 2px 8px; border:0px; cursor: pointer; border-left:1px solid #999; background-color:transparent; margin: 0px; } .dugmici_desno li a{font-size:15px; display: block; height:30px; margin: 0px; padding: 6px 8px 2px 8px; border:0px; cursor: pointer; border-left:1px solid #999; background-color:transparent; margin: 0px; } .dugmici_desno li p{display: block; height: 26px; margin:0px; border:0px; border-left:1px solid #999; text-decoration: none; color: #666; padding: 12px 8px 0px 8px; } .dugmici_desno li button:hover{background: #fff; } .dugmici_desno li button:disabled{color: #999 !important; } .dugmici_desno li button:disabled i{color: #999 !important; } .dugmici_desno li i{color: #666; font-size:26px; } .dugmici_desno li button span{padding-left: 6px; font-size: 14px; } /* .dugmici_levo{} */ .appNaslov,.itemID{padding: 12px 4px 4px 4px; font-size: 16px; font-weight: bold; } .itemID{color: #3963c2; margin-right: 30px; } /* < DUGMAD FORME ZA OPRACIJE NAD PODACIMA > */ .DugmadOperacija{padding:0px; background:#eee; border:1px solid #ccc; text-align:right; margin-left:8px; position:relative; } .DugmadOperacija INPUT{margin:0px; padding:6px; } .FloatPrekid{float:none; clear:both; height:1px; } .Fieldset_01,.Fieldset_02{background: #eee; border:1px solid #bbb; border-radius: 4px; padding:6px; margin:4px; } .Fieldset_01 legend,.Fieldset_02 legend{padding: 2px 8px 2px 8px; background: #eee; border:1px solid #bbb; border-radius: 4px; font-size: 14px; color:#666; } .Fieldset_01 hr,.Fieldset_02 hr{background: none; border-width:0px; border-bottom: 1px solid #ccc; margin:0px 0px 8px 0px; height: 8px; clear: both; float: none; } .Fieldset_01 LABEL{margin:6px 4px 2px 4px; padding:0px; display:block; } .Fieldset_01 TD{padding:6px; } .Fieldset_02 LABEL{padding:0px 10px 0px 0px; display:inline; } .Fieldset_02 INPUT{margin:2px; margin-right:4px; } .Fieldset_02 SELECT{margin-right:15px; } .fieldsetProperties{background: #556; columns:3; text-align: center; padding:20px 14px 30px 14px; } .fieldsetProperties .propGroupCNT{padding:6px 2px; text-align: left; color:#eee; margin:0 0 4px 0;; border:1px solid #eee; border-radius:6px; } .fieldsetProperties .propGroupCNT label{display: inline-block; width: 172px; padding:4px 0; } .drvce{border-top:1px solid #999; overflow:auto; padding:4px; position: relative; } .drvce ul{margin-left:0px; padding:4px 0px 4px 0px; border-left:1px dashed #999999; } .drvce ul ul{margin-left:15px; } .drvce li{list-style-type:none; padding: 2px; margin-bottom: 2px; /* background:url('../images/dir_node.gif') no-repeat 0% 0%; */ } .drvce label{cursor: pointer; } .drvce label:hover{background-color: #ccc; } .drvce li div{border:1px solid #eee; position:relative; } /* .drvce li div span{} */ .drvce li div:hover{ background-color: #eee7a1 !important; } .drvce LI P{ display: inline-block;padding:6px 10px 6px 10px;border: 0px solid red;font-size: 14px;} .drvce LI A{ text-decoration:none; } .drvce LI A:hover{ text-decoration:none; } .drvce LI IMG{ margin-right:4px; } .drvce LI SPAN{ font-size: 11px;color:#666; } .drvce LI SPAN A{ font-size: 11px;text-decoration: underline;color:#5578ba; } .drvce LI SPAN A:hover{ text-decoration: none;color:#5578ba; } .drvce .dirNivo_1 LI{ color:#000; } /* .drvce .dirNivo_1 > LI > DIV { *background:#dddddd;} */ .drvce .dirNivo_1 LI DIV P{ font-size:16px;display:inline-block; } .drvce .dirNivo_2 LI{padding-left:22px; } .drvce .dirNivo_2 > LI > DIV { background:#dddddd; } /* .drvce .dirNivo_3 LI DIV { *background:#ffe8a1; } */ /* .drvce .dirNivo_4 LI DIV { *background:#d7f1f8; } */ .drvce .dirNivo_4 LI DIV P{ font-size:14px; } /* .drvce .dirNivo_5 LI{ } */ /* .drvce .dirNivo_5 LI DIV { *background:none; } */ .drvce .dirAdd{background-image:none; padding:0px; margin:0px; border:0px; } .drvce .dirEdit{background-image:none; padding:0px; margin:0px; border:0px; } .drvce .dirAction{background-image:none; padding:0 8px 0 8px; margin:0px; border:0px; color: #888; } .drvce .dirAction i{font-size: 22px; } .drvce .dirAction:hover{color: #333; } .drvce .prods{margin:0 6px 0 0 ; display: inline-block; } .drvce .prods a{border:1px solid #aaa; border-radius: 4px; display: block; color: #666; padding: 2px 6px 2px 6px; text-decoration: none; font-size: 11px; background-color: #ddd; } .drvce .prods a:hover{background-color: #00415e; color: #cccccc; } .drvce .selectCat{position:absolute; right:2px; top:2px; cursor: pointer; } .drvce .dirDeactivated{background: #ffc2a0; } #drvceKomande{margin: 2px; position: relative; height:25px; border:0px solid red; } #drvceKomande BUTTON.deletedButt{position:absolute; padding: 3px; right:170px; } #drvceKomande BUTTON.trashButt{position:absolute; padding: 3px; right:95px; } #drvceKomande BUTTON.movetoButt{position:absolute; padding: 3px; right:10px; } .popupDrvceBox{display:none; position: absolute; top:30px; right: 0px; border:1px solid #ccc; background: #fff; width:350px; height:332px; } .popupDrvceCnt{height:300px; overflow: auto; } .popupDrvceBox .buttOKcnt{position: absolute; bottom: 0px; height: 32px; width: 100%; background: #eee; text-align: center; } .popupDrvceBox .buttOKcnt BUTTON{padding:3px; font-size:14px; } .loadingImg{position: absolute; top:40%; left:40%; margin: auto; } /* keyword search */ .cmsButtons{width:140px; border:1px solid #88c; background: #3396c9; color:#eee; padding: 10px 30px; text-align: center; margin-top: 20px; cursor: pointer; font-size:14px } .updateMessage{padding:10px;border:1px solid #555; width:60%; margin:10px auto; background: #ffe; text-align: center; text-transform: uppercase; color:#393; border-radius:6px; font-weight:bold; } /* poup drvce */ #findIDbox LI{padding-left: 10px; } #findIDbox LI A{font-size:14px; } .app_general_h2{margin:4px 4px 5px 4px; padding:2px; font-size:14px; font-weight:bold; border-left:20px solid #eee; border-bottom:1px solid #eee; } .app_general_h3{position: relative; margin:0px; padding:8px; font-size:14px; color:#eee; font-weight:normal; background-color:#5578ba; text-align: center; } #AppContainer .closeWindow{position: absolute; right: -15px; top:-15px; cursor: pointer; border: 0px; padding: 0px; z-index: 50; } A.appTabNav{display:block; padding:10px; margin:2px 2px 0px 2px; background:#CFE1EF; border:1px solid #264B8A; color:#333; font-weight:bold; text-decoration:none; font-size:14px; width:100px; float:left; } A.appTabNav:hover{background:#5578ba; color:#fff; } .kljucne_reci #AppContainer table{width:600px; text-align: center } .kljucne_reci #AppContainer table td, .kljucne_reci #AppContainer table th{font-size:16px; padding:6px; border:1px solid #ccc; text-align: center; font-weight:lighter; background: #fff; color:#777; } .kljucne_reci #AppContainer table div{font-size:16px; _border:1px solid #ccc; display: inline-block; padding:6px 12px;min-width:60px } .kljucne_reci #AppContainer table input{background: #ffa; padding:6px 10px; border:1px solid #f23; font-size:14px } .kljucne_reci #AppContainer table input[type='button']{border:1px solid #378; background: none; } #footer{display: none; width: 100%; color:#666; position:fixed; bottom: 0px; border-top:2px solid #ccc; background: rgba(255,255,255,.9); z-index: 100; } #footer div.footerwrpper{height:44px; width: 100%; display:-webkit-box; -webkit-box-orient:horizontal; display:-moz-box;/* firefox */ -moz-box-orient:horizontal; display:box; box-orient:horizontal; display: -ms-flexbox;/* IE 10 */ -ms-flex-direction: row;/* vertical = column, horizontal = row */ flex-direction: row; } /*full calendar*/ .serviser_id_9999{background:#c0f0cd!important;} .serviser_id_4343{background:#f4f5b3!important;} .serviser_id_9958{background: #c4feff!important;} .serviser_id_2556{background: #ffded9!important;} .serviser_id_4433{background: lightgrey!important;} .serviser_id_2929{background:#d18877!important;} .serviser_id_1234{background:lightblue!important;} .serviser_id_808{background:aliceblue!important;} .serviser_id_-1{background: #de320b!important;} .fc-day-grid-event span ,.fc-day-grid-event p{color:#444} .fc-day-grid-event {cursor: pointer;} .modalniProzor{position: absolute;width: 500px ;top: 80px;left:480px; ;background: rgb(255,255,255);border: 2px solid #7f1858;z-index: 1000;} .modalniProzor div {padding: 8px 10px; box-sizing: border-box;} .modalniProzor div label{width: 180px; display: inline-block; text-transform: uppercase} .modalniProzor div input{width: 180px; margin-top: 5px} .modalniProzor div textarea{resize: vertical; min-width: 300px; min-height: 100px} .modalniProzor .mp1 .dodajKlijenta {display: inline-block; text-align: center;font-size: 15px; text-transform: uppercase; text-decoration: none; margin-left: 25%; color: #7f1858} /* .modalniProzor .mp3 .hasDatepicker{} */ .modalniProzor .mp3 label{width: 80px;} .modalniProzor .mp3 .ui-datepicker-trigger { margin-right: 50px; } /* .modalniProzor .mp3 input{} */ .mp1 {height: 50px;} .modalniProzor .mp1 .zatvoriProzor{font-size: 25px; cursor: pointer; float: right;} .modalniProzor >div{border-bottom: 1px solid #999} .modalniProzor .mp8 .snimiNalog{margin: auto; display: block; padding: 10px} .modalniProzor .mp8{border-bottom: none; padding: 15px 0; display: flex; justify-content: center;} .modalniProzor div.sugestijePretrage{padding: 5px 0; } .modalniProzor div.sugestijePretrage li{padding: 5px; list-style: none; display: block} .modalniProzor .mp4{position: relative} .modalniProzor .sugestijePretrage {position: absolute; top:0; background: rgb(127, 24, 88); color: #fff; top: 100%; width: 100%; left: 0; } .modalniProzor .sugestijePretrage li{ border-bottom: 1px solid #fff; display: flex; justify-content: space-between;; } .modalniProzor .sugestijePretrage li:last-child{border-bottom: none;} .modalniProzor .sugestijePretrage li span.suggName{width: 25%; display: inline-block;} .modalniProzor .sugestijePretrage li span.clienAddress{width: 35%;display: inline-block;} .modalniProzor .sugestijePretrage li span.clientPhone{width: 25%;display: inline-block;} #listaServisa {width: 180px; display: inline-block; padding: 6px 0} .prozorIntervencije{background:#e6e6ff; position: absolute; width: 500px; min-height: 50px; top: 40px; z-index: 100 ; left: 450px; flex-wrap: wrap; padding: 10px; box-sizing: border-box} .formaNoviKlijent{position: absolute;top: 40px;background: #ddd;z-index: 1000;width: 500px;left: 600px;text-align:center;} .formaNoviKlijent input,.formaNoviKlijent label{width: 95%;} .prozorIntervencije>div{ width: 100%; display: flex; justify-content: space-between} .prozorIntervencije .headerIntervencije{width: 100%;display: flex; justify-content: space-between; height: max-content} .prozorIntervencije .headerIntervencije>span{cursor: pointer; flex: initial} .prozorIntervencije #naslovIntervencije{ width: 100%; font-size: 20px; text-align: center; padding:15px 0} .prozorIntervencije div>span{font-size: 14px; padding:10px 5px; box-sizing: border-box;flex: 1} .prozorIntervencije div>p{ font-size: 14px ;padding:10px 5px; box-sizing:border-box; border: 1px solid transparent; flex: 2} .prozorIntervencije p:focus{background:#fff; border:1px solid #ddd; outline: none} .prozorIntervencije .snimiIntervenciju{background: pink; flex: initial; margin:30px auto 0;text-align: center; cursor: pointer; width:60% } .prozorIntervencije .sugestijePretrage{position: relative} .prozorIntervencije .sugestijeLista{width: 100%} .prozorIntervencije .action_button{width: 50%;margin: auto;} .brojKopija{border: 1px solid #fff;color: #fff;} .predloziPretrage{margin:10px 0} .predloziPretrage li{list-style: none;border-bottom: 1px solid #7f1858; padding: 10px; box-sizing: border-box; text-align: center; background: #eee; cursor:pointer} /*PREMESTANJE PROIZVODA */ .infoPrikaz{position: absolute; top: -30px;left: 300px; width: 300px; background:#4568aa; color: #dddddf; z-index: 1000; padding: 20px; line-height: 1.3em; letter-spacing:.7px; } .checkboxMove{width: 1%} .checkAllFalse,.checkAllTrue{margin: 8px;; vertical-align: middle; font-size: 16px; } .premestanjeProzivodaFlex{display: flex; text-align: center; } .premestiProizvod{border: 1px solid #aaa; padding: 6px; border-radius:5px; background: #fff; cursor: pointer } .timelineNavigator{background: #334; color:#eee; display: flex; } /* .leftTime:after,.rightTime:after{ font-family: icons; position: absolute; font-size:30px; pointer-events: none } */ /* .leftTime:after{ content:"\f060"; top:3px; left:20px; } */ /* .rightTime:after{ content:"\f061"; top:3px; right:20px; } */ .timelineNavigator a{flex-grow: 1; color: inherit; text-align: center; padding:13px 0 0 0;position: relative;text-decoration: none } .timelineNavigator a:hover{background: #525} .timelineNavigator h2{flex-grow: 4; font-size:1.5em; font-weight:normal; padding: 7px; text-align: center; border-left:1px solid #eee; border-right: 1px solid #eee; } .timelineNavigator #pickdate{background: none; border:none; font-size:20px; color:#eee; text-align:center;cursor: pointer;width: 100%;} .timelineTableForServicers{border-collapse: collapse; width:100%; margin: 0; border-top:4px solid #999; } .timelineTableForServicers th{padding:4px; border:1px solid #aaa; font-size:9px; width:1px; } .timelineTableForServicers th:first-child{width:140px; font-size:11px; } .timelineTableForServicers td{white-space: nowrap; border:1px solid #ccc; font-size:9px; padding:4px } .dataCell{background: #c32 !important;cursor: pointer;} .timelineTableForServicers .completedTask{background:#6a6 !important; border:none; border-top:1px solid #ccc; } .timelineTableForServicers .ponovniDolazak{background:violet !important; border:none; border-top:1px solid #ccc; } .evenRowTimeline {background: rgb(173, 216, 230, .5);} .timelineTableForServicers .todoTask{border:none; border-top:1px solid #ccc;} #detailsPlaceholder .editIcon{display: none;} #detailsPlaceholder{ max-height: 80vh;overflow: scroll;min-width:420px; position: fixed; top:100px;left:33%; background: #fff; padding:10px; box-sizing: border-box; border: 1px solid #666; box-shadow: 8px 6px 16px #888; color:#eee; /* background: #715; */ /* z-index: 1; */ z-index: 9; resize: both; } #detailsPlaceholder legend{padding: 4px 20px; margin-left:10px; border:1px solid #aaa; font-size:1.6em; font-weight:bold; background: #fff; } #detailsPlaceholder fieldset{padding:20px; background: #fff; color:#444; } #detailsPlaceholder p, #detailsPlaceholder span{font-size:16px; margin: 4px 0;outline: 0px } #detailsPlaceholder span{display: inline-block; vertical-align: middle; } #detailsPlaceholder p:focus .editField{border:1px solid darkorange; padding:3px 10px; margin: 3px; border-radius: 4px; } #detailsPlaceholder p:focus .editIcon{display: inline-block} #detailsPlaceholder .icons{color:darkorange; font-size:1.6em; margin:0 4px; cursor: pointer; } .addNewAction{display: none;width:500px;height:calc(100vh - 44px); position: fixed; top:44px;right:0%; background: #fff; padding: 20px; box-sizing: border-box; border:1px solid #999; overflow: auto } .addNewAction form{padding: 6px } .addNewAction h2{font-size:2em; font-weight: lighter} .addNewAction fieldset{margin:10px 0; position:relative;; } .addNewAction fieldset legend{border:1px solid #999; padding: 4px 20px; margin-left: 12px; } .addNewAction fieldset >div{padding: 10px; } .formaNoviKlijent{ position:fixed; top:44px; right:calc(500px); left: initial; padding: 30px; box-sizing: border-box; background: #515; color:#eee; width:400px; height: 85vh; /* z-index: 200; */ z-index: 9; text-align: center; margin: 0 auto; overflow-y: auto; overflow-x: hidden; } .formaNoviKlijent:after{ content:""; width:0px; height: 0px; background: none; position: absolute; top:195px;left:100%; border-right: 30px solid transparent; border-left: 30px solid #515; border-top: 30px solid transparent; border-bottom: 30px solid transparent; } .formaNoviKlijent input{ padding: 10px; font-size:14px; margin: 9px auto; display: block; width: 80%; } .timeInput {display: flex; text-align: center; } .timeInput span {flex-basis: 1; flex-grow: 1; text-align: center} .timeInput span label{padding: 0 0 8px 0; display: inline-block; } .timeInput input{display: block; width:100px; text-align: center; margin:auto;font-size:1.6em} .kontaktInput{padding: 10px; display: block; } .addNewAction .buttons{background: none; color:#444; display: block; text-align: center; width:140px; margin:4px auto 20px auto; border:1px solid #444; cursor: pointer; border-radius:4px } .addNewAction .formBlock{padding: 4px; text-align: right; position:relative } .addNewAction .formBlock input, .addNewAction .formBlock select{display: inline-block; margin-left: 10px; } .addNewAction .formBlock select{min-width:180px; } .addNewAction .kontaktInput .sugestijePretrage{ position: absolute; top:28px;right:5px; z-index: 100; background: #fff; _width:200px;_height:20px; border:1px solid #ccc; } .addNewAction .kontaktInput .sugestijePretrage.input_kontakt{ top:150px; } .addNewAction .sugestijeLista{ padding:10px; text-align: left; list-style: none; background: #ffe } .addNewAction .sugestijeLista li{ padding:4px 12px; border-bottom: 1px solid #333; cursor: pointer; position: relative; } .addNewAction .sugestijeLista li:hover:before{ content:" \25B6"; position: absolute; top:7px;left:0px; color:#a3a; } .adNewAction .sugestijeLista li:hover span{ text-decoration: underline; } .addNewAction .sugestijeLista li:last-child{ border: none; } .addNewAction .sugestijeLista li span{ display: inline-block; padding:4px; } .addNewAction #dodaj_novi_kontakt{font-size:50px; user-select: none;width:60px; height:60px; text-align: center; position: absolute; top:60px;left:10px; line-height:40px; border-radius:6px; border:none; color:#fff; background:#666; cursor:pointer; } /* #dodaj_novi_kontakt:before{content:"+"; position: absolute; left:41px;top:-10px; font-size:26px; font-weight:bold; pointer-events: none; } */ #dodaj_novi_kontakt:hover{background: #693773} #workSheetPlaceholder .mainNaloziCnt{margin: 0; width: calc(100% - 485px)} /*FOOTER*/ #footer div.footerwrpper div{padding: 6px; border-right: 1px solid #999; } #footer A{text-decoration: none; font-size: 11px; color:#666; } .footer_username{width: 200px; -webkit-box-flex:0; -moz-box-flex:0; box-flex:0; } .footer_favorites{-webkit-box-flex:1; -moz-box-flex:1; box-flex:1; max-height: 44px; overflow: hidden; } .footer_credits{width: 200px; -webkit-box-flex:0; -moz-box-flex:0; box-flex:0; } #track_offer a{font-size:14px; } #AppContainer table{border-collapse:collapse; width: 100% /* margin-top:10px; */ } #AppContainer table.strech{width:100%; } #AppContainer th{font-size:10px; background:#5578ba;; color:#fff; font-weight:bold; text-align:left; padding:2px 6px 2px 6px; border-right:1px solid #fff; } #TBLartikli td{font-size:12px; padding:2px; font-weight:normal; width:1%; } #TBLartikli .waitValue{background:#ffa;border:1px solid red;position: relative;} /* #AppContainer #TBLartikli td input{} */ #AppContainer #TBLartikli td select{max-width: 110px; } #TBLartikli input{border:1px solid #7c6; border-radius: 4px; box-shadow: none; max-width: 70px; margin: auto; } /* #TBLartikli td.artDesc{} */ #TBLartikli td.artDesc input{min-width:270px; display: block; background: #ffc; display: block; border:1px solid #ede; margin: auto; } #AppContainer .properties_groups td:last-child {width:140px;} #AppContainer .properties_tr {display:none;background:#ddd} #AppContainer .properties_groups a {text-align: center;display:block;} #AppContainer .properties_groups a i, #AppContainer .properties_tr a i {color:#5578ba;font-size:24px;padding:4px 8px;} #AppContainer .propertyElements {padding:0 20px 10px 20px;} #AppContainer .propertyElements div{padding:0px 10px;display:inline-block;vertical-align: top;;font-size:0;width:18%;} #AppContainer .propertyElements div span {display:inline-block;vertical-align: top;margin:10px 0 0px 0} #AppContainer .properties_addNewProp {position:absolute;top:7px;left:0;z-index: 100;} #AppContainer .properties_addNewProp a{background-color: #fff;color:#5578ba!important;} #AppContainer .properties_addNewProp i {color:#5578ba!important;} #AppContainer .properties_header {text-align: right;padding:25px 20px 2px 2px} #AppContainer .editButtons {background:#5578ba;color: #fff;border: 1px solid #ddd; border-radius: 6px; padding:4px 6px; width:60px; margin:10px auto; text-decoration: none; display:block; } #AppContainer .propertyTable_lvl1 {border-collapse: collapse;margin:0 auto;} #AppContainer .propertyTable_lvl1 > tbody > tr > th{text-align: center;font-size:14px;padding:4px 6px;border:none;} #AppContainer .propertyTable_lvl1 > tbody > tr > th{border:1px solid #fff;} #AppContainer .propertyTable_lvl1 td {vertical-align: top;} #AppContainer .propertyTable_lvl1 td{width:1%;padding:0 6px 6px 6px;box-sizing: border-box;} #AppContainer .propertyTable_lvl1 > tbody > tr > td {border:1px solid #ddd;} #AppContainer .propertyTable_lvl1 table th {font-size:12px;height:25px;box-sizing:border-box;} #AppContainer .propertyTable_lvl1 h3 {display:block;text-align: center;padding:4px 0 10px 0;box-sizing: border-box;font-size:14px;color: #555;} #AppContainer .propertyTable_lvl1 select{display:block;width:100%;margin:4px 0} #AppContainer .propertyTable_lvl1 td {text-align: center;} #AppContainer .propertyTable_lvl2 {width:100%;} #AppContainer .propertyTable_lvl1 > tr > td table {background: red!important } #AppContainer .propertyTable_lvl2 tbody th {padding:4px 0;text-align: center;background:none;color:#555;font-size:14px;} #AppContainer .propertyTable_lvl2 td {text-align:center;border-bottom:1px solid #ddd;} #AppContainer .propertyTable_lvl2 td:nth-child(1){width:20px;padding:6px 0;} #AppContainer .propertyTable_lvl2 td:nth-child(2){width:180px;} #AppContainer .propertyTable_lvl2 input {margin:6px 0;} #AppContainer .fieldSize {text-align: center;} #AppContainer .fieldSize span{display:block;padding: 4px 0} /* add new property */ #AppContainer .property_add_group {margin:0 auto;border:1px solid #eee;} #AppContainer .property_add_group td {padding:4px 30px;} #AppContainer .property_add_group td:nth-child(2) {text-align: center;} #AppContainer .property_add_group td label{font-size:13px;padding:0;} #AppContainer .property_add_group td input{margin:4px 8px;text-align: center;} #AppContainer .prop_next, .prop_submit {width:120px;margin:10px auto 6px auto;} #AppContainer .prop_next input {background:#5578ba;color:#fff;border:0px solid red;border-radius:3px;display:block;width:100%;} /* add old property */ .Prop_container {width:100%;margin:0 auto;display:block;border:1px solid #ddd;overflow-y:auto; padding:8px 0 20px 0} .Prop_container h3{font-size:24px;position:absolute;top:10px;left:20px;;right:0;color:#eee;font-weight:lighter;} .Prop_container h4{font-size:17px;padding:8px 8px 10px;font-weight:lighter; _border-bottom:1px solid #78a; } .Prop_container .Prop_box {padding:2px;box-sizing:border-box; border:1px solid #ccc; margin:5px; background: #eef } .prop_submit {background:#5578ba;color:#fff;border:0px solid red;border-radius:3px;display:block;} .Prop_box .PropertyList{display: inline-block; width:31%; vertical-align: top; padding:4px 2px 6px 2px; } .container_listOfProp {padding:5px;_width:400px; } #AppContainer .container_listOfProp th{padding:10px 6px; background: none; color:#555; text-align: center; } .container_listOfProp td{padding: 5px; text-align: center; border-bottom:1px solid #ccf; background: #f0fcff; } .container_listOfProp tr:nth-child(2n+1) td{background: #f7fdff; } .container_listOfProp a {display:inline-block;padding:2px 4px} .container_listOfProp a i{color:#5578ba; font-size:22px; } .drvce_nivo_II{background:#eee; border-bottom:1px solid #ccc; } /* .lastEdit{font-weight:bold; } */ .lastEdit > td{background-color: rgba(0, 153, 0, 0.24); } .lastEdit{background-color: rgba(0, 153, 0, 0.24); } .deactivatedItem{background:#ffc9cf; } #AppContainer .boxHeders{padding:2px; margin:0px 0px 4px 0px; background-color:#7c9ad3; color:#fff; } #AppContainer a img{border:0px; } #AppContainer form,#AppContainer input,#AppContainer textarea{font-size:12px; } #ListItemContainer{position:relative; margin:2px; padding:4px; font-size:12px; border:1px dashed #eee; } #ListItemContainer table{width:100%; border-collapse:collapse; } #ListItemContainer table th{text-align:left; font-weight:bold; color:#666; border-bottom:1px solid #666; padding:2px 2px 2px 6px; background:url(../images/table_th_bgnd.gif) repeat-x; } #ListItemContainer table th a{color: #666; } /* #ListItemContainer tr:nth-child(even) {} */ #ListItemContainer td{padding:6px; color:#2272b7; border-bottom:1px solid #ccc; } #ListItemContainer td H3{font-size:16px; color:#9da3ab; padding:0px 0px 6px 0px; } #ListItemContainer td H3 A{font-size:16px; color:#9da3ab; } #ListItemContainer td P{padding:6px; } #ListItemContainer input{padding:2px; margin-right:8px; } #ListItemContainer input.checkbox{padding:2px; margin:0px; } .dirBox{width:300px; float:left; } .directoryStrucure{border:1px solid #ccc; padding:2px 2px 2px 2px; margin:6px; width:400px; height:500px; position:relative; overflow: scroll; background-color:#fff; } .addDir{width:200px; float:left; border:1px solid #ccc; } /* < Catalog Three > */ #ThreeMain ul{padding:2px 2px 2px 2px; margin-left:15px; list-style-type:none; } #ThreeMain li{padding:2px; font-weight:bold; font-size:12px; color:#ff7302; } #ThreeMain li a{color:#ff7302; text-decoration:none; } #ThreeMain li a:hover{color:#333; text-decoration:underline; } #ThreeMain ul li{padding:2px; font-weight:normal; width:1000px; font-size:12px; color:#ff7302; } #ThreeMain ul li a{color:#ff7302; text-decoration:none; } #ThreeMain ul li a:hover{color:#333; text-decoration:underline; } #ThreeMain ul li ul li{padding:2px; font-weight:normal; width:1000px; font-size:12px; color:#000; } #ThreeMain ul li ul li a{color:#333; text-decoration:none; } #ThreeMain ul li ul li a:hover{color:#ccc; text-decoration:underline; } /*DELETE CATEGORY*/ .cmsCatRemoveList{margin:auto; border:8px solid #5578ba; } .cmsCatRemoveList td{padding:7px 6px; border-bottom:1px solid #eee } /* */ /* < Liste > */ .listaLinkova UL{margin:10px; padding-left:20px; } .listaLinkova UL LI{list-style-type:square; } .listaLinkova UL LI A{color:#3333CC; text-decoration:none; font-size:14px; } .listaLinkova UL LI A:hover{text-decoration:underline; } .listaLinkova H3{color:#666666; font-size:14px; margin:10px; } /* < STIL ZA BOKSOVE NA POCETNOJ STRANI > */ .homeBox{border:1px solid #98BDDC; margin:0px 8px 8px 8px; background:url(../images/bgnd_boks_heder.gif) repeat-x 0px 0px; } .homeBox H2{padding:10px 10px 10px 10px; color:#fff; font-size:16px; } .homeBox TABLE{border-collapse:collapse; padding:0px; margin:2px; } .homeBox TABLE TD{padding:0px; margin:0px; } .homeBox H2.ico1{ background:url("../images/app_ico_1.gif") no-repeat 100% 50%; } /* Publikacije */ .homeBox H2.ico2{ background:url("../images/app_ico_2.gif") no-repeat 100% 50%; } /* Katalog */ .homeBox H2.ico3{ background:url("../images/app_ico_3.gif") no-repeat 100% 50%; } /* Uploads */ .homeBox H2.ico4{ background:url("../images/app_ico_4.gif") no-repeat 100% 50%; } /* Adresar */ .homeBox H2.ico5{ background:url("../images/app_ico_5.gif") no-repeat 100% 50%; } /* Galerija */ .homeBox H2.ico6{ background:url("../images/app_ico_6.gif") no-repeat 100% 50%; } /* Poslovi karijera */ .homeBox H2.ico7{ background:url("../images/app_ico_7.gif") no-repeat 100% 50%; } /* Administracija */ .homeBox H2.ico9{ background:url("../images/app_ico_9.gif") no-repeat 100% 50%; } /* Oglasi */ .homeBox H2.ico11{ background:url("../images/app_ico_11.gif") no-repeat 100% 50%; } /* Editor */ .homeBox H2.ico12{ background:url("../images/app_ico_12.gif") no-repeat 100% 50%; } /* Web strane */ .homeBox H3{padding:8px 4px 2px 4px; } .homeBox P{padding:3px 3px 3px 6px; } .startBoksLista{padding:0px; margin:0px; } .sBoxElementListe{list-style-type:none; padding:3px; margin:0px; border-bottom:1px dashed #ccc; } .sBoxElementListe A{text-decoration:none; } .sBoxElementListe A:hover{text-decoration:underline; } .sBoxElementListe SPAN{font-size:10px; color:#888; } .sBoxElementListe SPAN A{font-size:10px; color:#36C; } .startBoksListaLink{padding:3px 3px 3px 18px; display:block; background:url('../images/napred2.gif') no-repeat 0px -6px; color:#333; } #startPgGallTbl{width:100%; } #startPgGallTbl TD{border-top:1px solid #ccc; padding:4px; vertical-align:top; } /* ---------------------------------- */ /* ----- MESSAGE STRINGS STYLE ------ */ /* ---------------------------------- */ #message_box{position:absolute; display:none; top: 0px; right: 152px; cursor: pointer; z-index: 100; padding:7px 30px; background: #fff; border-radius: 0 0 10px 10px; } #message_box:before {content: "\f057"; font-size: 16px; position: absolute; left:8px; bottom: 14px; } .messages_WARNING,.messages_NOTE,.messages_INFORMATION{margin:2px; padding:6px 10px; font-size:13px; font-weight:normal; background-color: #dfd; border-radius: 6px; box-shadow: inset 1px 1px 3px #777; } .messages_WARNING{border:1px solid #b90000; color:#eee; background-color: #fdd; } .messages_NOTE{border:1px solid #02377f; color:#02377f; } .messages_INFORMATION{border:1px solid #2e7f02; color:#2e7f02; } /* poruke generisane iz procesor_forme.php */ .poruke_procesor_forme{position:absolute; top:-70px; left: 0px; border:1px dashed red;background-color:#fffce5;margin:4px;padding:4px; z-index: 1000; } /* DRVO */ .catTreeContainer{display: flex; } .catTreeInfo{width:300px; background: #8aa } .catTreeInfo h2{color:#eee; font-size:20px; text-align: center; font-weight: normal; padding: 10px; border-bottom: 1px solid #eeee } .catTreeInfo li{padding:10px; text-align: center; border:6px solid #cdd; width:140px; height:140px; border-radius: 50%; box-sizing: border-box; margin: 10px auto; list-style: none; } .catTreeInfo .beforeNumber{display: block; padding-top:14px; color:#dee; font-size:13px } .catTreeInfo .bigNumber{display: block; font-size:60px; color:#cdd } #drvceCnt{flex-grow: 1; background: #abb; } #drvceCnt .brojStrana a{background:none; color: #111; } #drvceCnt span, #drvceCnt i{color:#222; } /* < NAVIGATOR > */ #navigator{background-color:#ccc; padding:0px; margin:0px 0px 0px 0px; background-image:url('../images/admin_panel_gradijent.gif'); background-repeat: repeat-x; font-size:12px; } #navigator img{border:0px; } #navigator label{padding:2px; margin:0px; } #navigator form{padding:0px; margin:0px; } /* #navigator .navigator_box{} */ #navigator table{width: auto; } /* */ /* < TAB VIEW > */ .block_div{margin:4px; padding:4px; float:none; clear:both; } #tab_nav{margin:0px;padding:0px; border:0px solid #000; height:18px; } #tab_nav a{margin:0px 4px 0px 0px; padding:3px 15px 3px 15px; display:inline; background-color:#aaaaaa; text-decoration:none; color:#fff; float:left; font-family:arial; font-size:12px; border:0px solid #fff; border-bottom:0px; } #tab_nav a:hover{color:#000; } #tab_nav a.tab1_css{border:0px solid #999; border-bottom:0px; } #tab_nav a.tab2_css{border:0px solid #999;border-bottom:0px; } #tab_nav a.tab3_css{border:0px solid #999;border-bottom:0px; } #tab_nav a.tab4_css{border:0px solid #999;border-bottom:0px; } #tab_container{border-top:3px solid #7c9ad3; float:none; clear:both; margin:0px; padding:4px; position:relative; } #tab_container div{/* overflow: scroll;*/ overflow: auto; } #tab_container div img{border:0px; } .form_set{margin-top:5px; padding:2px; border-top:1px solid #ccc; vertical-align:top; } .form_label{vertical-align:top; float:left; } /* */ a.mojLink_01{color:#333; text-decoration:none; } a.mojLink_01:hover{color:#999; text-decoration:underline; } .action_button,.grid_heder .action_button{display: inline-block; border:1px solid #7f1858; border-radius: 5px; color: #7f1858 !important; text-decoration: none; padding: 6px 12px; margin-left: 4px; font-size: 13px; background: #ffff; font-family: arial, sans-serif; cursor: pointer; min-width:100px; text-align: center; } .grid_heder .action_button{border:1px solid #7f1858;; padding:3px 6px; box-sizing: border-box; } .action_button i{font-size: 18px; padding-right: 10px; color: #7f1858 !important; } .disabled{background-color: #aaaaaa !important; } .addItem{margin:8px; background:url(../images/add_item.gif) no-repeat 0 0; padding-left:18px; } .addItem A{color:#333; text-decoration:none; } .addItem A:hover{color:#999; text-decoration:underline; } .removeItem{margin:8px; background:url(../images/action_delete.gif) no-repeat 0% 0%; padding-left:18px; } .removeItem A{color:#333; text-decoration:none; } .removeItem A:hover{color:#999; text-decoration:underline; } .listItems{margin:8px; background:url(../images/dir_icon.gif) no-repeat 0% 0%; padding-left:18px; } .listItems A{color:#333; text-decoration:none; } .listItems A:hover{color:#999; text-decoration:underline; } .showItem{margin:8px; background:url(../images/small_list.gif) no-repeat 0% 0%; padding-left:18px; } .showItem A{color:#333; text-decoration:none; } .showItem A:hover{color:#999; text-decoration:underline; } .filterPolje{padding-left:12px; background:url(../images/strelica_popup.gif) no-repeat 0px 3px; cursor:pointer; position:relative; } .popupFilterBox{position:absolute; border:1px solid #666; background:#eee; display:none; z-index:1000; } .popupFilterBox UL{list-style-type:none; width: 400px; height: 300px; overflow-y:auto; } /* .popupFilterBox UL LI{} */ .popupFilterBox UL LI A{display:block; padding:3px 3px 3px 14px; text-decoration:none; background:url(../images/strelica_nadesno.gif) no-repeat 0px 6px; color:#333; } .popupFilterBox UL LI A:hover{text-decoration:underline; } .closeIco{height:24px; background:#666 url(../images/popup_close.png) no-repeat 100% 50%; cursor:pointer; } DIV.scrollOblast{overflow:auto; height:340px; border:1px solid #eee; } /* < LINK ZA PROMENU JEZIKA > */ .lngBox{position:absolute; left:10px; padding-top:3px; } A.buttLNG{padding:2px 0px 2px 0px; border:1px solid #999; background:#C7C7C7; color:#fff; text-decoration:none; text-align:center; display:block; width:30px; float:left; margin-left:8px; } A.buttLNG:hover{text-decoration:underline; border:1px solid red; } /* < STILOVi ZA BOXOVER JavaScript biblioteku > */ .boxOverBody{background:#eee; color:#333; border:1px solid #ccc; padding:3px; } /* .boxOverHeader{} */ .popUpDrvce{border:0; margin:4px 15px 8px 4px; overflow: hidden; overflow-y: auto; } .popUpDrvce UL{padding:2px 0 2px 10px; } .popUpDrvce UL LI{padding:0; list-style-type:none; border-left: 1px dashed #aaa; } .popUpDrvce UL LI p{padding: 4px; font-size:14px; border-radius: 4px; background: orange; } .popUpDrvce UL LI A{display:block; padding: 4px; color:#333333; text-decoration:none; font-size:14px; } .popUpDrvce UL LI A:hover{color:#ffffff; background: #005c82; border-radius: 4px; } .popUpDrvce UL LI INPUT{margin-right: 5px; } .popUpDrvce UL LI UL{border-top:0; } /* .popUpDrvce UL LI UL LI A{} */ .popUpDrvce UL LI UL LI UL LI A{color:#333333; } .popUpDrvce UL LI UL LI UL LI UL{border:0; } /* PLUM EDITOR */ .editorLista{padding:4px; margin:8px; } .editorLista LI{padding:4px; list-style-type:none; padding-left:10px; } .editorLista LI H3{font-size:16px; color:#666; } .editorLista LI UL{margin:4px; } .editorLista LI UL LI{margin:4px; font-size:12px; padding-left:15px; background:url(../images/small_edit.gif) no-repeat 0px 7px; } .editorLista LI UL LI A{color:#666; text-decoration:none; } .editorLista LI UL LI A:hover{text-decoration:underline; } /* LISTA CMS APLIKACIJA */ .cms_apps_lista{padding:4px; } .cms_apps_lista LI{padding:3px 3px 3px 3px; list-style-type:none; font-size:16px; border:1px solid #999; margin:6px; } .cms_apps_lista LI h2{background:#666; color:#FFF; padding:6px; font-size:16px; position:relative; } .cms_apps_lista LI h2 SPAN{position:absolute; right:10px; } .cms_apps_lista LI UL{padding:4px; } .cms_apps_lista LI UL LI{padding:3px 3px 3px 20px; font-size:14px; border:0px; } .cms_apps_lista LI UL LI SPAN{color:#999; } /* LINKOVI SA IKONICAMA */ A.linkIco{color:#0473c4; padding-left:18px; text-decoration:none; } A.linkIco:hover{text-decoration:underline; } .ico_plus{ background:url(../images/icon_plus.gif) no-repeat 0% 50%; } .ico_photo{ background:url(../images/icon_foto.gif) no-repeat 0% 50%; } .linkIcoBig{display:block; border:1px solid #ccc; padding-left:45px; height:47px;width:120px; vertical-align:middle; text-decoration:none; color:#333; margin:10px; float:left; } .linkIcoBig:hover{border:1px solid red; } .docImage{text-align:center; } .docImage img{width:120px; } .docIcon{width:50px; height:50px; } .doc{ background:url(../images/file_icons.gif) no-repeat -200px 0px; } .docx{ background:url(../images/file_icons.gif) no-repeat -200px 0px; } .xls{ background:url(../images/file_icons.gif) no-repeat 0px 50px; } .xlsx{ background:url(../images/file_icons.gif) no-repeat 0px 50px; } .pdf{ background:url(../images/file_icons.gif) no-repeat -50px 0px; } .ppt{ background:url(../images/file_icons.gif) no-repeat -150px 0px; } .zip{ background:url(../images/file_icons.gif) no-repeat -50px 50px; } .other{ background:url(../images/file_icons.gif) no-repeat 0px 0px; } /* < STILOVI ZA NAVIGATOR STRANA > */ /* .navigatorStrana{} */ .navigatorStrana table{border:0px solid red; margin:auto; margin-right: 0px; width: auto; } .navigatorStrana td{border:0px; padding: 0px; margin: 0px; } .navigatorStrana .NSprojpostrani{padding: 7px 18px 7px 18px; } .navigatorStrana .NSlistview a{padding: 7px 18px 7px 18px; border-left:1px solid #ccc; } .navigatorStrana .NSiconsview a{padding: 7px 18px 7px 18px; border-left:1px solid #ccc; } .navigatorStrana td a{display:inline-block; padding: 12px 16px 12px 16px; color: #eee; } .navigatorStrana td a:hover{background-color:#a3124e;; } .NSgotoLink,.NScurLink,.NSprevLink,.NSnextLink{text-align:center; border-right:1px solid #ccc; text-decoration:none; font-size: 12px; margin: 0px; } .NSnextLink{font-size: 14px; } .NSprevLink{font-size: 14px; } /* .NSgotoLink{} */ .NScurLink{background-color: #a3124e; color:#555; } /* < STILOVI ZA NAVIGATOR STRANA > */ #datagrid.narrowTable{width:70%; margin: auto; border:1px solid #eee } #datagrid.narrowTable tr:nth-child(2n-1){background: #f9f9ff } #datagrid.narrowTable img{width:60px; } #datagrid, .datagrid{overflow-y:auto; min-width: 400px; background-color: #fff; } #datagrid table, .datagrid table{border-collapse: collapse; width: 100%; } #datagrid table tr:hover, .datagrid table tr:hover{background-color: #eeeeee; } #datagrid table td, .datagrid table td{border-bottom: 1px solid #ccc; padding: 8px; } #datagrid table th, .datagrid table th{border: 1px solid #ccc; padding: 6px; background-color: #ccc; font-size:12px; font-weight:bold; text-align:left; color: #444; } #datagrid table th a, .datagrid table th a{font-size:inherit; color: inherit; } #datagrid table td a, .datagrid table td a{display: block; text-decoration: none; padding: 6px; } #datagrid table td a i, .datagrid table td a i{color: #4a708b; text-decoration: none; } #datagrid table td i, .datagrid table td i{color: #4a708b; } .grid_heder{width: 100%; border-collapse: collapse; padding: 0px; margin: 0px; background:#7f1858; border-top:1px solid #aaa; } .grid_heder td{padding:0 8px; margin: 0; height:30px; box-sizing: border-box; color:#eee; font-size:16px; } .grid_heder button{padding: 3px; } .grid_heder input{padding: 6px; font-size: 16px; background-color: #dee; border:none; border-radius:6px; margin: 0 4px } .grid_heder input[type='submit']{background: #eee; color:#7f1858; border: 1px solid #7f1858;; font-size: 13px; padding: 7px 12px } #products_grid .grid_coll_image{width: 1%; padding: 0px; } .grid_coll_image img{width: 80px; display: block; } .grid_coll_title{vertical-align: top; min-width: 150px; width: 30%; } .grid_coll_title h3{font-size: 14px; } .grid_coll_title h4{font-size: 12px; } .grid_coll_title p{font-size: 11px; } .grid_coll, .grid_coll_edit,.grid_coll_delete,.grid_coll_add,.grid_handle{text-align: center; vertical-align: middle; width: 1%; border:1px solid #ccc; color: #999; cursor: pointer; } .grid_coll{cursor: default; color: #333; } .filtered_by{border-radius: 4px; background:#ccc; color:#333; padding: 6px 10px 6px 10px; margin:0px 10px 0px 10px; } .tooltipimg{font-weight: bold; } .prod_grid_articles table td{border:0px !important; } #offertab-1{overflow: hidden; overflow-y: auto; } .ponuda_stavke{width:100%; } .ponuda_stavke td input{width:100%; } .articles_tbody .pagebreakMarker td{border-bottom:1px dashed red !important; } .popup_box{margin:4px; border:1px solid #CCC; } .popup_heder{margin:0px; padding:8px; background: url(../images/bgnd_grad_sredina.gif) repeat-x 0px -1px; } .popup_heder H3{padding-left:20px; background:url(../images/popup_strelica.png) no-repeat 0% 50%; } .popup_body{padding:10px; } .popup_body TABLE TD{padding:4px; border:1px solid #CCC; } #lista_media_fajlova{height:650px; overflow: hidden; overflow-y:auto; } #custom_resonses{padding: 8px 8px 8px 20px; } .edit_seo_link div{ display:inline-block; } .edit_seo_link .solink_save_button{padding:6px; margin:2px; border:1px solid #666; background:#fff; cursor:pointer; border-radius: 4px; } .edit_seo_link #current_seolink{padding:3px;margin:2px;border:1px solid #ccc; background-color: #fff;padding: 4px; font-size: 14px; min-width: 200px; } #editor_show_hide{text-align:right; } #editor_show_hide a{padding:0px 4px 0px 4px; text-decoration:none; color:#666; border:1px solid #cccccc; border-bottom:0px; background-color:#f0f0ee; } .suggestionsBox {margin: 0px 0px 0px 0px; border: 2px solid #000; color: #fff; position:relative; } .suggestionList {margin: 0px; padding: 5px; max-height: 400px; overflow-y:auto; } /* .suggestionList table{} */ .suggestionList table tr:hover{background-color: #ccc; color:#333 !important; } .suggestionList table tr td{padding: 6px; border-bottom: 1px solid #ddd; } .suggestionList a{color: #fff; } .suggestionList a:hover{color: #333; } .suggestionList input[type="number"]{padding:3px; width:44px; } /*.suggestionList li {*/ /**/ /*margin: 0px 0px 3px 0px;*/ /*padding: 3px;*/ /*cursor: pointer;*/ /*color:#FFF;*/ /*text-align:left;*/ /*list-style-type:none;*/ /*} */ /*.suggestionList li:hover {*/ /*background-color: #323233;*/ /*} */ /*.suggestionList li B {*/ /*color:#FFF;*/ /*font-weight:bold;*/ /*} */ .zaPovezivanje{max-height:300px; overflow:auto; } .zaPovezivanje TD{border-bottom:1px solid #CCCCCC; } #related_products_cnt{margin: 10px; } #related_products_cnt table{border-collapse: collapse; width:100%; } #related_products_cnt table tr:hover{background-color: #ddd; } #related_products_cnt table td{border-bottom: 1px solid #ccc; padding: 4px; } #additem_popup img{cursor: pointer; } #additem_popup input[type="number"]{width:44px; padding:6px; font-size: 14px; } #additem_popup h3{padding:8px; font-weight: normal; cursor: pointer; border-bottom:1px solid #ccc; } #additem_popup h3:hover{background-color: #dddddd; } #additem_popup h3 i{font-size: 16px; } #additem_popup h3 span{font-size: 16px; padding-left:15px; } #additem_popup table{border-collapse: collapse; width: 100%; } #additem_popup td{border-bottom:1px solid #ccc; } #additem_popup tr:hover{background-color: #eee; } .radio_dugmici{margin:8px 0px 8px 0px; width: 100%; display:-webkit-box; display:-moz-box; display: box; display: -ms-flexbox;/* IE 10 */ border: 0px solid red; } .vertikalni{-webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -ms-flex-direction: column;/* vertical = column, horizontal = row */ } .horizontalni{-webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -ms-flex-direction: row;/* vertical = column, horizontal = row */ } .horizontalni label{border-top: 1px solid #888; border-bottom: 1px solid #888; min-width: 50px; } .radio_dugmici input[type="radio"] {display:none; } .radio_dugmici label {display: block; padding:10px 8px 10px 8px; text-align: center; font-size:14px; margin: 0px; border-right: 1px solid #888; border-left: 0px solid #eee; -webkit-box-flex:0; -moz-box-flex:0; box-flex:0; background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */ } .radio_dugmici label:nth-child(2){border-radius: 4px 0px 0px 4px; border-left: 1px solid #888; } .radio_dugmici label:last-child{border-radius: 0px 4px 4px 0px; border-right: 1px solid #888; } .radio_dugmici input[type="radio"]:checked + label{background: #dddb95; background-color:#dddb95 !important; box-shadow: 0px 0px 4px 0px #333 inset; -webkit-box-shadow: 0px 0px 4px 0px #333 inset; -moz-box-shadow: 0px 0px 4px 0px #333 inset; } .document_list{list-style-type: none; } .document_list li{padding: 8px; border-bottom: 1px solid #999; } .document_list li:hover{background-color: #dddddd; } .document_list li a{text-decoration: none; } .document_list li span{padding: 0px 6px 0px 6px; } .document_list .delete_document{cursor: pointer; float:right; } .document_list .download_document{cursor: pointer; } .document_list .delete_document i, .document_list .download_document i{font-size: 26px; } .document_list .doc_extension{background:#666; color:#fff; border-radius: 8px; font-size: 14px; display: inline-block; padding: 4px 8px 4px 8px; margin-right: 15px; } .ponuda_komande{float: right; list-style-type: none; } .ponuda_komande li{display: inline-block; padding: 0px; margin: 0px; } .ponuda_komande button{padding: 6px; } .current_offer{background-color: rgba(145, 181, 161, 0.42); } .progress_cnt{border:1px solid #ccc; background: #ddd; border-radius: 8px; height: 24px; width:150px; } .progress_cnt div{height: 24px; } .progresslevel_0{border-radius: 8px 0px 0px 8px; width: 25%; background: rgba(1, 143, 131, 0.26); -webkit-animation: frame_lavel_0 2s; /* Chrome, Safari, Opera */ animation: frame_lavel_0 2s; } .progresslevel_1{border-radius: 8px 0px 0px 8px; width: 50%; background: rgba(1, 143, 131, 0.36); -webkit-animation: frame_lavel_1 2s; /* Chrome, Safari, Opera */ animation: frame_lavel_1 2s; } .progresslevel_2{border-radius: 8px 0px 0px 8px; width: 75%; background: rgba(1, 143, 131, 0.51); -webkit-animation: frame_lavel_2 2s; /* Chrome, Safari, Opera */ animation: frame_lavel_2 2s; } .progresslevel_3{border-radius: 8px; width: 100%; background: #018f83; -webkit-animation: frame_lavel_3 2s; /* Chrome, Safari, Opera */ animation: frame_lavel_3 2s; } .status_unknown{background: #efff5f; } .status_successful{background: forestgreen; } .status_unsuccessful{background: darkred; } .status_longtime{background: #007dff; } .status_lngs{padding-top:4px; } .status_lngs span[data-pagestatus="main"]{padding:2px 8px 2px 8px; } .status_lngs span[data-pagestatus="main"] i{font-size: 22px; } .status_lngs span{display: inline-block; margin: 0 4px 0 0; border:1px solid #8c8c8c; border-radius: 6px; padding: 2px; cursor: pointer; } .status_lngs span i{font-size: 18px; } .status_lngs span .fa-check-circle{color:green !important; } .status_lngs span .fa-minus-circle{color:red !important; } #katalog_sidenav{overflow: hidden; overflow-y: auto; } #katalog_sidenav li{margin: 0px; padding: 0px; } #katalog_sidenav li a{display: block; padding: 6px; font-weight: normal; color: #333; } #katalog_sidenav li a:hover{background-color: #eee; } #katalog_sidenav > ul > li{border-bottom: 1px solid #ccc; } #katalog_sidenav .marker_kategorije > a{background-color:rgba(30, 199, 48, 0.21); font-weight: bold; border: 1px solid #009900; } #log_history_cnt{max-height: 500px; overflow-y: auto; } .mediafiles_list li{list-style-type: none; border-bottom: 1px solid #ccc; background-color: #fff; } .mediafiles_list li:hover{background-color: #ddd; } .doc_header{text-align: right; padding: 4px 0px 6px 0px; } .mediafiles_list li .doc_header span{display:inline-block; background:#666; color:#fff; border-radius: 8px; font-size: 14px; padding: 4px 8px 4px 8px; margin-right: 6px; cursor: pointer; } .mediafiles_list li .doc_header span a{color: #fff; text-decoration: none; font-size: 14px; } .mediafiles_list li .doc_header span i{font-size: 20px; } .mediafiles_list p{text-align: center; } #lista_galerija_fajlova li{width:240px; float:left; } #lista_galerija_fajlova li{width:240px; float:left; border: 1px solid #ccc; margin:0 6px 6px 0; } /* FTP MEDIA FILES LIST */ /* #ftp_fileinfo_cnt{} #ftp_listdir{} */ .markfile{border: 1px solid #666; } .noresult{padding:8px; text-align: center; font-size: 16px; background: #ccc; } /* plumFIN */ .plumfin #cms_content{display: flex; } .adminCrmTable{margin:auto; background: #fff; width:100%; } /****** plumFIN ******/ .documentComposer{width:1200px; margin:auto; border:1px solid #999; } .documentComposer .crmNaslov{font-size:20px; color:#777; font-weight:lighter; text-align: center; padding:8px; border-bottom: 1px solid #ddd; } .documentComposer table{width:100%; } .documentComposer .tableRowDOC{width:100%; } .documentComposer .blankDOC{width:36%; } .documentComposer .clientDOC{width:36%; padding: 0 30px; } .documentComposer .dateDOC{width:30%; } .documentComposer .clientDOC h3, .documentComposer .infoDOC h3{font-size:20px; } .documentComposer .bodyDoc{width:1030px; margin: 20px auto; } .documentComposer .bodyDoc table{width:100%; border-collapse: collapse; } .documentComposer .bodyDoc table th, .documentComposer .bodyDoc table td{padding:10px 3px; border-top:1px solid #aaa } /*---FAKTURE---*/ .documentOuter{border:1px solid #777; width:960px; margin:20px auto; background: #fff; box-shadow: 4px 4px 6px #777; } .documentOuter li{list-style: none; } .documentSPACER{width: 40%; } .documentOuter table{width:100%; border-collapse: collapse; } .documentHEADER td{border-bottom: 5px solid #000; } .documentHEADER .documentLOGO{width:300px } .documentLOGO img{width:70%; display: block; padding:20px; } .documentCOMPANYinfo li{font-size:11px; line-height: 110%; } .documentCOMPANYinfo li:first-child{font-weight:bold; font-size:13px } .documentBODY > td{padding: 20px } .documentKLIJENTinner{margin: 20px 0 40px 0; } .documentKLIJENTinner li{line-height:115% } .documentKLIJENTinner > li:first-child{font-size:17px; padding: 5px 0; } .fakturaElementi td, .fakturaElementi th{border:1px solid #999; padding: 18px 6px; text-align: left; } .fakturaElementi td:nth-child(1), .fakturaElementi th:nth-child(1), .fakturaElementi td:nth-child(2), .fakturaElementi th:nth-child(2), .fakturaElementi td:nth-child(4), .fakturaElementi th:nth-child(4), .fakturaElementi td:nth-child(6), .fakturaElementi th:nth-child(6), .fakturaElementi td:nth-child(7), .fakturaElementi th:nth-child(7) {text-align: center; } .fakturaElementi td:nth-child(5), .fakturaElementi th:nth-child(5), .fakturaElementi td:nth-child(8), .fakturaElementi th:nth-child(8), .fakturaElementi td:nth-child(9), .fakturaElementi th:nth-child(9), .fakturaElementi td:nth-child(10), .fakturaElementi th:nth-child(10) {text-align: right; padding: 0 10px } .fakturaElementi td:nth-child(10){font-weight: bold; } .fakturaElementi .docUkupno td{text-align: right; font-weight:bold; font-size:13px } #napomenaDokumenta{width:450px; } .suggestMe{position: absolute; z-index: 100; top:100%;left:0; width:480px; background: #ffa; padding:6px; } .suggestItem{padding: 8px 10px; border-bottom:2px solid #fff; cursor: pointer; } .suggestItem:hover{background: #afa; } .suggestItem .art1{display: inline-block; width:60px; } .suggestItem .art2{display: inline-block; width:350px; } .suggestionCatalogItems{position: relative; } #dodajStavku,#snimi{width:210px; text-align: center; margin: auto; padding: 10px; box-sizing: border-box; cursor: pointer; background: #9b9 } #snimi{display: none; background: green; } .documentFOOTER{border-top:4px solid #111; } .documentFOOTER td{box-sizing: border-box; padding: 20px 0; } .activeInput{background:#cfc} .hidden{display: none} /*FORMIRANJE DOKUMENTA*/ .unosDokumentaOpcije{width:600px; margin:auto; counter-reset: section; list-style-type: none; } .unosDokumentaOpcije li{position: relative; display: inline-block; vertical-align: top; width:240px; } .unosDokumentaOpcije li:before{position: absolute; font-size:60px; color:#aba; top:10px;left:20px; counter-increment: section; content: counters(section,".") " "; } .unosDokumentaOpcije li a{height:40px; display:block; padding: 16px 20px 40px 60px; border:1px solid #8a9; margin:10px; background:#8a9; color:#eee; font-size: 18px; text-align: left; text-decoration: none; } .inputInterfaceForm{width:800px; margin: auto; } .inputInterfaceForm p{display: inline-block; vertical-align: top; height:100px; width:47%; padding:20px; box-sizing: border-box; background: #8a9; margin:4px; } .inputInterfaceForm input, .inputInterfaceForm label{display: block; padding:4px; font-size:16px; } .inputInterfaceForm label{color:#eee; } .inputInterfaceForm button{display: block; width:200px; border:1px solid #eee; background: transparent; color:#eee; padding:10px 80px; margin: auto; cursor: pointer; } /*STATISTIKA */ .containerDellaStatistica{position: fixed; bottom:0;left:240px; background: #8b9; color:#efe; margin: -4px 0 0px 0;padding: 0; z-index: 3000; width:800px } .containerDellaStatistica table{width:100%; margin: auto; text-align: center } .adminCrmTable .crmTAble{width: 100%; text-align: center; border-collapse: collapse; } .crmTAble th{border-top:1px solid #eee; } .crmTAble td{border-top:1px solid #eee; padding:15px 10px; } /* #cms_content{margin:0px 0px 4px 0px; position: relative; border-bottom:6px solid #478 } ssimdev theme */ .crmNavigator{_display: inline-block; background: #479; width:240px; border-right:1px solid #aaa; _position: fixed; _bottom: 0; _right:0; _left:0; z-index: 300; } .searchButton{border: 1px solid #111;width: 200px;display:inline-block;} .adminCrmTable h2{text-align: center; font-size:20px; color:#666; font-weight:lighter; padding: 4px; background: #dde } .crmNavigator ul{width:100%; display: block; margin:auto; } .crmNavigator li{display: block; margin:10px; } .crmNavigator li a, .crmNavigator li p, .crmNavigator li span, .korisnik_aktivnost li a{display: block; padding:10px 12px; text-decoration: none; box-sizing: border-box; color:#cdf; border:1px solid #cce; _border-radius: 6px; font-size: 14px; cursor: pointer; } .crmNavigator li a, .korisnik_aktivnost li a{background:#368; } .crmNavigator li p{background:#3a5; } .crmNavigator li span{background:#489; } .crmNavigator .downloadLink{background:#a40 } .crmNavigator li a:hover{background: #479; } .crmNavigator #printPDF{_padding:6px 12px; cursor: pointer; } /*FORMIRANJE DOKUMENTA*/ .unosDokumentaOpcije{width:600px; margin:auto; counter-reset: section; list-style-type: none; } .unosDokumentaOpcije li{position: relative; display: inline-block; vertical-align: top; width:240px; } .unosDokumentaOpcije li:before{position: absolute; font-size:60px; color:#aba; top:10px;left:20px; counter-increment: section; content: counters(section,".") " "; } .unosDokumentaOpcije li a{height:40px; display:block; padding: 16px 20px 40px 60px; border:1px solid #8a9; margin:10px; background:#8a9; color:#eee; font-size: 18px; text-align: left; text-decoration: none; } .inputInterfaceForm{width:800px; margin: auto; } .inputInterfaceForm p{display: inline-block; vertical-align: top; height:100px; width:47%; padding:20px; box-sizing: border-box; background: #8a9; margin:4px; } .inputInterfaceForm input, .inputInterfaceForm label{display: block; padding:4px; font-size:16px; } .inputInterfaceForm label{color:#eee; } .inputInterfaceForm button{display: block; width:200px; border:1px solid #eee; background: transparent; color:#eee; padding:10px 80px; margin: auto; cursor: pointer; } /*SYNC TOOLS*/ .outerToolsCNT{width:70%; margin:auto; border:1px solid #ccc; border-radius:10px; padding:30px; box-sizing:border-box; text-align: center; } .innerToolsCNT{display: inline-block; width:30%; margin: 1%; border:1px solid #ccc; border-radius:10px; padding:30px; min-height:140px; vertical-align: top; box-sizing:border-box; font-size: 13px; } .resultOUT,.resultMessage{margin:10px; padding:10px 10px; border:1px solid #777; border-radius:6px; background: #ffc; font-size:10px; } .resultOUT p{font-size: inherit;padding:2px;position: relative} .resultOUT p img{width:30px;height:30px; position: absolute; right:-4px;bottom:-6px;} .allowedAction{background:#292} /*ARTICLE MANAGEMENT*/ .cmsAppContainer{background: #78a; width:100%; margin:0; display: flex; } .cmsAppContainer .container{_width:70%; background: #abc; position: relative; padding-bottom: 40px; min-height:300px; text-align: right; flex-grow: 1; } .cmsAppContainer .container .box_content{_background: red } .cmsAppContainer .menuMain{width:220px; _position: fixed; height: 100%; right:0; background: #78a; padding: 0 20px; box-sizing: border-box; text-align: center; _overflow-y: auto; } .cmsAppContainer form{margin-top: 20px; } .cmsAppContainer fieldset{padding: 20px; } .buttons{background: #78a; border:1px solid #eee; color:#ddd; padding:9px; display: inline-block; margin: 6px 0 0 6px; border-radius: 7px; min-width:160px; cursor: pointer; } .buttons.buttonsNegative{background: none; } .buttonInner{display: inline-block; width:47%; padding:10px 2px; box-sizing: border-box; color:#eee; text-decoration: none; font-size:12px; } .buttonInner:hover{background:rgba(255,255,255,.2) } .buttonInner:nth-child(1){border-radius:6px 0 0 6px; } .buttonInner:nth-child(2){border-radius:0 6px 6px 0; border-left: 1px solid #eee; } .cmsAppContainer input[type='text'], .cmsAppContainer input[type='number']{padding:6px 0; } .cmsAppContainer legend{color:#ddd; border:1px solid #eee; padding: 4px 7px; border-radius: 4px } .cmsAppContainer .container form{width:90%;margin:auto; } .cmsAppContainer table{_width:630px; width:100%; max-width:800px; border-collapse: collapse; border:30px solid #89b; font-size:14px; background: rgba(0,100,200,.1); border-right:30px solid #378; box-sizing: border-box; } .cmsAppContainer table th{padding: 6px 10px; background: #378; color:#eee; text-align:center; font-weight: normal; font-size:13px } .cmsAppContainer table td{padding: 3px 10px; font-size:14px; color:#444; border-bottom: 1px solid #bbb } .cmsAppContainer table td:last-child{width:40px; text-align: center; } .cmsAppContainer table tr:nth-child(2) td{padding-top:10px!important; } .cmsAppContainer table tr:last-child td{padding-bottom:10px!important; } .cmsAppContainer table tr:nth-child(2n) td{background: rgba(255,255,255,.1); } .cmsAppContainer .checkPremesti{text-align: center; position: relative; background:none!important; } .cmsAppContainer h3{color:#555; font-size:18px; font-weight: normal; padding:4px 2px; } .cmsAppContainer .menuActions{position: absolute; top:10%;left:680px; width:260px; } .menuActions .box_content{position: relative; } .menuActions fieldset{border: 1px solid #89b; border-left: 10px solid yellowgreen; margin: 10px 0; background: #78a; text-align: center; position: relative; } .menuActions .box_content:before{content:""; width:0; height:0; background: none; position: absolute; left:10px;right:0;top:0; z-index: 10; border-right:0px solid transparent; border-top:90px solid transparent; border-left:40px solid yellowgreen; border-bottom:90px solid transparent; } .menuActions .box_content.box-1d:before{top:12px; border-top:69px solid transparent; border-bottom:69px solid transparent; } .menuActions .box_content.box-2d:before{top:12px; border-top:114px solid transparent; border-bottom:109px solid transparent; } .menuActions .box_content.box-3d:before{top:12px; border-top:49px solid transparent; border-bottom:49px solid transparent; } .menuActions legend{background: #78a; border:1px solid #9ac; } .menuActions input{display: block; margin: 6px auto; } .menuActions label{color:#eee; font-size:16px } .messageOutputContainer{background: #ced; width:60%; margin:60px auto; padding:30px; box-sizing: border-box; border-radius: 10px; border:2px solid #aaa; font-size:20px; } .messageOutputContainer p{font-size:inherit; padding:3px 0; color:#5a8; } .mainStat {width:200px; display: block; float:right; } .mainStat li{list-style: none; text-align: center; background: #459; border-bottom:1px solid #abc; color:#abc; padding: 4px } .mainSectionTable td{font-size:19px!important; padding:6px 10px!important; } .detail{display: none; } .toggleDetail:hover .detail{display:block; } /*VLS INTERFACE*/ /*FILTERS*/ .filterController{ background: #7f1858; display:flex; justify-content:center; list-style:none; padding: 6px; } .filterController input{ border:none; border-radius:4px; font-size:1.4em; margin-left:10px; text-align: center; padding:3px 20px; background: #ffe; } .filterController button{ background: none; border:none; font-size:2em; color:#ffe; margin-left:10px; /* fix for filter search button */ /* rotate: 90deg */ } .filterController #resetFilter{ color:#ffe; border:none; font-size:2em; text-decoration: none; margin-left:10px } .filterController #searchtext{ width:400px; } .filterController #searchtext:focus{ width:400px; text-align:left; outline: none; background: #ffa } .generisiPDF{ display: block; width: 380px; background: #7f1858; color:#eee; margin:0 auto 10px auto; padding:6px; font-size:15px; text-align: center; border-radius:6px; cursor: pointer; border:1px solid #eee; } .generisiPDF:hover{ background:#9f3878; } .mesecne_loko_voznje #cms_content{ /* background: #7f1858; */ padding:10px 0; } /*SERVISI*/ .vls_serviseri .statisticsTable{ padding: 0; width:100%; margin:0; } .statisticsContainer{ display: flex; } .bocniMeniServiser{ flex-grow: 1; border-left:1px solid #ccc; } .bocniMeniServiser ul{ list-style: none; padding: 20px; box-sizing: border-box; text-align: center; } .bocniMeniServiser li{ font-size:1.2em; } .infoServiseraIme{font-weight: bold;border-bottom:1px solid #ccc; padding:6px; margin:6px 0} .statisticsData{ flex-grow: 1; } .statisticsTable{ width:900px; text-align: center; margin: 20px auto; } .statisticsTable table{ width:100%; border-collapse: collapse; border:2px solid #fff; } .statisticsTable table td, .statisticsTable table th{ border-bottom:1px solid #dcd; background: #fefefe; padding: 8px; font-size:1.2em } .statisticsTable table caption{ font-size:20px;padding: 6px; background: #555; color:#eee; border:2px solid #fff; } .statisticsTable table th{ background: #636; color:#fff; border:1px solid #ddd } .statisticsTable table tr:nth-child(2n) td{ background: #f6f6f6; } .statisticsTable table tr:hover td{background: #ffd} .statisticsTable td a{ color:#525; font-weight:bold; text-transform: uppercase; text-decoration-style: solid; text-decoration-color: #aaa } .statisticsTable td span{ display: block; } .statisticsTable td span:first-child{ font-weight:bold; } .statisticsTable .editField{ font-size: 1.6em; } /*NALOZI*/ .displayMessage{display:none;height:80px;background:white;width:300px;position:absolute;right:0;top:0;border:5px solid green;border-radius: 5px;} /* @ssimdev */ #clientToggleWrapper11 {display: block;margin: 5px 10px 17px 10px;} #clientPerson11 {display: inline-block;width: 40%;font-size: 15px;border: 1px solid;padding: 10px;cursor:pointer;background: #515;} #clientCompany11 {display: inline-block;width: 40%;font-size: 15px;border: 1px solid;padding: 10px;cursor:pointer;background: grey;} .clientOsobaForm11 {display: block;} .clientTvrtkaForm11 {display: none;} #input_klijent {width: 230px;} #input_kontakt {width: 230px;} /* .nalogInfo{position: absolute;top:0;background: #ffff;} */ /* .nalogInfo{position: fixed;top:50px;background: #ffff;left: 15%;right: 15%;z-index: 9;} ssimdev */ .nalogInfo{position: fixed;top:50px;background: #ffff;left: 25%;right: 25%;z-index: 9; box-shadow: 8px 6px 16px #888;} #loaderWrraper {position: absolute;top: 0;width: 100%;height: 100%;display: none;justify-content: center;align-items: center;background: white;opacity: 0.6;z-index: 10;} #loaderWrraperFirst {position: absolute;top: 0;width: 100%;height: 100%;display: block;justify-content: center;align-items: center;background: white;opacity: 0.6;z-index: 10;} .loader {border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid rgb(163, 18, 78, .8);width: 120px;height: 120px;-webkit-animation: spin 2s linear infinite; /* Safari */animation: spin 2s linear infinite;margin: auto;margin-top: 35%;} /* .loader {border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #7f1858;width: 120px;height: 120px;-webkit-animation: spin 2s linear infinite; Safarianimation: spin 2s linear infinite;z-index: 10;} */ #sendFilter {cursor: pointer} #izabraniMaterijal>div {background:rgba(144,144,144,.3);border-radius: 10%;display: flex;margin: 5px;width:50%} #izabraniMaterijal .materijalTag{width: 80%;text-align:center;padding:6px;} #izabraniMaterijal .deleteTag{width: 20%;background:#888;color:#eee ;text-align:center;padding:6px;} .nalogInfo .container {width: 100vw; margin: 0 auto; } .nalogInfo .header{border: 1px solid black; padding: 10px; } .nalogInfo #prviRed{display: flex; height: 50px; } .nalogInfo #tekst {flex-grow: 2; font-size: 20px; font-family: 'Montserrat', sans-serif; } .nalogInfo #logo1, .nalogInfo #logo2{flex-grow: 1; } .nalogInfo #drugiRed > div {padding-top: 5px; font-family: 'Montserrat', sans-serif; } .nalogInfo form {margin-top: 20px; } .nalogInfo legend {font-size: 20px; /*margin-bottom: 10px; */ margin-left: 10px; } .nalogInfo fieldset {display: flex; flex-wrap: wrap; /* padding: 10px 20px; */ } .nalogInfo fieldset:nth-child(2), .nalogInfo fieldset:nth-child(3), .nalogInfo fieldset:nth-child(4){margin-top: 20px; } /* .nalogInfo label {padding: 10px 15px; width: 40%; border-bottom: 1px dashed black; margin-top: 5px; } */ .nalogInfo label {padding: 5px 5px; width: 40%; /*margin-top: 5px;*/ } .nalogInfo input,#izabraniMaterijal {border: 1px solid black; width: 50%; display: block; } .nalogInfo select{border: 1px solid black; width: 97%; display: block; height: 50px; } .nalogInfo textarea {resize: none; width: 50%; } .nalogInfo .footer {border: 1px solid black; } .nalogInfo #prvi {display: flex; border-bottom: 1px solid black; padding: 0px 10px; } .nalogInfo #prvi >p {display: flex; align-items: center; padding: 5px 0} .nalogInfo #prvi > p:nth-child(1) {width: 50%; } .nalogInfo #prvi > p:nth-child(4) {width:max-content; padding-left: 5px } .nalogInfo #prvi > p:nth-child(2), .nalogInfo #prvi > p:nth-child(3){width: max-content; border: 1px solid #333; border-top: none; border-bottom: none; padding: 0 10px; } .nalogInfo #prvi > p:nth-child(3) {border-left: none } .nalogInfo #drugi {border-bottom: 1px solid black; padding: 10px 10px; } .nalogInfo #treci {display: flex; justify-content: space-evenly; border-bottom: 1px solid black; padding: 0px 10px; } .nalogInfo #treci > p {display: flex; align-items: center; } .nalogInfo #treci > p:nth-child(1) {width: 50%; padding-right: 5px; } .nalogInfo #treci > p:nth-child(4) {width:max-content; padding-left: 5px } .nalogInfo #treci > p:nth-child(2), .nalogInfo #treci > p:nth-child(3){width: max-content; border: 1px solid #333; border-top: none; border-bottom: none; padding: 0 10px; } .nalogInfo #treci > p:nth-child(3) {border-left: none } .nalogInfo #cetvrti {display:flex; padding: 10px 10px; border-bottom: 1px solid black; } .nalogInfo #cetvrti > .cetvrti1 {width: 50% } .nalogInfo #cetvrti > .cetvrti2 {width: 50%; } .nalogInfo #peti {display: flex; height: 50px; align-items: center; padding: 10px 10px; padding-bottom: 80px; border: 1px solid black; align-items: start; } .nalogInfo #peti > .peti1 , .peti2 , .peti3 {width: 33%; } .nalogInfo{background:#fff;overflow:scroll;max-height:80vh;min-height:40vh;border:1px solid #aaa;padding:30px 20px 80px 30px;} /* .nalogInfo .closeNalog{display: block;text-align: right;font-size: 20px;margin-bottom: 10px;cursor: pointer;} ssimdev theme */ .nalogInfo .closeNalog{display: block;text-align: right;font-size: 20px;margin-bottom: 10px;cursor: pointer;position: fixed;background: white;padding:13px;margin-top: -20px;} #protokol{width: 99%; margin: 5px 0;} #protokol label{display: inline-block;width: 40%;} #protokol input{display: inline-block;width: 50%;height: 40px;} #protokol legend {text-align: center; margin-top: 20px; font-size: 25px;} #protokol input[type=radio]{width: 10%;height: 20px;} #protokol span{display: inline-block;} #protokol {border: 2px solid black} .childField{display: none} .generateAutomatic{background:rgba(144,144,144,.3)} fieldset > select{margin-top: 20px;} .pitanjeCNT >.parentField { padding: 20px; margin-bottom: 30px;} .pitanjeCNT > .childField { background:#ededeb; padding: 10px; border-radius: 20px;} .pitanjeCNT {border: 1px solid black; border-radius: 10px; margin-top: 10px;} /* .mainNaloziCnt{width: 1200px;margin: auto;margin-top: 20px;position:relative;} */ /* .mainNaloziCnt{width: 1400px;margin: auto;margin-top: 20px;position:relative;} */ .naloziTable{width: 100%;border-collapse: collapse;table-layout: fixed;} .naloziTable td,.naloziTable th{text-align:left;border-bottom: 1px solid #444;padding: 5px;} .naloziTable th{background: #7f1858;color:#fff;} .detaljiNaloga{font-size: 22px; color:#7f1858;cursor:pointer;} .detaljiNaloga:hover{font-size:25px;} .detaljiNalogaHTML{font-size: 22px; color:#7f1858;cursor:pointer;} .detaljiNalogaHTML:hover{font-size:25px;} .sendMail:hover{font-size:20px;} .sendMail{font-size:16px;} .iconRedColor{color: #7f1858;} .radniNalogCnt{ display: flex; list-style: none; justify-content: center; margin:20px 0; } .radniNalogCnt > div { width:360px; margin:0 20px } /* .radniNalogInfo{ } */ .radniNalogCnt li{ margin-left:1.3em; padding: 3px; font-size:1.2em; list-style: none; } .radniNalogCnt h3{ font-size:2em; padding: 10px 4px; margin:10px 0 20px;; font-weight: normal; border-bottom: 1px solid #ccc; } .radniNalogInfo img{ width:70%; display: block; _padding: 20px; box-sizing: border-box; } /*SKLADISTA*/ /* .mainSkladiste{display: flex; width: 100%; height: 100vw; width: 1200px;margin:40px auto; } */ /* .mainSkladiste{display: flex; width: 100%; height: 100vw; width: 1400px;margin:40px auto; } ssimdev theme */ .skladista{flex-grow: 1;} .tabelaCNT{flex-grow: 4;} .tabelaCNT table{width: 100%;} .tabelaCNT th,.tabelaCNT td{border-bottom: 1px solid #aaa;padding:10px;} .tabelaCNT th{background: #7f1858;color: #fff;} .deleteVozilo,.changeVozilo,.changeSkladiste{font-size: 22px;text-align: center;box-sizing: border-box;cursor: pointer} .deleteVozilo:hover,.changeVozilo:hover,.changeSkladiste:hover{font-size: 18px;} .deleteVozilo{color: #a82837;} .changeVozilo,.changeSkladiste{color:#266b19} .novoVozilo,.novoSkladisteAdd{position: absolute;top: 100px;right: 700px;background: #ffff;border: 1px solid #7f1858;border-radius: 10px;width: 400px;text-align: center;} .novoVozilo select,.novoSkladisteAdd select,.novoSkladisteAdd input{display: block;width: 100%;} .closeVozilo,.closeSkladiste{text-align: right;margin:5px 5px 0 0} .podaciVozilo,.podaciSkladiste{padding: 20px} /*STATISTIKA VLS*/ /* .mainStatCnt{height:100vh;width: 1200px;margin: auto;} .childStatCnt h2{border-bottom: 1px solid #444;margin-left: 30px;width: 650px;font-size:20px;text-transform:uppercase} .radiusCnt{display: flex;} .radiusChild{padding:30px 0;border:10px solid #444;border-radius:50%;box-sizing: border-box;margin: 30px;width: 150px;height: 150px;position:relative; } .radiusChild span:first-child{position: absolute;top:-10px;left:14px;background:#fff;width:100px;height:40px;text-align: center;display: block;font-size: 16px} .radiusChild span:last-child{font-size: 60px;text-align: center;display: block;} .childStatCnt{margin-top: 40px} /* /*STATISTIKA VLS*/ /* .main{width: 1200px; margin: 30px auto 10px; display: flex; justify-content: space-between} */ /* .main{width: 1200px; margin: 30px auto 10px; display: flex; flex-wrap:wrap} */ /* ssimdev theme */ /* .main{width: 1400px; margin: 30px auto 10px; display: flex; flex-wrap:wrap} .main .main-left{width: 35%;} .main .main-right{width: 60%} .main .main-right .boxCnt{display: flex; justify-content: space-around; width: 100%;} .main .main-right .boxCnt .boxChild{width: 100%; margin: 10px;} .main .main-right .boxCnt .boxChild fieldset ul li{border-bottom: 2px solid #fff; padding: 10px; display: flex; justify-content: space-between;} .main .main-right .boxCnt .boxChild fieldset ul li span{font-size: 15px} .main .main-right .boxCnt .boxChild fieldset{border: 1px solid #7f1858; border-radius: 5px; background: #eee} .main .main-right .boxCnt .boxChild fieldset legend{background: #fff;color: #7f1858;font-size: 16px; border: 1px solid #7f1858; padding: 2px 10px; box-sizing: border-box; margin-left: 30px; font-size: 18px; text-transform: uppercase } .main .main-right .boxCnt fieldset button{background: #7f1858;border-radius: 5px;border: none; width: 180px; margin:20px auto 10px; display: block;color: #fff; padding: 5px; box-sizing: border-box; font-size: 16px; text-transform: uppercase} .main .main-left-top{display: flex; justify-content: space-around;} .main .main-left-top .childStatCnt{ _width: 100%;} .main .main-left-top .childStatCnt h2{text-align: center; font-size: 22px; border-bottom: 1px solid #ccc; color: #7f1858; font-weight: normal} .main .main-left-top .childStatCnt .radiusCnt{text-align: center} .main .main-left-top .radiusCnt .radiusChild{border: 5px solid #7f1858;;margin-top: 20px; width: 120px; height: 120px; border-radius: 50%; position: relative} .main .main-left-top .radiusCnt .radiusChild span:first-child{background: #fff;font-size: 16px; position: absolute; top: -5px; width: 100%;text-align: center; left:0;} .main .main-left-top .radiusCnt .radiusChild span:last-child{font-size: 30px;display: block; margin-top: 40px} .main .main-left-bottom{border: 1px solid #7f1858; border-radius: 5px; margin-top: 20px; text-align: center;} */ /* VLS SKLADISTA */ /* .main-home{display: flex;justify-content:space-between;width:1200px;margin: 20px auto 10px auto} */ .main-home{display: flex;justify-content:space-between;margin: 20px auto 10px auto} .main-home .main-box {width: 30%;padding: 5px 20px;box-sizing: border-box; border: 1px solid #7f1858; border-radius: 5px; background: #eee;} .main-home .main-box >legend{font-size: 18px; color: #7f1858; text-transform: uppercase ; border: 1px solid #7f1858; padding: 2px 10px; box-sizing: border-box; background: #fff} .main-home .main-box fieldset{margin-top: 20px; padding: 10px 5px; border: 1px solid #7f1858; background: #ffffff } .main-home .main-box fieldset legend{font-size: 15px; margin-left: 20px; color: #fff; background: #7f1858; padding: 2px 10px; box-sizing: border-box; border: 1px solid #fff} .main-home .main-box fieldset .box{display: flex; justify-content:space-around} .main-home .main-box fieldset .box > li {display: block; width: 100%; margin: auto; text-align: center; } .main-home .main-box fieldset .box > li ul li{list-style:none; } .main-home .main-box fieldset .box > li ul li a{font-size: 15px} .main-home .main-box fieldset .box span{display: block;font-size: 15px; padding: 5px 0 } .main-home .main-box fieldset .box span.brojDelova,.main-home .main-box fieldset .box span.brojVozila{font-size: 25px} .main-home a{color: inherit; text-decoration: none} .main-home .main-box fieldset .box .boxBorder{border-bottom: 2px solid #7f1858; display: inline-block;} .main-home .main-box fieldset .box span:nth-child(2){display: block} /* GENERATOR CHECKLISTE*/ .generatorMain{display: flex;height: 100vh;width:1100px;margin: auto;} .generatorLeft,.generatorRight{width: 200px;border: 1px solid #111} .generatorCentar{width: 700px;} .elementiForme{padding:20px;border-bottom:1px solid #ddd;display:flex;} .fieldsetPrimer{width: 90px;height: 20px;border:1px dashed #111;} .inputPrimer,.radioPrimer,.selectPrimer{width: 90px;height: 20px;border:1px solid #111;text-align: center;} .radioPrimer span:first-child{background: #489;color:#fff} .radioPrimer span{display:inline-block;width: 50%;height:100%;} .draggableIcon{align-items: center;display: flex;justify-content: end;width: 90px;} .checkboxPrimer span{border: 1px solid #111;width: 20px;height: 20px;display: inline-block;text-align: center;} .selectPrimer {text-align: right;} .selectPrimer span{border-left: 1px solid #111;height: 100%;display: inline-block;} /* PORUDZBENICE - LISTA*/ .narucivanje h2{text-align: center; color:#489; font-size:26px; font-weight:normal; padding: 10px 0 } .narucivanje table{border:1px solid #378; border-radius: 10px; margin: 20px 0; border-collapse: collapse; } .narucivanje table tr th{border-radius:10px; } .narucivanje #datagrid.narrowTable{border: none } .narucivanje #cms_content table th{background: #fff; border:none; padding: 10px; border-bottom: 1px solid #489 } .narucivanje .rightValue{text-align: right; font-weight:bold; } .narucivanje .icons{font-size:23px; color:#378; text-align: center; } .narucivanje #cms_content td a{_background: red; margin:0;padding: 6px 0; display: block; width:40px; margin:auto; border:1px solid #378; border-radius:4px } .narucivanje #cms_content td a:hover{background: #eea } .narucivanje #cms_content .detaljiPorudzbineTable td a{margin:0;padding:0; display: block; width:64px; margin:auto; border:1px solid #378; border-radius:4px } .narucivanje #cms_content .detaljiPorudzbineTable td a img{border-radius:6px; display: block; width:100% } .narucivanje #datagrid{overflow-y:none; height:auto!important; } .detaljiPorudzbineTable th:last-child{text-align:center!important; } .narucivanje .button{border:1px solid #378; padding:8px 20px; text-decoration: none; color:#378; border-radius:4px; margin:auto; display: block; width:120px; text-align: center; font-size:16px; } /* CSS ZA CKEditor Plugin - PLUMTEMPLATES */ #templates_cnt{max-height: 300px; overflow-y: auto; } #templates_cnt ul li{list-style-type: none; border:1px solid #ccc; margin-bottom: 8px; } #templates_cnt ul li:hover{border-color: orange; } #templates_cnt ul li label{display: block; padding: 6px; } #templates_cnt ul li input[type="radio"]{display: none; } #templates_cnt ul li input[type="radio"]:checked + label{outline:1px solid orange; background-color: #ddd !important; } #templates_cnt ul li label img{display: inline-block; vertical-align: top; } #templates_cnt ul li label span{display: inline-block; vertical-align: top; font-size: 12px; } #templates_cnt ul li label span h3{font-size: 14px; } /* baneri dodaj promeni */ #listaSlajdova > DIV{margin:6px;padding:4px;border:1px solid #ccc; } #listaSlajdova H3{padding:3px; background-color: #ddd; font-size: 16px; } .css_filelist{margin-bottom:30px; } .css_filelist li{list-style-type:none ; } .css_filelist li a {display:block; padding: 6px; font-size: 14px; border-bottom: 1px solid #ccc; text-decoration: none; color: #333; } .markMenuitem{background: #eee; } .markMenuitem a{font-weight: bold; } .css_restore li{list-style-type: none; } .css_restore li a{display:block; padding:6px; text-decoration: none; } .css_restore li a:hover{background: #ccc; text-decoration: underline; } .magacin-table {border:4px solid #f55; width:1300px;margin: auto;} .magacin td{margin:0;padding:0px; font-size:0; height:40px;text-align:center; } .magacin td div{font-size:10px;display:inline-block;box-sizing: border-box;margin:1px;width: 19%; border:1px solid #f55; padding: 26px 4px;text-align: center;} .turnOff {text-align:right;padding:0px 0 4px 0;} .detailjiPalete .turnOff span {font-size:20px;font-weight:bold;cursor:pointer;width:20px;border:1px solid #ccc;padding:0 6px;} .detailjiPalete{display:none;position: absolute;top:60px;left:30%;background:rgba(255,255,255,.9); padding:20px} .detailjiPalete .detaljiInner{border:1px solid #ccc; padding:20px; position:relative;} .detailjiPalete h4{position: absolute; top:5px; right:10px;font-size:40px} .detailjiPalete p{font-size:12px;} .detailjiPalete ul{padding:20px 0 0 0;} .detailjiPalete li{margin:2px 14px; font-size:13px; list-style: none; padding: 2px 6px;border:1px solid #ccc;} .detailjiPalete li a {display: inline-block;text-decoration: none; padding:0 20px; width:50px;} .detailjiPalete li span{display: inline-block;width:50px; border-left:1px solid #ccc; padding:0 10px; text-align: center;} .detailjiPalete li span:last-child{width:100px;} .paleta > span{position: absolute;} .paleta {position: relative;background:#f99} .paleta .brojKomada{top:40%;left:40%; font-size:11px; font-weight:bold;} .paleta .brojProizvoda {top:2px; right:4px;font-size:8px} .paleta .idPalete {bottom:3px; left:2px} .inputMarza{display: inline-block;border:1px solid #222;width:70px;} .dodajMarzu span{font-size: 15px;background: #aca;} /*PORUCIVANJE POTROSNOG MATERIJALA*/ .potrosniMaterijal{width: 60%; margin:10px auto; border-collapse: collapse; text-align: center} .potrosniMaterijal td{border: 1px solid #ccc; font-size: 12px; min-width: 20px} .potrosniMaterijal th{font-size: 14px; padding: 5px 0; box-sizing: border-box;} .materijalImg{width: 100px} .materijalImg img{width: 100%; display: block} /* .potrosniMaterijal .materijalKolicina{} */ .status_0{background: #ffe6e6} .status_1{background: #e6ffe6} /*STATISTIKA*/ /* .filterStatistika, .statistikaBox1, .statFinansije{display: block; width: 1200px;margin: auto; border: 1px solid #7f1858; margin-bottom: 20px;padding: 20px; background: #eeeeee;} */ .filterStatistika, .statistikaBox1, .statFinansije{display: block; border: 1px solid #7f1858; margin-bottom: 20px;padding: 20px; background: #eeeeee;} .filterStatistika input{margin-right: 20px;} .filterStatistika label{margin-right: 5px;} .filterStatistika #dugmeFiltriraj{margin-left: 10%; background: #7f1858; color: #fff;text-decoration: none; padding: 6px 20px; box-sizing: border-box;} .statistikaBox1{display: flex; justify-content: space-between; position: relative;} .statistikaBox1 .statKategorija, .statistikaBox1 .statTipIntevencije{width:48%; margin-top: 30px;background: #fff;border: 1px solid #888;; padding: 20px; box-sizing: border-box; } .statistikaBox1 .statKategorija div, .statistikaBox1 .statTipIntevencije div{display: flex; flex-wrap: wrap} .statistikaBox1 h2{position: absolute; top: 15px; left: calc(1200px - 50%); font-size: 18px;} .statistikaBox1 label, .statistikaBox1 span{display: block;margin-bottom: 10px; text-transform: uppercase; } .statistikaBox1 span{margin-left: 10px} .statFinansije h2{font-size: 18px; margin: auto;text-align: center;} .statFinansije h3{text-transform: uppercase; margin: 20px 0 15px;} .statFinansije div{width: 400px; margin-top: 6px} .statFinansije div span:first-child{width: 150px; display: inline-block;} .statFinansije div span:nth-child(2){width: 120px;display: inline-block;} .statFinansije div span:nth-child(3){text-align: center; width: 80px;display: inline-block;} .statFinansije div span:last-child{width: 50px; display: inline-block;} /*CLEANER*/ .cleanerInterface{background: #eef } .cleanerHeader{background: #dde; text-align: center; padding:4px } .cleanerBody{display: flex; } .cleanerBody xmp{word-break: break-all; white-space: pre-wrap; } .cleanerInput{padding:0 20px; flex-grow: 1; flex-basis: 0; background: #eee; border:1px solid #a66; margin:4px; padding:10px; box-sizing: border-box; } .cleanerOutput{flex-basis: 0; flex-grow: 1; margin:4px; box-sizing: border-box; } .cleanerOutput textarea{width:100%;height:100%; padding:10px; border:1px solid #6a6; box-sizing: border-box; } .cleanerHeader form{display: inline-block;width:180px;padding:4px} .cleanerHeader form input{padding:4px;background: #dfd; border:1px solid #9a9;} .cleanerHeader #saveCleanText{border:none;display:inline-block;cursor: pointer} @-webkit-keyframes frame_lavel_0 {from {width: 0%;} to {width: 25%;}} @keyframes frame_lavel_0 {from {width: 0%;} to {width: 25%;}} @-webkit-keyframes frame_lavel_1 {from {width: 0%;} to {width: 50%;}} @keyframes frame_lavel_1 {from {width: 0%;} to {width: 50%;}} @-webkit-keyframes frame_lavel_2 {from {width: 0%;} to {width: 75%;}} @keyframes frame_lavel_2 {from {width: 0%;} to {width: 75%;}} @-webkit-keyframes frame_lavel_3 {from {width: 0%;} to {width: 100%;}} @keyframes frame_lavel_3 {from {width: 0%;} to {width: 100%;}} /* prepisujem jQuery UI CSS */ .ui-tabs .ui-tabs-panel{padding:8px; } .jsonConteiner input {display:inline-block; vertical-align: top;width:45%!important; text-align:right } /* ----------- MEDIAQUERY -------------- */ @media (max-width : 1025px) { #main_menu ul > li > a > span{display:none; } } @media (min-width : 480px) { } /* @ssimdev */ .home_page{width: 100%; height: 100%; position: absolute;} .home_header{position: relative; height: 10%; width: 100%; background-image: linear-gradient(108deg, transparent 0%, transparent 40%, #CB0C44 40%, #35246B 100%); color: #ffffff;} .home_content{display: flex; justify-content: center; font-family: system-ui; font-size: 15px;} .content_text{margin-top: 150px; color: #CB0C44; margin-bottom: 150px; font-size: 30px;} .login_button{cursor: pointer; text-align: center; border-radius: 12px; border: 1px solid #CB0C44; color: #CB0C44} .home_image{width: 10%;height: auto;} @media (max-width : 800px) { .home_image{width: 25%; height: auto;} } .home_footer{position: absolute; height: 10%; width: 100%;bottom: 0;} .footer_text{display: flex; justify-content: center; font-family: system-ui;font-size: 15px;} .p-15 {padding: 15px;} .p-1 {padding: 10px;} .p-2 {padding: 20px;} .p-02 {padding: 2px;} .d-inline {display: inline-block;} .greenBorder {border: 1px solid #7f1858; border-radius: 10px; background: #7f1858;} .greenBorder a{color: white;} .poruciMaterijal{background: #7f1858; color: white; display: block; padding:7px 10px; box-sizing: border-box; border-radius:5px; font-size:12px; cursor: pointer;} #map_map{margin: auto; height: 400px; width: 800px; position: relative; overflow: hidden; padding: 100px;} .showOnMapButton{border: 1px solid #7f1858;padding: 12px;border-radius: 17px;background: #7f1858;color: white;cursor: pointer;} .centerFlex{display: flex; justify-content: center;text-align: center;} .inlineFlex{display: inline-flex;} .pointer {cursor: pointer;} .slikeSaNaloga{font-size: 22px; color:#7f1858;cursor:pointer;} .slikeSaNaloga:hover{font-size:25px;} .m-w-100{max-width: 100%;} .min-w-50px{min-width: 50px;} .floatLeft {float:left;} .RNeditMinorButt {border: 1px solid #715;border-radius: 10px;padding: 3px;background: #715;color: white;} #searchPlatiteljRN{width: 97%;display: none;} #searchKontaktRN{width: 97%;display: none;} .sugestijePretrageRNEdit .sugestijeLista { list-style: none; background: #ffe; padding: 4px 12px; cursor: pointer; } .sugestijePretrageRNEdit .sugestijeLista > li {border-bottom: 1px solid #333;} .sugestijePretrageRNEdit .sugestijeLista > li > span {padding: 4px;} .sugestijePretrageRNEditKontakt .sugestijeLista { list-style: none; background: #ffe; padding: 4px 12px; cursor: pointer; } .sugestijePretrageRNEditKontakt .sugestijeLista > li {border-bottom: 1px solid #333;} .sugestijePretrageRNEditKontakt .sugestijeLista > li > span {padding: 4px;} .internBorder{border: 1px solid lightcoral;} .showRNBorder{border: 1px solid darkseagreen;} .timeBrdLft{border-left:1px solid #ccc !important;} /* TIMELINE CSS */ .minSolidBorder {border: 1px solid;} .whiteContact {background: white;} .blackContact {background: black;} .greyContact {background: grey;} .floatRight{float: right;} .aquaClickBlue {background: rgb(173, 216, 230, .5) !important;} .fontSize14{font-size: 14;} .commentFontSize{font-size: 11px;color:#666;} .mainHeading { font-size: xx-large; width: 50%; height: 40px; margin-left: 20px; color: #7f1858; text-transform: capitalize; } /* ADMIN SEND MAIL WINDOW */ .modalniProzorMail { width: 580px !important; position: fixed; top: 35%; left: 35%; padding: 80px; background: white; border: 1px solid darkseagreen; z-index: 9; } #zatvoriMP{ padding: 15px; background: red; color: white; font-size: 20px; cursor: pointer; position: absolute; top: 0px; right: 0px; } #unesiEmail{ margin-left: 20px; padding: 20px; color: white; background: #7f1858; border: 1px solid transparent; border-radius: 12px; cursor: pointer; } #unesiEmailTermin{ margin-left: 20px; padding: 20px; color: white; background: #7f1858; border: 1px solid transparent; border-radius: 12px; cursor: pointer; } #emailNovi {width: 200px;} /* LIST RN */ .commentNalog{font-size: 22px; color:#7f1858;cursor:pointer;} .commentNalog:hover{font-size:25px;} .adminFlagNalog{font-size: 22px; color:#7f1858;cursor:pointer;} .adminFlagNalog:hover{font-size:25px;} .komentariAdmin{font-size:15px;padding:10px;} /* EDIT RN */ .fontBold{font-weight: bold;} .contactBckgnd{background: #ffe;} .infoBckgnd{background: aliceblue;} .darkseagreenBckgnd{background: darkseagreen;} .lightcoralBckgnd{background: lightcoral;} .yellowBckgnd{background: yellow;} .padding5{padding: 5px;} .padding10{padding: 10px;} .margin10{margin: 10px;} .padding20{padding: 20px;} .w30{width: 30px;} .w300{width: 300px;} .w350{width: 350px;} .w400{width: 400px;} .fontSize15{font-size: 15px;} .w100P{width: 100%;} .w100PIm{width: 100% !important;} .w50P{width: 50%;} .w50PIm{width: 50% !important;} .w100PX{width: 100px;} .w90{width: 90%;} .w99{width: 99%;} .w80{width: 80%;} .w60P{width: 60%;} .w25P{width: 25%;} .w10P{width: 10%;} .mt-2 {margin-top: 20px;} .mt-3 {margin-top: 30px;} .ml-2 {margin-left: 20px;} .ml-3 {margin-left: 30px;} .ml-5 {margin-left: 50px;} .mr-2 {margin-right: 20px;} .tinyWhteBorder {border: 1px solid white;border-radius: 10px;} #uploaded_gallery{display: inline-block;} .colorBlack{color:black;} .marginAuto{margin: auto;} .textCenter{text-align: center;} .greyColorImp{color: #ddd !important} /* PREGLED RN */ .adminFlagRN {background: lightgoldenrodyellow;} .finishFlagRN {background: #B8F4B8;} .returnFlagRN {background: violet;} .cancelFlagRN {background: black; color: white;} .themeRedColor {color: white; background: #7f1858;} .onePerc{width:1%;} .oneAndHalfPerc{width:1.5%;} .twoPerc{width:2%;} .threePerc{width:3%;} .fourPerc{width:4%;} .sixPerc{width:6%} .fivePerc{width:5%} .sevenPerc{width:7%} .eightPerc{width:8%} .tenPerc{width:10%} .twelvePerc{width:12%} .fiftenPerc{width:15%} .twentyPerc{width:20%} .trimLongString { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .trimLongTimeline { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; margin: -20px 0px; color: white; } /* timeline letters on RN boxes */ .dataCell:has(> .trimLongTimeline) { position: relative; } .mb-20 {margin-bottom: 20px} .blockedTask {background: black !important;} .titleRNHTML{font-size: 22px;color: #7f1858;} .redBorderRound{border: 1px solid red;border-radius: 10px;} .colorRed{color: red;} .pdfNalogIcon{font-size: 13px;color: #7f1858;} .pdfNalogIcon:hover{font-size:15px;} .p-five-w-four {padding: 5px 5px; width: 40%;} /* SHOW RN HTML */ .nalogInfo fieldset{width: 49%;display: inline-flex;} .nalogInfo > fieldset span {padding: 5px 10px;width: 40%;} .nalogInfo > .gornjiBox p{font-size: 1.2rem;} .nalogInfo > .srednjiBox > fieldset > * {font-size: 1.2rem;} .nalogInfo > .srednjiBox > fieldset > span {width: 50%;} .nalogInfo > .srednjiBox > div > div > * {font-size: 1.2rem;} .nalogInfo > .srednjiBox > div > div > p * {font-size: 1.2rem;} .nalogInfo > .donjiBox > div > * {font-size: 1.2rem;} .nalogInfo > .donjiBox > div > p > * {font-size: 1.2rem;} #hoverTimelineBox{padding: 5px; z-index: 1;} #adminFinishRNChbx{float: right;margin: 3px 50px 0px 0px;} .titleLinkRN{font-size: 13px !important;} .titleLinkRN:hover{font-size: 20px !important;} /* #intern_note{display: none;} */ .backLightYell{display: flex;padding: 20px;background: lightgoldenrodyellow;} .switch{pointer-events:none;} .donjiBox .napomeneCNT > div:nth-child(1) {border: 5px solid lightcoral;border-radius: 50px;} /* EDIT CONTACT */ .editFieldReq {background: lightgreen;} /* PREGLED RN COMMENT ADMIN */ .inputPointer{pointer-events: auto !important;width: 80% !important;} .flexRightPDiv{display: flex;justify-content: right;margin-bottom: 40px;} .marginLeft5{margin-left:5%;} .marginLeft30{margin-left:30%;} .d-none{display: none !important;} .styleMarginBlock{margin-block-start: 3em; margin-block-end: 1em;} /* REZERVACIJE */ .font20{font-size: 20px;} .font20:hover{font-size: 25px;} .font15{font-size: 15px;} .font15:hover{font-size: 20px;} .font13{font-size: 13px;} .font13:hover{font-size: 17px;} .delColor{color: #a82837;} .redBckWhiteLett {background: #7f1858;color: #fff;} /* NARUDZBE */ .inline-loader {color: rgba(163, 18, 78, .8);} .nalogInfoSelect{height: 20px !important;width: 50% !important;} .wh20{width: 20px;height: 20px;} /* WORK TIME STYLE */ .noWorkBtn { background: rgb(163, 18, 78, .8); color: #fff; border-radius: 4px; padding: 4px; } /* GENERAL */ .w45 {width: 45% !important;} .vw10perc {width: 10vw;} .vw5perc {width: 5vw;} .colGreen {color: green;} .d-inlineIMP {display: inline-block !important;} .fontSize25{font-size: 25px;} .mtAuto{margin-top: auto;} .adminLoading { position: absolute; /* width: 100%; height: 100%; */ width: 100vw; height: 100vh; background: white; z-index: 10; opacity: 0.8; left: 0px; top: 0px; } .adminLoadingText { display: flex; justify-content: center; font-size: 30px; color: #7f1858; margin-top: 100px; } .statButton { margin-left: 50px !important; border: 1px solid #7f1858; border-radius: 5px; color: #7f1858 !important; padding: 2px 15px 2px 15px; } .padd3px { padding: 3px; } .mt5px { margin-top: 5px; } .backgrWheat { background: wheat; } /* COLLAPSIBLE STATISTIC */ .collapsible { /* background-color: #777; */ /* color: white; */ cursor: pointer; padding: 5px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; border: 1px solid grey; } .activeColl, .collapsible:hover { /* background-color: #555; */ opacity: 0.8; } .contentColl { padding: 0 18px; display: none; overflow: hidden; /* background-color: #f1f1f1; */ } .eRacBlueColor { color: #0043ad; } .bold { font-weight: bold; } .cursMenu { cursor: context-menu; }