@charset "utf-8";
/* CSS Satwork */

@import "style.css";
@import "form.css";
@import "custom-theme/jquery-ui-1.9.2.custom.css";
@import "menu.css";

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.jQueryLoginError{	font-size: 80%; }
.jQuerySmall {	font-size: 50%; }
.jQueryBig { font-size: 90%; }

/* ERROR WARNING ALERT*/
.blankInput { border-color:#FF0000 !important; }
.alertNewMessage { border-color:#FF0 !important; }

/* dugme normal */
.jQueryNormalButton { font-size: 70%; width:90px; }
.jQueryWideButton { font-size: 70%; width:140px; }
.jQueryFullWide { font-size: 70%; width:100%; }
.tabsButton { height:25px !important; width:25px !important; position:relative; }

/* radio dugme */
.jQueryRadio { font-size:70%; margin-right:0 !important; }
.jQueryRadio label { padding-top:5px; padding-bottom:5px; width:67px; margin-right:0 !important; }
.jQueryRadio span { padding:0 !important }

/* INFO DIALOG */
.infoDialog {  }
.infoDialog .infoImg { }
.infoDialog .infoTxt{ padding-left:10px; font-size:14px; }

.dialogBackround{
	z-index: 2;
	background: #111;
	background: rgba(0,0,0,.9);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,.3);
}
.dialogBackround .ui-widget-header { background: rgba(0,0,0,.9); }
.dialogBackround .ui-dialog-content { padding:0.5em 0; }

.listaPozicija  { overflow:auto; }
/* INVISIBLE */
.invisible { display:none !important; }

/* TRANSFER EFFECT */
.ui-effects-transfer { border: 1px solid black; z-index:999; }

/* FRONT - BACK WINDOW */
.frontWindow{ opacity:1; z-index:2; }
.backWindow{ opacity:0.6; z-index:1; }

.imgMenu {
	border:2px;
	border-style:solid;
	border-color:#CCC;
}

.imgMenu:hover {
	border-color:#5480A5;
}

.blueBorder { border:1px; border-style:solid; border-color:#5480A5; }

/* LOADING */
.loading { text-align:center; margin-bottom:10px; margin-top:15px; }
.imgLoading { margin-left:60px; margin-right:60px;  }

/* PROGRESS BAR */
#progressBar p
{
	display: block;
	width:360px;
	height:20px;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px solid #000000;
	text-align:center;
	font-weight:bold;
	background: #eee url("../Images/progressBar.png") 100% 0 repeat-y;
}
#progressBar p.success{ background: #99b3cc none 0 0 no-repeat; }
#progressBar p.failed{ background: #c00 none 0 0 no-repeat; }

/* LOGIN */
.loginFigure { display:table-cell; width:250px; height:auto; vertical-align:top; }

/* LIVE SPISAK VOZILA */
.btnCustom {
	font-size: 11px !important;
	cursor:pointer;
	padding: 2px 8px;
	color: #fff;
	background: #333;
	margin-top:1px;
	margin-bottom:1px;
	border: 1px solid #000;
}
.btnCustom:hover {color: #000; background: #99b3cc;}

/* LIVE DETALJNO O VOZILU */
.liveTabs {}
.liveTabs table tr td { padding-top:10px; }
.liveTabs table tr td p { margin-left:10px; }
.liveTabs table tr td strong { font-style:italic; }
.liveTabs table tr td .preview { border:1px solid #000000; }
.liveTabs table tr td input[type="button"] { width:95px; }
.liveTabs table tr td button { width:95px; }

.liveTabs table tr td #imgLampicaKvara { margin-top:3px; }

/* LIVE PORUKE */
.porukaHeader {
	display:block;
	border: 1px solid #000;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#171717));
	background: -moz-linear-gradient(top,  #323232,  #171717);

	width:auto;
	height:32px;
	margin-top:5px;
	padding-left:3px;
}
.porukaHeader:hover { cursor:pointer; }
.porukaHeader .openedImg { display:block; position:absolute; width:26px; margin-top:3px; }
.porukaHeader .closedImg { display:block; position:absolute; width:26px; }
.porukaHeader .messageHeader { display:block; position:absolute; text-align:left; position:absolute; margin-left:35px; font-size:13px; }
.porukaHeader .datum { position:absolute; margin-left:35px; margin-top:16px; color:#EEEEEE; font-size:11px; }
.porukaHeader .infoAlert { display:block; position:absolute; font-size:15px; margin-top:5px; margin-left:35px;  }

.replyMessage {}
.replyMessage .senderText { margin:5px; }
.replyMessage .countText { margin-left:175px; }

/* IZVJESTAJI, SERVISI */
.wrapper { width:100%; margin:0; vertical-align:top; text-align:center; }
.tableBorder { display:inline-block; margin-left:20px; margin-right:20px; margin-bottom:20px; width:200px; height:200px; }
.tableBorder table { margin:auto; }
.tableBorderKomunikacija { display:inline-block; margin-left:20px; margin-right:20px; margin-bottom:20px; width:170px; height:150px; }
.tableBorderKomunikacija table { margin:auto; }

.putniNalog { display:inline-block; margin-left:20px; margin-right:20px; margin-bottom:20px; width:200px; height:250px; }
.putniNalog table { margin:auto; }

/* SERVISI */
.mapInsideBasic { width:100%; height:100%; }

/* Moje lokacije */
.pretragaContent { margin-top:5px; display:inline-block; width:96%; }
.itemLocation { display:inline-block; width:286px; height:30px; margin-top:5px; padding-left:3px; }
.itemLocation img {display:block; position:absolute; border:1px solid #000000; width:26px; margin-top:1px; }
.itemLocation .naziv { position:absolute; margin-left:35px; margin-top:7px; font-size:10px; }
.itemLocation .nazivRoute { position:absolute; margin-left:5px; margin-top:7px; font-size:10px; }
/* IZVJESTAJI */
.linkQueries{ border:1px solid #99B3CC; }
/* KARTICA VOZILO IZ PODESAVANJA */
.statusBar {
	height:34px;
	width:100%;
	text-align:left;
	line-height:34px;
	color:#FAFAFA;
	background: url("images/titleBg.png") repeat-x scroll 0 0 transparent;
	border:1px solid #24272B;
}
.statusBar .left{ float:left; }
.statusBar .right{ float:right; }
.statusBar .formRight { position:relative; line-height:34px; margin:4px; }
.statusBar img { height:27px;  }
.statusBar input[type="text"]{
	position:relative; margin:4px;
}

.statusBar .tabs { float:right; }
.statusBar .tabs span { cursor: pointer; display: table-cell; position: relative; border-left:1px solid #2A2E34; padding:0 10px; font-size:12px; }
.statusBar .tabs .activeTab { background:url("images/widgetBg.png") repeat scroll 0 0 transparent; height:36px; }
.statusBar .tabs span:hover { color:#D5D5D5; }

.statusBar .addGroupButton { display:inline-block; }
.statusBar .addGroupButton img { width:25px; }
.statusBar .addGroupButton img:hover { background-color:#FFF; }

.snimanjeSidebar { display:none; vertical-align:top; }

.statusBar #radioIconSize { position:relative; margin-right:4px; margin-top:2px; }
.statusBar #radioIconSize label:hover { cursor:pointer; }
.statusBar #radioIconSize label input { position:absolute; top:-500px; }
.statusBar #radioIconSize input[type="radio"]:checked + img {
	border: 1px solid #B3B3B3;
}

.statusBar .selectButton { position:relative; margin-right:15px; margin-top:3px; }
.statusBar .selectButton img:hover { background-color:#FFF; }

.statusBar .btnWithIcon { background: url(images/titleBg.png) repeat-x 0 0; display: inline-block; color: #fafafa;  }
.statusBar .btnWithIcon:hover { background-position: 0 -39px; }
.statusBar .btnWithIcon:active { background: #557a8e; }
.statusBar .btnWithIcon .icon { float: left; border-left:1px solid #292D2F; padding: 10px; height:auto !important; }
.statusBar .btnWithIcon span { display: block; float: left; padding: 0 10px; font-size:12px; font-weight: bold; border-left: 1px solid #292D2F; }

.selectGroupButton { display:inline-block; }
.selectGroupButton img:hover { background-color:#FFF; }

/* SUB STATUS BAR */
.subStatusBar {
	height:34px;
	width:100%;
	text-align:left;
	line-height:34px;
	background: url("images/widgetBg.png") repeat scroll 0 0 transparent;
	border:1px solid #24272B;
	color:#FAFAFA;
}
.subStatusBar .center{ float:inherit;}

.searchInsideTab {
	margin-right:0px;
	display:inline-block;
	vertical-align:top;
	height:25px;
	font-size:12px;
	width:328px;
}

.nalogDiv {	width:400px; height:auto; min-height:350px;	margin-top:10px; }
.nalogDiv h4 { text-align:left; }

.nalogTabs{ padding:0 !important; min-height:380px; }
.listaVozila {}
.grupaVozila {}

.voziloDiv {
	display:inline-table;
	margin-left:5px;
	border: 1px solid #000;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#171717));
	background: -moz-linear-gradient(top,  #323232,  #171717);
}
.voziloDiv:hover { cursor:pointer; }

.voziloDiv img { display:block; position:absolute;	border:1px solid #000000; }
.voziloDiv .brojUredjaja { display:block; position:absolute; text-align:left; color:#99B3CC; }
.voziloDiv .imeVozila { text-align:left; color:#99B3CC; }
.voziloDiv .imeVozaca { text-align:left; }
.voziloDiv .regBroj { text-align:left; }
.voziloDiv .vozac { text-align:left; color:#999; }

.voziloLarge { width:270px; height:100px; margin-top:10px; padding-left:5px; }
.voziloLarge img { width:80px; margin-top:10px; }
.voziloLarge .brojUredjaja { margin-left:90px; margin-top:3px; font-size:14px; }
.voziloLarge .imeVozila { margin-left:135px; margin-top:3px; font-size:14px; }
.voziloLarge .regBroj { margin-left:90px;	font-size:12px; }
.voziloLarge .imeVozaca { margin-left:90px;	font-size:12px; }
.voziloLarge .vozac { margin-left:90px; margin-top:15px; font-size:9px; }

.voziloMedium { width:180px; height:75px; margin-top:5px; padding-left:3px; }
.voziloMedium img { width:56px; margin-top:6px; }
.voziloMedium .brojUredjaja { margin-left:62px; margin-top:2px; font-size:10px; }
.voziloMedium .imeVozila { margin-left:95px; margin-top:2px; font-size:10px; }
.voziloMedium .regBroj { margin-left:62px; font-size:8px; }
.voziloMedium .imeVozaca { margin-left:62px; font-size:8px; }
.voziloMedium .vozac { margin-left:62px; margin-top:8px; font-size:9px; }

.voziloList { width:580px; height:30px; margin-top:5px; padding-left:3px; }
.voziloList img { width:26px; margin-top:1px; }
.voziloList .brojUredjaja { position:absolute; margin-left:35px; margin-top:5px; font-size:15px; }
.voziloList .imeVozila { position:absolute; margin-left:80px; margin-top:5px; font-size:15px; }
.voziloList .regBroj { position:absolute; margin-left:255px; margin-top:5px; font-size:15px; }
.voziloList .imeVozaca { position:absolute; margin-left:350px; margin-top:10px; font-size:15px; }
.voziloList .vozac { position:absolute; margin-left:350px;  font-size:9px; }

.voziloGrupa { width:380px; height:30px; margin-top:5px; margin-right:10px; padding-left:3px; }
.voziloGrupa img { width:26px; margin-top:1px; }
.voziloGrupa .brojUredjaja { position:absolute; margin-left:35px; margin-top:9px; font-size:10px; }
.voziloGrupa .imeVozila { position:absolute; margin-left:70px; margin-top:9px; font-size:10px; }
.voziloGrupa .regBroj { position:absolute; margin-left:185px; margin-top:9px; font-size:10px; }
.voziloGrupa .imeVozaca { position:absolute; margin-left:240px; margin-top:14px; font-size:12px; }
.voziloGrupa .vozac { position:absolute; margin-left:240px; margin-top:2px; font-size:9px; }

#podesavanja { width:80%; text-align:left; }
/* PORUKE */
#podesavanja .lista{ width:100%; font-size: 13px; border-collapse: collapse; text-align: left; }
#podesavanja .lista th{ padding: 20px 5px 5px; font-size: 17px; font-weight:normal; color:#A8CAE9; }
#podesavanja .lista td{ padding: 6px 8px; border-bottom: 1px solid #4C4C4C; }
#podesavanja .lista input[type="text"]{ font-size:13px; text-align:center; width:200px; }

/*
#hor-minimalist-b {	font-size: 14px; border-collapse: collapse; text-align: left; }
#hor-minimalist-b td { padding: 6px 8px; border-bottom: 1px solid #4C4C4C; }
#hor-minimalist-b input { font-size:13px; text-align:center; }
*/
/* VOZAC - VOZILO */

.voziloVozac {
	display:inline-block;
	margin-left:5px;
	width:540px;
	height:90px;
	margin-top:5px;
	padding-left:2px;
	text-align:left;
}
.voziloVozac .vozilo { height:82px;  }
.voziloVozac img { display:block; position:absolute; border:1px solid #000000; width:80px; }
.voziloVozac .brojUredjaja { display:block; position:absolute; color:#99B3CC; margin-left:90px; font-size:14px; }
.voziloVozac .imeVozila { color:#99B3CC; margin-left:135px; font-size:14px; }
.voziloVozac .addInfo { margin-left:90px; font-size:10px; }
.voziloVozac .regBroj { margin-left:90px; font-size:12px; margin-top:7px; }

.voziloVozac .vozac { border: 1px solid #B3B3B3; height:82px; }
.voziloVozac .vozac:hover { cursor:pointer; }
.voziloVozac .imeVozaca { color:#99B3CC; margin-left:90px; font-size:14px; }
.voziloVozac .txtAdresa { margin-left:90px; margin-top:5px; color:#999999; font-size:9px; }
.voziloVozac .adresa { margin-left:90px; font-size:10px; margin-top:-2px; line-height:12px; }
.voziloVozac .vk { margin-left:90px; height:20px; width:auto; float:right;  }

.dragOverVozac .vozac {
	background: #6A6A6A;
	background: -webkit-gradient(linear, left top, left bottom, from(#878787), to(#4A4A4A));
	background: -moz-linear-gradient(top,  #878787,  #4A4A4A);
}

.vozacDiv {
	display:inline-table;
	margin-left:5px;
	width:270px;
	height:86px;
	margin-top:5px;
	padding:3px 0 0 3px;
	text-align:left;
}
.vozacDiv:hover { cursor:pointer; }
.vozacDiv img { display:block; position:absolute; border:1px solid #000000; width:80px; }
.vozacDiv .imeVozaca { color:#99B3CC; margin-left:90px; font-size:14px; }
.vozacDiv .addInfo { margin-left:90px; font-size:10px; }
.vozacDiv .txtAdresa { margin-left:90px; margin-top:5px; color:#999999; font-size:9px; }
.vozacDiv .adresa { margin-left:90px; font-size:10px; margin-top:-2px; line-height:12px; }
.vozacDiv .vk { margin-left:90px; height:20px; width:auto; float:right;  }

/* Radio */

div.radio { width: 18px; height: 18px; position: relative; float: left; margin-top: 5px; }
div.radio input { opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none; width: 18px; height: 18px; }
div.radio span { background: transparent url(../images/forms/radio.png) no-repeat 0 0; vertical-align: middle; height: 15px; width: 15px; display: block; display: -moz-inline-box; display: inline-block; text-align: center; }
div.radio span.checked { background-position: center -16px; }

/* ===== Page scrolling ===== */

#toTop { display:none; z-index:999; text-decoration:none; position:fixed; bottom:50px; right:10px; overflow:hidden; width:21px; height:21px; border:none; text-indent:-999px; background:url(images/ui.totop.png) no-repeat left top; }
#toTopHover { background:url(images/ui.totop.png) no-repeat left -22px; width:21px; height:21px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }

/* ===== Chosen multiple select plugin with dropdown ===== */

.chzn-container { position: relative; display: inline-block; zoom: 1; *display: inline; -moz-box-shadow: 0 1px 0 #363B3E;
-webkit-box-shadow: 0 1px 0 #363B3E;
box-shadow: 0 1px 0 #363B3E; }

.noSearch .chzn-search, .searchDrop .selector, .noSearch .selector { display: none; }

/*.noSearch .chzn-drop { width: 99.6%!important; }*/
.noSearch .chzn-results { margin: 0!important; padding: 2px!important; }

/*.multi { margin-right: 0; }
.multi .chzn-container-multi { min-width: 100%; }
.multi .chzn-drop { min-width: 99.7%; }*/

.chzn-container > .chzn-drop { background: #3C3C3C; border: 1px solid #1E2226; border-top: 0; position: absolute; top: 29px; margin-top: 2px; left: 0; z-index: 998; width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.formRight .chzn-container-multi { width: 100%!important; }

.chzn-container-single .chzn-single { background: #3C3C3C; border: 1px solid #1E2226; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 24px; line-height: 25px; padding: 0 0 0 8px; color: #EEE; text-decoration: none; }
.chzn-container-single .chzn-single span { margin-right: 26px; display: block; font-size: 11px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.chzn-container-single .chzn-single abbr { display: block; position: absolute; right: 26px; top: 6px; width: 12px; height: 13px; font-size: 1px; }
.chzn-container-single .chzn-single abbr:hover { }
.chzn-container-single .chzn-single div { position: absolute; right: -1px; top: -1px; display: block; height: 28px; width: 27px; }
.chzn-container-single .chzn-single div b { background: url(images/select_right.png) no-repeat center right; display: block; width: 27px; height: 26px; }
.chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; }
.chzn-container-single .chzn-search input { margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; font-family: sans-serif; font-size: 11px; background: url(images/searchSmall.png) no-repeat 98% !important; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; }
.chzn-container-single .chzn-drop {}

.chzn-container-single-nosearch .chzn-search input { position: absolute; left: -9000px; }

/*.chzn-container-multi { width: 50%!important; }*/
.chzn-container-multi .chzn-choices {
	border: 1px solid #1E2226;
	margin: 0;
	cursor: text;
	overflow: hidden;
	height: auto !important;
	height: 1%;
	position: relative;
	font-size: 12px;
	background: #3C3C3C;
	color: #656565;
	-moz-box-shadow: 0 1px 0 #363B3E;
	-webkit-box-shadow: 0 1px 0 #363B3E;
	box-shadow: 0 1px 0 #363B3E;
}
.chzn-container-multi .chzn-choices li { float: left; list-style: none; }
.chzn-container-multi .chzn-choices li span { padding:0; margin:0; }
.chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 2; padding: 2; }
.chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; font-family: sans-serif; font-size: 12px!important; margin: 0; outline: 0; box-shadow: none!important; }
.chzn-container-multi .chzn-choices .search-field .default { color: #999; }
.chzn-container-multi .chzn-choices .search-choice { position: relative; line-height: 16px; font-size: 11px; border: 1px solid #A5D24A; display: block; float: left; padding: 2px 20px 2px 3px; background: #CDE69C; color: #638421; margin: 2px; }

.chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; }
.chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 6px; top: 6px; width: 10px; height: 10px; font-size: 1px; background: url(images/closeSelection.png) 50% no-repeat; }
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -11px; }

.chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; }
.chzn-container .chzn-results:after { content:normal !important; }
.chzn-container-multi .chzn-results { padding: 0; margin: 0; }
.chzn-container .chzn-results li { display: none; line-height: 14px; padding: 5px 6px; margin: 0; list-style: none; font-size: 11px; }
.chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; }
.chzn-container .chzn-results .highlighted { background-color: #3875d7; color: #fff; }
.chzn-container .chzn-results li em { background: #feffde; font-style: normal; }
.chzn-container .chzn-results .highlighted em { background: transparent; }
.chzn-container .chzn-results .no-results {  }
.chzn-container .chzn-results .group-result { cursor: default; color: #CDE69C; font-weight: bold; font-size: 10px; border-bottom: 1px solid #404040; border-top: 1px solid #404040; }
.chzn-container .chzn-results .group-option { padding-left: 15px; }
.chzn-container-multi .chzn-drop .result-selected { display: none; }
.chzn-container .chzn-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; /* This should be dynamic with js */ z-index: 1; }
.chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; }
.chzn-container .chzn-results-scroll-down { bottom: 0; }
.chzn-container .chzn-results-scroll-down span { background: url('chosen-sprite.png') no-repeat -4px -3px; }
.chzn-container .chzn-results-scroll-up span { background: url('chosen-sprite.png') no-repeat -22px -3px; }

/*.chzn-container-active .chzn-single { border: 1px solid #5897fb; }
.chzn-container-active .chzn-single-with-drop { border: 1px solid #aaa; background-color: #eee; }*/
.chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; }
.chzn-container-active .chzn-single-with-drop div b {  }
/*.chzn-container-active .chzn-choices { border: 1px solid #d5d5d5; }*/
.chzn-container-active .chzn-choices .search-field input { color: #eee !important; }

.chzn-disabled { cursor: default; opacity:0.5 !important; }
.chzn-disabled .chzn-single { cursor: default; }
.chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; }

/* PLANER */

/* SEDMICNI PLANER TABELA */
.tableFrame{ width:100%; border:1px solid #24272B; }
.tableFrame .tableStatusBar { width:100%; padding:10px 0; text-align:center; font-weight:bold;  background: url("images/widgetBg.png") repeat scroll 0 0 transparent; }
.tableFrame .tableStatusBar .text{ margin:0 10px; }

.tablePlaner{ width:100%; border-collapse:collapse; }
.tablePlaner th { text-align:center; font-weight:bold; padding:4px; line-height:24px; font-size:12px;
	color:#D5D5D5;
	background: url("images/titleBg.png") repeat-x scroll 0 0 transparent;
	border-right: 1px solid #3B4144;
}
.tablePlaner th a { color:#FFF; }
.tablePlaner th a:hover { color:#D5D5D5; }
.tablePlaner td { vertical-align:top; line-height:25px; border-right:1px solid #3B4144; background: url("images/widgetBg.png") repeat scroll 0 0 transparent;	}
.tablePlaner td div { background:none repeat scroll 0 0 #3E5D6D; border:1px solid #292D2F; border-radius:4px; color:#FFF; font-size:11px; cursor:pointer; }
/* MJESECNI PLANER */
.tablePlanerMjesecni{ width:100%; border-collapse:collapse; }
.tablePlanerMjesecni th { text-align:right; font-weight:bold; padding:4px; line-height:15px; font-size:12px;
	color:#D5D5D5;
	background: url("images/titleBg.png") repeat-x scroll 0 0 transparent;
	border-right: 1px solid #3B4144;
}
.tablePlanerMjesecni th a { color:#FFF; }
.tablePlanerMjesecni th a:hover { color:#D5D5D5; }
.tablePlanerMjesecni td { height:80px; vertical-align:top; text-align:right; line-height:25px; border-right:1px solid #3B4144; border-bottom:1px solid #3B4144; background: url("images/widgetBg.png") repeat scroll 0 0 transparent;	}
.tablePlanerMjesecni td:hover { background:url("images/darkerBg.png") repeat scroll 0 0 transparent; }
.tablePlanerMjesecni td .header { cursor:pointer; background:url("images/darkerBg.png") repeat scroll 0 0 transparent; }
.tablePlanerMjesecni td div { background-color:#3E5D6D; text-align:left; border:1px solid #292D2F; border-radius:4px; color:#FFF; font-size:11px; cursor:pointer; padding:5px; color:#FFF; }
.tablePlanerMjesecni td div .hide { display:none; }

.tablePlanerMjesecni td .success { background-image:url(images/rating_good.png); background-repeat:no-repeat; background-position:right -2px; }
.tablePlanerMjesecni td .nijePosjecena { background:#C72D26; background-image:url(images/rating_bad.png); background-repeat:no-repeat; background-position:right -2px; }
.tablePlanerMjesecni td .notInTime { background:#DEB500; background-image:url(images/warning.png); background-repeat:no-repeat; background-position:right -2px;}
td.mi_meni_naslov {
  padding: 5px;
}
#dialog-message-sesija .obavestenje {
    margin: 10px 10px 10px 10px;
}

#dialog-message-sesija .obavestenje-1 {
    /*margin-top: 25px;*/
}

#dialog-message-sesija .obavestenje-2 {
    /*margin-top: 10px;
    margin-bottom: 30px;*/
}

/*
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only span.ui-button-text{
    //milos sesija dugme
    min-width: 70px;
    background: url("images/basicBtn.png") repeat-x scroll 0 0 transparent;
    font-size: 10px !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 14px 5px 14px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 10px;
    border: 1px solid #292d2f;
    -moz-box-shadow: 0 0 2px #545454;
    color: #fff;
    -webkit-box-shadow: 0 0 2px #545454;
    box-shadow: 0 0 2px #545454;
}
*/

/*
#dialog-message-sesija  .ui-button {
    background-color: #496D80!important;
    width: 137px;
    height: 22px;
    font-weight: bold;
    font-size: 10px;
}*/

.gray-screen-overlay {
    background: #666666 url("custom-theme/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dialog-message-sesija {
    background: url("custom-theme/images/widgetBg.png") repeat scroll 0 0 transparent;
    font-family: Sans-Serif;
    font-size: 11px;
}

.dialog-message-sesija .cmd-dugmad {
    padding: 1em 2em;
    text-align: right;
    border: 1px solid #292d2f;
}

.dialog-message-sesija .cmd-dugmad .dugme {
    display: inline-block;
    border: 1px solid #292d2f;

    padding: 5px 14px 5px 14px;
    cursor: pointer;
}

.dialog-message-sesija .cmd-dugmad .dugme:hover {
    /*border: 1px solid #323232;
    background: #878787 url("custom-theme/images/ui-bg_flat_100_878787_40x100.png") 50% 50% repeat-x;
    /*font-weight: normal;*/
    /*color: #ffffff;*/
}
.dialog-message-sesija .poruka {
    padding: 1em 2em;
}

.dialog-message-sesija .naslov {
    padding: .4em 1em;
    border: 1px solid #24272B;
    background: url("images/titleBg.png") repeat-x scroll 0 0 transparent;
    color: #ffffff;
    font-weight: bold;
}

.satwork-upozorenja {
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.satwork-upozorenja .poruka-ikona {
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    /*border: 1px solid transparent;*/
}

.satwork-upozorenja .poruka-ikona:hover {
    /*border: 1px solid gray;*/
}

@media (max-width:930px){
    #satwork-upozorenja-poruke, #satwork-upozorenja-tot {
        display: none !important;
    }
}

.satwork-upozorenja .broj-poruka {
    display: block;
    position: absolute;
    top: -4px;
    right: 12px;
    line-height: 16px;
    height: 16px;
    padding: 0 5px;
    font-family: Arial, sans-serif;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.25);
    border: 1px solid;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);

    background: #fa623f;
    border-color: #fa5a35;
    background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: -o-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: linear-gradient(to bottom, #fc9f8a, #fa623f);
}

#satwork-upozorenja-poruke {
    z-index: 999999;
    position: absolute;
    bottom: 48px;
    right: 7px;
    border: 1px solid black;
    background-color: rgb(56, 55, 55);
    width: 300px;
    border-radius: 3px;
    display:none;
}

#satwork-upozorenja-poruke .tip-poruke-blok {
    margin: 5px;
    border: 1px solid gray;
}
#satwork-upozorenja-poruke .naslov {
    /*color: rgb(255, 252, 252);*/
    /*padding: 10px;*/

    /*background-color: goldenrod;*/
    font-size: 13px;
    font-weight: bold;
    line-height:normal;
    cursor: pointer;
}

#satwork-upozorenja-poruke  .tip-poruke-blok > .naslov > .tekst {
    display: inline-block;
    margin: 10px;
    color: white;

}

#satwork-upozorenja-poruke  .tip-poruke-blok > .naslov > .broj-poruka {
    display: inline-block;

    color: white;

    text-shadow: 0 1px rgba(0, 0, 0, 0.25);
    border: 1px solid;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
    background: #fa623f;
    border-color: #fa5a35;
    background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: -o-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: linear-gradient(to bottom, #fc9f8a, #fa623f);
    min-width: 11px;
    height: 14px;
    text-align: center;
    font-size: 12px;

    margin: 7px;
    padding: 2px 4px;
    float:right;

}

#satwork-upozorenja-poruke .sadrzaj {
    display: none;
}

#satwork-upozorenja-poruke .sadrzaj .poruke {
    position: relative;
}

#satwork-upozorenja-poruke .sadrzaj .poruka {
    padding: 3px;
    border: 1px solid gray;
}
#satwork-upozorenja-poruke .sadrzaj .poruke .poruka {
    margin: 2px 3px 2px 3px;
    padding: 5% 5px;
    vertical-align:middle;
    line-height: normal;
   /* min-height: 25px;*/
    /*display: inline-block;*/
   /* display: table-cell;*/
}

#satwork-upozorenja-poruke .sadrzaj .info {
    color: white;
    background-color: #74A1B6;
    /*margin: 2px 0px 2px 0px;*/
}

#satwork-upozorenja-poruke .sadrzaj .upozorenje0 {
    color: #002F59;
    background-color: #E7F6FD;
}

#satwork-upozorenja-poruke .sadrzaj .upozorenje0 > a {
    color: #002F59;
}
#satwork-upozorenja-poruke .sadrzaj .upozorenje1 {
    color: #31540C;
    background-color: #DFF2BF;
}

#satwork-upozorenja-poruke .sadrzaj .upozorenje1 > a {
    color: #16540b;
}

#satwork-upozorenja-poruke .sadrzaj .upozorenje2 {
    color: #D8000C;
    background-color: #FFBABA;
}

#satwork-upozorenja-poruke .sadrzaj .upozorenje2 > a {
    color: #710006;
}

#satwork-upozorenja-poruke .paginacija {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: normal;
}
#satwork-upozorenja-poruke .paginacija .strelice {
    cursor: pointer;
}
#satwork-upozorenja-poruke .paginacija .broj {
    color: white;
    padding-left: 6px;
    padding-right: 6px;
}
#satwork-upozorenja-poruke .paginacija div {
    display: inline-block;
    vertical-align: middle;
}

.naslov.info {
    color:white;
    background-color: #34708D;;
}

.naslov.upozorenje0 {
    color: white;
    background-color: Olive;
}

.naslov.upozorenje1 {
    color:white;
    background-color: DarkRed;
}

#stw-upozor-vvs > a {
    margin-top: 3px;
    display: inline-block;
}

#satwork-upozorenja-poruke div.poruke > div.poruka > a {
    display: inline-block;
    margin-top: 8px;
    margin-right: 10px;
    font-weight: bold;
}

#satwork-upozorenja-poruke span.naziv {
    font-weight: bold;
}

#satwork-upozorenja-nema-poruke {
    display: none;
    font-style: italic;
    text-align: center;
}
#satwork-upozorenja-poruke::after, #satwork-upozorenja-poruke::before {
    top: 100%;
    left: 91%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#satwork-upozorenja-poruke::after {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: rgb(56, 55, 55);;
    border-width: 10px;
    margin-left: -10px;
}
#satwork-upozorenja-poruke::before {
    border-color: rgba(138, 138, 138, 0);
    border-top-color: black;
    border-width: 11px;
    margin-left: -11px;
}
#podesavanje-slanja-izvestaja {
    width: 95%;
    text-align: left;
}

.ser-podesavanje-izvestaja .forma-podesavanja {
    margin: 0px auto;
}

.ser-podesavanje-izvestaja .forma-podesavanja p.info {
    margin: 15px;
}

.ser-podesavanje-izvestaja {
    min-height: 600px;
}

.ser-podesavanje-izvestaja h3.accor-naslov{

    color: rgb(168, 202, 233);
    font-size: 14px;
}

.pod-izv-sabloni .blok-polje {
    /*display: inline-block;*/
	display: inline-table;
    margin-right: 15px;
    margin-bottom: 15px;
}

.ser-podesavanje-izvestaja .pod-izv-sabloni {
    margin-top: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid #484747;
}

.ser-podesavanje-izvestaja .pod-izv-sabloni:last-child {
    border-bottom: 1px solid transparent;
    margin-bottom: 10px;
}

.ser-podesavanje-izvestaja .mail-adresa {
    font-size: 12px;
    /*width: 200px;*/
    width: 80%;
}

.ser-podesavanje-izvestaja .izb-pogrupa {
    width: 180px;
}

.ser-podesavanje-izvestaja .izb-period-slanja {
    width: 160px;
}

.ser-podesavanje-izvestaja .izb-nacin-prikaza {
    width: 150px;
}
.ser-podesavanje-izvestaja .izb-format-slanja {
    width: 90px;
}

.pod-izv-sabloni .blok-polje label {
    font-style: italic;
    padding-left: 5px;
}

.pod-izv-sabloni .blok-polje.brisi-blok {
    vertical-align: top;
    margin-left: 15px;
}

.pod-izv-sabloni .blok-polje.brisi-blok > img {
    cursor: pointer;
}
.ser-podesavanje-izvestaja .sl-iz-cmd-dugm {
    margin-bottom: 20px;

}

.pod-izv-sabloni-t1 .blok-polje.polje1 {
    width: 21%;
    margin-left: 10px;
}

.pod-izv-sabloni-t1 .blok-polje.polje2 {
    width: 18%;
}

.pod-izv-sabloni-t1 .blok-polje.polje3 {
    width: 15%;
}

.pod-izv-sabloni-t1 .blok-polje.polje4 {
    width: 17%;
}

.pod-izv-sabloni-t1 .blok-polje.polje5 {
    width: 9%;
}

.pod-izv-sabloni-t1 .blok-polje.polje6 {
    width: 3%;
}
.pod-izv-sabloni-t1 .blok-polje.polje7 {
    width: 18%;
	margin-left: 90px;
}

.pod-izv-sabloni-t2 .blok-polje.polje1 {
    width: 21%;
    margin-left: 10px;
}

.pod-izv-sabloni-t2 .blok-polje.polje2 {
    width: 18%;
}

.pod-izv-sabloni-t2 .blok-polje.polje3 {
    width: 15%;
}

.pod-izv-sabloni-t2 .blok-polje.polje4 {
    width: 8%;
}

.pod-izv-sabloni-t2 .blok-polje.polje5 {
    width: 9%;
}
.pod-izv-sabloni-t2 .blok-polje.polje7 {
    width: 18%;
	margin-left: 90px;
}
/*sablon stajanje*/
.pod-izv-sabloni-t3 .blok-polje.polje1 {
    width: 21%;
    margin-left: 10px;
}

.pod-izv-sabloni-t3 .blok-polje.polje2 {
    width: 18%;
}

.pod-izv-sabloni-t3 .blok-polje.polje3 {
    width: 15%;
}

.pod-izv-sabloni-t3 .blok-polje.polje4 {
    width: 8%;
}

.pod-izv-sabloni-t3 .blok-polje.polje5 {
    width: 9%;
}

/*sablon sc*/
#cijene .pod-izv-sabloni-t4 .blok-polje.polje2, #odrzavanje .pod-izv-sabloni-t3 .blok-polje.polje2 {
    width: 70%;
    margin-left: 10px;
	vertical-align:middle;
}

#cijene .pod-izv-sabloni-t4 .blok-polje.polje7, #odrzavanje .pod-izv-sabloni-t3 .blok-polje.polje7 {
    width: 10%;
	margin-left: 29px;
}

#cijene .pod-izv-sabloni-t4 .blok-polje.polje6, #odrzavanje .pod-izv-sabloni-t3 .blok-polje.polje6 {
    width: 8%;
	vertical-align: text-bottom;
}


/*sablon relacije kretanja*/
.pod-izv-sabloni-t4 ul{
	padding: 0px;
}
.pod-izv-sabloni-t4 .blok-polje.polje1 {
    width: 21%;
    margin-left: 10px;
}

.pod-izv-sabloni-t4 .blok-polje.polje2 {
    width: 60%;
	vertical-align:middle;
}
.pod-izv-sabloni-t4 .blok-polje.polje7 {
    width: 45%;
	vertical-align:middle;
	margin-top: -15px;
}

.pod-izv-sabloni-t4 .blok-polje.polje3 {
    width: 15%;
}

.pod-izv-sabloni-t4 .blok-polje.polje4 {
    width: 8%;
}

.pod-izv-sabloni-t4 .blok-polje.polje5 {
    width: 9%;
	vertical-align:middle;
	margin-top: -30px;
}

/*sablon relacije kretanja VRV*/
.pod-izv-sabloni-t5 ul{
	padding: 0px;
}
.pod-izv-sabloni-t5 .blok-polje.polje1 {
    width: 21%;
    margin-left: 10px;
}

.pod-izv-sabloni-t5 .blok-polje.polje2 {
    width: 60%;
	vertical-align:middle;
}

.pod-izv-sabloni-t5 .blok-polje.polje7 {
    width: 45%;
	vertical-align:middle;
	margin-top: -15px;
}

.pod-izv-sabloni-t5 .blok-polje.polje3 {
    width: 15%;
}

.pod-izv-sabloni-t5 .blok-polje.polje4 {
    width: 8%;
}

.pod-izv-sabloni-t5 .blok-polje.polje5 {
    width: 9%;
	vertical-align:middle;
	margin-top: -30px;
}
/*sablon statistike po smjenama*/
.pod-izv-sabloni-t6 .blok-polje.polje1 {
    width: 21%;
    margin-left: 10px;
}

.pod-izv-sabloni-t6 .blok-polje.polje2 {
    width: 18%;
}

.pod-izv-sabloni-t6 .blok-polje.polje3 {
    width: 15%;
}

.pod-izv-sabloni-t6 .blok-polje.polje4 {
    width: 17%;
}

.pod-izv-sabloni-t6 .blok-polje.polje5 {
    width: 9%;
}

.pod-izv-sabloni-t6 .blok-polje.polje6 {
    width: 3%;
}

/*sablon vrv napredno*/
.pod-izv-sabloni-t10 .blok-polje.polje1 {
    width: 21%;
    margin-left: 10px;
}

.pod-izv-sabloni-t10 .blok-polje.polje2 {
    width: 18%;
}

.pod-izv-sabloni-t10 .blok-polje.polje3 {
    width: 15%;
}

.pod-izv-sabloni-t10 .blok-polje.polje4 {
    width: 8%;
}

.pod-izv-sabloni-t10 .blok-polje.polje5 {
    width: 9%;
}

/*raspored vozac vozilo*/

#podesavanje-raposporeda {
    width: 95%;
    text-align: left;
}

#podesavanje-raposporeda .labela{
    font-size: 12px;
    font-weight: bold;
    color: #A8CAE9;
    line-height: 150%;
    margin: 0;
    padding: 10px 0 10px 12px;
    border: none;
    display: block;
    white-space: normal;
    width: 100%;	
}

.sett-rapored-vozac-vozilo .forma-podesavanja {
    margin: 0px auto;
}

.sett-rapored-vozac-vozilo .forma-podesavanja p.info {
    margin: 15px;
}

.sett-rapored-vozac-vozilo {
    min-height: 600px;
}

.sett-rapored-vozac-vozilo h3.accor-naslov{

    color: rgb(168, 202, 233);
    font-size: 14px;
}

.pod-rasporeda-sabloni .blok-polje {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
}

.sett-rapored-vozac-vozilo .pod-rasporeda-sabloni {
    margin-top: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid #484747;
}

.sett-rapored-vozac-vozilo .pod-rasporeda-sabloni:last-child {
    border-bottom: 1px solid transparent;
    margin-bottom: 10px;
}

.sett-rapored-vozac-vozilo .raspored-vozilo {
    font-size: 12px;
    /*width: 200px;*/
    width: 80%;
}

.sett-rapored-vozac-vozilo .izbor-vozila {
    width: 300px;
}

.sett-rapored-vozac-vozilo .izbor-vozaca {
    width: 300px;
}

.sett-rapored-vozac-vozilo .raspored-datum {
    width: 100px;
}

.sett-rapored-vozac-vozilo .raspored-vozac {
    width: 80%;
}
.sett-rapored-vozac-vozilo .raspored-username {
    width: 150px;
}

.pod-rasporeda-sabloni .blok-polje label {
    font-style: italic;
    padding-left: 5px;
	font-size:12px;
}

.pod-rasporeda-sabloni .blok-polje.brisi-blok {
    vertical-align: top;
    margin-left: 15px;
}

.pod-rasporeda-sabloni .blok-polje.brisi-blok > img {
    cursor: pointer;
}
.sett-rapored-vozac-vozilo .rasp-vv-cmd-dugm {
    margin-bottom: 20px;

}

.pod-rasporeda-sabloni-t1 .blok-polje.polje1 {
    width: 30%;
    margin-left: 10px;
}

.pod-rasporeda-sabloni-t1 .blok-polje.polje2 {
    width: 15%;
}

.pod-rasporeda-sabloni-t1 .blok-polje.polje3 {
    width: 10%;
}

.pod-rasporeda-sabloni-t1 .blok-polje.polje4 {
    width: 15%;
}

.pod-rasporeda-sabloni-t1 .blok-polje.polje5 {
    width: 15%;
}

.pod-rasporeda-sabloni-t1 .blok-polje.polje6 {
    width: 4%;
}
.pod-rasporeda-sabloni-t1 .blok-polje.polje7 {
    width: 28%;
	padding-left: 10px;
}
.pod-rasporeda-sabloni-t1 .blok-polje.polje8 {
    width: 28%;
}
.pod-rasporeda-sabloni-t1 .blok-polje.polje9 {
    width: 13%;
}
#novi-rasp-vozac-vozilo .pod-rasporeda-sabloni .blok-polje.brisi-blok {
    vertical-align: top;
    margin-left: 16px;
    margin-top: 3px;
}

#ext-serv-zapisi .pod-izv-sabloni-t1 .blok-polje.polje1 {
    width: 15%;
}

#ext-serv-zapisi .pod-izv-sabloni-t1 .blok-polje.polje2 {
    width: 15%;
}

#ext-serv-zapisi .pod-izv-sabloni-t1 .blok-polje.polje3 {
    width: 15%;
}

#ext-serv-zapisi .pod-izv-sabloni-t1 .blok-polje.polje5 {
    width: 2%;
	vertical-align: middle;
}

#ext-serv-zapisi .pod-izv-sabloni-t1 .blok-polje.polje7 {
    width: 38%;
	vertical-align: middle;
}

#loadingModal {
	display:none;
    width: 100%;
    height: 100%;
	z-index: 999;
    position: fixed;

    background-color: #222;
}

