a {
	color: #004585;
}

.logo {
	margin: 12rem auto 6rem auto;
	display: block;
	max-width: 45%;
}

.card {
	border-radius: 0;
}

.card .card-header {
	padding: 10px 20px;
	font-weight: bold;
}

.form-control {
	border: 0;
	border-radius: 0;
	font-size: inherit;
	background-color: rgba(0, 0, 0, .03);
}

.form-inline .form-group {
	margin: .5rem;
}

.form-control.datepicker {
	max-width: 6rem;
	display: inline-block;
}

.form-control.timepicker {
	max-width: 3.65rem;
	display: inline-block;
}

.form-control.monthpicker {
	max-width: 6rem;
	width: 6rem;
	display: inline-block;
	text-align: center;
}

.form-control.small {
	max-width: 16rem;
	height: calc(.55em + .75rem + 2px);
	padding: .13rem .175rem;
	font-size: 94%;
}

.autoupdate {
	border: 0;
	border-bottom: 1px dashed #ccc;
}

.pretty input:checked~.state.p-primary-o .icon,
.pretty input:checked~.state.p-primary-o .svg,
.pretty input:checked~.state.p-primary-o svg,
.pretty.p-toggle .state.p-primary-o .icon,
.pretty.p-toggle .state.p-primary-o .svg,
.pretty.p-toggle .state.p-primary-o svg {
	color: #004585;
	stroke: #004585;
}

#search input.form-control {
	width: 11rem;
}

#form-search div.form-check {
	margin: .5rem;
}

.flex-break {
	flex-basis: 100%;
	height: 0;
}

.autosize {
	max-height: 30rem;
}

.ph-center::-webkit-input-placeholder {
	/* WebKit browsers */
	text-align: center;
}

.ph-center:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	text-align: center;
}

.ph-center::-moz-placeholder {
	/* Mozilla Firefox 19+ but I'm not sure about working */
	text-align: center;
}

.ph-center:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	text-align: center;
}

.form-search>label,
.form-search>button,
.form-search>input,
.form-search>.select2,
.form-search>div>.form-element {
	max-width: 13rem;
	margin-left: 0.5rem;
	margin-bottom: 0.5rem;
}

.spinner-border.spinner-stop {
	-webkit-animation: none;
	animation: none;
}

.off {
	opacity: .4;
}

.grey {
	color: grey;
}

.italic {
	font-style: italic;
}

.btn {
	border-radius: 0;
	font-size: inherit;
}

.btn-primary {
	background-color: #004585;
	border-color: #004585;
}

.btn-cancel {
	background-color: white;
	border-color: #004585;
}

.btn-fa {
	color: #004585;
	border-radius: 0;
	border: 1px solid rgba(0, 0, 0, .125);
}

.table-condensed td {
	position: relative;
}

.table-condensed .action .btn-fa {
	width: 40px;
}

.table-condensed .dropdown {
	position: absolute;
	top: .5rem;
}

.table-condensed .dropdown-menu {
	border-radius: 0;
}

.btn-fa.fa-sort,
.btn-fa.fa-sort-up,
.btn-fa.fa-sort-down {
	border: 0;
	padding: .2rem .2rem;
	vertical-align: baseline;
}

.far>span,
.fas>span {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: normal;
	display: inline-block;
	padding-left: .25rem;
}

a>span.far,
a>span.fas {
	margin-right: 2px;
}

.btn.disabled,
.btn:disabled {
	opacity: .45;
}

.table-smaller {
	font-size: smaller;
}

.table-smaller th,
.table-smaller td {
	padding: .3rem;
	text-align: center;
}

.table-smaller td .btn {
	font-size: smaller;
	padding: .375rem .45rem;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .03);
}

.table-striped.table-hover tbody tr:nth-of-type(odd):hover {
	background-color: rgba(0, 0, 0, .075);
}

.table-no-border td,
.table-no-border th {
	border-top: 0;
}

.table tr.diff {
	background-color: rgba(0, 0, 0, .03);
}

.btn-page,
.btn-cnt {
	color: #004585;
	border: 1px solid rgba(0, 0, 0, .125);
	font-weight: bold;
	padding: .2rem;
	min-width: 2.05rem;
}

.kcs-order,
.kcs-order:hover {
	color: inherit;
}

.kcs-order:hover>span.bi-sort-alpha-down:not(.invisible)::before {
	content: "\f573";
}

.kcs-order:hover>span.bi-sort-alpha-up:not(.invisible)::before {
	content: "\f571";
}

.kcs-order:hover>span.invisible {
	visibility: visible !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	width: 15rem;
}

