html, body {
    height: 100%;
}
body {
	color:#000;
	background:#eee;
	border-top:6px solid #B5152B;
}

#wrap {
	border:#ff0000 solid 0px;
	min-height:100%;
	height: auto !important;
	margin: 0 auto -55px;
}

/**************************
 Links 
 **************************/
a:hover {
	text-decoration: none;
}

a {
	cursor: pointer;
}

/**************************
 Header
 **************************/
#header {
	background:#fff;
	/*background:url(../img/regioit-header.png) repeat-x left center;*/
	height:70px;
	-moz-box-shadow:     0 1px 3px #555555;
	-webkit-box-shadow:  0 1px 3px #555555;
	box-shadow:          0 1px 3px #555555;
}
#header h1 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:0px;
} 
#company-logo {
	margin-top:0px;
    height: 60px;
}



/**************************
 Sidebar Navigation 
 **************************/
#sidebar {
    display: block;
    float: left;
    position: absolute;
    width: 220px;
	padding-top:0px;
	/*margin-top: 100px;*/
    z-index: 100;
}
#sidebar.narrow, #sidebar.narrow > ul  {
    width: 45px;
}

#sidebar > ul {
	list-style: none;
	margin: 0px;
	padding: 0;
	position: RELATIVE;
	width: 220px;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
	transition: width 1s;
}

#sidebar > ul > li {
	display: block;	
	position: relative;
	border-top:#fff solid 1px;
	border-bottom:#ccc solid 1px;
    list-style-type: none;
}
#sidebar ul li {
    list-style-type: none;
}

#sidebar > ul > li.active, #sidebar > ul li a:hover {
		
	background: #eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */

}

#sidebar > ul ul > li.active {
	background:#e3e3e3;
}
#sidebar > ul > li > a {
	padding: 10px 0 10px 5px;
	display: block;
	color: #555;
    font-size: 14px;
}

#sidebar > ul > li > a > i, #sidebar > ul > li > ul > li > a > i {
	margin-right: 5px;
    float: left;
}

div#sidebar ul li a span{
    display: block;
    margin-left: 22px;
}

#sidebar > ul > li.active > a, #sidebar > ul ul li.active a {
	background: url("../img/menu-active.png") no-repeat scroll right center transparent !important;
	font-weight:bold;
	text-shadow: 1px 1px 1px #ffffff;
}

#sidebar > ul > li > a > .label, #sidebar > ul > li > ul > li > a > .label {
	margin: 0 20px 0 0;
	float: right;
	padding: 3px 5px 2px;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);*/
	/*box-shadow:1px 1px 3px rgb(0,0,0);*/
}

#sidebar > ul ul {
	display: none;
	margin: 0;
	padding: 0;
    border-top: 1px solid #c3c3c3;
}
#sidebar > ul li.open ul {
	display: block;
}
#sidebar > ul ul li a {
	padding: 10px 0 10px 25px;
	display: block;
	color: #777777;
	background:#e3e3e3;
}

#sidebar > ul ul li:first-child a {
	border-top: 0;
}
#sidebar > ul ul li:last-child a {
	border-bottom: 0;
}
#sidebar > ul ul li a:hover {		
	background: #e3e3e3;
	/*filter: none; /* IE6-8 */
}

#sidebar.narrow > ul li a span  {
    display:none;
}


#sidebar > ul ul li a {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    color: #777777;
    display: block;
    padding: 10px 0 10px 25px;
}
#sidebar > ul li a i.fa, #sidebar > ul ul li a i.fa {
    color: #000;
}

#sidebar a:focus {
	outline: none;
}

div#sidebar ul li.submenu a span.pull-right {
    margin-right: 10px;
}


#user-nav > ul > li > a > i, #sidebar li a i {
    margin-top: 2px;
    opacity: 1;
    vertical-align: top;
}

