:root {
  --dekra-green: #006a53;
}


.dekra-green {
	color: var(--dekra-green);
}

html, body {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  background-color: #f4f5f7;
}


html[data-bs-theme="dark"], html[data-bs-theme="dark"] body {
	background-color: #212529;
}

html[data-bs-theme="dark"] .bg-light {
  background-color: #2c3034 !important;
}

.hidden { display:none }

.pt-nav {
	padding-top: 50px;
}

.vh-100-nav {
	height: calc(100vh - 110px) !important;
}

.ml-sidebar {
	margin-left: 280px;
}

.dekra-fixed-sidebar {
	position: fixed;
	width: 280px;
	height: calc(100% - 45px);
	top:45px;
}

.dekra-navbar {
	height: 45px;
	background-color: var(--dekra-green);
	box-shadow: 0 0.5rem 2rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.30);
}

.navbar-collapse {
	background-color: var(--dekra-green);
	padding-left: 20px
}

.navbar-toggler {
	padding: 0px;
	font-size: 1rem;
}

.navbar-brand {
	font-size: 1rem;
	font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.80);
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 1.0);
   backdrop-filter: brightness(110%);
}

#user-menu:after {
	vertical-align: 0px;
	margin-left: auto;
}

.table > :not(:first-child) {
  border-top: 2px solid var(--bs-table-active-bg);
}

.table-xs > :not(caption) > * > * {
  padding: 0.15rem 0.15rem;
  font-size: 0.9rem;
}

.table-fixed {
	table-layout: fixed;
}

.pager a {
	margin-left: 1px;
	padding: 6px 12px;
	text-decoration: none;
}

.pager a:hover {
	background-color: #f8f9fa;
	border-radius: 5px;
	text-decoration: none;
}

.pager .active {
	margin-left: 1px;
	padding: 6px 12px;
	border: 1px solid #dee2e6;
	border-radius: 5px;
	background-color: #f8f9fa;
}

html[data-bs-theme="dark"] .pager .active {
	background-color: var(--dekra-green);
}

html[data-bs-theme="dark"] .pager a:hover {
	background-color: black;
}

.alert-info {
	border-color: #b4cdd2;
}

.alert-warning {
	border-color: #ccc5af;	
}

.alert-danger {
	border-color: #d2a8ac;
}

.alert-success {
	border-color: #9bc1b0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.dropdown-item:hover, a.btn:hover {
	text-decoration: inherit;
}

.navbar-nav a:hover {
	text-decoration: none;
}

.fw-600 {
	font-weight: 600 !important
}

.form-v1 input, .form-v1 select {
	margin: 1px;
}

/*
input:focus {
    box-shadow: 0 0 0 2px rgba(0, 106, 83, 0.4);
    outline: none;
}*/

.form-v1 span.item {
	margin-left: 8px;
}

.form-v1 span.item label {
	margin-left: 2px;
}

.form-v1 span.item:first-of-type {
	margin-left: 0px;
}

.form-v1 .button-link {
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid #999;
	border-radius: 4px;
	color: black;
	background-color: #e9e9ed;
	margin: 2px;
}

html[data-bs-theme="dark"] .form-v1 .button-link {
	color:white;
	background-color: transparent;
}

.form-v1 .button-link:hover {
	filter: brightness(0.9);
	text-decoration: none;
}

.form-v1 b input {
	color:red;
}

.social {
	display: inline;
	font-size: 16px;
}

.appmenu {
	border-color: #e19de1;
}

html:not([data-bs-theme="dark"]) .card-footer {
	background-color: white;
}

.carousel-caption {
	color: white !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	filter: none !important;
}

label.required:before {
  content: "(*) ";
  color:rgb(var(--bs-danger-rgb));
  vertical-align: super;
  font-weight: bold;
  font-size: 0.9rem;
}

.table {
  --bs-table-bg: initial;
}

.carousel-item {
	transition: transform 0.6s ease-in-out;
}

.card-body {
  overflow-x: auto;
}

@media only screen and (max-width: 379px) {
	#dekra-logo {
	  display: none;
	}
  }