html {
    min-height: 100% !important;
    height: 100%;
}
body {
    min-height: 100% !important;
    height: 100%;
	padding-top: 0px;
    padding-bottom: 40px;
    background-color: #E1ECF0;
    font-size: 12px;
    line-height: 20px;
}
.header {
	background: url('../img/header01_meta.jpg') #005f86 no-repeat;
	overflow: hidden;
	height: 76px;
	width: 100%;
}
.content{
    padding-top: 20px;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-top-20 {
	margin-top: 20px;
}
.align-center {
	text-align: center;
}
.align_top {
  vertical-align: top;
}
.float-right_2 {
	float: right;
  margin-right: 2%;
}
.float-right_30 {
	float: right;
  margin-right: 30%;
}

/*Show I in differnt colors */
.link_red{
  color:#EB2615 !important;
}
.link_blue{
  color: #2A21F8 !important;
}
.link_green{
  color: #1B8600 !important;
}
#apptitle {
	float: left;
    height: inherit;
    text-decoration: none;
    min-width: 15%;
}
#apptitle span {
	font-weight: bold;
    font-style: italic;
    color: #fff;
    font-size: 300%;
	margin: 25px 0 0 20px;
	display:block;
}

#subtitle {
   	font-weight: bold;
    font-style: italic;
    color: #fff;
    font-size: 100%;
	margin: 5px 0 0 25px;
	display:block;


}

#logo {
	float: right;
	margin-right: 30px;
}
#logo img {

}
.login{
    font-style: italic;
    color: #fff;
    margin-top: 20px;
}

.leftnav {
	background: url("../img/col01_top.jpg") repeat-x scroll left top #005F86;
	position: absolute;
    border-right: 5px solid #08C;
    min-height: 100% !important; /* Mindesth�he f�r moderne Browser */
    height:auto !important; /* Important Regel f�r moderne Browser */
    height:100%;
    float: none;

}
.row {
  margin: 0;
    position: relative;
    min-height: 90%

}

.row .offset1_5 {
	margin-left: 14.893617021276595%;
}
.col-sm-2 {
  width: 14.893617021276595%;
  padding: 0;
}
li {
  line-height: 20px;
}

.nav {
  margin-bottom: 0;
  }
.row .span10_5 {
	width: 85.10638297872340%;
	border-top: 5px solid #08C;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
}
.navlist {
  padding-left: 15px;
  margin-bottom: 0;
}
.nav-list {
  padding-left: 15px;
  margin-bottom: 0;
}
.nav-list .active>a, .nav-list>.active>a:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  background-color: #08c;
  display: block;
}

.leftnav ul.erste_ebene{
	margin-top: 15px;
	margin-left: 0;
}
.leftnav a{
	color: #fff;
	text-decoration: none;
}