#userprofil {
	padding:10px;
	border-top:#fff solid 1px;
	border-bottom:#fff solid 1px;
	margin-bottom:10px;
	background:#e3e3e3;
	
	-moz-box-shadow:     0 1px 3px #555;
	-webkit-box-shadow:  0 1px 3px #555;
	box-shadow:          0 1px 3px #555;
	
	text-shadow: 0 1px 0 #f7f7f7;
	color:#000;
	/*z-index: 200;
	position: absolute;
	width: 198px;*/
}
#userprofil span {
	font-size:12px;
}
#userprofil img {
	float:left;
	margin-right:10px;
}
#userprofil div {
	margin-top:5px;
}
#userprofil div.btns {
    padding-top: 10px;
}
#userprofil div.sidebar-login {
    display:none;
    margin-top: 0px;
}
#userprofil.help-controller {
    background: url('../img/Tacho_70569533.jpg') no-repeat left top;
    height: 137px;
    border-bottom: #fff solid 0px;
}

#userprofil select {
    width:200px;
    margin:10px 0px 0px 0px;
}

/************************* 
	Content 
**************************/
#content {
    background: none repeat scroll 0 0 #fff;
    margin-left: 220px;
    margin-right: 0;
	margin-top: -40px;
    padding-bottom: 20px;
    /*position: relative;*/
    min-height: 700px;
    width: auto;
	z-index:200;

    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

	/*-webkit-transition: margin-left 1s;
	-moz-transition: margin-left 1s;
	-ms-transition: margin-left 1s;
	transition: margin-left 1s;*/
	
	-moz-box-shadow:     0px 0px 15px #c3c3c3;
	-webkit-box-shadow:  0px 0px 15px #c3c3c3;
	box-shadow:          0px 0px 15px #c3c3c3;

    transition: min-height 0.2s;
    -webkit-transition: min-height 0.2s;
}


#content-header {
	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */

    height: 50px;
    /*position: absolute;*/
    width: 100%;
    z-index: 20;
	-webkit-transition: margin-top 1s;
	-moz-transition: margin-top 1s;
	-ms-transition: margin-top 1s;
	transition: margin-top 1s;

    border-top-left-radius: 4px;
}
#content-header h1 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:5px 0px 0px 10px;
	padding-top:5px;
	/*float:left;*/
	text-shadow: 0 1px 0 #FFFFFF;
	color:#555;
} 
#user-nav {
	padding:0px;
	margin:0px;
	position:absolute;
	right:10px;
	top:12px;
	z-index:1039;
}
#user-nav .nav {
	margin:0px 0px 0px 0px;
}

#inner-content {
    min-height: 400px;
	padding:10px;
}

#user-nav h3 {
    color: #BE0A26;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin: -2px 0 0 0px;
    padding-top: 0px;
    text-shadow: 1px 1px 0 #FFFFFF;
}
/************************* 
	Breadcrumb
**************************/
#breadcrumb {
    background-color: #E5E5E5;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;    
    padding-left: 10px;
}
#breadcrumb a {
    background-image: url("../img/breadcrumb.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #666666;
    display: inline-block;
    font-size: 11px;
    padding: 8px 20px 8px 10px;
	text-shadow: 1px 1px 1px #ffffff;
    /*filter: dropshadow(color=#ffffff, offx=1, offy=1);*/
}
#breadcrumb a:hover {
    color: #333333;
}
#breadcrumb a:last-child {
    background-image: none;
}
#breadcrumb a.current {
    color: #444444;
    font-weight: bold;
}
#breadcrumb a i {
    margin-right: 5px;
	margin-top: -1px;
    opacity: 0.6;
}
#breadcrumb a:hover i {
    margin-right: 5px;
    opacity: 0.8;
}

#breadcrumb span {
    color: #000;
    font-size: 11px;
    margin-left: 9px;
    text-shadow: 1px 1px 1px #fff;
}

