/*{ Lernplaene......................... */
/* {Lernpläne Design mit grauem Hintergrund.................*/
/* Dient nur zur Animation - Smooth Fade In {*/
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* } */

.custom_learning_plan {
  opacity: 0;
  animation: fadeInUp 1s ease forwards; }

.row {
  display: flex;
  flex-wrap: wrap; }

.custom_learning_plan {
  background-color: #f2f2f2;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px; }

.lpName {
  color: #333;
  margin-bottom: 10px; }

.lpprogressbar {
  list-style-type: none;
  padding: 0; }

.lpprogressbar li {
  margin-bottom: 10px; }

.lpprogressbar a {
  color: #333;
  text-decoration: none; }

.lpprogressbar .active a:hover {
  font-weight: bold; }

/*
.col-md-3::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0%;
  /* Position des vertikalen Strichs * /
  width: 1px;
  background-color: #ccc; }
*/
.block_lpprogress .final {
  margin-left: 0px !important; }

.lpdone {
  max-width: 70%; }

/*{Zu meinen Lernplänen */
.lp_all {
  float: right;
  margin: -5px 1px 0 0 !important; }

.button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 10px; }

/* }*/
/* }*/

.lpprogressbar li {
  margin-bottom: 20px; }

.planactions {
  display: none; }

[data-action="plan-complete"] {
  display: none; }

[data-action="plan-unlink"] {
  display: none; }

[data-action="plan-reopen"] {
  display: none; }

.course-card-view {
  max-height: 290px; }

.custom-btn {
  position: relative;
  /* Add position relative to enable pseudo-element positioning */
  width: 30%;
  margin: 0 !important;
  border-radius: 5px !important; }

.custom-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  font-size: 20px; }

.custom-btn:hover {
  background-color: #0056b3; }

@media (min-width: 950px) {
  #showLessBtn::before {
    content: "\2212";
    color: white;
    font-size: 44px;
    top: 45%; }

  #showMoreBtn::before {
    content: "\002B";
    color: white;
    font-size: 44px;
    top: 45%; }

  #alleLernplaene::before {
    content: "\25BE";
    /* Unicode für nach unten zeigendes Dreieck */
    color: white;
    font-size: 44px;
    top: 45%; } }

#showLessBtn, #showMoreBtn, #alleLernplaene {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#showMoreBtn:disabled {
  background-color: lightslategray !important;
  color: darkgray !important;
  cursor: not-allowed !important; }

#showLessBtn:disabled {
  background-color: lightslategray !important;
  color: darkgray !important;
  cursor: not-allowed !important; }

/* }*/

/* Startseite { */
.collapsed > .card-block > .icon {
  display: none; }

.card > .collapsed > .teachers {
  display: none !important; }

/* } */

/* Enrolform Easy {*/
#enrolform_easy {
  position: absolute;
  top: -25px;
  left: 50%;
     margin-left: -200px; 
  width: 400px;
  visibility: visible; }

#enrolform_easy .form-group {
  margin-bottom: 0px; }

#enrolform_easy .form-group .input-group {
  width: 240px;
  margin-top: 12px; }

#enrolform_easy > .form-group > .input-group > .form-control {
  max-width: 180px;
  margin-top: 8px; }

.block_enroleasy {
  visibility: hidden;
  max-height: 0px; }

#action-menu-7-menubar 
{
    visibility: visible;
   margin: -15px 0 0 0; 
}

/* } */

/* Navigation { */


.px-3 li {
  text-align: center; }

.navbar.fixed-top .navbar-brand .logo {
  max-height: calc(45px - (0.25rem * 2)); }

.editmode-switch-form {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0px 10px 0px 10px;
  border-radius: 10px; }

.moremenu .nav-link.active {
  border-bottom-color: #e60064; }

#page-wrapper .navbar .simplesearchform [type="submit"] {
	background-color: #0095db;
}

