body {
margin: 0;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
font-size: 14px;
line-height: 18px;
/*color: #333;*/
 color: rgb(35, 35, 35);
background-color: #fff;
}
h3, .h3 {
	font-size: 20px;
}
h4, .h4 {
	font-size: 15px;
}
h6, .h6 {
	font-size: 9px;
}
.img-logo {
	margin-top: 0px;
	height: inherit;
	padding:12px 20px 12px 0px;
}
.navbar-logo {
	padding-top: 0px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
.container-fluid {
/*padding-right: 20px;
padding-left: 20px;*/
}
.header {
max-width: 1080px;
margin: 51px auto 0 0;
position: relative;
}
#content-area {
/*max-width: 1200px;*/
}
#content {
background: url(https://d25gbwvd82b2e5.cloudfront.net/assets/img/bg-content2.png) no-repeat left top;
/*float: right;*/
margin-top: 0px;
margin-bottom: 2em;
padding: 1px 0 0 20px;
}
.content-wrapper {
background: #fff;
border: 1px solid #e9e5e5;
color: #222;
border-radius: 11px;
}
.content-header, .content-footer{
    border-bottom: 1px solid #DDD;
	padding: 15px;
	overflow:hidden;
}
.content-wrapper  h3 , .content-wrapper  .h3, .content-wrapper  h4, .content-wrapper  .h4   {
	margin:0;
}

.content-body {
	padding: 15px;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}

#sidebar {
margin: 1px 0 0 0;
}
#sidebar h3 {
    text-transform: uppercase;
    font-size: 12px;
    color: #222;
    margin-bottom: 4px;
}
.tab-pane {
	border: 1px solid #CDCDCD;
	border-radius: 3px;
}
.tab-search {
    /*background: -moz-linear-gradient(center top , #FBFBFB, #F1F1F1) repeat scroll 0% 0% / 100% auto #F1F1F1;*/
	background-color:#E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    text-shadow: 0px 1px #FFF;
    padding-top: 15px;
	padding-left: 15px;
}
.tab-main {
	background-color:#F9F9F9;
    border-bottom: 1px solid #E0E0E0;
    text-shadow: 0px 1px #FFF;
    padding: 15px;
	
}
.tab-footer {
    border-top: 0 solid #ddd;
    margin-top: 10px;
	margin-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
}
form {
    margin: 0px 0px 15px;
}
#form0 {
    margin: 0px ;
}
/*****************meni**********************/
nav div.spinmeni {
	color: #fff;
	background-color: rgb(126,155,159);
}
.spinmeni {
	color: #fff;	
	background-color: rgb(126,155,159);
}
div.spinmeni ul {
	color: #fff;
	background-color: rgb(126,155,159);
}
div.spinmeni li {
	color: #fff;
	background-color: rgb(126,155,159);
}
ul.spinmeni li  a, ul.spinmeni li  a:hover, ul.spinmeni li  a:focus{
	color: #fff;
	background-color: rgb(126,155,159);
}
div.spinmeni li.active  a.dropdown-toggle{
	color: #fff;
	background-color: rgb(121,121,121);
}
div.spinmeni li.open  a.dropdown-toggle{
	color: #fff;
	background-color: rgb(126,155,159);
}
div.spinmeni > li.dropdown  > a.dropdown-toggle, li.active {
	color: #fff;
	/*background-color: #6282A3;*/
}
div.spinmeni li  a:hover, div.spinmeni li  a:focus, div.spinmeni li  a{
	color: #fff;
	background-color: rgb(126,155,159);
}
.spinmeni .open a {
	color: #fff;
	background-color: rgb(126,155,159);
}

ul.spinmeni li ul{
	color: #fff;
	background-color: rgb(126,155,159);
}
ul.spinmeni>li>a {
	color: #fff;
	background-color: rgb(126,155,159);
}
.ul li.active a  {
	color: #fff;
	font-weight: 400;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > li > a , .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover  {
	color: #fff;
	font-weight: 400;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: rgb(121,121,121);
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: rgb(121,121,121);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: rgb(121,121,121);
}
.nav-tabs > li > a {
    margin-right: 0px;
	border: 1px solid transparent;
	border-radius: 4px 4px 0px 0px;
	margin-bottom: -1px;
}
.nav-tabs {
    margin-bottom: 15px;
}
/************kraj meni*********************/
#sidebar .nav-list {
    padding: 0px;
    margin-bottom: 34px;
}

