/*
 * Colors
 * bright orange: 		#fff3d7 verlauf start < ffe29f >
 * middle orange:		#ffd46e verlauf end
 * Dark orange:			#ff7334
 * Darker orange:		#e55817
 * Darkest blue:		#cdd2e0
 * Darker blue:			#d5dae7
 * Dark blue:			#dde1ed
 * bright blue:			#e4e9f5
 * brightest blue:		#edf1fa
 * extrem bright blue: 	#f6f8fd
 */

/*html{
	overflow-y: scroll;
}*/
strong{
	font-weight: 600;
}
/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 51px;
}
label{
	font-weight: 600;
}
textarea{
	resize: none;
}
h2{
	font-size: 23px;
	font-weight: bold;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 4px 15px 6px 15px;
	background: rgb(185, 191, 206);
	margin-top: 0px;
	margin-bottom: 25px;
	color: #fff;
}
hr{
	border-top: 1px solid #fff;
}
.tooltip-inner{
	color: #000;
	background: #fff;
}
.tooltip.left .tooltip-arrow{
	border-left-color: #fff;
}
.tooltip.right .tooltip-arrow{
	border-right-color: #fff;
}
.tooltip.top .tooltip-arrow{
	border-top-color: #fff;
}
.tooltip.bottom .tooltip-arrow{
	border-bottom-color: #fff;
}