[data-action="closesearch"] {
  	height: 100%;
	align-items: center;
  	display: flex;
}

/* } */

/* Dashboard { */

/* Experimentell und könnte Fehler aslösen */
.dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
  width: calc(32.5% - 0.5rem);
  min-width: 350px; }

.dashboard-card-img {
  min-height: 150px; }

/* CSS Document */
.mt-5, .my-5 {
  margin-top: 0rem !important; }

.card-deck .card {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  border: 1px solid rgba(53, 75, 84, 0.1); }

.dashboard-card-img {
  background-position: left top !important; }

/* } */

[data-region="card-deck"] {
  margin-left: -0.5rem; }

.section .label .contentwithoutlink {
  padding: 0px 6px 0px 0px; }

.format-tiles .course-content li.section ul.section {
  margin-left: -10px; }

#page.drawers div[role="main"] {
padding:25px 25px;

  background-color:#fff !important;
    
}

#region-main-box {
  margin: 0px -5px; }



/*
.block_slider {
  margin-bottom: -65px; }

.card-text > .no-overflow {
  margin-top: -15px; }
*/

/* Meine Kurse { */
.simplesearchform .withclear {
  height: 45px; }

/* } */

/*
.drawer-toggles > .drawer-left-toggle {
  display: none !important; }
*/

/* { Globale Suche */

	/* Ausblenden von Filtern ohne aktuellen Use Case */
#id_filtersectioncontainer >
#fitem_id_title,
#fitem_id_userids,
#fitem_id_timestart,
#fitem_id_timeend {
	display: none; }

/* } */

/* Section = ein Inhaltsobjekt */

body#page-course-view-topics.format-topics:not(.editing) #topofscroll .course-content li.section 
{
    border:1px solid #ddd;
    border-radius: 5px 5px 0px 0px;
    
    
}

body#page-course-view-topics.format-topics:not(.editing) #topofscroll .course-content li.section h3 a {
    color:#fff;
} 
body#page-course-view-topics.format-topics:not(.editing) #topofscroll .course-content li.section  h3{    
    margin-left:20px;
    color:#fff;
}

.description-inner .no-overflow h3 {
	color: #373a3c !important;
	margin: 0px 0px 0px 0px !important;
}

/*.sectionname {
	color:#fff !important;
}*/

body #page .sectionname .inplaceeditable  a:not(.btn) { 
 
    color:#fff; 
}


/* Blauerbalken in den Sektionen: */

body#page-course-view-topics #topofscroll [data-toggle="collapse"].btn-icon {
    color:#fff;
    background-color:transparent;
    border:none;
}



.course-section-header{
    color:#fff;
    background-color: #0095db;
    margin:-8px -8px;
    padding:10px;
    border-radius: 5px 5px 0px 0px;
}

.topics.frontpage .course-section-header {
        background-color: transparent !important; /* Farblos machen */
    }
 
/* Ausklappen der Bereiche rechts oben*/
.section-collapsemenu .collapseall, .expandall  {
    color:#fff;
}

/* Kurs-Format Tiles & Theme Änderung: { */
#abovetiles {
  min-height: 5px; }

.activity-item:not(.activityinline) {
  border: 0px; }

/* 
.course-content .single-section, .course-section {
  padding: 25px 25px 25px 25px; }
*/
/* Das X neben dem Fortschrittsbalken zum einklappen */
.buttonhidesec0 {
	display: none !important; }

#multi_section_tiles, #single_section_tiles, ul.topics {
	 }

/*#single_section_tiles {
	margin-top: -33px;
}*/

.single-section > #abovetiles {
	display: none; }

/* PLUGIN TILES */
.format-tiles .overall-progress {
	padding: 35px 25px 0px 0px; }



.card-block > .icon{ display:none; }

/* TILES */
.format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text h3 {
    background-color: rgba(255,255,255,0.8) !important;
    color: #0064a0  !important;
    /* font-size:0.9em; */
}


/* MARKER ListStyleType  */

