﻿html {overflow-y: scroll;}
body {background-color: #BCC6CC;font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;font-size: 13px;line-height: 20px;color: #333;}
#main {padding-top:10px;border-radius: 4px 0 0 0;-webkit-border-radius: 4px 0 0 0;-moz-border-radius: 4px 0 0 0;width:930px;margin: 0 auto;}
h2 {color: #00669E;font-family: Arial;font-size: 17pt;font-weight: normal;padding:10px 0 10px 0}
label, input, button, select, textarea {font-size: 13px;line-height: 20px;}
.nav-list>li>a {padding: 3px 10px;font-size: 14px;}
.row-fluid [class*="span"] {margin-left: 0.5%}
.row-fluid .span2 {width: 16%;}
.row-fluid .span10 {width: 83.5%;}
.page {width: 90%;margin-left: auto;margin-right: auto;}
header, #header {position: relative;margin-bottom: 0px;color: #000;padding: 0;}
header h1, #header h1 {font-weight: bold;padding: 5px 0;margin: 0;color: #444444;border: none;line-height: 2em;font-size: 32px !important;}
.outline{background-color: #fff;border: 1px solid #bababa;border-radius: 7px;color: #3D3D3D;padding:10px;}
.maincontent{padding:20px;min-height:630px}
.leftmenu{min-height:150px !important;padding: 10px 0 10px 0}
.naslov {display: block;width: 100%;padding: 0;margin-bottom: 20px;font-size: 21px;line-height: 40px;color: #333333;border: 0;border-bottom: 1px solid #e5e5e5;}
div#title {display: block;float: left;text-align: left;}
.field-validation-error {color: #ff0000;}
.field-validation-valid {display: none;}
.input-validation-error {border: 1px solid #ff0000;background-color: #ffeeee;}
input[type="text"].input-validation-error{border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors {font-weight: bold;color: #ff0000;}
.validation-summary-valid {display: none;}
.printNav {background-color: #666;padding: 8px;}
.move-right {padding-left: 60px;}
.efield {margin: 0.1em 0 0 0;float: left;}
.elabel-b{margin: 0.1em 0 0 0;width: 180px;float: left;}
.elabel-xl{margin: 0.1em 0 0 0;width: 200px;float: left;}
.elabel-m {margin: 0.1em 0 0 0;width: 120px;float: left;}
.elabel-s {margin: 0.1em 0 0 0;width: 100px;float: left;}
.elabel-pad20 {margin: 0.1em 0 0 0;padding-right: 20px;padding-left: 20px;float: left;}
.elabel-pad0 {margin: 0.1em 0 0 0;padding-right: 20px;padding-left: 0px;float: left;}
.chkfield {float: left;}
.chklabel {padding-top: 4px;padding-left: 6px;float: left;}
.radiobutton div {clear: both;}
.radiobutton div input {float: left;}
.radiobutton div label {padding-left: 6px;float: left;}
.width-m {width: 120px}
.width-h {width: 200px}
.input-180{width: 180px}
.input-ddl {width: 330px}
.headerSortUp {cursor: pointer;background-repeat: no-repeat;background-position: center right; background-image: url(../Content/Images/asc.gif); }
.headerSortDown {cursor: pointer;background-repeat: no-repeat;background-position: center right;background-image: url(../Content/Images/desc.gif);}
.display-label, .editor-label {margin: 0.1em 0 0 0;}
.display-field, .editor-field {margin: 0.1em 0 0 0;}
#loading{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.7);z-index:1000;}
#loadingcontent{display:table;position:fixed;left:0;top:0;width:100%;height:100%;}
#loadingspinner{display: table-cell;vertical-align:middle;width: 100%;text-align: center;font-size:larger;padding-top:80px;}
.clear{clear:both}
label { cursor: default}
.dotted{border:1px dotted black}
#headerTable .row1{width:33%;text-align:center;vertical-align:middle;line-height:15px;}
#headerTable .row2{font-size:170%;text-align:center;vertical-align:middle;line-height:30px;font-weight:bold}
#headerTable .row3{font-size:75%}
#headerTable .row1small{font-size:70%;line-height:0px;}
a:link.tooltipZ {text-decoration: none;}
a:hover.tooltipZ{text-decoration: none;}
a:visited.tooltipZ {}
a:active.tooltipZ {}
a:link.captionZ {color: black; text-decoration: none;}
a:hover.captionZ{color: black; text-decoration: none;}
a:visited.captionZ {color: black;}
a:active.captionZ {color: black;}
.tooltip {font-size: 12px;}
.tooltip-inner {max-width: 460px;text-align: left;}
.popover {max-width: 460px;font-size: 14px;font-weight: normal;background-color: lightgoldenrodyellow}
.popover.top > .arrow:after { border-top-color: lightgoldenrodyellow; }

.popover-title {font-size: 13px;font-weight: bold;line-height: 13px;background-color: #d1dce8;}
.periodCaption{font-size:150%;line-height:30px;font-weight:bold}
.periodCaptionSmall{font-size:100%;font-weight: bold;text-align: center;}
.textcenter{text-align: center;}
.cTable1 {background-color:#fff;/*font-size:11px*/}
.cTable1 th{text-align:center;vertical-align:middle;background-color:#d1dce8;border-color:#fff;}
.cTable1 .numeration th{font-size:8px;padding:0px;margin:0px}
.cTable1 td{text-align:center;vertical-align:middle;}
.cTable1 .left{text-align:left;vertical-align:middle;}
.cTable1 .right{text-align:right;vertical-align:middle}
.cTable1 .total{text-align:right;vertical-align:middle;padding-right:6px}
.cTable1 .center{text-align:center;vertical-align:middle;}
.cTable1 input {width: 90px;text-align: right;margin-bottom:0px;padding:2px 2px}
.cTable1 > tbody.input-70 input {width: 70px}
#constructionWorkTable > tbody > tr > td{text-align:center;vertical-align:middle;padding:0px;font-size:11px;background-color:#fff}
#constructionWorkTable th{border-color: #fff;vertical-align:middle;text-align:center;background-color:#d1dce8;font-size:11px;}
#constructionWorkTable .numeration th{font-size:8px;padding:0px;margin:0px}
#constructionWorkTable .edit-work, #constructionWorkTable .delete-work {margin:6px;font-size:11px;text-decoration:underline}
#constructionWorkTable .left{text-align:left;padding-left:4px}
#constructionInput{padding:10px;margin:10px 0 10px 0;font-size:0.9em;min-width:780px}
#constructionInput input[type="text"] {height: 14px;font-size: 12px;line-height: 14px;margin-bottom:5px}
#constructionInput select {height: 28px;font-size: 12px;}
.tiHead{font-size:100%;font-weight:bold;display: block;vertical-align:middle;}
.tiFoot{font-size:100%;display: block;}
.commentTextArea{width:85%;height:6em}
.modal-800 .modal-body{max-height: 800px}
div.well{background-color: #d1dce8}
div.strong{font-weight:bold}
.surveyPaperStyle {background-color:#eef4fc;padding:10px;border: 1px solid #d1dce8;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.w450{width:450px}
.w400{width:400px}
.w800{width:800px}
.alert-warning {color: #A0522D;background-color: #fefec8;border-color: #eed3d7;}
.alert-warning h4 {color: #cc3300;}
.modal, .modal.fade.in {top: 0;}
.modal-header h3 {margin: 0;line-height: 20px;}
.modal-body {padding: 5px 15px;overflow-y:inherit;}
.modal-footer {text-align: justify;}
tr.strong{ font-weight:bold}
td.strong{ font-weight:bold}
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {color:#0066CC;text-shadow: 0 0px 0 rgba(0,0,0,0);background-color: #e3eefa;}
.nodecoration{text-decoration:none !important}
.link-large{font-size:1.25em;font-weight:bold;padding-top:15px}
.mtop10{margin-top:10px}.mtop20{margin-top:20px}.mtop30{margin-top:30px}.mtop60{margin-top:60px}.mbot8{margin-bottom:8px}.pleft10{padding-left:10px}.pleft20{padding-left:20px}.pleft30{padding-left:30px}.ptop20{padding-top:20px}
.underline{text-decoration:underline}
input::-ms-clear {display: none;}
.yn {width:110px}
.yn input {margin:0px}
.yn label {display:inline-block;margin-right:10px;cursor: pointer; cursor: hand;}
.cTable2 {background-color:#fff;/*font-size:11px*/}
.cTable2 th{text-align:center;vertical-align:middle;background-color:#d1dce8;border-color:#fff;font-size:11px}
.cTable2 .numeration th{font-size:8px;padding:0px;margin:0px}
.cTable2 td{text-align:right;vertical-align:middle;}
.cTable2 .left{text-align:left;vertical-align:middle;}
.cTable2 .right{text-align:right;vertical-align:middle}
.cTable2 .total{text-align:right;vertical-align:middle;padding-right:3px;font-weight:bold}
.cTable2 .center{text-align:center;vertical-align:middle;}
.cTable2 input {width: 80px;text-align: right;margin-bottom:0px;padding:2px 2px}
.cTable2 label {margin-bottom:0px}
.cTable2 .bor-db-lf{border-left: 5px double #eee}
.cTable2 .bor-strong{border: 2px solid #000}
.ui-autocomplete-loading { background:url('../Content/Images/ajax-loader.gif') no-repeat right center;}
#datatable_wrapper select{width: auto}
/*htmlContent*/
.htmlContentDiv {border: 1px dashed rgba(219, 213, 222, 0.3);position: relative}
.htmlContentDiv:hover {border: 1px dashed rgba(219, 213, 222, 1); background-color:#F9FAEB}
.htmlContentButtonDiv > a  {position: absolute; right:0px}
.napomena {font-size:0.85em;font-style:italic;}