/* Remove IE10+ extras */
::-ms-clear{
	display: none;
}
::-ms-reveal{
	display: none;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
	/*display: none;*/
	background-color: #dde1ed;
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
	color: #555574;
	padding: 3px 20px;
	transition: background 0.4s;
}
.nav-sidebar > li > a:hover, .nav-sidebar > li > a:active {
	background: #f6f8fd;
	color: #000;
	-webkit-tap-hightlight-color: #000;
}
.nav-sidebar > .active > a {
	color: #000;
	background: #e4e9f5;
}
.nav-sidebar > li.nav-header{
	background-image: linear-gradient(to bottom, #fff2d6 0%, #ffd46e 100%);
	background-repeat: repeat-x;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 8px 20px;
	margin: 5px 0;
	font-weight: 600;
}
.nav-sidebar > li.nav-header > .fa,
.nav-sidebar > li a .fa,
.nav-sidebar > li.nav-header > .fas,
.nav-sidebar > li a .fas,
.nav-sidebar > li.nav-header > .far,
.nav-sidebar > li a .far{
	float: right;
	margin-top: 3px;
	color: #e55817;
}
.nav-sidebar > li a .fa,
.nav-sidebar > li a .fas,
.nav-sidebar > li a .far{
	float: right;
	margin-top: 3px;
	display: none;
}
.nav-sidebar > .active > a .fa,
.nav-sidebar > .active > a .fas,
.nav-sidebar > .active > a .far{
	display: inline-block;
	color: #000;
}
/*
 * Main content
 */

.main {
	padding: 25px;
	background-image: linear-gradient(to bottom, #ccd2e0 0%, #dde1ed 100%);
	background-repeat: repeat-x;
}
#main-container.sidebar-open .main{
	padding-left: 25px;
}
.main .page-header {
  margin-top: 0;
}

.navbar-inverse{
	background-image: linear-gradient(to bottom, #fff2d6 0%, #ffd46e 100%);
	background-repeat: repeat-x;
	border-bottom: 1px solid #fff;
}
.navbar-inverse .navbar-nav > li{
	border-left: 1px solid #fffaed;
	border-right: 1px solid #ffcf5d;
}
.navbar-inverse .navbar-nav.navbar-right > li:last-child{
	border-right: none;
}
.navbar-brand{
	padding-top: 0px;
	width: 199px;
}
.navbar-toggle{
	padding: 0px;
	color: #888;
	font-size: 22px;
	border: none;
}
.navbar-toggle:hover{
	color: #333;
}
.btn-filter{
	border: 1px solid #ccc;
	background: #eee;
	color: #555;
	font-size: 12px;
}
/* --------------------- Konto-Navi --------------------------------*/
.navbar-inverse .navbar-nav > .open > a, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
	background-color: #edf1fa;
}
.dropdown-menu.dropdown-kto, .navbar-nav > li > .dropdown-menu.dropdown-kto{
	border-bottom-right-radius: 0;
	border-top-left-radius: 4px;
	border-right: none;
	right: 0px;
	background-color: #e7ebf4;
	margin-top: -3px;
}
.dropdown-menu.dropdown-kto:after{
	content: '';
	width: 43px;
	height: 1px;
	background: #e7ebf4;
	position: absolute;
	top: -1px;
	right: 0px;
}
.dropdown-menu .divider{
	background-color: #fff;
}
.dropdown-menu .just-text{
	padding: 3px 20px;
}

/* ------------------------- Tabellen ---------------------------*/
.table{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 13px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th{
	color: #888;
	background: #efefef;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	position: relative;
	font-weight: 600;
}
.table > thead > tr > th.sorting,
.table > thead > tr > th.sorting_asc,
.table > thead > tr > th.sorting_desc{
	cursor: pointer;
}
.table > thead > tr > th.sorting:hover,
.table > thead > tr > th.sorting_asc:hover,
.table > thead > tr > th.sorting_desc:hover{
	background: #f8f8f8;
}
.table > thead > tr > th.sorting_asc,
.table > thead > tr > th.sorting_desc{
	color: #444;
}
.table > thead > tr > th.sorting:after,
.table > thead > tr > th.sorting_asc:after,
.table > thead > tr > th.sorting_desc:after{
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}
.table > thead > tr > th.sorting:after {
	content: "\f0dc";
	color: #888;
	/*font-size: 0.8em;
	padding-top: 0.12em;*/
}
.table > thead > tr > th.sorting_asc:after {
	content: "\f0de";
}
.table > thead > tr > th.sorting_desc:after {
	content: "\f0dd";
}
.table > tbody > tr > td, .table-striped > tbody > tr:nth-child(2n+1) > td{
	background: none;
	border-right: 1px solid #fff;
}
.table > thead > tr > th.th-check,
table.dataTable.table-condensed > thead > tr > th.th-check,
.table > tbody > tr > tr.td-check,
.table-condensed > tbody > tr > td.td-check{
	width: 34px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.table > thead > tr > th.th-check label,
table.dataTable.table-condensed > thead > tr > th.th-check label,
.table > tbody > tr > label.td-check label,
.table-condensed > tbody > tr > td.td-check label{
	display: block;
	width: 34px;
	height: 2.3em;
	margin: 0;
	padding-top: 4px;
}
.table > thead > tr > th.th-check label,
table.dataTable.table-condensed > thead > tr > th.th-check label{
	height: 2.2em;
	padding-top: 3px;
}
.table > tbody > tr > label.td-check label:hover, .table-condensed > tbody > tr > td.td-check label:hover{
	background-color: #fff2d1;
}
.table:not(.tbody-striped) > tbody > tr > td:last-child{
	border-right: none;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-bottom: 1px solid #fff;
}
.table-striped > tbody > tr:not(.no-stripe):nth-child(2n+1), .tbody-striped > tbody:nth-child(2n){
    background-color: #dde1ed;
}
.table-striped > tbody > tr:not(.no-stripe):nth-child(2n), .tbody-striped > tbody:nth-child(2n+1){
    background-color: #e4e9f5;
}
.table-striped > tbody > tr.flagged{
    background-color: #faa;
}
.table-striped > tbody > tr.ZeileDavor, .table-striped > tbody > tr.ZeileDanach{
    background-color: #fff3d7;
    text-align: center;
	font-weight: 600;
	color: #888;
}
.table:not(.no-hover):not(.tbody-striped) > tbody > tr:not(.no-hover):hover, .tbody-striped > tbody:hover , .data-cell:hover, .table-striped > tbody > tr > td.data-cell:hover{
	background: #f6f8fd;
}
.table-striped > tbody > tr.flagged:hover{
    background-color: #fcc;
}
.table-striped > tbody > tr > td.flaggedred, .tbody-striped > tbody > tr > td.flaggedred, .bg-red{ background-color: #f77!important; }
.table-striped > tbody > tr > td.flaggedgreen, .tbody-striped > tbody > tr > td.flaggedgreen, .bg-green{ background-color: #7f7!important; }
.table-striped > tbody > tr > td.flaggedyellow, .tbody-striped > tbody > tr > td.flaggedyellow, .bg-yellow{ background-color: #ff9!important; }
.table-striped > tbody > tr > td.flaggedgrey, .tbody-striped > tbody > tr > td.flaggedgrey, .bg-grey{ background-color: #bbb!important; }

.tbody-striped > tbody + tbody{ border: none; }

.table-striped > tbody > tr > td.button{
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	background: #ffe8b1;
	white-space: nowrap;
}
.table-striped > tbody > tr > td.button a{
	opacity: 0.5;
	display: inline-block;
	padding: 5px 8px;
}
.table-striped > tbody > tr > td.button a:hover{
	opacity: 1;
	background-color: #fff;
}
tr.marked,
.table-striped > tbody > tr.marked,
.table-striped > tbody > tr:not(.no-stripe).marked,
tr.fixmarked,
.tbody-striped > tbody.marked
{
	background-color: #fff2d1;
}
tfoot, .table > tfoot{
	border-top: 2px solid #aaa;
}
tr.placeholder, .table > tbody > tr.placeholder, .table-condensed > tbody > tr.placeholder{
	background: none;
	border: none;
	opacity: 0;
}
tr.placeholder:hover, .table > tbody > tr.placeholder:hover, .table-condensed > tbody > tr.placeholder:hover{
	background: none;
}
tr.placeholder td, .table > tbody > tr.placeholder > td, .table-condensed > tbody > tr.placeholder > td{
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}
td.list-date{
	text-align: center;
	width: 80px;
}

/* ------------------------------ Scroll DataTable ------------------*/
.dataTables_scrollHead{
	background-color: #efefef;
	border-bottom: 1px solid #fff;
}
.dataTables_scrollBody{
	border-bottom: 1px solid #fff;
}

/* ------------------------------ Farben ----------------------------*/
.bg0{	background: #545f77; }
.bg1{	background: #c3c8d5; }
.bg2{	background: #cdd2e0; }
.bg3{	background: #dbe1f0; }
.bg4{	background: #ffe8b1; }
.bg5{	background: #efefef; }
.bg6{	background: #939fb9; }

/* ------------------------------ Transparenz ----------------------------*/
.opac-8 { opacity: 0.8; }
.opac-7 { opacity: 0.7; }
.opac-6 { opacity: 0.6; }
.opac-5 { opacity: 0.5; }
.opac-4 { opacity: 0.4; }
.opac-3 { opacity: 0.3; }
.opac-2 { opacity: 0.2; }

/* ------------------------- Header --------------------------- */
h2.tdheader, h2.tdfooter, div.tdheader, div.tdfooter{
	border: 1px solid #fff;
	/*border-bottom: 1px solid #ddd;*/
	border-radius: 5px 5px 0 0;
	position: relative;
	background: linear-gradient(to bottom, #fff3d7 0%, #ffd46e 100%);
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: bold;
	color: #666;
	display: block;
	padding: 8px;
	overflow: visible;
	margin: 0;
}
td.tdheader, .table > thead:first-child > tr:first-child > td.tdheader{
	background: linear-gradient(to bottom, #fff3d7 0%, #ffd46e 100%);
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: bold;
	color: #666;
	border: 1px solid #fff;
}
div.tdfooter{
	border-radius: 0 0 5px 5px;
	min-height: 38px;
}
div.tdheader .controls,
div.tdfooter .controls,
h2.tdheader .controls,
h2.tdfooter .controls,
h3.acc .controls,
.panel-heading .controls{
	position: absolute;
	right: -1px;
	top: -1px;
	border-left: 1px solid #ddd;
	z-index: 3;
}
.controls{
	vertical-align: top;
	padding: 0;
	margin: 0;
	font-size: 0;
}
.controls a.resetfilter{
	position: absolute;
	font-size: 13px;
	top: 12px;
	left: 160px;
	color: #bbb;
	line-height: 12px;
	cursor: pointer;
}
.controls a.resetfilter:hover{
	color: #000;
}
.controls .form-control{
	display: block;
	float: left;
	width: 185px;
	height: 38px;
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	border: 1px #fff solid;
	border-right: 1px solid #ddd;
	border-radius: 0px;
	box-shadow: none;
	background: linear-gradient(to bottom, #fff3d7 0%, #ffd46e 100%);
	color: #ff7334;
}
.controls .btn{
	height: 38px;
	display: inline-block;
	background: linear-gradient(to bottom, #fff3d7 0%, #ffd46e 100%);
	letter-spacing: normal;
	border: 1px #fff solid;
	border-right: 1px solid #ddd;
	color: #e55817;
	font-weight: 600;
	font-size: 13px;
	padding: 9px 20px 7px 20px;
	border-radius: 0px;
	transition: box-shadow 0.3s, color 0.3s;
	position: relative;
}
.controls .btn-contain{
	display: inline-block;
	margin-right: -1px;
	position: relative;
}
.controls .btn-active, .controls .btn.bg-green, .controls .btn.has-bookmark{
	color: #666;
	background: linear-gradient(to bottom, #f0ffd5 0%, #caff6f 100%);
}
.controls .btn.disabled, .controls .btn[disabled], .btn-default[disabled]{
	color: #999;
	background: #ddd;
}
.btn-default[disabled]{
	border: 1px solid #aaa;
}
.controls .dropdown{
	display: inline-block;
}
.tdheader .controls > .btn:last-child,
.tdheader .controls > .form-control:last-child,
.panel-heading .controls > .btn:last-child{
	border-top-right-radius: 5px;
	border: 1px #fff solid;
}
.tdfooter .controls .btn:last-child{
	border-bottom-right-radius: 5px;
	border: 1px #fff solid;
}
.controls .btn:hover,
.controls .form-control:focus,
.controls .form-control:hover,
.controls .btn:last-child:hover,
.controls .btn:active,
.controls .form-control:active,
.controls .form-control:active,
.controls .btn:last-child:active{
	color: #000;
	text-decoration: none;
	box-shadow: 0px 0px 7px #ff7334;
	moz-box-shadow: 0px 0px 7px #ff7334;
	webkit-box-shadow: 0px 0px 7px #ff7334;
	border-color: #e55817;
	z-index: 5;
	-webkit-tap-highlight-color: #000;
}
.form-control:focus{
	background: #fff;
}
div[ng-view].ng-enter{
    transition: all 0.5s linear;
    opacity: 0;
}
div[ng-view].ng-enter-active{
    opacity: 1;
}
div[ng-view].ng-leave-active{
    display: none;
}
#bookmarks li{
	padding-right: 30px;
}
#bookmarks li .bookmark-remove{
	padding: 0 5px;
	position: absolute;
	right: 10px;
	opacity: 0.6;
}
#bookmarks li .bookmark-remove:hover{
	opacity: 1;
}

.dropdown-year{
	width: 208px;
	padding: 5px;
}
.dropdown-year .btn, .dropdown-year .btn:last-child, .tdheader .controls .dropdown-year .btn{
	width: 50px;
	border-radius: 0;
	border-color: #fff;
	margin-top: -1px;
	margin-left: -1px;
	padding: 8px 0;
	z-index: 10;
}
.dropdown-year .btn:hover{
	background: #fff;
	border-color: #fff;
	box-shadow: none;
}

/* ------------------------- Kontextmenu --------------------------- */

ul.kontextmenu{
	width: 250px;
	position: absolute;
	list-style-type: none;
	background-color: #edf1fa;
	background-image: linear-gradient(to right, #fff3d7 0%, #ffd46e 13%, #edf1fa 13%);
	box-shadow: 2px 2px 7px rgba(0, 0, 0, .6);
	border: 1px solid #fff;
	border-radius: 5px;
	top: 0;
	left: 0;
	padding-left: 0;
}

ul.kontextmenu li {
	border-bottom: 1px solid #fff;
	margin: 0;
	cursor: pointer;
	position: relative;
	font-size: 13px;
	overflow: hidden;
}

ul.kontextmenu li:last-of-type {
	border-bottom: 0;
}

ul.kontextmenu li a {
	padding: 7px;
	display: block;
	text-decoration: none;
	color: #666;
	transition: background-color .4s;
}
ul.kontextmenu .fa,
h3.acc a .fa,
.raster .panel-heading .fa,
ul.kontextmenu .fas,
h3.acc a .fas,
.raster .panel-heading .fas,
ul.kontextmenu .far,
h3.acc a .far,
.raster .panel-heading .far{
	color: #e55817;
	margin-right: 14px;
}
h3.acc .controls a .fa,
h3.acc .controls a .fas,
h3.acc .controls a .far{
	margin-right: 10px;
	margin-left: 7px;
}
ul.kontextmenu li:hover a {
	color: black;
	background-color: rgba(255,255,255,0.5);
}
ul.kontextmenu li:hover .fa,
h3.acc a:hover .fa,
ul.kontextmenu li:hover .fas,
h3.acc a:hover .fas,
ul.kontextmenu li:hover .far,
h3.acc a:hover .far{
	color: black;
}

/* ------------------------- Modals --------------------------- */
.modal-backdrop{
	bottom: 0px;
	background: #edf1fa;
}
.modal-content{
	border: 1px solid #fff;
	background-image: linear-gradient(to bottom, #ccd2e0 0%, #edf1fa 100%);
	transition: height 0.5s;
}
.modal-header{
	border-bottom: 1px solid #fff;
	background-image: linear-gradient(to bottom, #fff3d7 0%, #ffd46e 100%);
	color: #666;
	padding: 8px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.modal-dialog.modal-centered{
	margin: 200px auto;
}
.modal-header.header-error{
	background-image: linear-gradient(to bottom, #fff3d7 0%, #ff7334 100%);
}
.modal-header.header-error .fa,
.modal-header.header-error .fas,
.modal-header.header-error .far{
	color: #c00;
}
.modal-header h3{
	font-size: 14px;
	line-height: 1.42857;
	font-weight: bold;
	letter-spacing: 1px;
}
.modal-footer{
	border-top: 1px solid #fff;
	padding: 8px;
}
.btn-default, .modal-content .btn-default, .datepicker .btn-default{
	color: #e55817;
	font-weight: 600;
	font-size: 13px;
	border: 1px solid #ff7334;
	background: linear-gradient(to bottom, #fff3d7 0%, #ffd46e 100%);
	transition: box-shadow 0.3s, color 0.3s;
}
.btn-default.bg-green{
	color: #0a0;
	background: linear-gradient(to bottom, #f0ffd5 0%, #caff6f 100%);
	border-color: #0a0;
}
.btn-default.btn-disabled {
	filter: grayscale(80%);
	opacity: 0.8;
}
.input-group .btn-default{
	border: 1px solid #ccc;
	background: #eee;
	color: #555;
	font-size: 12px;
}
.btn-default:not([disabled]):hover,
.modal-content .btn-default:not([disabled]):hover,
.modal-content .btn-default:not([disabled]):focus,
.datepicker .btn-default:not([disabled]):hover{
	color: #000;
	text-decoration: none;
	border: 1px solid #ff7334;
	box-shadow: 0px 0px 7px #ff7334;
	z-index: 5;
}
.btn-default.bg-green:hover {
	border: 1px solid #0a0;
	box-shadow: 0px 0px 7px #0a0;
}
.input-group .btn-default:not([disabled]):hover{
	background-color: #f5f5f5;
	border-color: #aaa;
	box-shadow: 0px 0px 7px #fff;
}
.modal-content .form-control{
	font-size: 13px;
	padding: 4px 8px;
}
.modal-content .form-group-sm .control-label
{
	font-size: 13px;
}
.modal-content label{
	font-size: 13px;
	margin-bottom: 2px;
}
.modal-content .radio label{
	font-size: 13px;
	margin-bottom: 0px;
}
.modal-content .nav-tabs{
	border-bottom: 1px solid #fff;
}
.modal-content .nav-tabs > li > a{
	color: #999;
}
.modal-content .nav-tabs > li.active > a{
	background: none;
	border-color: #fff;
	border-bottom-color: #ddd;
	color: #333;
	font-weight: 600;
}
.modal-content .tab-content{
	border-top: 1px solid #fff;
	padding-top: 20px;
	margin-top: 3px;
}
.modal-fit .modal-body{
	padding: 0;
	margin: -1px;
}
.modal-fit .table{
	margin: 0;
}
/* ------------------------- Panels --------------------------- */
.panel-heading{
	background-image: linear-gradient(to bottom, #fff3d7 0%, #ffd46e 100%);
	position: relative;
	padding-bottom: 9px;
}
.panel-body, .datepicker{
	background-image: linear-gradient(to bottom, #e4e9f5 0%, #f6f8fd 100%);
}
.datepicker{
	padding: 5px;
	border-color: #fff;
}
.datepicker .btn-picker{
	background: transparent;
}
.datepicker .btn-picker:hover{
	background: #fff;
}
.datepicker .text-muted{
	color: #ccc;
}

.ng-hide{
	display: none!important;
}
/* ------------------- Accordion --------------------------*/
h3.acc{
	position: relative;
	display: block;
	width: 100%;
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
}
h3.acc .controls{
	right: 0px;
	top: 0px;
}
h3.acc .fa,
h3.acc .fas,
h3.acc .far{
	color: #fff;
	margin-right: 10px;
}
h3.acc a.acclink{
	position: relative;
	margin: 0;
	background: linear-gradient(to bottom, #fff3d7 0%, #ffd46e 100%);
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: bold;
	color: #666;
	display: block;
	padding: 8px;
	cursor: pointer;
	overflow: visible;
	transition: box-shadow 0.3s, color 0.3s, border-color 0.3s;
}
h3.acc a.acclink:hover{
	color: #000;
	box-shadow: 0px 0px 7px #ff7334;
	moz-box-shadow: 0px 0px 7px #ff7334;
	webkit-box-shadow: 0px 0px 7px #ff7334;
	border-color: #ff7334;
	text-decoration: none;
}
h3.acc a.acclink i{
	transition: color 0.3s, transform 0.5s;
}
.aopen{
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	border-radius: 5px 5px 0 0;
}
.aopen i{
	transform: rotate(90deg);
}
.aclosed{
	border-radius: 5px;
	border: 1px solid #fff;
}
.acc_container_closed{
	display: none;
}
.acc_container.content, .content{
	padding: 15px;
	background-color: #edf1fa;
	border: 1px solid #fff;
}
.acc_container .table, .acc_container_closed .table, .acc_container_open .table{
	margin-bottom: 0px;
}
div.trenner{
	height: 15px;
}

/* --------------------- Rounded Corners --------------------------------*/

.rounded-all, .controls .btn.rounded-all{ border-radius: 5px; }
.rounded-left, .controls .btn.rounded-left{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.rounded-right, .controls .btn.rounded-right{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.rounded-top, .controls .btn.rounded-top{ border-top-left-radius: 5px; border-top-right-radius: 5px; }
.rounded-bottom, .controls .btn.rounded-bottom{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.rounded-tr, .controls .btn.rounded-tr{ border-top-right-radius: 5px; }
.rounded-tl, .controls .btn.rounded-tl{ border-top-left-radius: 5px; }
.rounded-br, .controls .btn.rounded-br{ border-bottom-right-radius: 5px; }
.rounded-bl, .controls .btn.rounded-bl{ border-bottom-left-radius: 5px; }

/* --------------------- Grid System xlg and xxlg --------------------------------*/

.col-xlg-1, .col-xxlg-1, .col-xlg-2, .col-xxlg-2, .col-xlg-3, .col-xxlg-3, .col-xlg-4, .col-xxlg-4, .col-xlg-5, .col-xxlg-5, .col-xlg-6, .col-xxlg-6, .col-xlg-7, .col-xxlg-7, .col-xlg-8, .col-xxlg-8, .col-xlg-9, .col-xxlg-9, .col-xlg-10, .col-xxlg-10, .col-xlg-11, .col-xxlg-11, .col-xlg-12, .col-xxlg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

/* --------------------- Grid ---------------------------------*/
.raster{
	display: -ms-grid;
	display: grid;
	gap: 20px;
	justify-items: stretch;
	align-items: stretch;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
}
.raster-grid-5{
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.raster-grid-7{
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.raster-grid-8{
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.raster-1{
	-ms-grid-column: 1;
	grid-column: 1;
}
.raster-2{
	-ms-grid-column: 2;
	grid-column: 2;
}
.raster-3{
	-ms-grid-column: 3;
	grid-column: 3;
}
.raster-4{
	-ms-grid-column: 4;
	grid-column: 4;
}
.raster-5{
	-ms-grid-column: 5;
	grid-column: 5;
}
.raster-6{
	-ms-grid-column: 6;
	grid-column: 6;
}
.raster-span-2{
	grid-column-end: span 2;
}
.raster-span-3{
	grid-column-end: span 3;
}
.raster-rows-2{
	grid-row-end: span 2;
}
.raster-rows-3{
	grid-row-end: span 3;
}
.raster > div{
	margin-right: 20px; /* Gap for IE */
}
.raster > div:last-child{
	margin-right: 0;
}
@supports (grid-gap: 20px) {
	.raster{
		grid-gap: 20px;
	}
	.raster > div{
		margin-right: 0;
	}
}
.raster .panel{
	background-image: linear-gradient(to bottom, #e4e9f5 0%, #f6f8fd 100%);
	margin-bottom: 0;
}
.raster .panel .panel-body{
	background: none;
}
.raster .panel .panel-body p:last-child{
	margin-bottom: 0;
}

/* --------------------- Forms --------------------------------*/
.Formtabelle{
	background-image: linear-gradient(to right, #e4e9f5 0%, #dde1ed 30%);
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 20px 10px 10px 10px;
}
.Formtabelle.closed{
	border-bottom: 1px solid #fff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.Formtabelle h3, #tekModalForm .form-horizontal h3{
	font-weight: bold;
	font-size: 14px;
	color: #666;
	padding: 5px 15px;
	margin: 15px 0px;
	border: 1px solid #fff;
	border-radius: 4px;
	background-color: #eee;
}
.Formtabelle h3:first-child{
	margin-top: 0px;
}
.Formtabelle h4, #tekModalForm .form-horizontal h4{
	font-weight: bold;
	font-size: 14px;
	color: #666;
	padding: 5px 15px;
	margin: 15px 0px;
	border-bottom: 1px solid #fff;
}
.Formtabelle h4:first-child{
	margin-top: 0px;
}
.Formtabelle .help-row, #tekModalForm .form-horizontal .help-row{
	margin-top: -10px;
}
.Formtabelle .help-row .help-block, #tekModalForm .form-horizontal .help-block{
	margin-top: 0px;
	font-size: 12px;
}
.form-horizontal .std-label{
	text-align: right;
	font-weight: 600;
}
.form-horizontal .matrix{
	margin-top: 22px;
}
.form-horizontal .matrix label{
	font-weight: normal;
}
.input-group .form-control[readonly]{
	background-color: #fffff5;
}
.form-horizontal .matrix .checkbox{
	padding-top: 0px;
	margin-bottom: 3px;
}
.form-horizontal .setinline .form-control{
	display: inline-block;
	width: auto;
}
.form-horizontal .form-control.fields-4{
	width: 23%;
}
.form-near .col-sm-1, .form-near .col-sm-2, .form-near .col-sm-3, .form-near .col-sm-4, .form-near .col-sm-5, .form-near .col-sm-6,
.form-near .col-sm-7, .form-near .col-sm-8, .form-near .col-sm-9, .form-near .col-sm-10, .form-near .col-sm-11, .form-near .col-sm-12{
	padding-left: 5px;
	padding-right: 5px;
}
.searchfield, .filterfield{
	position: relative;
}
a.resetsearch, .controls span.resetsuche{
	position: absolute;
	top: 9px;
	right: 10px;
	color: #bbb;
	line-height: 12px;
	cursor: pointer;
	z-index: 6;
}
a.resetsearch:hover, .controls span.resetsuche:hover{
	color: #000;
}
.controls span.resetsuche{
	font-size: 14px;
	top: 11px;
}
.input-drop{
	position: relative;
	height: 100px;
	border: 2px dashed #666;
	background-color: #edf1fa;
	color: #999;
	font-size: 12px;
	cursor: pointer;
	padding: 7px 10px;
}
.input-drop:hover{
	background-color: #e4e9f5;
	color: #333;
}
.input-drop-file{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #333;
}
.form-group-sm, .form-sm .form-group{
	margin-bottom: 5px;
}
.form-group-sm label, .form-sm .form-group label{
	font-size: 12px;
}
.form-group-sm input[type="radio"],
.form-sm .form-group input[type="radio"],
.form-group-sm input[type="checkbox"],
.form-group-sm .checkbox input[type="checkbox"],
.form-sm .form-group .checkbox input[type="checkbox"]{
	margin-top: 2px;
}
/* --- temporär entfernt
.form-group-sm .checkbox{
	padding-top: 0;
}*/
.form-is-standard .form-group-enhanced{
	display: none;
}
.form-toggle-enhanced, .form-toggle-password{
	cursor: pointer;
}
.form-toggle-password:hover, .input-group.date .input-group-addon:hover{
	background-color: #ffe29f;
	color: #333;
}
/* --------------------- Login --------------------------------*/
.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
	padding-top: 80px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 10px;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
/* --------------------- Text: Colors + Size --------------------------------*/
.txt-red{ color: #c00!important; }
.txt-green{ color: #0a0!important; }
.txt-blue{ color: #2b77db!important; }
.txt-yellow{ color: #da0!important; }
.txt-grey{ color: #bbb!important; }
.txt-bold{ font-weight: bold!important; }
.txt-darker-grey{ color: #888!important; }
.txt-dark-grey{ color: #666!important; }
.txt-grey-green{ color: #5eb35e!important; }
.txt-small{ font-size: 12px!important; }

/* --------------------- Background Colors --------------------------------*/
.back-darkest-blue{ background-color: #cdd2e0; }
.back-darker-blue{ background-color: #d5dae7; }
.back-dark-blue{ background-color: #dde1ed; }
.back-bright-blue{ background-color: #e4e9f5; }
.back-brightest-blue{ background-color: #edf1fa; }
.back-extreme-bright-blue{ background-color: #f6f8fd; }
.back-bright-orange{ background-color: #fff3d7; }
.back-middle-orange{ background-color: #ffd46e; }
.back-dark-orange{ background-color: #ff7334; }
.back-darker-orange{ background-color: #e55817; }

/* --------------------- Lists --------------------------------*/
.dl-horizontal dt, .dl-horizontal dd {
	margin-top: 8px;
	font-size: 12.5px;
	text-align: left;
}
.dl-horizontal dt {
	overflow: visible;
}
.dl-horizontal dt:first-child, .dl-horizontal dd:first-child {
	margin-top: 0;
}
.dl-horizontal dd {
	line-height: 1.3;
}
.label-30{
	display: inline-block;
	width: 30px;
}
.label-50{
	display: inline-block;
	width: 50px;
}
.label-75{
	display: inline-block;
	width: 75px;
}
.label-100{
	display: inline-block;
	width: 50px;
}
.label-150{
	display: inline-block;
	width: 150px;
}

/* --------------------- Tabs --------------------------------*/
.nav-tabs > li > a{
	border: 1px solid #f5f5f5;
	border-bottom: transparent;
	background-color: #dde1ed;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	font-weight: 600;
	background-color: #e2e7f3;
}
.after-tabs{
	height: 10px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.Formtabelle .tab-pane{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-radius: 5px;
}
.tab-content > .tab-pane{
	padding-top: 20px;
}

/* ---------------------------- Dyn. Elemente -----------------------------*/
#tekoverlay{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	cursor: wait;
	z-index: 1040;
	display: none;
	background: rgba(255,255,255,0.6);
}
#tekoverlay .spinner{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 160px;
	text-align: center;
	margin: -30px 0 0 -80px;
	font-size: 56px;
	color: #e55817;
}
#tekoverlay .spinner p{
	font-size: 14px;
	color: #666;
}
#tekoverlay.tprogress{
	display: block;
}

/* ---------------------------- Dyn. Elemente Ende ------------------------*/


@media (min-width: 768px) {
	.sidebar {
		position: fixed;
		top: 51px;
		bottom: 0;
		left: -200px;
		width: 200px;
		z-index: 1000;
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		border-right: 1px solid #fff;
		transition: left 0.3s;
	}
	.sidebar.sidebar-open{
		left: 0;
	}
	.main {
		padding-left: 225px;
		transition: padding-left 0.3s;
	}
	.sidebar .dropdown-menu-right{
		min-width: 50px;
		max-width: 250px;
		max-height: 700px;
		overflow: auto;
		position: fixed;
		top: 130px;
		left: 180px;
	}
	.navbar-form.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
}

@media (max-width: 767px) {
	body{
		padding-top: 51px;
	}
	.main {
		padding: 15px;
	}
	table, thead, tbody, th, td, tr, .table, .table tr, .table td{
		display: block;
		overflow: hidden;
		width: 100%;
	}
	tr{
		padding: 10px 0px;
	}
	td, .table > tbody > tr > td{
		padding: 1px 10px;
	}
	thead tr{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table > tbody > tr > td, .table-striped > tbody > tr:nth-child(2n+1) > td{
		border: none;
	}
	.table tr{
		border-bottom: 1px solid #fff;
	}
	.nav-sidebar{
		margin-left: 0;
		margin-right: 0;
	}
	.sidebar{
		position: fixed;
		max-height: 450px;
		overflow-y: auto;
		border-bottom: 1px solid #fff;
		width: 100%;
		z-index: 100;
		top: 51px;
	}
	.navbar-right{
		float: right !important;
		margin: 0;
		margin-right: -15px;
	}
	.navbar-header{
		float: left;
	}
	.navbar-nav > li {
		float: left;
	}
	.navbar-nav > li > a {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.navbar-right > li > button{
		padding: 16px 15px;
		position: relative;
		display: block;
		border: none;
		background: none;
		color: #9d9d9d;
	}
	.navbar-right > li > button:hover{
		background-color: #ffe29f;
		color: #e55817;
	}
	.raster{
		display: block;
	}
	.raster-1,
	.raster-2,
	.raster-3,
	.raster-4,
	.raster-5,
	.raster-6{
		width: 100%;
		margin-bottom: 15px;
	}
}

@media (min-width: 1400px) {
  .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
    float: left;
  }
  .col-xlg-12 {
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.66666667%;
  }
  .col-xlg-10 {
    width: 83.33333333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.66666667%;
  }
  .col-xlg-7 {
    width: 58.33333333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.66666667%;
  }
  .col-xlg-4 {
    width: 33.33333333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.66666667%;
  }
  .col-xlg-1 {
    width: 8.33333333%;
  }
  .col-xlg-offset-12 {
    margin-left: 100%;
  }
  .col-xlg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xlg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xlg-offset-9 {
    margin-left: 75%;
  }
  .col-xlg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xlg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xlg-offset-6 {
    margin-left: 50%;
  }
  .col-xlg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xlg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xlg-offset-3 {
    margin-left: 25%;
  }
  .col-xlg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xlg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xlg-offset-0 {
    margin-left: 0;
  }
}


@media (min-width: 1600px) {
  .col-xxlg-1, .col-xxlg-2, .col-xxlg-3, .col-xxlg-4, .col-xxlg-5, .col-xxlg-6, .col-xxlg-7, .col-xxlg-8, .col-xxlg-9, .col-xxlg-10, .col-xxlg-11, .col-xxlg-12 {
    float: left;
  }
  .col-xxlg-12 {
    width: 100%;
  }
  .col-xxlg-11 {
    width: 91.66666667%;
  }
  .col-xxlg-10 {
    width: 83.33333333%;
  }
  .col-xxlg-9 {
    width: 75%;
  }
  .col-xxlg-8 {
    width: 66.66666667%;
  }
  .col-xxlg-7 {
    width: 58.33333333%;
  }
  .col-xxlg-6 {
    width: 50%;
  }
  .col-xxlg-5 {
    width: 41.66666667%;
  }
  .col-xxlg-4 {
    width: 33.33333333%;
  }
  .col-xxlg-3 {
    width: 25%;
  }
  .col-xxlg-2 {
    width: 16.66666667%;
  }
  .col-xxlg-1 {
    width: 8.33333333%;
  }
  .col-xxlg-offset-12 {
    margin-left: 100%;
  }
  .col-xxlg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xxlg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xxlg-offset-9 {
    margin-left: 75%;
  }
  .col-xxlg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xxlg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xxlg-offset-6 {
    margin-left: 50%;
  }
  .col-xxlg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xxlg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xxlg-offset-3 {
    margin-left: 25%;
  }
  .col-xxlg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xxlg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xxlg-offset-0 {
    margin-left: 0;
  }
}