/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    background-color: #fff;
    font-size: .85em;
    font-family: "Segoe UI", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    padding-bottom:40px;
    color: #696969;
    background-image:url(img/siteShadow.png);
    background-repeat:repeat-y;
    background-position:center;
}

header
{
    height:110px;
    background-image:url(img/header_back.png);
    margin-bottom:10px;
    border-bottom:solid 1px #d1d1d2;
}
nav
{
    margin:0;   
    padding:0;
    margin-top: 79px;
    
}

#menu > li
{
    float: left;
    list-style-type: none;
}

.pagination * {
    float: left;
}


/**************** NOTIFICATIONS *****************/
.notifications {
  position: fixed;
  right: 10px;
  top: 25px;
  width:200px;
}

/* Notification Element */
.notifications > div {
  position: relative;
  z-index: 9999;  
}


/* za growl */
.growl
{	
	text-align:center;
	vertical-align:middle;
	background:black;
	border:solid 1px #cacaca;
	color:White;
	width:200px; 
	height:20px;
	box-shadow: 0px 0px 5px #CCCCCC;
}

#container h3
{
    clear:both;
}

h1
{
    margin-bottom:10px;
    /*text-transform: uppercase;*/
    font-weight:100;   
}

h2
{
    font-weight:100; 
}

h3
{
    font-weight:100; 
}


/*****************************++ OD TUKAJ INPUTI IN FIELDSETI ********************************/

fieldset legend
{
    margin-bottom:3px;
}

fieldset.object, fieldset.array
{
      /*background-image:url(img/fieldsetBack.gif);*/
    background-repeat:repeat-x;
    clear:left;
    border: 1px solid #ddd;
  
    padding: 5px;
    padding-left:10px;
    
    margin-bottom:10px;
    border-radius: 5px;     
    box-shadow: 1px 1px 1px #ddd;
    overflow:visible;
}


fieldset.object > legend, fieldset.array > legend
{
    background-color:#dfeefc;
    color:Black;
    text-transform:uppercase;
    cursor:pointer;
  
    border-radius: 5px;   
    margin-right:10px;   
}

fieldset.object > legend:hover, fieldset.array > legend:hover
{
    -moz-box-shadow: 0 0 5px #007BAF;
    -webkit-box-shadow: 0 0 5px #007BAF;
    box-shadow: 0 0 2px #007BAF;
}

fieldset.object fieldset.object > legend, fieldset.array > legend
{    
    text-transform:none;       
}

fieldset.filled>legend
{
     background-color:#a6d7ff; 
}


fieldset.ArrayItem > legend
{
    background-color:White;
    font-size:12px;
    font-weight:bold;
    padding-left:5px;    
    width:auto;
    height:20px;
    line-height:20px;
    margin:0;
    padding:0 5px;
    border:solid 1px #ccc;
}

fieldset.ArrayItem > legend >span
{
    
    font-size:12px;
    padding:0;
    margin:0;
   
}

fieldset.well
{
    padding:5px;    
    padding-top:18px;
    margin-bottom:10px;
}

fieldset.object > legend> span, fieldset.array > legend>span
{
    padding:0 5px;    
    display:block;    
}

legend>span>small
{
    text-transform:none;
    color:#656565;
    font-size:12px;
}



fieldset.array > legend>span:after
{
   /*content: ' (seznam)';*/
   
   color:#656565;
    font-size:11px;
}

fieldset.collapsed>legend
{
    margin-left:5px;    
    margin-bottom:5px;
}

fieldset.collapsed
{
    clear:left;
    border: 0px solid #ddd;
    padding: 0px;  
    margin:0;
    box-shadow: 0px 0px 0px #ddd;
    
    height:45px;
    overflow:hidden;
    
    background-image:url(img/fieldsetBackEmpty.gif);
    border:0;
}

fieldset.collapsed > * /* div, fieldset.collapsed> button, fieldset.collapsed> table*/
{
    display:none;
}

fieldset.collapsed > legend /* div, fieldset.collapsed> button, fieldset.collapsed> table*/
{
    display:block;
}

/************** DISPLAY (details view) **********************/
.value
{
    color: #b61c1c;
}


/*********** Bootstrap extensions & overrides... ****************/

.controls
{
    padding:4px;
}

input[type="radio"]
{    
    margin-top: 1px;    
}

.form-horizontal .control-group 
{
    margin-bottom:8px;
}

.radio-horizontal
{
    min-height: 18px;
    padding-left: 18px;
    /*float:left;*/
    display:inline-block;
}

.controls > .radio-horizontal:first-child
{
    padding-top: 0px;
}

/******************************** Bootstrap NAVBAR extensions & overrides..n **********************************************/


/*NAVBAR Button*/
.navbar .nav >li > a.btn-danger
{
    color:White;
  
}


.navbar .container
{
    width: 940px;
}

.navbar
{
    color:#FFFFFF;
}

.navbar-inner a 
{
    color:#272727;
}

.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #72A1CC;
  background-image: -moz-linear-gradient(top, #7CB7E1, #619FD9);
  background-image: -ms-linear-gradient(top, #7CB7E1, #619FD9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7CB7E1), to(#619FD9));
  background-image: -webkit-linear-gradient(top, #7CB7E1, #619FD9);
  background-image: -o-linear-gradient(top, #7CB7E1, #619FD9);
  background-image: linear-gradient(top, #7CB7E1, #619FD9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#7CB7E1', endColorstr='#619FD9', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
      
}

.navbar .nav > li > a { 
  color: #000;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(180, 180, 180, 0.025);
}

.navbar .brand { 
  color: #fafafa;
}

.subnav {
  width: 100%;
  height: 36px;
  background-color: #eeeeee; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
   
   margin-top:-16px;
   margin-bottom:10px;
}
.subnav .nav {
  margin-bottom: 0;
}
.subnav .nav > li > a {
  margin: 0;
  padding-top:    11px;
  padding-bottom: 11px;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
  padding-left: 13px;
  color: #777;
  background-color: #e9e9e9;
  border-right-color: #ddd;
  border-left: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
          box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
  border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
  border-left: 0;
  padding-left: 12px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
  border-right: 0;
}
.subnav .dropdown-menu {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}
/*
label
{
    
    margin-right:5px;
}*/


input, textarea { color: #000; }
.placeholder { color: #aaa; }

.input-validation-error
{

  border-color: #953b39 !important;
  -webkit-box-shadow: 0 0 6px #d59392 !important;
     -moz-box-shadow: 0 0 6px #d59392 !important;
          box-shadow: 0 0 6px #d59392 !important;
}