/*********************
	Footer
**********************/
#footer {
	margin-top:15px;
	font-size:12px;
	color:#555;
	background:#fff;
	height:40px;
	
	-moz-box-shadow:     0 0px 10px #c3c3c3;
	-webkit-box-shadow:  0 0px 10px #c3c3c3;
	box-shadow:          0 0px 10px #c3c3c3;
}
#footer p {
    margin: 10px;
}
#push {
	height:70px;
	clear:both;
}

/**********************
	Widget
***********************/
.widget {
    background: none repeat scroll 0 0 #F9F9F9;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    clear: both;
    margin-bottom: 16px;
    margin-top: 16px;
    position: relative;
}
.widget-light {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 0px solid #CDCDCD;
    clear: both;
    margin-bottom: 6px;
    margin-top: 0px;
    position: relative;
    border-radius: 5px;
}
.widget-title {
    background-color: #efefef;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #CDCDCD;
    height: 36px;
}
.widget-light .widget-title {
    background: #fff;
    border: 0px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
}
.widget-title span.icon-title {
	background:none;
    border-right: 1px solid #CDCDCD;
    float: left;
    opacity: 0.7;
    padding:11px 10px 9px 11px
}
.widget-title span.icon-tool {
    background:none;
	border-left: 1px solid #CDCDCD;
    float: right;
    opacity: 0.7;
    padding:11px 10px 9px 11px
}
.widget-title span.icon-tool i.caret {
    vertical-align: middle;
}
.widget-title span.icon-tool i {
    color:#000;
}
.widget-title h5 {
    color: #666666;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 0;
    padding: 12px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.widget-content {
    padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #CDCDCD;
}
.widget-light .widget-content {
    /*padding: 0px;*/
	border-bottom: 0px solid #CDCDCD;
    border-radius: 5px;
}

.widget-title .label {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFFFFF;
    float: right;
    margin: 9px 15px 0 0;
    padding: 3px 5px 2px;
}

.widget-content-list-entry {
	padding:5px 5px 35px 5px;
	background:#fff;
	border-bottom:#ccc solid 1px;
	font-size:12px;
}
.widget-content-list-entry .meta {
	color:#888;
	font-size:10px;
	font-weight:bold;
	text-align:right;
}
.widget-content-list-entry .btn-group {
	float:right;
	margin-top:5px;
}

.widget-title .nav-tabs {
    border-bottom: 0px solid #DDDDDD;
}
.widget-title .nav-tabs > li > a {
    border: 0px solid transparent;
	border-right:#ccc solid 1px;
	margin-right:0px;
    border-radius: 0px;
    line-height: 20px;
    padding-bottom: 9px;
    padding-top: 8px;
	color:#888;
}
.widget-title .nav-tabs > .active > a, .widget-title .nav-tabs > .active > a:hover {
    background-color: #f9f9f9;    
	color:#000;
	border: 0px solid transparent;
	border-right:#ccc solid 1px;
}
.widget-title .nav-tabs > .active > a:focus {
	outline: none;
}

.config-widget {
	background:#eee;	
	box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFFFFF;
}
.config-widget div {
	padding:0px;
}
div[id*='time-config'] div.padding {
    padding:10px;
}

.widget-menu {
    position:relative;
    float:right;
}

.accordion .widget {
    border-radius: 0 0 0 0;
    margin-bottom: 0;
    margin-top: -2px;
}


img.avatar {
	float:left;
	margin:0px 10px 5px 0px;
}


/****************************
	Icons
****************************/
[class^="fa-icon-"], [class*=" fa-icon-"], [class^="icon-"], [class*=" icon-"] {
    opacity: 0.7;
}
ul.the-icons {
	list-style:none;
}


/*************************
	Dropdown
*************************/
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #888888;
  background-image: -moz-linear-gradient(top, #888888, #555555);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#888888), to(#555555));
  background-image: -webkit-linear-gradient(top, #888888, #555555);
  background-image: -o-linear-gradient(top, #888888, #555555);
  background-image: linear-gradient(to bottom, #888888, #555555);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff888888', endColorstr='#ff555555', GradientType=0);
}

/*************************
	Tabellen
**************************/
.table th {
    color: #666666;
    font-size: 10px;
    padding: 5px 10px 2px;
    text-align: center;
	
	background-color: #efefef;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

.table-noborder td {
    border:0px;
}

.table tfoot th {
    padding:10px 0px 0px 0px;
}

/*************************
	Datatables
**************************/
.dataTables_length {
    color: #878787;
    margin: 7px 5px 0;
    position: absolute;
    right: 2px;
    top: -2px;
}
.dataTables_length select {
    width: 60px;
	padding: 4px 2px;
}
.dataTables_length div {
    vertical-align: middle;
}
div.dataTables_wrapper .ui-widget-header {
    border-right: medium none;
    border-top: 1px solid #D5D5D5;
    font-weight: normal;
    margin-top: -1px;
}
div.dataTables_wrapper .ui-widget-header {
    background-color: #EFEFEF;
    background-image: -moz-linear-gradient(center top , #FDFDFD 0%, #EAEAEA 100%);
    border-bottom: 1px solid #CDCDCD;
    height: 36px;
}
.dataTables_wrapper .ui-toolbar {
    padding: 5px;
}

.dataTables_filter {
    color: #878787;
    font-size: 11px;
    left: 0;
    margin: 4px 8px 2px 10px;
    position: absolute;
    text-align: left;
}

.dataTables_paginate {
    line-height: 16px;
    margin-right: 10px;
    margin-top: 5px;
    text-align: right;
}


.dataTables_paginate .ui-state-disabled, .fc-state-disabled, .pagination.alternate li.disabled a {
    color: #AAAAAA !important;
}
.dataTables_paginate .first {
    border-radius: 4px 0 0 4px;
}
.dataTables_paginate .ui-button, .pagination.alternate li a {
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#FFFFFF), to(#E6E6E6));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
    background-image: -linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E6E6E6',GradientType=0 ); /* IE6-9 */
	
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-style: solid;
    border-width: 1px;
    color: #333333;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 10px !important;
    text-shadow: 0 1px 0 #FFFFFF;
}

.dataTables_paginate span .ui-state-disabled, .pagination.alternate li.active a {
    background-color: #414141 !important;
    background-image: -moz-linear-gradient(center top , #555555, #222222) !important;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#555555), to(#222222));
	background-image: -webkit-linear-gradient(top, #555555 0%, #222222 100%);
    background-image: -ms-linear-gradient(top, #555555 0%, #222222 100%);
    background-image: -o-linear-gradient(top, #555555 0%, #222222 100%);
    background-image: -linear-gradient(top, #555555 0%, #222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	
    color: #FFFFFF !important;
    cursor: default !important;
}

.dataTables_paginate .last {
    border-radius: 0 4px 4px 0;
}

span.DataTables_sort_icon {	
	margin-left: 5px;
    padding: 0 6px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
span.ui-icon-triangle-1-n {
	background-image: url("../img/glyphicons-halflings.png");	
	background-position: -313px -119px;
}
span.ui-icon-triangle-1-s {
	background-image: url("../img/glyphicons-halflings.png");	
	background-position: -288px -120px;
}
.DataTables_sort_wrapper {
	cursor: pointer;
    position:relative;
}

input.search_init {
    color: rgba(0,0,0,0.4);
}

.dataTables_info {
    float: left;
}

/*************************
	Formular
**************************/
form {
    margin-bottom: 0;
}
.form-horizontal .control-group {
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #FFFFFF;
    margin-bottom: 0;
}
.form-horizontal .control-label {
    padding-top: 15px;
    width: 110px;
}
.form-horizontal .controls {
    margin-left: 130px;
    padding: 10px 0;
}
.form-horizontal .form-actions {
    margin-bottom: 0;
    margin-top: 0;
}

.form-horizontal .left-controls {
    margin-left: 50px;
    padding: 10px 0;
}


input.error, textarea.error, input:focus.error, textarea:focus.error {
    border: 1px solid #B20101;
}
label.error, td.error {
     color: #FF0000;
     padding-left: 0px;
 }
td.error {
    font-weight: bold;
}

.config-widget form {
    margin-bottom: 10px;
}
.config-widget .form-horizontal .control-group {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    margin: 0px;
	padding: 0px;
}
.config-widget .form-horizontal .control-label {
    padding-top: 7px;
    width: 100px;
}
.control-label.mini {
    width:80px;
}
.controls.mini {
    margin-left: 90px;
}
.control-label.tiny {
    width:57px;
}
.controls.tiny {
    margin-left: 60px;
}
.form-horizontal .form-actions {
    padding-left: 20px;
}

.config-widget .form-horizontal .controls {
    margin-left: 150px;
    padding: 0px;
}
.config-widget .form-horizontal .controls input {
    padding: 1px 3px;
	margin-top:4px;
}
.config-widget  .control-group.no-border {
	border:0px;
}

label.control-label.required:after {
    content: "\2217";
    color: #ff0000;
    font-weight: bold;
    position: relative;
    top: -8px;
    left:2px;
}

/*************************
	Wizard
**************************/
.wizard-steps {
  padding: 0px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.wizard-steps .well {
	background:transparent;
	float:left;
	margin:0px;
	padding:5px 0px 5px 0px;
	text-align:center;
	border:0px;
	box-shadow: none;
}
.wizard-steps .well.visited {
	font-weight:normal;
	color: #0088CC;
	cursor:pointer;
}
.wizard-steps .well.current {
	background:#3A87AD;
	color:#fff;
	font-weight:bold;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFFFFF;
}
.form-wizard form {
	clear:both;
}
.form-wizard .progress {
    margin-bottom: 10px;
}
.form-wizard .form-horizontal .form-actions {
    padding-left: 10px;
}
form.wizard-form input.btn[type="submit"] {
	float:right;
}
/*************************
	spezielle Klassen
**************************/
.white {
	background:#fff;
}
.padding {
	padding:10px;
}
.padding5 {
	padding:5px;
}
.no-padding {
	padding:0px;
}
.no-padding pre{
	padding:10px 10px 0px 10px;
	margin:0px;
}
.no-padding .table {
    margin-bottom: 0;
}
.no-padding .table-bordered {
    border: 0 none;
}
.taskStatus .in-progress {
    color: #64909E;
}
.taskStatus .pending {
    color: #AC6363;
}
.taskStatus .done {
    color: #75B468;
}

pre code {
	color: #DD1144;
}
.widget-content pre {
	border-radius: 0px;
	border:0px;
	background:transparent;
}
.code {
	position:relative;
}
.code:after {
    background-color: #e3e3e3;
    border: 1px solid #ccc;
    border-radius: 4px 0 4px 0;
    color: #555;
    content: "Code-Beispiel";
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px;
	text-shadow: 0 1px 0 #FFFFFF;
}
.code.html:after {
    content: "Beispiel HTML";
}
.code.js:after {
    content: "Beispiel Javascript";
}
.code.css:after {
    content: "Beispiel CSS";
}
.well pre {
    background-color: #F5F5F5;
    border: 0px solid rgba(0, 0, 0, 0.15);
    margin: 0px;
    padding: 0px;
}
.code .highlight {
	color:#7F072B;
	font-weight:bold;
}

td.taskStatus span.label {
	width:70px;
	text-align:center;
}

.accordion {
    margin-top: 16px;
}

#userprofil div.sidebar-login {
    display:none;
    margin-top: 0px;
}
#userprofil div.sidebar-login form div.controls {
    margin-top: 0px;
}
#userprofil div.sidebar-login form div.controls input {
    float: left;
    margin-right: 10px;
    margin-top: 1px;
}

td.property-value {
    width:100%;
}
td.property-label {
    white-space: nowrap;
}

.table-striped tbody > tr.current:nth-child(2n+1) > td, tr.current td, .table-striped tbody > tr.current:hover td,
table tbody > tr.row_selected:nth-child(2n+1) > td, tr.row_selected td, table tbody > tr.row_selected:hover td {
    color:#fff;
    background: #3399FF
}



.rack-temp-label {
    position: absolute;
    padding: 5px;
    width: 130px;
    background: #fff;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}


#loadingLabel {
    position: fixed;
    right: 5px;
    top: 7px;
    z-index: 10000;
    display:none;
}

/*************************
	spring ui Klassen
**************************/

#userSearchForm {
    position: absolute;
    width: 98%;
}




.widget-light .no-padding .table-bordered {
    border-bottom: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
}

/* damit .table-striped in einem .widget-light auf wirklich striped sind! */
.dataTables_wrapper {
    background: #fff;
}

.btn .caret {
    margin-left: 5px;
}

.select2-container .select2-choice {
     padding: 0 0 2px 8px;
 }
.hiddenFormButtons {
    display:none;
}

.tab-content {
    overflow:visible;
}

.confirm-delete-container {
    display: none;
}


span.label[name="externalId"] {
    margin: -4px 0 0 10px;
    position: absolute;
}



#responsiveNavigationToggleLink {
    /*display: none;*/
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    /*position: relative;*/

    position: absolute;
    top: 50px;
    left: 180px;
}

#content.tablet {
    margin-left: 220px;
}

#sidebar.tablet {
    margin-left: 0px;
}

/*@media (max-width: 979px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    #responsiveNavigationToggleLink {
        display: inline;
        left: 100px;
        top: 15px;
    }
    #sidebar {
        margin-left: -220px;
    }
    #content {
        margin-left: 0px;
    }
    #company-logo {
        height: 30px;
        margin-top: 5px;
    }
}*/

body.wide {
    padding-left: 0px;
    padding-right: 0px;
}
#responsiveNavigationToggleLink.wide {
    display: inline;
    left: 100px;
    top: 15px;
}
#sidebar.wide {
    margin-left: -220px;
}
#content.wide {
    margin-left: 0px;
}
#company-logo.wide {
    height: 30px;
    margin-top: 5px;
}

table .text-align-left{
    text-align:left
}

.login_message {
    color:#ff0000;
}

.color-legend {
    text-align: center;
    color: #274B6D;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.color-legend span.label {
    line-height: 9px;
    margin-right: 15px;
    width: 11px;
}

img.tip-top {
    width:16px;
}

@media  (max-width: 1245px) {
    h5 {
        font-size: 12px;
        padding: 4px 3px;
    }
}

.highcharts-contextmenu hr {
    margin:5px 0px;
}

div.address {
    margin: 5px 0px 5px 0px;
}

div.address p{
    margin: 0px 0px 3px 0px;
}

div.address div.section{
    margin: 15px 0px 15px 0px;
}

fieldset.form-fieldset {
    border: 1px solid #ccc;
    margin-left: 10px;
}
fieldset.form-fieldset legend {
    border-width: 0px;
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 0;
    padding: 0;
    width: auto;
    margin: 0px 0px 0px 10px;
}
fieldset.form-fieldset legend + .control-group {
    margin-top: 0px;
}

.modal-large {
    margin-left: -562px;
    width: 1124px;
    position: absolute;
}

.modal-large .modal-body {
    max-height: 500px !important;
}

.zeitscheiben-form {
    display:none;
}

table.table-versorgungsbereiche tr.oeffentich-true {
    /*color: #179609;*/
    font-style: italic;
}
table.table-versorgungsbereiche tr.gesperrt-true {
    color: #BA0015;
}

/*
    Daterangepicker
*/
.daterangepicker.dropdown-menu {
    z-index: 1050; /* für die Sichtbarkeit in modalen Dialogen */
}

/*
    Tabelle der Monatsauswertungen
*/
#monatsverbrauch-table table tr td {
    text-align: right;
}

/*
    Abonnoments
*/
.btn-abo {
    position: absolute;
    top: 95px;
    right: 10px;
}

/*
    Massnahmen
*/

#massnahmenDetail-content .form-horizontal .control-label
{
    width: 130px;
}


#massnahmenDetail-content .form-horizontal .controls {
    margin-left: 150px;
}

