:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #ffffff;--nav-text-color: #00a3da;--color-primary: #00a3da;--btn-prim-accent-color: #00a3da;--btn-accent-color: #00a3da;--link-color: #00a3da;--color-state: #00a3da;--color-text: #0D0D0D;--footer-bg-color: #E9ECEF;--footer-text-color: #0D0D0D;--btn-prim-accent-color-focus: #0099d0;--btn-prim-accent-color-active: #0088bf;--btn-accent-color-focus: #0099d0;--btn-accent-color-active: #0088bf;--link-color-hover: #0099d0;--color-state-hover: #0099d0;--color-state-focus: #0099d0;--color-state-active: #0088bf;--footer-text-color-hover: #030303;}


.preview_mode h4 a {
    font-size: 1.25rem;
}

.videotime.preview_mode.activity .contentafterlink {
    margin-left: 0;
    margin-right: 1rem;
}

.topic.starter a {
    max-width: 360px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.course-content ul li.section.main .content h3.sectionname {
    padding: 12px 20px;
}

.block .block-header h2 {
    font-size: 1.25rem;
    font-weight: 700;
}

.block-totara-featured-links-tile.background-contain {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}


.breadcrumb-nav li:has(a[href*="/program/index.php?viewtype=program"]),
.breadcrumb-nav li:has(a[href*="/course/index.php"]) {
    display: none !important;
}

#page-totara-program-view .course-item {
    padding-bottom: 0px !important;
    padding-top: 5px !important;
}

.program-status .dates {
    display: none;
}


/* hide sidebar on pages used for Klausuren-Center and Performance Tracker */
.cmid-51000 section#block-region-side-pre-wrap,
.cmid-23239 section#block-region-side-pre-wrap {
    display: none;
}


@media (min-width: 992px) {
       #page-mod-url-view.cmid-51000 .col-lg-9 {
		flex: 0 0 100% !important;
		max-width: 100%  !important;
		width: 100% !important;
	}
}

#page-mod-url-view.cmid-51000 #region-main h2,
#page-mod-url-view.cmid-51000 #page-navbar {
display: none !important;
}

#page-mod-url-view.cmid-51000 #region-main #resourceobject {
width: 100% !important;
height: 80vh !important;
border: none !important;
}

#page-mod-url-view.cmid-51000 #block-region-side-pre {
	display: none;
}



@media (min-width: 992px) {
       #page-mod-url-view.cmid-23239 .col-lg-9 {
		flex: 0 0 100% !important;
		max-width: 100%  !important;
		width: 100% !important;
	}
}

#page-mod-url-view.cmid-23239 #region-main h2,
#page-mod-url-view.cmid-23239 #page-navbar {
display: none !important;
}

#page-mod-url-view.cmid-23239 #region-main #resourceobject {
width: 100% !important;
height: 80vh !important;
border: none !important;
}

#page-mod-url-view.cmid-23239 #block-region-side-pre {
	display: none;
}


.totaraNav_prim--list_item_label {
    font-size: 20px;
    font-weight: 500;
}






