html { height: 100%; }
body { font-family: "Source Sans Pro", sans-serif; height: 100%; color: #505050; }
body.login { background-color: #6C6C6C; padding-top: 40px; }
.page-container { height: 100%; width: 100%; position: relative; display: table; table-layout: fixed; background-color: #f5f5f5; }
.page-navbar { background-color: #6C6C6C; color: #DDD; display: table-cell; height: 100%; position: relative; vertical-align: top; width: 280px; z-index: 101; }
.page-main{ background-color: #FFF; padding: 0 15px; position: relative; display: table-cell; width: 100%; vertical-align: top; }
.site-header { overflow: hidden; padding: 25px 16px; position: relative; z-index: 101; }
.site-logo { float: left; position: relative; width: 75%; }
.site-logo a { color: #c8c8c8; display: block; font-weight: 700; text-transform: uppercase; }
.sidebar-collapse, .sidebar-mobile-menu { float: right; position: relative; }
.sidebar-collapse a.sidebar-collapse-icon, .sidebar-mobile-menu a.mobile-menu-icon { color: #c8c8c8; display: inline-block; font-size: 24px; line-height: 1; text-align: center; -webkit-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; }
img { max-width: 100%; height: auto; }
ul.main-menu { font-size: 14px; list-style: outside none none; margin: 0 0 20px; padding: 0; }
ul.main-menu li { position: relative; }
ul.main-menu li a { color: #ebebeb; display: block; padding: 12px 20px; text-decoration: none; }
ul.main-menu li a .title { margin-left: 10px; }
ul.main-menu li.active a .title { margin-left: 20px; }
ul.main-menu li.active a, ul.main-menu li a:hover { background-color: #E94E1B; }
.main-header { padding: 10px; border-bottom: solid 1px #e3e1e1; }
.main-header h1 {margin-top: 10px; margin-bottom: 5px; font-size: 30px; float: left; }
.main-content { padding: 30px 10px; }
.navbar-form .form-group { position: relative; }
.form-control:focus { border-color: #E94E1B; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 78, 27, 0.79); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 78, 27, 0.6); }
.input-group .form-control[type=checkbox] { width: 25%; }
.navbar-form label { position: absolute; top: -20px; font-weight: normal; }
.btn-orange { background-color: #E94E1B; color: #FFF; }
.btn-orange:hover, .btn-orange:focus, .btn-orange:active { background-color: #B13C16; color: #FFF; outline-color: #E94E1B; }

table td.functions { text-align: center; }
table td.functions .dropdown-menu { right: 0; left: initial; min-width: 100px; }
ul.user-info { list-style: none outside none; margin: 0; padding: 0; display: inline; }
.user-info > li { float: left; margin-right: 3px; }
.user-info .dropdown-menu { right: 0; left: initial; }
.dropdown > a { color: #505050; }
.dropdown > a:hover, .dropdown > a:focus { text-decoration: none; }
.user-info .notifications.dropdown > a { color: #737881; display: block; padding: 0px 8px; position: relative; }
.notifications.dropdown > a .badge { font-size: 10px; line-height: 13px; min-width: 17px; padding: 2px; position: absolute; right: -8px; top: -8px; font-weight: normal; background-color: #E94E1B;}
.notifications.dropdown .dropdown-menu li { border-bottom: 1px solid #e3e1e1; display: block; font-size: 12px; margin: 0; padding: 0; }
.notifications.dropdown .dropdown-menu > li > a, .notifications.dropdown .dropdown-menu > li > p, .notifications.dropdown .dropdown-menu > li > div { margin: 0; padding: 12px 18px; }
.notifications.dropdown .dropdown-menu { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); list-style: outside none none; margin: 0; padding: 0; width: 360px; color: #505050; font-family: Arial, Helvetica, sans-serif; }
.notifications.dropdown .dropdown-menu > li > ul { list-style: none; margin: 0; padding: 0; max-height: 290px; overflow: auto; }
.notifications.dropdown .dropdown-menu > li > ul > li > a, .notifications.dropdown .dropdown-menu > li > ul > li > p, .notifications.dropdown .dropdown-menu > li > ul > li > div { display: block; margin: 0; padding: 10px 18px; position: relative; }
.notifications.dropdown .dropdown-menu li .block-line:first-child, .notifications.dropdown .dropdown-menu li .block-line:first-of-type { margin-top: 0; }
.notifications.dropdown .dropdown-menu li .block-line { display: block; margin-top: 5px; }
.notifications.dropdown .dropdown-menu li.unread .strong { font-weight: 600; }
.dropdown-list>li>a:focus, .dropdown-list>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; }

.page-navbar.collapsed { width: 56px; }
.page-navbar.collapsed .site-logo { display: none; }
.collapsed.page-navbar .main-menu > li > a > span.title { background-color: #E94E1B; display: block; left: 36px; zoom: 1; opacity: 0; filter: alpha(opacity=0); padding: 12px 20px; position: absolute; top: 0; visibility: hidden; width: 240px; }
.collapsed.page-navbar .main-menu > li:hover > a > span.title { visibility: visible; zoom: 1; opacity: 1; filter: alpha(opacity=100); }

.sticky-footer { position: absolute; bottom: 0; width: 100%; height: 60px; background-color: #f5f5f5; }
.pagination { margin-top: 0px; }
.pagination>li>a, .pagination>li>span { color: #6C6C6C; }
.pagination>li.active>a, .pagination>li.active>span, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color: #E94E1B; color: #ebebeb; border-color: #E94E1B; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 78, 27, 0.79); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 78, 27, 0.6); }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { color: #ebebeb; background-color: #E94E1B; border-color: #E94E1B; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 78, 27, 0.79); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 78, 27, 0.6); }

td.gesperrt, td.no, span.abgelaufen, i.no { color: #ff0000; }
td.abgelehnt { color: #ffc14b; }
td.erstellt, td.yes, span.aktiv, i.yes { color: #00cc00; }
td.offen { color: #0000ff; }
td.offen.ungeprueft { background-color: #ffc14b; }
td.offen.pruefung { background-color: #ffffa1; }
td.offen.freigegeben { background-color: #a4fda4; }
td.offen.sperren { background-color: #ff9f9f; }
tr.table-headline>th { background-color: #ddd; }

textarea.no-resize { resize: none; }

.has-feedback div.form-control-feedback { position: relative; width: initial; text-align: right; top: 0px;}

h1>a, h1>a:hover { color: #505050; text-decoration: none; }

.statistic-row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.statistic-row > .col-canvas, .statistic-row > .col-table {
	position: relative;
    width: 100%;
    padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 576px) {
	.statistic-row > .col-table {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.statistic-row > .col-canvas {
		-ms-flex: 0 0 400px;
		flex: 0 0 400px;
		max-width: 400px;
	}
}

@media screen and (max-width: 767px) {
	.page-main {
		display: block;
		height: auto;
	}
	.page-container {
		display: block;
		height: auto;
	}
	.page-navbar {
		display: block;
		width: 100%;
		height: auto;
	}
	.table-responsive {
		display: block;
	}
	.navbar-form label {
		position: relative;
		top: 0px;
		font-weight: normal;
		display: inline;
	}
}