.bootstrap-datetimepicker-widget table td span {
	width: 3rem;
	height: 2.66rem;
	line-height: 2.66rem;
}

.control-group.buttons {
	text-align: right;
	padding: 10px;
	background-color: rgba(0, 0, 0, .03);
}

.control-group.buttons>button {
	margin-left: 3px;
}

.table td,
.table th {
	line-height: 1.25rem;
	/* 1.74rem */
}

.table th>a:not(.btn) {
	color: inherit;
}

tr.active {
	background-color: rgba(0, 0, 0, .03);
}

@media (min-width: 1200px) {
	.container {
		max-width: 1260px;
	}
}

body {
	font-size: 0.9rem;
	margin-top: 80px;
}

h1 {
	font-size: 1.6rem;
	margin-bottom: .8rem;
}

h2 {
	font-size: 1.4rem;
	margin-bottom: .5rem;
}

h3 {
	font-size: 1.3rem;
	margin-bottom: .5rem;
}

#nav-main {
	background: #414141;
}

#nav-main .spinner-border {
	width: 2rem;
	height: 2rem;
	border-width: .33rem;
}

#nav-main .nav-link {
	color: white;
	font-size: 16px;
}

#nav-main .dropdown-menu {
	background: #414141;
	border-radius: 0;
}

#nav-main .navbar-toggler {
	border-color: rgba(255, 255, 255, 0.5);
}

#nav-main .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#nav-main .nav-item {
	margin-left: 1rem;
}

.nav-tabs>.nav-item>.nav-link {
	padding: .5rem .75rem;
	border: 1px solid lightgrey;
}


section.body {
	margin-top: 20px;
}

#login {
	position: absolute;
	top: 8rem;
	left: 1rem;
	right: 1rem;
}

@media (min-width: 480px) {
	#login {
		right: auto;
		left: 50%;
		margin-left: -230px;
		max-width: 100%;
		width: 460px;
	}
}

.pagination-wrapper {
	display: flex;
	justify-content: space-between;
}

.pagination-max {
	display: flex;
	margin-bottom: .5rem;
}

.pagination-max>span:first-child {
	padding: .25rem .5rem .25rem .75rem
}

.pagination {
	margin-bottom: 1rem;
}

.pagination .btn {
	margin-left: 0.333rem;
}

.pagination .btn:first-child {
	margin-left: 0;
}

#toasts {
	position: fixed;
	top: 60px;
	right: 15px;
	min-width: 360px;
	z-index: 2000;
}

#toasts .toast {
	border-radius: 0;
}

#toasts .toast.alert {
	padding: 0;
}

#toasts .toast.alert .toast-header {
	background-color: transparent;
	color: inherit;
	border-color: inherit;
}

#toasts .toast.alert.alert-danger {
	background-color: rgba(248, 215, 218, .85);
	border-color: rgba(245, 198, 203, .85);
}

#toasts .toast.alert.alert-warning {
	background-color: rgba(255, 243, 205, .85);
	border-color: rgba(255, 238, 186, .85);
}

#toasts .toast.alert.alert-info {
	background-color: rgba(209, 236, 241, .85);
	border-color: rgba(190, 229, 235, .85);
}

#toasts .toast.alert.alert-success {
	background-color: rgba(212, 237, 218, .85);
	border-color: rgba(195, 230, 203, .85);
}

.search.card .card-body {
	padding: .5rem;
}

.search.card select {
	max-width: 220px;
}

.zwei-spalten>#form>form>.row>div

/* ,.modal-body>form.form-horizontal>.row>div */
	{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.modal-footer {
	justify-content: space-between;
}

td.action {
	white-space: nowrap;
	text-align: right;
}

input.pos {
	border: 1px solid rgba(0, 0, 0, .125);
	text-align: center;
	width: 40px;
}

input.label_checker {
	display: none;
}

label.label_checker {
	border: 0;
	display: inline-block;
	width: auto;
	margin-bottom: 0;
}

label.label_checker:hover {
	cursor: pointer;
}

input.label_checker:checked+label.label_checker {
	background: #e2e3e5;
}

.label-hint{
	padding-top: 0;
	padding-bottom: 0;
}
.label-hint>div{
	font-size: small;
	font-style: italic;
	opacity: .5;
	min-height: 19.5px;
}

.alert {
	border-radius: 0;
}

.alert>p:last-child,
.alert>ul:last-child {
	margin-bottom: 0;
}

#navigation,
#navigation ol {
	list-style-type: none;
}

#navigation {
	padding-left: 0;
}
#nav-main.testing {
	background-color: #ac1111;
}