#massnahmen-auswertung #bilanzkreisSelect-controls,
#massnahmen-auswertung #mediumSelect-controls {
    margin-left: 150px;
}

#energieziele-table td.success {
    color: green;
    padding-left: 0px;
}

/*
    Störmeldungstabelle
*/
#table-stoermeldungen td:last-child {
    vertical-align: middle;
    text-align: center;
}
.stoermeldung-btn-group a.btn.btn-link {
    padding:0px
}
.stoermeldung-btn-group a.btn.btn-link i {
    color:#000;
    font-size: 14px;
}
.stoermeldung-btn-group a.btn.btn-link i.empty {
    color:#888;
}


/*
    Sidebar Help-Links
*/
#sidebar li a.help-menu-link, #sidebar li.active a.help-menu-link,
#sidebar li a.app-menu-link, #sidebar li.active a.app-menu-link {
    /*float: right;*/
    border-bottom: 0px !important;
    margin-right: 10px;
    background: none !important;
    display: none !important;
    position: absolute;
    right: 0px;
}
#sidebar li a.help-menu-link i,
#sidebar li a.app-menu-link i{
    color:#555;
}
#sidebar ul li:hover ul li a.help-menu-link {
     display: none !important;
}
#sidebar ul li ul li:hover a.help-menu-link,
#sidebar ul li:hover a.help-menu-link {
    display: inline-block !important;
}