#loadingModal2 {
	display:none;
	width: 100%;
	height: 100%;
	z-index: 9999;

	position: absolute;
	left: 0;
	top: 0;

	background-color: rgba(10, 10, 10, 0.6);
}

#loadingModal3 {
	display:none;
    width: 100%;
    height: 100%;
	z-index: 999;
    position: initial;

    background-color: #222;
}
#loadingModal4 {
	display:none;
    width: 100%;
    height: 100%;
	z-index: 999;
    position: initial;

    background-color: #222;
}
.loading-krug > .krugl {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(255,84,0,0.9);
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #AB3800;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -moz-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}

.loading-krug > .krug2 {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(255,84,0,0.9);
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #AB3800;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: -50px;
    -moz-animation: spinoff 1s infinite linear;
    -webkit-animation: spinoff 1s infinite linear;
}
.loading-krug > .krug3 {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(255,84,0,0.9);
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 30px;
    box-shadow: 0 0 35px #AB3800;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    -moz-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}

.loading-krug > .krug4 {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(255,84,0,0.9);
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 10px;
    box-shadow: 0 0 15px #AB3800;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    position: relative;
    top: -30px;
    -moz-animation: spinoff 1s infinite linear;
    -webkit-animation: spinoff 1s infinite linear;
}

#prebaciReon{
	z-index: 1000 !important;
	overflow: visible;
}
.prebaciReonClass { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: initial; }

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes spinoff {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}


.mainstrech-height-fix {
	min-height: 65vh;
}

#tekstPorukeSend.komunikacija-send-fix {
	min-width: 100%;
	max-width: 100%;
	margin-bottom: 5px;
}

.sig-sist-fix {
	margin-bottom: 10px;
}

#submeni-figure {
	margin-top: 50px;
}

#infoModal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;

	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;



}

#infoModal > div {
	width: 400px;
	position: relative;
	margin-left: auto;
	margin-right: auto;

	background-color: #2F3335;
	border: 1px solid rgba(92, 91, 90, 0.9);
/*
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);*/
}
#infoModal:target {
	opacity:1;
	pointer-events: auto;
}

#infoModal > div > h3 {
	padding: 8px 20px 8px 20px;
	margin: 1px 1px 10px 1px;
	background-color: #484F53;
	color: white;
	font-size: 15px;
	font-weight: bold;
}

#infoModalPoruka {
	padding: 15px 20px 10px 20px;
	font-size: 14px;
}

#infoModal > div > div.dugmad {
	text-align: right;
	margin: 20px 20px 15px 10px;

}

.greska {
    border: 1px solid red!important;
}

.greskaPassword {
   border-bottom: 2px solid #ff4141 !important;
}
/*
//za loading na pocetku ali izbaceno
#contentContainer {
	display: none;
	opacity: 0;
}
*/