#navigation li>div {
	background: rgba(0, 0, 0, .03);
	padding: .2rem .2rem .2rem 1rem;
	margin: .2rem 0;
	cursor: move;
}

#navigation .ui-sortable-placeholder {
	background: rgba(0, 0, 0, .01);
}

#pool {
	min-height: 59px;
	background: rgba(0, 0, 0, .01);
}

.draggable {
	min-width: 4rem;
	min-width: 2rem;
	padding: 1rem;
	background: rgba(0, 0, 0, .03);
	text-align: center;
}

.droppable {
	min-width: 6rem;
	min-height: 4rem;
	background: rgba(0, 0, 0, .01);
}

.table-borderd {
	border-left: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

.table-borderd>tr>td {
	border-right: 1px solid #dee2e6;
}

.disabled {
	opacity: .4;
}

.tooltip-inner {
	min-width: 200px;
	max-width: 400px;
}

.notiz-tooltip {
	text-align: left;
}

.notiz-tooltip h5 {
	text-align: left;
	font-size: 1.2rem;
}

.notiz-tooltip hr {
	border-color: rgba(255, 255, 255, .5);
}

.notiz-tooltip a {
	color: white;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
	background-color: rgba(0, 0, 0, .03);
	border: 0;
	border-radius: 0;
	font-size: inherit;
}

.select2-container--default .select2-selection--single {
	height: calc(1.5em + .75rem + 2px);
}

.select2-dropdown {
	border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: rgba(0, 0, 0, 0.05);
	border: 0;
	border-radius: 0;
	font-size: inherit;
	padding: 1px 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: rgba(0, 0, 0, 0.05);
	color: inherit;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: rgba(0, 0, 0, 0.05);
	color: inherit;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
	background-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: calc(1.5em + .75rem + 2px);
	height: calc(1.5em + .75rem + 2px);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: .375rem .75rem;
}

.select2-container--default .select2-selection--multiple .select2-search:first-child .select2-search__field {
	width: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: calc(1.5em + .75rem + 2px);
}

#list th {
	white-space: nowrap;
}

.embed-responsive-pdf {
	padding-bottom: 151%;
}

div[style^="visibility: hidden"] table th,
div[style^="visibility: hidden"] table td {
	border-color: transparent;
}

ul.ohne {
	list-style-type: none;
}

label~input[type="checkbox"] {
	margin-left: 6px;
}

.hw_export>hr {
	margin-top: .25rem;
	margin-bottom: .25rem;
}

#kennzahlen-table>thead>tr>th{
	min-width: 100px;
	white-space: nowrap;
}

.sticky-wrapper {
	position: relative;
	overflow: auto;
	border: 1px solid rgba(0,0,0,.125);
	/* white-space: nowrap; */
	max-height: 800px;
}

/*
  STICKY ROW
  Normal css box-shadow works for the header as it is a single html element
*/
tr.sticky {
	position: sticky;
	top: 0;
	z-index: 1;
	background: var(--stickyBackground);
	box-shadow: 0 0 6px rgba(0,0,0,0.25);
}

/*
  STICKY COLUMN
  Avoid undesirable overlapping shadows by creating a faux shadow on the ::after psudo-element instead of using the css box-shadow property.
*/
th.sticky,
td.sticky {
	position: sticky;
	left: 0;
	background: var(--stickyBackground);
}
  
th.sticky::after,
td.sticky::after {
	content: "";
	position: absolute;
	right: -6px;
	top: 0;
	bottom: -1px;
	width: 5px;
	border-left: 1px solid var(--borderColor);
	background: linear-gradient(90deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 100%);
}
  
th.sticky::before,
td.sticky::before {
	content: "";
	position: absolute;
	left: -6px;
	top: 0;
	bottom: -1px;
	width: 5px;
	border-right: 1px solid var(--borderColor);
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%);
}

.table-striped tbody tr:nth-of-type(odd)>td.sticky{
	background-color: rgb(247, 247, 247);
}
.table-striped thead tr>th,
.table-striped tbody tr:nth-of-type(even)>td.sticky{
	background-color: rgb(255, 255, 255);
}
.table-striped.table-hover tbody tr:hover .sticky{
	background-color: rgb(236, 236, 236);
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn-check+.btn-secondary{
	cursor: pointer;
}
.btn-check:active+.btn-secondary, 
.btn-check:checked+.btn-secondary,
.btn-secondary.checked
{
	background-color: #383e42;
}

tr.offline{
	opacity: .4;
}

.hide_disabled li[aria-disabled="true"]{
	display: none;
}