#sidebar ul.help li:hover ul li a.app-menu-link {
    display: none !important;
}
#sidebar ul.help li ul li:hover a.app-menu-link,
#sidebar ul.help li:hover a.app-menu-link {
    display: inline-block !important;
}

#sidebar ul.help li ul li:hover a.help-menu-link,
#sidebar ul.help li:hover a.help-menu-link {
    display: none !important;
}

tr.mandant td,
option.mandant {
    _font-weight:bold;
    color:#08c;
}
option.mandant {
    font-weight:normal;
    font-style:italic;
}

.bold {
    font-weight:bold;
}

/*
    DaterangePicker
*/
.daterangepicker td.week, .daterangepicker th.week {
    color: #08c !important;
}

.chart-settings {
    background: #eee;
    padding:0px 10px;
    box-sizing: border-box;
}
.chart-settings .control-group {
    padding: 5px;
}

/*.chart-settings .control-group .controls input, .chart-settings .control-group .controls .select2-container {
    width: 100% !important;
}*/

.widget-box, .grid-stack-item-content {
    border-radius: 2px;
    border: rgba(0,0,0,0.15) solid 0px;
    _box-shadow: 1px 3px 10px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    _box-shadow: 1px 3px 10px rgba(0,0,0,0.15);
}
.widget-box .pending, .grid-stack-item-content .pending {
    color: #888;
    text-align: center;
    vertical-align: middle;
    margin: 0px 0px 0px 35%;
    position: absolute;
    padding: 10px;
    width: 20%;
    background: #f7f7f7;
    top: 40%;
    border-radius: 3px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 1px 3px 10px rgba(0,0,0,0.15)
}
.grid-stack-item-content h5 {
    padding: 5px 0px 5px 10px;
    margin: 0px;
    font-weight: normal;
    font-size: 14px;
    background: #eee;
}

.fa-mobile-phone:before, .fa-mobile:before {
    font-size: 18px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type='number'] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.xsrftoken {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}