/*
li{ 
    list-style: square; 

}
*/
ul > li::marker{  
    color:#0095db;
}
ol {
   
    list-style:decimal;
}
ol>li::marker{ font-weight:bold; }

ul.list-unstyled > li{ list-style:none; }

li.contentnode, li.editprofile{ list-style: none;  

}
.nav li{ list-style: none; }

.ulOverview::marker
{
 color: #0095db;
    
}

ul.dropdownmenu  li { 
    list-style: none;
}

/* ausgelbendete Kacheln: */
.format-tiles .tile.tile-hidden.phototile {
   
    filter:grayscale(50%)
}
.format-tiles .tile.tile-hidden .badge-info {
   background-color:rgba(255,103,0,0.70);
}
.tile.tile-hidden .badge-info{
    all:unset;
    display:block;
    padding:10px;
    width:100px;
    height:50px;
    color:#000;
    font-weight:normal;
    
}

/*
.summary ul li:before {
    margin: 0 10px 0 -15px;
    color: #0095db;
}
/*
.summary ul li::before {
    list-style-type: none !important;
    padding: 0 0 3px 0;
}

.summary ul li:before {
    content: "■";
    display: inline-block;
    vertical-align: middle;
    color: #0095db;
    margin: 0 5px 0 -15px;
    font-size: .5em;
}
*/

/* { TEMPLATE 4 U CSS:: */

/* course overview */
h1.courseOverviewH1
{
	font-weight:bold;
	color:#0095db;
	
}

.courseOverview{
			position:relative;
			float:left;
			margin:75px 25px 20px 0px;
			padding:70px 25px 25px 25px;
			/* width:300px; */
            width: calc(25% - 37.5px);
            min-width:250px;
			min-height:350px;
			
			border:1px solid #0095db;
			border-radius:5px;
			
			font-size:1em;
		}
		
		.circleIcon{
			position:absolute;
			top:0px;
			left:50%;
			float:left;
			margin:-50px 0px 0px -50px;

			width:100px;
			height:100px;
			
			background-color: #0095db;
			border-radius:50px;
			
		}
		
		.circleIcon .fa-flag::before {
		
			position:absolute;
			top:25px;
			left:25px;
			font-size:50px;
			color:#fff;
			
		}
		
		.circleIcon .fa-users::before {
		
			position:absolute;
			top:25px;
			left:50%;
			margin-left:-25px;
			font-size:50px;
			color:#fff;
			
		}

		.circleIcon .fa-tasks::before {
		
			position:absolute;
			top:25px;
			left:50%;
			margin-left:-25px;
			font-size:50px;
			color:#fff;
			
		}
		.circleIcon .fa-hourglass-o::before {
		
			position:absolute;
			top:25px;
			left:50%;
			margin-left:-20px;
			font-size:50px;
			color:#fff;
			
		}
		
		.circleIcon .fa-info::before {
		
			position:absolute;
			top:25px;
			left:50%;
			margin-left:-7px;
			font-size:50px;
			color:#fff;
			
		}
		
		.circleIcon .fa-television::before {
		
			position:absolute;
			top:25px;
			left:50%;
			margin-left:-25px;
			font-size:50px;
			color:#fff;
			
		}

div.headlineOverview
{
    color: #0095db;
    font-size:1.5em;
    font-weight:bold;
    font-family: Dosis, Arial, Verdana, "Times New Roman", "serif"; 
}

div.secondLine2Elements
{    
	width:calc(50% - 50px);
    min-width:250px;
	min-height:350px;	
}

div.overviewFont
{
    font-size:1rem;
    font-weight:normal;
    font-family: Dosis, Arial, Verdana, "Times New Roman", "serif";
}

ul.ulOverview
{
    
}

li.ulOverview
{
    
}
/* END OF TEMPLATE4U } */

.modal-body video {
	max-width: 750px; 
}

