@charset "UTF-8";

/* div.form-subtext { */
/* 	color: grey; */
/* 	font-style: italic; */
/* 	font-size: smaller; */
/* } */

/* @media (prefers-reduced-motion: reduce) { */
/*   .form-floating-border > label { */
/*     transition: none; */
/*     background-color: yellow; */
/*   } */
/* } */

/* .form-floating-border > .form-control { */
/*   padding: 0.5rem 0.75rem; */
 
/* } */
/* .form-floating-border > .form-control::placeholder { */
/*   color: transparent; */
/* } */
/* .form-floating-border > .form-control:focus, .form-floating-border > .form-control:not(:placeholder-shown) { */
/*   padding: 0.5rem 0.75rem; */
/* } */
/* .form-floating-border > .form-control:-webkit-autofill { */
/*   padding: 0.5rem 0.75rem; */
/* } */
/* .form-floating-border > .form-select { */
/*   padding: 0.5rem 0.75rem; */
/* } */
/* .form-floating-border > .form-control:focus ~ label, */
/* .form-floating-border > .form-control:not(:placeholder-shown) ~ label, */
/* .form-floating-border > .form-select ~ label { */
/*   transform: scale(0.85) translateY(-1.5rem) translateX(0.15rem); */
/* } */
/* .form-floating-border > .form-control:-webkit-autofill ~ label { */
/*   transform: scale(0.85) translateY(-1.5rem) translateX(0.15rem); */
/* } */



/* .ttAvailable:after { */
/*  content: url("/learning/resources/images/iconmonstr-info-6.svg"); */
/*  	position: relative; */
/*     top: -2px; */
/*     left: 1px; */
/* } */

/* .ttAvailableRequired:after { */
/*  	content: " * " url("/learning/resources/images/iconmonstr-info-6.svg"); */
/* 	position: relative; */
/* 	font-weight: 400; */
/* 	color: red; */
/*     top: -2px; */
/*     left: 1px; */
/* } */

/* .ttAvailableRequiredIndicator { */
/*  	content: " * " url("/learning/resources/images/iconmonstr-info-6.svg"); */
/* } */

/* label.wpRequired:after { */
/* 	 content: " *"; */
/* 	 font-weight: 400; */
/* 	 color: red; */
/* 	 position: relative; */
/* 	 top: -2px; */
/* 	 left: 1px; */
/* } */

/* span.wpRequiredIndicator { */
/*  font-weight: 400; */
/*  color: red; */
/* } */

.centered-carousel-inner {
	height: 100%;
}


.centered-carousel-item {
	height: 100%;
}

.centered-carousel-content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

/* For SymbolLinks*/
.elemTopRight {
	position: absolute;
	top: 5px; 
	right: 5px; 
	z-index: 10;
}

.elemTopLeft {
	position: absolute;
	top: 5px; 
	left: 5px; 
	z-index: 10;
}

.elemBotRight {
	position: absolute;
	bottom: 5px; 
	right: 5px; 
	z-index: 10;
}

.elemBotLeft {
	position: absolute;
	bottom: 5px; 
	left: 5px; 
	z-index: 10;
}

.row.sgl-bd-row.collapse-parent.child-shown {
	background-color: rgb(12, 99 ,247 ,0.5);
}

.symbut a.css-symbut {
	position: relative;
	  font-size: 1rem;
	  text-align: left;
	  border: 0;
	  overflow-anchor: none;
}

.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
}

.symbut a.css-symbut:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' stroke='white' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.symbut a.css-symbut:after {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' stroke='white' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  transition: transform 0.2s ease-in-out;
}

.symbut.symbut-md a.css-symbut:after {
  width: 1.5rem;
  height: 1.5rem;
}

.symbut-auto * img {
	width: 1.2rem;
	height: 1.2rem;
	margin: auto;
}

.symbut-auto * svg {
	width: 1.2rem;
	height: 1.2rem;
	margin: auto;
}

.symbut *.btn-primary svg {
	fill: white;
}

.symbut *.btn-light svg {
	fill: black;
}

/* .symbut-sm * { */
/* 	padding: 0.1rem; */
/* } */

.symbut-sm * img {
	width: 1rem;
	height: 1rem;
	margin: auto;
}

.symbut-sm * svg {
	width: 1rem;
	height: 1rem;
	margin: auto;
}

.symbut-md {
	padding: 0.375rem;
}

.symbut-md * {
	padding: 0.2rem;
}

.symbut-md * img {
	width: 1.5rem;
	height: 1.5rem;
	margin: auto;
}

.symbut-md * svg {
	width: 1.5rem;
	height: 1.5rem;
	margin: auto;
}

.symbut-lg * img {
	padding: 0.6rem;
}

.symbut-lg * svg {
	padding: 0.6rem;
}

.symbut-lg * img {
	width: 3rem;
	height: 3rem;
	margin: auto;
}

.symbut-lg * svg {
	width: 3rem;
	height: 3rem;
	margin: auto;
}

img.imgbtn {
	width: 2rem;
	height: 2rem;
	margin: auto;
}

.symbut div.selected {
	border-bottom: 3px solid var(--bs-primary);
}

.symbut div.selected * svg {
	fill: var(--bs-primary);
}

/*
Bootstrap centers text-align in class btn. Needs to be changed 
for lists with btn-link	
*/

li .btn-link {
	text-align: left;
}

.informationLabel {
  position: absolute;
  top: -1.0rem;
  left: 0.75rem;
  height: 1rem;
  padding: 0rem 0rem;
  pointer-events: none;
  color: grey;
  background-color: white;
  border: 1px solid transparent;
}

/*For tables who need to have truncated texts*/
table.fixedLayout {
	table-layout: fixed;
}

.ler-toast-container {
	position: fixed !important;
	right: 10px;
	bottom: 10px;
	min-width: 200px;
}

.ler-toast {
	position: relative;	
}

/* infopanel at.lerchen.components.symbolLink*/
.ler-info {
	position: relative;
	word-wrap: break-word;
	margin-top: 1rem;
	background: var(--bs-light);
	padding: 1rem 1rem 0.25rem 1rem;
	width: 100%;
	height: 100%;
}

.ler-info-info {
	border-left: 3px solid var(--bs-info);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	border-right: 1px solid rgba(0, 0, 0, 0.125);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

.ler-info-warn {
	border-left: 3px solid var(--bs-warn);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	border-right: 1px solid rgba(0, 0, 0, 0.125);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

.ler-info-danger {
	border-left: 3px solid var(--bs-danger);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	border-right: 1px solid rgba(0, 0, 0, 0.125);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

/*Symbolinktab*/
.tab-panel {
	overflow-y: auto;
	overflow-x: hidden;	
}

.smaller {
	font-size: 0.7rem;
	margin: 0;
}

.col.smaller {
	padding: 6px;
}

/*SearchPanel*/
.searchPanel {
	position: absolute;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: white;
 	right: 0px;
 	top: 50px;
 	z-index: 1060;
}