body {
	background-color: #fff;
	color: #112c47;
	font-family: 'Montserrat', sans-serif;
	white-space: nowrap;
}

.main-container {
	padding: 35px;
}

#formBewertung {
	min-width: 800px;
	max-width: 1110px;
}

a, a:hover, a:focus {
    text-decoration: none;
}

small {
    font-size:smaller;
}

/* Navbar */
.navbar, .navbar-brand {
	padding: 2px;
    border: 1px solid transparent;
}

.navbar-nav .nav-link {
	text-align: center;
	line-height: 55px;
} 

.nav-link:hover, .navbar-nav>li>a:focus, .navbar-nav>li>a:hover {
	color: #fff !important;
}

.html2canvas-container { 
	height: 3000px !important; 
}

#formPDF {
	width: 1000px;
	min-height: 1438px;
	color: #333;
	font-size: 0.9em;
	line-height: 1.4;
	padding: 1.5cm 0cm 1cm 2.2cm;
	white-space: normal;
}

.select2-results__options{
    font-size: 14px !important;
}

.select2-selection--single, .select2-selection__arrow {
    height: 42px !important;
	margin-bottom: 1px;
}

select, .select2-selection__rendered {
	width: 300px;
    padding: 0.375rem 0.75rem !important;
}

.select2-results__option--highlighted[aria-selected]{
    background-color:#3fdfa5 !important;
    color:#fff;
}

.select2, .select2-container, .select2-container--default, .select2-container--focus {
    width: 100%;
}

#lightbox, #lightboxBewerber {
	background-color: #fff;
	margin: 0 auto;
}

#logo, #headerCon {
	margin-right: 68px;
}

#logo {
	margin-top: 24px;
	width: 120px;
	float: right;
}

#headerCon {
	padding: 25px 35px; /* Top & Bottom, Left & Right */
	background-image: url("../img/header.png");
	background-size: cover;
}

#pngDokument {
	margin-left: -6px;
	width: 736px;
}

table {
	border-collapse: collapse;
}

#renderAsPNG {
	margin: 20px 0px 15px 5px; /* Im Uhrzeigersinn */
}

#tableResponsive {
	width: 932px;
	margin: 30px 0px;
}

td {
	padding: 4px 6px;
	border: 1px solid #aaa;
	border:none;
}

.tdLeft {
	width: 190px;
	padding: 6px 0px;
	border: none;
}

.tdSmall {
	padding-left: 2px;
	padding-right: 2px;
}

.tdLogin {
    color: #ddd;
	padding: 0px 5px;
	border: none;
}

.tdKriterium {
	width: 375px;
}

.tdTableBottom {
	padding: 6px;
	border: none;
}

.tdPaddingNone {
	padding: 0px;
	border: none;
}

.tdDokument {
	padding: 8px 6px;
}

.tdStatistik {
    min-width: 500px;
	padding-top: 25px;
	padding-bottom: 15px;
	border: none;
}

.tdTeilnehmerliste {
	padding: 5px;
}

.trSelectEinstellung, #trSelectKurs {
	display: none;
}

#pfeilAT {
	float: left;
	transform: rotate(90deg);
	margin-left: -103px;
	margin-top: 21px;
	height: 32px;
}

#textHeader {
	margin-top: 25px;
	margin-bottom: 50px;
	font-weight: normal;
	min-height: 68px;
	max-width: 450px;
	text-align: left;
}

#logoUnternehmen {
	margin-right: 40px;
	max-height: 105px;
	max-width: 225px;
}

#logoFooter {
	float: right;
	margin-right: 5px;
	width: 150px;
}

hr {
	margin-bottom: 12px;
}

#poweredByAT {
	margin-left: 6px;
	opacity: 0.67;
}

#footer {
	text-align: center;
	padding: 60px 5px 3px 5px; /* Im Uhrzeigersinn */
	border-bottom: 1px solid #000;
	white-space: nowrap;
}

#footerAbstand {
	min-width: 375px;
}