.container {
    background-color: #0088CC;
    min-height: 25px;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    /* Gradients for modern browsers, replace as you see fit */
	background-image: -moz-linear-gradient(top, #0088CC, #005F86);
	background-image: -ms-linear-gradient(top, #0088CC, #005F86);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088CC), to(#005F86));
	background-image: -webkit-linear-gradient(top, #0088CC, #005F86);
	background-image: -o-linear-gradient(top, #0088CC, #005F86);
	background-image: linear-gradient(top, #0088CC, #005F86);
    background-repeat: repeat-x;

    /* IE8-9 gradient filter */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088CC', endColorstr='#005F86', GradientType=0);
}

.navbar-nav>li>a {
	float: none;
	padding: 2px 10px 0px;
	color: white;
	text-decoration: none;
	text-shadow: none;
	font-weight: bold;
}
.nav > li > a:focus, .nav > li > a:hover
{
    background-color: #08C;
    opacity:1.0;
}
ul.erste_ebene > li > a {
	font-weight: bold;
}
.leftnav li {
	list-style: none;
	margin-bottom: 5px;
}

.nav-list > li > a{
   text-shadow: none;
   margin-left: -15px;
   padding: 3px 15px;
}

.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:hover, .navbar .navbar-nav>.active>a:focus {
background-color: #08C;
color: white;
}

.navbar {

  min-height: 0px;
  margin-bottom: 0px;
  border: 0;
}



.glyphicon-list{
   color: white;
}

.ui-widget {
	font-size: 12px;
    font-family: Verdana,Arial,sans-serif;
}

.ui-tabs .ui-tabs-panel{
  border-width: 1px;
}

#tabs .ui-widget-header {
  background: none;
  border: 0px;
}

.ui-tabs .ui-tabs-nav {
  padding: .2em 0 0 ;
}
.ui-tabs {
  padding: .8em;
}

a {
  text-decoration: underline;
}

.btn {
  background-color: #f5f5f5;
  padding: 4px 8px;
}

.btn a,
a.btn {
  font-size: 12px;
	text-decoration: none;
	margin-right: 5px;
}
.icon-download-alt, .icon-lock {
	margin: 2px 6px 0 0;
}
.btn-help {
	padding: 0px 4px;
}
.jqGridAltRow { background: none repeat scroll 0 0 #F0F0F0;}
.ui-jqgrid tr.jqgrow td {
/*	white-space: normal !important;*/
	padding:2px;
}
.ui-jqgrid .ui-jqgrid-htable th div {
	height:auto;
	overflow:hidden;
	padding:2px;
	position:relative;
	white-space:normal !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-size: 12px;
}
textarea, input[type="text"]{
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.width100{
    width:100% !important;
}
input[type=file] {
    display:inline;
}


.form-control {
    width: auto;
    padding-left:2px;
    display: inline;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  min-height: 20px;
  padding: 4px 6px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border linear .2s,box-shadow linear .2s;
  -moz-transition: border linear .2s,box-shadow linear .2s;
  -o-transition: border linear .2s,box-shadow linear .2s;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee;
}

.input-small {
      width: 90px;
}

textarea.form-control{
  width:100%;

}

label {
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 4px;
}

.checkboxes_list li {
  margin: 0;
  list-style: none;
  margin-left: -40px;

}
.checkboxes_list{
  margin-bottom: 0px;
}

.input-block-level{
width:100%;
}

.ui-accordion-header {
    line-height:1;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label .ui-icon-background {
    display:none;
}

.alert{
 border: 1px solid #08C; #
 font-size: 14px;
}

.old_version,
.old_version a {
  color:#817B7B;
}


.dataset_title{
  font-weight: bold;
  font-size: 1.3em;
}



#tabs fieldset {
	margin: 0 0 1em 0;
  border: 2px solid silver;
  border-color: rgba(0, 1, 7, 0.09);
  padding: .35em .625em .75em;
}
#tabs fieldset legend {
	font-weight: bold;
	font-size: 110%;
  color: #005F86;
  width: auto;
  padding-right: 4px;
  margin-bottom: 2px;
  border-bottom: 0px;
}
#tabs fieldset table {
	border-collapse: collapse;
}
#tabs fieldset table.t100 {
	width: 100%;
}
#tabs fieldset table.noborder td {
	border: 0 none !important;
}
#tabs fieldset td {
	vertical-align: top;
	padding: 5px;
}
#tabs .detailDatasetDataTable td {
	border: 1px solid #AAA;
}
#tabs .docdataList th,
#tabs .docdataList td {
	border: 1px solid #AAA;
}
#tabs .featParam td {
	border: 1px solid #AAA;
}
#tabs .featParam input.submit {
	margin-top: 1em;
}
#tabs .fieldGroup {
	font-weight: bold;
	vertical-align: middle;
}
#tabs .fieldTitle {
	width: 20%;
	font-weight: bold;
}
#tabs .text_red  {
  color: #E61616;
}