#sidebar li.active , #sidebar a:focus, #sidebar a:hover{
	font-weight: 400;
	background: transparent;
	text-shadow: none;
}
#sidebar .nav-list a .glyphicon {
    display: none;
}
#sidebar  li.active  .glyphicon {
	display: inline-block;
}
.space-left  {
    margin-left: 10px;
}
.space-right  {
    margin-right: 10px;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}
.nopadding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.table-boxed thead th {
    border-width: 1px medium 1px 1px;
    border-style: solid none solid solid;
   /* border-color: #ECECEC -moz-use-text-color #ECECEC #ECECEC;*/
   border-color: #cacaca;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
   /* background: -moz-linear-gradient(center top , #FAFAFA, #F2F2F2) repeat scroll 0% 0% / 100% auto #F2F2F2;*/
    background-color: #F2F2F2;
    color: #666;
    font-weight: 600;
    text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 14px;
   
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
   color: #FFF;
}
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #FFF;
    background-color: rgb(121,121,121);
}
  /********************************** MEDIA QUERIES *********************************************/
  /* Large desktop */
@media (min-width: 1221px) { 
	.navbar-nav > li > .podmeni, .podmeni {display: none;}
}
   
@media (min-width: 980px) and (max-width: 1220px) { 
	.podmeni {display: none;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.podmeni {display: none;} 
}
 
/* Landscape phone to portrait tablet */
@media (min-width: 361px) and (max-width: 767px) {	
	.podmeni {}
	
}
/* Landscape phones and down */
@media (min-width: 321px) and (max-width: 360px) {
	.podmeni {}	
}
@media (max-width: 320px) {
	.podmeni {}	 
}
  /********************************** MEDIA QUERIES *********************************************/
.form-control {
height: 30px;
}
.form-group {
    margin-bottom: 4px;
}
label {
	font-weight:500;
}
.table>tbody>tr>td {
  padding: 2px;
}
.table>tbody>tr>th {
  padding: 4px;
 }
.table {
    margin-bottom: 0px;
}	
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 1px;
}
.prikaz {
  display: none;
}
.underlined {
	border-bottom: 1px solid #E0E0E0;
}
.above-top {
	background-color: #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 15px;
	border: 1px solid #CACACA;
	margin-left: 0px;
	margin-right: 0px;
}
.headtop {
	background-color: #F2F2F2;
	border-left: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	padding: 5px;
	overflow: hidden;
	margin-left: 0px;
	margin-right: 0px;
}
.bordered-content {
	border: 1px solid #CACACA;
	padding: 5px;
	overflow: hidden;

}
.headtop  .control-label, .above-top  .control-label{
	color: #666;
	font-weight: 600;
	padding-bottom:5px;
}
.autocomplete-container{
    position: relative;

}
.auto-complete{
    position:absolute; bottom:8px; right:25px; top:8px; width:10px; height:10px;
    color: gray;
}
.labela {
	width:150px;
	display: inline-block;
	float: left;
}
/* timepicker styles*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

.datum-obrade{
    width:30%; 
    display: inline; 
    margin-right: 20px;
}
.centar {
    text-align:center;
}

.aktiviraj {
    color:#555;
    cursor: default;
    background-color: #fff;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-top:1px solid #ddd;
    border-bottom-color: transparent;
    margin-bottom: -1px;
    /*border-bottom: 0;*/
    border-radius: 4px 4px 0 0;
}
input[type="file"] {
    display: inline;
}

.crvena {
  border: 1px solid red !important;
}
.jumbotron {
	margin-bottom: 0;
	background-color: #f0f4f4;
	border-radius: 1px;
}
.btn-primary {
    background-color: rgb(126,155,159);
    border-color: rgb(126,155,159);
    color: #fff;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #4c6467;
    border-color: #4c6467;
    color: #fff;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: inherit;
}
a {
    color: rgb(121, 121, 121);
    text-decoration: none;
}

.ui-autocomplete { z-index:2147483647; } /* zbog modalno prozora */