.noBorder {
	border: none;
}

.textLeft {
	text-align: left;
}

.left {
	padding-left: 4px;
	padding-right: 4px;
}

.right {
	text-align: right;
	padding-right: 4px;
}

#center {
	text-align: center;
}

.tfLogin {
    font-size: 14px;
    height: 33px;
    width: 250px;
}

.tf, textarea {
	padding: 0px 8px; /* Top & Bottom, Left & Right */
	border: 1px solid #aaa;
	border-radius: 4px;
	width: 450px;
	min-height: 36px;
}

textarea {
	margin-top: 5px;
	min-height: 75px;
}

.trSelectEinstellung {
    width: 320px;
}

.infoStatistik {
    width: 495px;
	white-space: normal;
	text-align: center;
}

.vlTeilnehmerListe {
	position: absolute;
	border-left: 1px solid #aaa;
	margin-top: 12px;
	margin-left: 555px;
    height: 800px;
}

select[name="teilnehmerliste_length"] {
    max-width: 50px;
}

#teilnehmerliste_wrapper {
    width: 700px;
    float: right;
}

#button {
	display: none;
}

.btn, .btn:focus {
    border-radius: 20px;
}

.btn-primary, .btn-primary:focus {
    color: white;
    font-weight: bold;
    margin: 10px 0px;
}

.btn-secondary, .btn-secondary:focus {
    background-color: #f9f9f9 !important;
}

.btn:hover {
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.1);
}

.fontNormal {
	font-weight: normal;
}

/* Fortschrittsbalken */
#barCon {
	padding-top: 6px;
	padding-left: 33px;
}

#bar {
	background: linear-gradient(to top, #E7433C 10%, #FEE934 70%, #7BC23B 90%);
	width: 40px;
	margin: -6px 8px 0px 8px; /* Im Uhrzeigersinn */
	float: left;
}

.progress {
	background: transparent;
	position: absolute;
	min-width: 48px;
	border-bottom: 2px solid #333;
	border-radius: 0px;
}

#progressLeft {
	margin-left: -8px;
}

#progressRight {
	margin-right: -8px;
}

.barText {
	min-width: 80px;
	padding: 3px 5px;
	text-align: center;
	font-weight: bold;
	border: 2px solid #333;
	float: left;
}

/* Tooltips */
.tooltipCon {
	position: relative;
}

.tooltipCon .tooltip  {
	visibility: hidden;
    background-color: #555;
    color: #fff;
    padding: 5px;
    position: absolute;
    z-index: 1;
    opacity: 0;
	bottom: 105%;
	font-size: 0.9em;
}

.tooltipCon .tooltip::after {
    content: "";
    position: absolute;
    border: 5px solid transparent;
	top: 100%;
	left: 2px;
	border-top-color: #555;
}

.tooltipCon:hover .tooltip {
	visibility: visible;
    opacity: 1;
}

.uTooltip {
	border-bottom: 1px dotted #555;
	text-decoration: none;
}

.apexcharts-yaxis-label {
	font-size: 15px;
}

.center {
	width: fit-content; 
	margin: 0 auto; 
	margin-bottom: 15px;
}

/* Read more/less */
input.read-more-state {
	display: none;
}
.read-more-target {
	font-size: 0;
	max-height: 0;
	opacity: 0;
	transition: .25s ease;
}
input.read-more-state:checked ~ div.read-more-wrap .read-more-target {
	font-size: inherit;
	max-height: 999em;
	opacity: 1;
}
input.read-more-state ~ label.read-more-trigger:before {
	content: 'Anleitung öffnen';
}
input.read-more-state:checked ~ label.read-more-trigger:before {
	content: 'Weniger anzeigen';
}
label.read-more-trigger {
	cursor: pointer;
	display: inline-block;
}

@media (max-width: 1000px) {
	.container {
        padding-top: 25px;
		min-width: 92%;
	}
	
	.main-container {
		width: 90%;
	}
}