#tabs .fieldValue {  }
#tabs .fieldHelp {
	vertical-align: middle;
	text-align: center;
	width: 30px;
  padding: 0;
}
#tabs .fieldFeature {
	float: left;
	margin: 2px 5px 2px 0;
	padding: 0;
	width: 100%;
}
#tabs .featParam label {
	font-size: 1.1em;
  display:inline;
	margin: 0;
	padding: 4px 5px 3px 3px;
}
#tabs .fieldFeature_50 {
	width: 49%;
}
#tabs li .ui-icon-close {
    cursor: pointer;
    float: left;
}
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
    display: block !important;
}
.ui-icon-locked{
    display: inline-block;
}

.ui-icon-link{
    display: -webkit-inline-box;
}

.ui-icon-folder-collapsed{
    display: -webkit-inline-box;
}


#fancybox-left, #fancybox-right { width: 15px; }
#fancybox-left-ico, #fancybox-left:hover span { left: -25px; }
#fancybox-right-ico, #fancybox-right:hover span { right: -25px; left: auto; }

.map_table { width:100%; height:400px; }

.modal {
    display:    none;
    position:   fixed;
    padding:	0;
		margin:		0;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .5 )
                url('../img/loading.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden
body.loading {
    overflow: hidden;
}       */

/* Anytime the body has the loading class, our
   modal element will be visible  */
body.loading .modal {
    display: block;
}

.msg_red {
	color: #DB4F4F;
	font-weight: bold;
  font-style: oblique;
}
.msg_blue {
	color: #2b63de;
	font-weight: bold;
}

/* Pagination -> Navigation for datasets on top*/
.pagination{
    margin: 0;
    text-align: center;
    padding: 0 14px;
}
.pagination a, .pagination span{
	  line-height: 25px;
}
.pagination>li>a, .pagination>li>span {
    padding: 4px 14px;
}
.pagination a:hover, .pagination .active a, .pagination .active span, .pagination>.active>span, .pagination>.active>span:hover {
  background-color: #f5f5f5;
  border-color: #ddd;
}
.pagination .active a, .pagination .active span, .pagination>li>span:hover {
  color: #999 !important;
  cursor: default;
}


/* Tooltip calendar */
 .ui-tooltip, .arrow:after {
        background: white;
        border: 1px solid #36C;
    }
    .ui-tooltip {
        padding: 10px 20px;
        color: black;
        border-radius: 20px;
        font: bold 14px "Helvetica Neue", Sans-Serif;
        box-shadow: 0 0 7px black;
    }
    .arrow {
        width: 70px;
        height: 16px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -35px;
        bottom: -16px;
    }
    .arrow.top {
        top: -16px;
        bottom: auto;
    }
    .arrow.left {
        left: 20%;
    }
    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        tranform: rotate(45deg);
    }
    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

/* 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; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* css for full calendar classes */

.type_class_1,
.type_class_1 div{
background-color: #cc0000;
border-color: #cc0000;
}
.type_class_2,
.type_class_2 div{
background-color: #73d216;
border-color: #73d216;
}
.type_class_3,
.type_class_3 div{
background-color: #F3A00C;
border-color: #F3A00C;
}
.type_class_4,
.type_class_4 div{
background-color: #f57900;
border-color: #f57900;
}
.type_class_5,
.type_class_5 div{
background-color: #c17d11;
border-color: #c17d11;
}
.type_class_6,
.type_class_6 div{
background-color: #3A87AD;;
border-color: #3A87AD;;
}

.type_class_7,
.type_class_7 div{
background-color: #DDDD06;
border-color: #DDDD06;
}

.type_class_8,
.type_class_8 div{
background-color: #1800CC;
border-color: #1800CC;
}
.type_class_9,
.type_class_9 div{
background-color: #6A00CC;;
border-color: #6A00CC;;
}

.type_class_10,
.type_class_10 div{
background-color: #065737;
border-color: #065737;
}



.ui-timepicker-table td.ui-timepicker-hours {
	padding: 5px;
}
.ui-timepicker-table td.ui-timepicker-minutes {
	padding: 5px 5px 5px 0;
}
.ui-timepicker-title{
	padding: 2px 5px;
}
.ui-timepicker {
	margin: 5px 0;
}
.ui-timepicker td a {
	padding: 4px;
	cursor: pointer;
}