/********************* CALENDAR START *********************/
body#page-calendar-view .eventlist .event h3.name {
    font-size: 1rem;
    margin-right: 8px;
    margin-left: 8px; 
}
.path-calendar .maincalendar .calendarmonth ul li{
	list-style-type: none;
	margin: 0 0 4px 0;
	font-size: 14px;
	padding: 0 0 0 0;
	list-style-position: inside;
	border-width: 2px 5px;
}
.calendar_event_course {	background-color: #DCEFF9; }
.calendar_event_user {	background-color: #ffbab3;}
.path-calendar .maincalendar .calendar_event_user {	border-color: #ffbab3;}
.path-calendar .maincalendar .calendar_event_course {	border-color: #DCEFF9;}
body#page-calendar-view .date + .course {  margin-left: 30px; }
.block.block_calendar_month td.today .popover-content a { 	color: #00A3DA;}
/********************* CALENDAR  END *********************/


/********************* KNOLL NAVBAR  *********************/
/* hide logout button, because we use the one in the portal navbar*/
.usermenu .itemtype-logout.menu-action { 
  display: none !important; 
}
/* remove logo on smaller viewports (because it's in the portal bar)*/
@media (max-width: 991px) {
  .totaraNav .totaraNav_prim .masthead_logo { display: none; } 
}
/********************* KNOLL NAVBAR  *********************/


/********************* ANNOYING THINGS  *********************/
#page-admin-tool-capability-index select#id_capability {
	width: 100%;
	max-width: 100%;
}
/********************* ANNOYING THINGS  *********************/


/********************* VIDEO TIME & VIDEO  *********************/

/* hide the notes below the player when not on the watch/video tab */
.videotime-tab-instance[data-tab="4"]  .vimeo-video-description {  display: none; }

/* this ensures that the video time player is responsive with vimeo events */
.vimeo-embed {  max-width: 100%; aspect-ratio: 16/9; }
.vimeo-embed iframe { width: 100%; height: 100%; }

.videotimetab-resize-handle {
	width: 15px;
}
.videotimetab-resize-handle:hover {
	background-color: #f2f2f2;
}
.videotimetabs .nav-tabs>li.active:first-child>a, 
.videotimetabs .nav-tabs>li.active:first-child>a:hover, 
.videotimetabs .nav-tabs>li.active:first-child>a:focus {
	box-shadow: none;
}
.videotimetabs .nav-tabs .nav-item .nav-link.active {
	color: #fff;
	background: #00a3da;
}
.path-mod-videotime .video-list-table  table {
display: table;
}
.path-mod-videotime .video-filters .select2 {
  min-width: 250px;
}
#page-mod-videotime-mod .video-search.input-group {
width: 350px;
display: flex;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 4px;
}
.path-mod-videotime .video-filters .select2 {
	margin-left: 5px;
}
.path-course-view li.activity.videotime.preview_mode .panel {
	min-height: 300px !important;
}
.video-image-preview .img-responsive {
	width: 100%;
}
.path-course-view li.activity.videotime.preview_mode .panel-body {
	padding: 0 15px;
}
/********************* VIDEO TIME & VIDEO  *********************/


/********************* MAINTENANCE WARNING  *********************/
.screen-maintenance-warning {
width: 100%; 
z-index: 10001; 
top: 0; 
left: 0; 
right: 0; 
color: white; 
background: red;  
font-weight: bold; 
text-align: center; 
padding: 2px;
display: none; /* set this to none to hide the warning, set to block to show it */
}
#page-login-index .screen-maintenance-warning {
padding: 20px;
position: fixed; 
}
/********************* MAINTENANCE WARNING  *********************/


/********************* COURSE/PROGRAM INDEX PAGES  *********************/
/* = Lehrgänge*/

/* hide search and collapsing from course and program index pages */
#page-course-index #coursesearch,
#page-course-index .collapsible-actions {
display: none;
}
/********************* COURSE/PROGRAM INDEX PAGES  *********************/


/********************* TKONO (in questions)  *********************/

table.tkonto th,
table.tkonto td {
font-weight: bold;
font-size: .9rem;
hyphens: auto;
}
table.tkonto tr th:nth-child(2), table.tkonto tr td:nth-child(2) {
	border-right: 2px solid black;
}
table.tkonto td, table.tkonto th {
padding: 8px 8px 0px 8px;
	line-height: 1.1;
}

table.tkonto tr th:nth-child(even), 
table.tkonto tr td:nth-child(even) {
	text-align: right;
}

table.tkonto thead {
	border-top: 2px solid black;
}

table.tkonto {
	width: 100%;
	max-width: 640px;
	margin: auto;
}

/********************* TKONO (in questions)  *********************/


/********************* FORUM  *********************/

#page-mod-forum-view .forumaddnew {
	margin-bottom: 60px;
}
.forumpost {
	border-color: transparent;
	box-shadow: none;
}
.forumpost .row .topic {
	margin-left: 15px;
}
.forumpost .header {
	margin-bottom: 3px;
	border-top: 4px solid #adb5bd;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: transparent;
	background: rgb(173,181,189,.10);
}
.forumpost.unread .row.header {
	background-color: rgb(254,205,2,0.1);
	border-top: 4px solid #fecd02;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: transparent;
}
.forumheaderlist>tbody>tr:nth-of-type(odd), table.flexible>tbody>tr:nth-of-type(odd), .generaltable>tbody>tr:nth-of-type(odd) {
	background-color: rgba(0,164,218, 0.05);
}
.path-mod-forum .forumheaderlist .discussion .lastpost {
	font-size: .8rem;
}
.path-mod-forum .forumheaderlist .discussion .starter {
	font-weight: bold;
}
.path-mod-forum .forumheaderlist .discussion .author {
	vertical-align: middle;
}
.path-mod-forum .forumheaderlist td {
	padding: 6px 1px 6px 4px;
}

/********************* FORUM  *********************/

/********************* MAYBE REMOVE  *********************/

.subquestion.form-inline {
display: inline-block;
}

nav#drawermenu.closed .section-indicator.selected + .card {
	margin-top: 14px;
}

body.pagelayout-course #region-main .course-content ul:not(.ctopics) li#section-1.current .content .summary:not(:empty) {
	padding: 0px;
}

.answer td.text {
	padding-right: 2rem;
}

/*
.atto_image_button_text-top.img-responsive, 
.atto_image_button_middle.img-responsive, 
.atto_image_button_text-bottom.img-responsive {
width: inherit;
}
*/

/*
@media (min-width: 576px) {
nav.totaraNav nav.totaraNav_prim .masthead_logo {
	min-width: 140px !important;
	margin-left: -10px;
}
}
*/


/********************* MAYBE REMOVE  *********************/






/********************* PROGRAM STYLES — DISABLED  *********************

#page-totara-program-view .surround.display-program h3 + p,
#page-totara-program-view .nextsetoperator,
#page-totara-program-view .notifymessage,
#page-totara-program-view #progressbar,
#page-totara-program-view table .c1,
#page-totara-program-view table .c2,
#page-totara-program-view table .c3,
#page-totara-program-view table thead
{
	display: none;
} 

#page-totara-program-view .mform .surround, 
#page-totara-program-view .display-program,
#page-totara-program-view div.nextsetoperator-group-and {
	border: none;
	margin-top: 30px;
	padding: 0;
}

#page-totara-program-view table>tbody>tr>td {
border: none;
}


#page-totara-program-view .coursename img {
	width: 20px;
	margin-right: 10px;
}

********************* PROGRAM STYLES — DISABLED  *********************/



/********************* COURSE PAGE STYLES  *********************/
/* invert the colors for section 1 if highlighted */

#section-1.current .sectionname {
display: none !important;
}
body:not(.editing) #section-1.current {
	background-color: #00a4da;
	margin-top: 15px;
}
body:not(.editing) #section-1.current .activity {
	font-size: 1.5rem;
}
body:not(.editing) #section-1.current i,
body:not(.editing) #section-1.current,
body:not(.editing) #section-1.current a {
	color: white;
}
/********************* COURSE PAGE STYLES  *********************/