/* Compliance Check main.css */

/* 
	@version: 	1.0
   	@date:		2024/09/01
   	@copy: 		2024 IBS data protection services and consulting GmbH
*/

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Roboto.woff2') format('woff2');
}

@font-face {
	font-family: "Material Symbols Outlined";
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Material-symbols-outlined.woff2') format('woff2');
}
html {
	margin: 0;
	padding: 0;
}

.material-icons {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}

.nav-wrapper {
	background-color: #293745;
	color: #d0dbef;
}

.nav-wrapper a {
	color: #d0dbef;
}

.nav-wrapper a:hover, .nav-wrapper li:hover {
	color: #fff !important;
}

.nav-wrapper li.active a {
	color: #fff !important;
}

.nav-wrapper img {
	max-height: 30px;
	float:left;
	margin-top:1.2rem;
	margin-right:0.75rem;
}

.brand-logo {
	padding:0 1.5rem !important;
	font-size:1.2rem !important;
	font-weight: bold;
	float: left !important;
	position: static !important;
}
@media only screen and (max-width: 992px) {
	.brand-logo {
		position:absolute !important;
	}
}

.sidenav {
	background-color: #293745 !important;
}

.sidenav li>a {
	color:#efefef !important;
}

.sidenav-overlay {
	z-index: auto !important;
}

#main {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
#main .col {
	padding:1.5rem;
}

#main-wrapper {
	padding-left: 10rem !important;
	padding-right: 10rem !important;
	color: #293745 !important;
}

@media only screen and (max-width: 992px) {
	#main-wrapper {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
}

#main-wrapper h6 {
	margin-top: 2.5rem;
}

#main-wrapper .collection {
	border-color: #293745 !important;
}

#main-wrapper .collection-header {
	padding: 2.5rem 1.5rem;
	border-color: #293745 !important;
}

#main-wrapper .with-header .collection-item {
	padding-left:20px !important;
}

#helper-wrapper {
	background-color:#efefef;
	padding-bottom: 0rem !important;
	height: 100% !important;
	min-height: calc(100vh - 65px) !important;
	color: #555 !important;
	font-size:13px !important;
}

.valign-middle {
	vertical-align: middle !important;
	padding-bottom: 0.5rem !important;
	margin-top: 0.25rem !important;
}

.expand .valign-middle {
	padding-bottom: 1.75rem !important;
}

#helper-wrapper li {
	padding-bottom: 0.75rem !important;
}

li.icon {
	padding-left: 0.5rem !important;
	padding-bottom: 0.75rem !important;
}

[type="radio"]:checked+span:after, [type="checkbox"].filled-in:checked+span:not(.lever):after {
	background-color: #293745 !important;
	border-color: #293745 !important;
}

#main-wrapper .btn {
	background-color: #293745;
}

#main-wrapper label {
	color: #293745 !important;
}

.progress-card, .progress-card .col {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	text-align: center !important;
}

.progress-card h6 {
	margin-top:0 !important;
	padding-top:0 !important;
	font-weight: 400 !important;
}

.progress-line, .progress-line .col {
	margin-top:0 !important;
	padding-top:0 !important;
}

.half-width {
	width: calc(50% - 1rem) !important;
}

.outlined {
	background:#efefef !important;
	border:1px solid #293745 !important;
	color: #293745 !important;
}

#disclaimer {
	margin-top: 2rem;
}

#disclaimer span.disclaimer-text, #disclaimer span.disclaimer-heading, .hint-small {
	font-size:13px !important;
	font-style:italic;
}