/* Force transparant layout in Full Calendar on MouseOver */
.fc-transparent,
.fc-agenda .fc-transparent .fc-event-time,
.fc-transparent a {
	padding-left: 1px;
	border-color: transparent ! important;
	background-color: transparent ! important;
	color: #fff;
}
#date_picker{
  display: none;
}
.fc-header-right .ui-datepicker-trigger {
  padding: 2px 6px 3px;
  margin: 0 10px 1em 1px;
  vertical-align: top;
  line-height: normal;
  background: none repeat scroll 0 0 #F3F3F3;
  border-color: #CCCCCC #BBBBBB #AAAAAA;
  border-width: 1px;
  border-style: solid;
}
#ui-datepicker-div {
  z-index: 9999 !important;
}
.cal-event-input-box {
  width:520px;
  float:left;
  margin-bottom:1px;
}
.cal-event-label {
  display:block;
  float:left;
  width:100px;
  margin-top: 5px;
}
.cal-event-input {
  width: 400px;
  margin-bottom:4px;
  float:left;
}
.cal-event-date-input {
  width: 120px;
  margin-bottom: 4px;
}
select.cal-event-input {
  width: 413px;
}

/** Minicolors **/
.minicolors-swatch {
  width: 10px;
  height: 10px;
}

.dropdown-menu, .dropdown-menu>li>a {
  background-color:#005F86;
  color:white;
  border:none;
  text-decoration: none;
  padding: 2px 2px;
  font-size: 12px;
}
.navbar-nav {
  margin:0;
}
.navbar-nav .open .dropdown-menu {
//  position: absolute;
    border-radius: 4px;
  }
.open .dropdown-menu{
  float: left;
}
.dropdown-menu > li > a:focus, .dropdown-menu>li>a:hover{
  background-color:#08C;
  color:white;
  background-image: none;
}

.btn-menu{
  background-color:#005F86;
  color:white;
  border:none;
}
.btn-group.open .btn.dropdown-toggle {
background-color: #005F86;
}

.btn-primary { border-color: #08C; background-color: #08C; background-image:none;  }
.btn-danger {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  border: 0;
  padding: 0;
  font-weight: bold;
}
.change_lang{
   background-color: transparent;
}
.blue_back{
   background-color: #6A91AC;
   padding: 5px;
   border-radius: 3px;
   border: 4px #D1E3FF solid ;

}

.btn-danger:hover, .open>.dropdown-toggle.btn-danger:focus  { border-color: transparent; background-color: transparent; }
.bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] {
  margin-bottom: -7px;
}
.bootstrap-select>.btn {
  width: 108%;
}
.bootstrap-select.btn-group .btn .filter-option {font-size: 12px; }
.bootstrap-select.btn-group .btn .filter-option { left:2px;}

.ui-jqgrid table.ui-jqgrid-htable th.ui-th-column select {
    height: 25px;
}
/*adjust JqGrid Buttons */
.ui-pg-div, .ui-pg-button{
   padding: 0px 12px 0px 0px !important;
}

.navbar-nav>li {
  float: left;
}

.custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 0.3em;
    width: 250px;
  }

  .ui-autocomplete {
    max-height: 600px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}

.coolfieldset, .coolfieldset.expanded{
	border:1px solid #aaa;
}

.coolfieldset.collapsed{
	border:0;
	border-top:1px solid #aaa;
}

.coolfieldset legend{
	padding-left:13px;
	font-weight:bold;
	cursor:pointer;
}

.coolfieldset legend, .coolfieldset.expanded legend{
	background: transparent url(img/expanded.gif) no-repeat center left;
}

.coolfieldset.collapsed legend{
	background: transparent url(img/collapsed.gif) no-repeat center left;
}

#labels_dygraph5 div{
    width: 100px;
    display: inline-block;
}

#labels_dygraph5 div:first-child {
    display: table-column; !important;
}