/* Universellestextfeld Karusel */ 
.carousel-control-prev, .carousel-control-next
{
    width:3%;
    background-color:rgba(0,0,0,0.7);
}

.autolink
{
    color: #0095db !important;
    font-weight: normal !important; 
}

.single-section a {
   
  font-weight: bold; 
   
}



/* Zurück Button in Textseite (DIV eigene bastelei!) */
.getBackToOverview
{
width:150px;
 margin:10px;
padding:10px;
color:#fff;
background-color:#0095DB;
border:1px solid #0095DB;
border-radius:5px;
cursor:pointer;
font-size:0.7rem;
font-weight:bold;
text-align:center;
}

.getBackToOverview:hover
{
color: #0095DB;
background-color:#fff;
border:1px solid #0095DB;

}

body #page h3 { 
    font-size:1.5em;
}

/* Dient zur Entfernung der Kompetenzkuerzel unter folgendem Link: https://academy.afi-solutions.net/lms/admin/tool/lp/plans.php -> Innerhalb eines Plans */
.drag-parentnode .drag-samenode td em {
	display: none;
}

.highlighted {
            background-color: orange !important; /* Orange Hintergrund */
        }

/* { Moodle Quiz Button - Überprüfen beenden */
.mod_quiz-next-nav {
	appearance: none;
    transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;
    background-color: #0095db;
    border-radius: 0;
    border: 0;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: .9rem;
    letter-spacing: .08rem;
    height: 2.75rem;
	padding: 0 0.7rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    line-height: 2.5rem;
}

.mod_quiz-next-nav:hover {
	background-color: #002d42;
}

/* } */

/* Dateianhänge position anpassen */
.afterlink:not(.align-items-center)
{
    position:relative;
    top:14px;
    margin-left:25px;
    
}
.resourcelinkdetails {
	font-size:0.7em;
    color:#000;
}


/* allgemeine Links  -> richtet zuviel Schaden an!
.course-content a:not(.aalink):not(.btn):not(.dropdown-item)  {
  color: rgba(0,109,179, 1) !important;
    font-weight: normal !important; 
}


.course-content a:not(.aalink):not(.btn):hover {
    
    color: rgba(0,149,219, 1) !important;
}
*/

/* BUTTONS */
body #page .btn { border-radius:3px;}
/* body #page .btn  i { } */

.ajax-contact-button, #message-user-button{
    color:#fff !important;
    
}
 


.topresults {
	margin-bottom: 25px;
}

/* https://academy.afi-solutions.net/lms/grade/report/user/index.php?id=149&group=0 */
.d-block {
    
    line-height:1rem;
    padding:3px;
    
}

.gradeparent, #report-eventlist-table{
    overflow:auto;
}


/* CONTENT SPACING: https://academy.afi-solutions.net/lms/course/view.php?id=109 */
.course-content ul.topics li.section .content{
    padding:15px;
}


.course-detail-listing-actions > a
{
    color:#3d3d3d !important;
}

.format-tiles li.section:not(#section-0) .course-section-header 
{
    background-color:#0095db;
}

.no-overflow{ 
    overflow:hidden;
}

/* SITEMENUE LEFT ! */
#theme_boost-drawers-courseindex .courseindex .courseindex-item .courseindex-link:hover{
    color: #000;
    background-color: rgba(53,75,84,0);
}



/* a - TAG should visible to be a link! */
.summary a, .description-inner a { 
    /* text-decoration:underline !important;
    font-size:0.9em;
    font-weight: bold !important;
    */
    color:rgba(0,120,180,1) !important;
}
.nav-link
{
    text-decoration:none;
}


body #page form select {
    display: inline;
    width:auto;
    height:2rem;
}

.lp_selects select {
    height: 2.75rem !important;
    width: 100% !important;
}

.kursbestaetigung {
	text-align: right;
	font-size: 18px;
	position: absolute;
	top: 45%;
	right: 15%;
}

.progress-bar {
	background-color: #0095db;
}