/* KuferTools - Responsive */
/*----------------------------*/
/* Global                         */
/*----------------------------*/

:root {
  --kt-primary-color: #00275B;
  --kt-table-hover-background: #d9edf7;
}

/* Screen Größen aus der dynamischen Stylesheet Sprache LESS; 
diese Variablen können in CSS nicht verwendet werden
TODO: ggf LESS Clientseitig einbinden  (siehe www.lesscss.de)
@screen-xs-max: 767px;
@screen-sm-min: 768px;
@screen-sm-max: 991px;
@screen-md-min: 992px;
@screen-md-max: 1199px;
@screen-lg-min: 1200px;
****/

html, body {
  min-height: 100vh;
}

body {
  display: flex;
  flex-direction: column;
}

body > main {
  flex-grow: 1;
}

body {
  font-size: 1.2em;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  overflow-x: hidden;
  /* /1* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ffffff+15,ffffff+85,fafafa+100 *1/ */
/* background: #fafafa; /1* Old browsers *1/ */
/* background: -moz-linear-gradient(left,  #f8f8f8 0%, #ffffff 15%, #ffffff 85%, #f8f8f8 100%); /1* FF3.6-15 *1/ */
/* background: -webkit-linear-gradient(left,  #f8f8f8 0%,#ffffff 15%,#ffffff 85%,#f8f8f8 100%); /1* Chrome10-25,Safari5.1-6 *1/ */
/* background: linear-gradient(to right,  #f8f8f8 0%,#ffffff 15%,#ffffff 85%,#f8f8f8 100%); /1* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *1/ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f8f8f8',GradientType=1 ); /1* IE6-9 *1/ */
}  

/* Schriftart und Schriftgroesse in Dialogen 
   kann man evtl. noch anpassen; aber dann auch auf Body aufpassen (Schrift sollte evtl. gleich sein)
*/
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif;
  /* font-family: Trebuchet MS,Helvetica,Arial,sans-serif; */
}

.fa {
  font-size: 0.9em;
}

.ui-button.ui-button-danger {
  background: #d9534f;
  border-color: #d43f3a;
  color: #fff;
}

.ui-button.ui-button-danger.ui-state-hover {
  background: #c9302c;
  border-color: #ac2925;
  color: #fff;
}

.ui-button.ui-button-success {
  background: #5cb85c;
  border-color: #4cae4c;
  color: #fff;
}

.ui-button.ui-button-success.ui-state-hover {
  background: #449d44;
  border-color: #398439;
  color: #fff;
}

.ui-widget-overlay {
	background: #000000;
	opacity: 0.5;
}

.ui-widget .ui-widget-content li {
	list-style-type: none;
}

.nowrap {
  white-space: nowrap;
}

h1 { font-size: 2.0em; margin: 1.3em 0; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }

h1.title {
	margin-top: 20px;
}

h2, h3, h4, h5 { margin: 0.3em 0; }

a {
	color: var(--kt-primary-color);
}

a.kursdetailslink,
a.kurs_id,
a.detailslink,
a.tninfolink,
a.dozinfolink {
  text-decoration: underline ;  
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}  

/*----------------------------*/
/* Header                        */
/*----------------------------*/

header .container {
  padding: 1.5em 0;
}

/*----------------------------*/
/* Nav                            */
/*----------------------------*/

#skip-link-container {
  position: absolute;
  overflow: hidden;
  background-color: var(--kt-primary-color);
  font-size: 0;
  top: -100px;
  padding: 10px;
  z-index: 100;
  border-bottom-right-radius: 5px;
}

#skip-link-container:focus-within {
  top: 0;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover {
	background-color: var(--kt-primary-color);
}

nav, footer, .dialog-active {
  background-color: var(--kt-primary-color);
  color: #FFFFFF;
}

nav .dropdown-menu a {
  color: #FFFFFF;
}

/*@media (min-width: @screen-md-min) { */
@media (min-width: 992px) { 
  nav .container {
    padding: 0;
  }
  
  nav .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) { 
  nav .dropdown-menu a {
    color: #000000;
  }
}
  
nav a {
  color: #FFFFFF;
}
span.icon-bar {
  background-color: #FFFFFF;
}

label.control-label,
.label-like.control-label {
	padding-top: 9px;
}

.label-like {
  font-weight: 700;
  margin-bottom: 5px;
  max-width: 100%;
  display: inline-block;
}

legend.label-like {
  font-size: 1em;
  border: none;
}

#actions .btn {
  margin-right: 0.5%
}

.form_nichtbearbeitbar {
	background-color: #EEEEEE;
	color: #909090;
  min-height: 34px; /*Nötig für leere Felder*/
  height: auto; /* Nötig für mehrzeilige Felder */
} 

/*  Pflichtfelder gesondert kennzeichnen                       */
.form_mandatory, .form_mandatory_empty_string_ok {
       border-color: #f7bec1; 
       box-shadow: 0 0 5px #f7bec1 /*  rgba(102,175,233,0.6) */ inset;
       outline: 0 none;
}

input[type="checkbox"].form_mandatory {
  border-color: #f74e41;
}

.nomargin {
  margin: 0;
}

/*----------------------------*/
/* Section (Content)          */
/*----------------------------*/

main {
  min-height: 52vh;
}

.kursliste {
  position: relative;
}

@media (max-width: 768px) { 
  .collapse-xs {
    display: none;
  }
  
  #actions {
    background-color: #FFFFFF;
    border: 1px solid #FF0000;
    border-radius: 8px;
    position: absolute; 
    right: -25px; 
    top: 0;
    width: 250px;
    padding: 15px;
    transform: translateX(200px);
    transition-duration: 1s;
  }
  
  
  .collapse.width {
    transform: translateX(20px);
    transition-duration: 1s;
  }  
  
  #actions button {
    display: block;
	width: 75%;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 5px;
  }
}
 

.freitext {
  margin-bottom: 20px;
}

 
/*----------------------------*/
/* Footer                            */
/*----------------------------*/

footer {
  padding: 30px 0;
  margin-top: 50px;
}

.col1 {
  width: 150px;
}

footer a {
	color: #FFFFFF;
}

footer a:hover, footer a:focus {
	text-decoration: underline;
	color: #FFFFFF;
}

footer .footerlinks {
  text-align: left;
}

@media (min-width: 768px) {
 footer .footerlinks {
     text-align: right;
  }
}

/*---------------------------------------*/
/* Formatierung für Hinterlegungsbuttons */
/*---------------------------------------*/
.hinterlegung_button {
  font-size: 14px !important;
}

/*----------------------------*/
/* Kursdetails                            */
/*----------------------------*/

.btn-default {
  border-color: #999;
  background-color: #F1F1F1;
}

.btn-default:hover {
	background-color: #E5E5E5;
}

.btn-success {
  border-color: #198754;
  background-color: #198754;
}

.btn-success:hover {
  border-color: #146c43;
  background-color: #157347;
}

.btn-danger {
  border-color: #dc3545;;
  background-color: #dc3545;
}

.btn-danger:hover {
  border-color: #bd2130;;
  background-color: #c82333;
}

.kursactions {
/*	background: #e5e5e5; 
	border: 1px solid #e5e5e5;
	border-radius: 4px; */
	padding: 10px 0;
	margin-top: 20px;
}

.nobutton {
background-color: transparent;
border: none;
}

.kt-data {
  font-weight: 700;
}

.kt-datapart {
  border: 1px solid #CCCCCC;
  padding: 15px;
  position: relative;
}

.kt-large {
	font-size: 2em;
	font-weight: bold;
}

.kt-min {
	color: #009900;
}

.kt-max {
	color: #CC0000;
}

.kursactions-inner {
  margin: 15px -15px -15px;
  border-radius: 0;
	
}

/* im Teilnehmer Reiter */
a.invalidMailLink { cursor: auto; text-decoration: blink;}

/*----------------------------*/
/* Sammel Email Formular      */
/*----------------------------*/

.anhaenge     { margin-bottom: 10px;  margin-top: 15px;}
.anhang_label, .foto_upload_label,
.anhang_clear, .foto_clear, .portrait_foto_clear, .portrait_foto_loeschen_button, .portrait_foto_doch_nicht_loeschen_button, .portrait_foto_in_bearbeitung_loeschen_button, .portrait_foto_in_bearbeitung_doch_nicht_loeschen_button {  margin-bottom: 10px; margin-right: 10px;}
.portrait_foto_loeschen_button, .portrait_foto_doch_nicht_loeschen_button, .portrait_foto_in_bearbeitung_loeschen_button, .portrait_foto_in_bearbeitung_doch_nicht_loeschen_button { font-size: 14px !important; }
.anhang_clear, .foto_clear, .portrait_foto_clear, .portrait_loeschen_meldung, .portrait_foto_doch_nicht_loeschen_button, .portrait_foto_in_bearbeitung_doch_nicht_loeschen_button { display: none; }
.foto_img {max-height: 150px; max-width: 100%;}
.foto_wiederherstellen {display: none;}

.anhangclass::file-selector-button,
.portrait_foto_input::file-selector-button,
.foto_input::file-selector-button {
  /* Von Bootstrap btn übernommen */
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /* Von Bottstrap button-primary übernommen */
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.anhangclass::file-selector-button:hover, .anhangclass::file-selector-button:focus,
.portrait_foto_input::file-selector-button:hover, .portrait_foto_input::file-selector-button:focus,
.foto_input::file-selector-button:hover, .foto_input::file-selector-button:focus {
  /* Von Bootstrap .btn:hover und .btn-primary:hover übernommen */
  text-decoration: none;
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

/* Eigenschaft für die Anzeige der Größe einer angehängten Datei*/
.datei_groesse_green, .datei_groesse {
  color: green;
}
.datei_groesse_red, .farbe_rot {
  color: red;
}
.abstand_zu_inputfile {
  padding-left:50px;
}
.summe_groesse, .remove {
  margin: 20px;
}

/*-----------------------------*/
/* SMS an Hausmeister Formular */
/*-----------------------------*/

.smsKursortForm .hinweis {
  margin-bottom: 5px;
}

.smsgrafik {
  font-size: 14px;
}

/*----------------------------*/
/* Formular                   */
/*----------------------------*/

.kt-textcontainer p {
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #E0E0E0;
}

.kt-formlabel, .kt-input {
	padding: 10px 0;	
}

.teilnehmerdetails_zeile,
.dozentenportrait_zeile, details_zeile {
  display: inline-block;
  width: 99%;
  vertical-align: top;
}

@media (min-width: 768px) {
  .teilnehmerdetails_zeile,
  .dozentenportrait_zeile {
    display: inline-block;
    width: 49%;
  }
  
  .teilnehmerdetails_zeile.teilnehmer_ausbilder,
  .teilnehmerdetails_zeile.teilnehmer_ausbildung_ausbildungsschablone {
    width: 99%;
  }

  .details_container {
    display: grid;
    /*
    Erste Spalte (Label) soll klein sein, aber eine Mindestbreite haben, falls nur kurze Wörter im Label sind,
    2. Spalte (Content) soll groß sein. Durch das minmax ragt es nicht über das Panel hinaus, sondern bricht um. */
    grid-template-columns: minmax(15%, min-content) minmax(0, 35%) minmax(15%, min-content) minmax(0, 35%);
    grid-column-gap: 15px;
    justify-content: stretch;
  }

  .details_zeile {
    /*
    Bewirkt, dass dieses HTML-Element so gerendert wird, als wenn die Kind-Elemente direkt im parent sind.
    Wichtig, damit Grid diese korrekt anordnet.
    */
    display: contents;
  }
}

.foto_pfoto_inArbeit > img, .foto_pfoto > img,
#dozentenPortraitBearbeitenForm img {
  max-width: 100%;
  height: auto;
}

.teilnehmerdetails_zeile.formular {
  margin-bottom: 0;
}

.loader_overlay {
  background-color: #AAA;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  cursor: wait;
  z-index :99999;
  top:0px;
  left:0px;
  
  position: fixed ;
  width: 100% ;
  height: 100% ;
}

.loader_spinner {
  background: url("../img/ajax-loader.gif") no-repeat center center transparent;
  width:100%;
  height:100%;
}

.loader_overlay.partial {
  position: absolute;
  min-height: 20px;
}

.reload_captcha {
  margin-left: 12px;
}

.reload_captcha_icon {
  vertical-align: middle;
  cursor: pointer;
}

.tedit_captcha {
  width: 140px;
}

.reminder_formrow {
  margin-bottom: 20px;
}

.input-group-addon:first-child {
	min-width: 40px;
}

.kursvorschlag_zeile,
.anmeldung_zeile,
.newsedit_row,
.formular_zeile,
.formular  {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Error highlighting for checkboxes */
.checkbox input.form_error,
input.form_error.checkbox,
.formular_checkbox.form_error {
  box-shadow: 0 0 0 1px red;
}

/*----------------------------*/
/* Login                      */
/*----------------------------*/

.main-center {
	max-width: 400px;
	margin: 0 auto;
}

.captcha_login {
  margin-bottom: 20px;
}

/*----------------------------*/
/* Buttonleiste               */
/*----------------------------*/

.buttonleiste {
	margin: 35px 0;
  position: relative;
}

.buttonleiste.buttonleiste_in_reiter {
  margin-bottom: 0;
}

.buttonleiste.buttonleiste_in_pdf_dialog {
  margin-bottom: 0;
  margin-top: 0;
}

.buttonleiste :is(button, a.btn),
.kursactions :is(button, a.btn),
.fa_storno_buttons :is(button, a.btn),
.panel-footer :is(button, a.btn) {
  margin: 2.5px 0 2.5px 0;
}

.buttonleiste .search_blak_kriterien_button.active,
.buttonleiste .search_other_kriterien_button.active {
  font-weight: bold;
}

.buttonleiste .search_blak_kriterien_button {
  color: #FF0000;
}

.buttonleiste .search_other_kriterien_button {
  color: #0000FF;
}

.buttonleiste .uebersicht_back_button {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 768px) { 
  button.collapse-button {
          line-height: 20px;
          margin: 5px 5px 5px 0;
  }
}

.btn-group .btn {
  margin-right: 0;
}

.table:not(.table_aria) :is(.dozent, .honorar, .kurs, .teilnehm, .termin, .kurstag, .download, .teilnehmAnw, .verhalten, .unterrichtsmittel, .material, .teilnehmAnmel, .medien, .datdoc, .anwesenheit, .email, .honorarabnahme).table_row:first-of-type,
.table.table_uebersicht:not(.table_aria) .table_row:first-of-type {
	display: none;
}

.table_uebersicht .table_buttons button {
  margin-bottom: 5px;
}

.teilnehmAnmel.table_row {
	margin-bottom: 25px;
}

  
.table .table_content {
  display: inline-block;
}

.table .table_cell {
  margin-bottom: 10px;
}

.table .table_label {
  margin-bottom: 0;
}

.table.table_aria .table_row:first-of-type {
  position: absolute;
  left: -9999px;
  top: -9999px;
  clip: rect(1px,1px,1px,1px);
}

.table.table_aria .table_row:first-of-type .table_label {
  display: inline-block;
}

@media (min-width: 768px) {
  .table:not(.table_aria),
  .table.table_aria {
    display: table;
  }
  .table:not(.table_aria) .table_row:is(.dozent,.honorar,.kurs,.teilnehm,.termin,.kurstag,.download,.teilnehmAnw,.verhalten,.unterrichtsmittel,.material,.teilnehmAnmel,.medien,.datdoc,.anwesenheit,.email,.table_uebersicht,.honorarabnahme, .teilnehmExtraAnw, .teilnehmExtraAnwFooter, .fa_ma_head, .fa_ma_zeile),
  .table.table_aria .table_row {
    display: table-row;
  }
  .table:not(.table_aria) .table_cell,
  .table.table_aria .table_cell {
    display: table-cell;
    padding: 5px;
    vertical-align: top;
  }

  .teilnehmAnw .table_cell {
    vertical-align: middle;
  }

  .table:not(.table_aria) .table_content,
  .table.table_aria .table_content {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  td.content {
	text-align: right;
  }
  
  th.content {
	text-align: right;
  } 
  
  .table_label {
    display: none;
  }

  /* Specificity */
  .table:not(.table_aria) .table_row:is(.dozent,.honorar,.kurs,.teilnehm,.termin,.kurstag,.download,.teilnehmAnw,.verhalten,.unterrichtsmittel,.material,.teilnehmAnmel,.medien,.datdoc,.anwesenheit,.email,.table_uebersicht,.honorarabnahme, .teilnehmExtraAnw, .teilnehmExtraAnwFooter):first-of-type,
  .table.table_aria .table_row:first-of-type {
    display: table-row;
    font-weight: bold;
  }

  .table:not(.table_aria) .table_row:first-of-type .table_label,
  .table.table_aria .table_row:first-of-type .table_label {
    display: inline-block;
    width: 100%;
  }

  .table.table_aria .table_row:first-of-type {
    position: static;
    left: 0;
    right: 0;
    clip: auto;
  }

  .table:not(.table_aria) .table_row:first-of-type .table_content,
  .table.table_aria .table_row:first-of-type .table_content {
    display: none;
  }
}

@media (max-width: 768px) {
  .dozent.table_row,
  .honorar.table_row,
  .kurs.table_row,
  .teilnehm.table_row,
  .termin.table_row,
  .kurstag.table_row,
  .download.table_row,
  .teilnehmAnw.table_row,
  .teilnehmExtraAnw.table_row,
  .verhalten.table_row,
  .material.table_row,
  .unterrichtsmittel.table_row,
  .medien.table_row,
  .datdoc.table_row,
  .anwesenheit.table_row,
  .email.table_row,
  .table_uebersicht .table_row {
		border: 1px solid #DDDDDD;
		border-radius: 4px;
		margin-bottom: 15px;
		background-color: #F8F8F8;
		padding: 10px 10px 5px 30px;
	}

  /*
    Für die Panel-Darstellung der Tabelle auf kleinen Bildschirmen müssen die Farben leider neu definiert werden,
    da sonst die oben angegebene Standard-Hintergrundfarbe gewinnt, selbst wenn die Klasse bg-info zusätzlich angegeben ist
   */
  .table_uebersicht .table_row.bg-info {
    background-color: #d9edf7;
  }

  .table_uebersicht .table_row.bg-warning {
    background-color: #fcf8e3;
  }

  .table_uebersicht .table_row.bg-danger {
    background-color: #f2dede;
  }

  .table_uebersicht .table_row.bg-primary {
    background-color: #337ab7;
  }

  .table_cell.hide_empty {
    display: none;
  }
    .dozent_zeile.table_cell:first-of-type,
	.teilnehm_zeile.table_cell:first-of-type,
    .material_zeile.table_cell:first-of-type,
	.termin_zeile.table_cell:first-of-type,
    .kurstag_zeile.table_cell:first-of-type,
        .bankverbindung_zeile.table_cell:first-of-type {
		position: absolute;
		left: 25px;
	}
	label.table_label,
    span.table_label,
    div.table_label {
      display: inline-block;
      min-width: 90px !important;
	}
        .teilnehmAnw label.table_label, .teilnehmAnmel label.table_label {
          margin-right: 10px;
        }
        
        .betroff_tn label.table_label,
        .einzel_verhalten label.table_label {
          width: 210px;
        }
        .betroff_tn label.table_label {
          margin-top: 10px;
        }
  .download_zeile label.table_label {
    min-width: 130px !important;
  }
  .verhalten.table_row > .bearbeiten, .unterrichtsmittel.table_row > .bearbeiten {
    margin-top: 10px;
  }
  
  .table_header {
    display: none;
  }
  
  /* Firmenabmeldung Inlingua München */
  .fa_storno {
    margin-bottom: 30px;
  }
  .fa_storno_zeitraum {
    margin-bottom: 30px;
  }
  .fa_storno_zeitraum_ganzkurs {
    margin-top: 0;
  }
  
}

.table.termin_abrechnen_bergische .table_cell.termin_zeile_normal,
.table.kurstag_abrechnen_bergische .table_cell.termin_zeile_normal {
  vertical-align: middle;
}

.table.termin_abrechnen_bergische .kurstag_betrag.disabled,
.table.kurstag_abrechnen_bergische .kurstag_betrag.disabled {
  color: #777777;
}

/*----------------------------*/
/* Seite blättern             */
/*----------------------------*/

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	background-color: var(--kt-primary-color);
	border: 1px solid var(--kt-primary-color);
}

.pagination>li>a, .pagination>li>span {
	color: var(--kt-primary-color);
}

/*
 * Row with equal height columns (Nur IE10 und größer)
 * -----------------------------------------------------
 */
.row-eq-height,
.eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  align-items: flex-start;
}

.toolTipWrapper, .toolTipWrapper2 {
  z-index:2;
  display: none;  
  position: absolute; 
  max-width: 320px;
  max-height: 320px;
  overflow: visible;  
  background-color: #FFF; 
  border: 1px solid #B2B2B2;
}

.toolTipWrapper2 > img {
  max-width: 320px;
  max-height: 320px;
}

/* Aktuelle Nachrichten */

.newsedit_row {
  margin-top: 5px;
}

.newsedit_buttons {
  margin-top: 25px;
}

.search_wochentage {
  margin-bottom: 2px;
  padding-top: 7px;
}

/**
* Termine nach Outlook Dialog
**/
.terminbereich #terminvon,
.terminbereich #terminbis {
  display: inline-block;
  width: 92px; /*fester Pixel-Wert damit das Datum komplett angezeigt wird.*/
}

/**
* Upload-Dialog im Reiter downloads
**/
#detailsDokumente #detail_kosten_dokumente {
  display: inline-block;
  width: 90%
}

#detailsDokumente #detail_freigabenoetig_dokumente {
  width: auto;
}

#detailsDokumente .form-row {
  margin-top: 10px;
}

#detailsDokumente #detail_original_dokumente {
  height: auto;
}

#detailsDokumente .freigabeAnzeige {
  display: block;
  margin-bottom: 10px; 
  padding: 6px 12px;
  color: #FF0000;
  font-weight: bold;
  min-height: 30px;
}

div.detail_origdoku span {
    font-size: 12px;
    color: #FF0000;
}

.dokumenteUploadRow {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Kursausfall setzen Dialog */
.raum_freigeben_kurstage {
  padding-left: 17px;
}

/* Filter Lehrplan */

.datebuttons button {
  margin-top: 5px;
}

#heute, #morgen {
  width: 70px;
}

#diesewoche, #naechstewoche {
  width: 110px;
}

#diesenmonat, #naechstenmonat {
  width: 120px;
}

/* Filter Reiter Termine
#termineDatumZwischen,
#termineUhrzeitZwischen {
  margin-top: 10px;
}**/

/* Filter Reiter Journal (TN) */
#nichtalleZeitenjournal {
  margin-top: 10px;
}

#termineDatumVon, #termineDatumBis,
#termineUhrzeitVon, #termineUhrzeitBis,
#journalvon, #journalbis {
  display: inline-block;
  width: 90px;
}

#raum_termineDatumVon, #raum_termineDatumBis,
input#grafik_datvon, input#grafik_datbis,
input#grafik_starttime, input#grafik_endtime {
  display: inline-block;
  width: 110px;
}

.grafik_datum input#grafik_datvon, .grafik_datum input#grafik_datbis,
.grafik_uhrzeit input#grafik_starttime, .grafik_uhrzeit input#grafik_endtime {
  display: inline-block;
  width: 120px;
}

@media (max-width: 410px) {
  #termineDatumVon, #termineDatumBis,
  #termineUhrzeitVon, #termineUhrzeitBis,
  #raum_termineDatumVon, #raum_termineDatumBis,
  input#grafik_datvon, input#grafik_datbis,
  input#grafik_starttime, input#grafik_endtime,
  #journalvon, #journalbis {
    display: block;
    margin-top: 5px;
  }
}

/*Darstellungsfehler im grafischen Belegungsplan behoben*/
#worueck {
  min-width: auto;
}

/* Sammeländerung von Terminen */

.form-inline input.ue, .form-inline input.minuten, .form-inline input.pause {
  width: 60px;
}

input.uhrzeit {
  width: 70px;
}

#wt_kt_changeDate_val {
  display: inline-block;
  width: 60px;
}

#wt_kt_changeMinuten,
#wt_kt_changePause      { font-weight:400; width: 60px; }
#wt_kt_changePause      { margin-left: 10px;}

i.uMittelBearbeiten, i.uMittelLoeschen, i.verhaltenBearbeiten, i.verhaltenLoeschen {
  font-size: medium;
  cursor: pointer;
}

#verhaltenBearbeiten, #umittelBearbeiten {
  margin-right: 10px;
}

table.hinterlegung.anwbemerkung tr.waehlbar {
  cursor: pointer;
}

table.hinterlegung.anwbemerkung tr.waehlbar:hover {
  background-color: #d9edf7;
}

.anwbemerkungHighlighted {
    background: #66CCFF;
}

table.hinterlegung.anwbemerkung {
  margin: .5em 1em;
}

table.hinterlegung.anwbemerkung>tbody>tr.active>td, table.hinterlegung.anwbemerkung>tbody>tr.active>th {
  background-color: #66CCFF;
}

table.hinterlegung.anwbemerkung>tbody>tr>td, table.hinterlegung.anwbemerkung>tbody>tr>th {
  border-top: none;
}

.anw_status_select, .anw_extra_status_select, .anw_status_select option, .anw_extra_status_select option,
.anw_status_alle_setzen_select option, .dialog_anw_select, .dialog_anw_select option {
  color: black;
  font-weight: bold;
}

.dialog_anw_select option {
  font-size: 12px;
}

.anw_status_alle_setzen_select {
  display: inline-block;
  max-width: 150px;
}

.table_cell .form-control, .anw_bemerkung_mit_hl, .anw_extra_bemerkung_mit_hl  {
  min-width: auto;
  display: inline;
}

.anw_bemerkung_mit_hl .anw_status_optionen,
.anw_extra_bemerkung_mit_hl .anw_status_optionen {
  min-width: 100px;
  width: auto;
}


.arbeitsbericht, .uegehalten, .lehrinhalt {
  margin-bottom: 30px;
}

#lbgehue, #lbgehueminuten, #lbklassenbuchgrund {
  padding-left: 36px;
}

.uegehalten .radio {
  margin-left: 1px;
  margin-top: 0;
}

#hlIlStufe, #hlIlUnit, #hlIlKeypoint, #hlLwHausarbeit {
  position: absolute;
  font-size: 27px;
  color: #555;
  top: -2px;
  right: 20px;
  cursor: pointer;
}

.back_link_kursdetails, .back_link_raumdetails {
  float: right;
}

.kursdetails_blaettern_next {
  float: right;
}

@media (max-width: 768px) {
  .back_link_kursdetails, .back_link_raumdetails {
    float: none;
    margin-bottom: 10px;
  }
  
  .kursdetails_blaettern_next {
    float: none;
    margin-right: 10px;
  }
}

@media (min-width: 768px) {
  .collapse-xs {
    height: auto !important;
    display: block !important;
  }
}

@media (max-width: 768px) {
  .hide-xs {
    display: none !important;
  }

  .hide-xs-show-screenreader {
    position: absolute !important;
    left: -9999px;
    top: -9999px;
    clip: rect(1px,1px,1px,1px);
  }
}

@media (max-width: 768px) {
  .ui-dialog {
    left: 3% !important;
    width: 93% !important;
  } 
}

@media (max-width: 768px) {
  #dialogTermineFilter {
    /* min-width: */
  }
}

@media (min-width: 768px) {
  #dialogTermineFilter,
  #dialogAnwesenheitenFilter,
  #dialogJournalFilter {
    min-width: 550px;
  }
}

@media (min-width: 768px) {
  #dialogTerminKalenderTn {
    max-width: 550px;
  }
}

@media (min-width: 768px) {
  #dialogTeilnehmerFilter {
    min-width: 550px;
  }
}

.galleria-container {
  background-color: #FFF;
}

#foto_gallery img {
  margin: 20px;
  max-width: 96%;
}

.form_error {
  background-color: #f7bec1;
}

.errorFields {color: #FF0000;}

/* Ausnahme für Gesamtgröße Fehlermeldung beim Anhänge*/
.datei_groesse_red .form_error { 
  background-color: transparent;
}

.toolTip {
  background: #d9edf7 !important;
  border: 1px solid #bce8f1;
  border-radius: 4px;
  color: #31708f;
}

.anmeldenButton_tooltip {
  background-color: #fff !important;
  white-space: pre-line;
}

.toolTip .toolTipLbl {
  font-weight: bold;
}

.toolTip .toolTipCnt {
  
}

/*-----------------------------*/
/* Date Picker Bootstrap Style */
/*-----------------------------*/

.ui-datepicker {
  background-color: #fff;
  border: 1px solid #66AFE9;
  border-radius: 4px !important;
  box-shadow: 0 0 8px rgba(102,175,233,.6);
  display: none;
  margin-top: 4px;
  padding: 10px;
  width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
  text-decoration: none;
  border: none;
  background: none;
  color: initial;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
  color: #2A6496;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
  margin-bottom: 4px;
  text-align: center;
  position: relative;
  padding: initial;
  border: none;
  background: none;
  font-weight: inherit;
  color: inherit;
}
.ui-datepicker .ui-datepicker-title {
  font-weight: 700;
  margin: 0 2.3em;
  line-height: initial;
  color: inherit;
}
.ui-datepicker table {
  font-size: 1em;
  border-collapse: initial;
  margin: auto;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 20px;
  line-height: 1;
  margin-top: 2px;
  width: 30px;
  position: initial;
  top: initial;
}
.ui-datepicker .ui-datepicker-prev {
  float: left;
  text-align: left;
  left: initial;
  position: initial;
  top: initial;
}
.ui-datepicker .ui-datepicker-next {
  float: right;
  text-align: right;
  right: initial;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\e080";
}
.ui-datepicker .ui-icon {
  display: none !important;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
  width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  padding: 4px 0;
  border: solid 1px #FFFFFF;
}
.ui-datepicker .ui-datepicker-calendar td {
  border-radius: 4px;
  -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
  background-color: #eee;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
  text-decoration: none;
  display: initial;
  padding: 0;
  text-align: initial;
  border: none;
  background: none;
  font-weight: normal;
  color: initial;
}
.ui-datepicker .ui-datepicker-current-day {
  background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
  color: #fff !important;
  border: none;
  background: none;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
  background-color: #fff;
  cursor: default;
}

.ui-widget-content .ui-priority-secondary {
    opacity: 1;
    font-weight: bold;
}

.light-transparent-background {
  background-color: rgba(255,255,255,0.6);
  padding: 5px;
  border-radius: 3px;
}

/* Die Legende für die Felder mit Status-Farben als Tooltip */

.status_legende_colorSpan {
  position: relative;
  top: 2px;
  margin-right: 10px;
}

.status_legende_colorSpan,
ul.setting_status_farbe li .setting_setColor {
  background-color: #FFFFFF;
  display: inline-block; 
  width: 13px; 
  height: 13px;
  border: 1px solid #000000;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

ul.status_legende_list {
  list-style-type: none;
  padding-left: 0;
}

ul.status_legende_list li {
  padding: 2px;
  margin: 3px 0 0 0;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
ul.status_legende_list li.active {
  background-color: #DDDDDD;
}

ul.fachbereich, ul.einsatzbezirke, ul.wss_list {
  list-style-type: none;
  padding-left: 20px;
  padding-left: 0;
}

/* Tooltips für Eingabefelder von SightBuilder */
.ui-tooltip.ui-widget-content { background-color: #EEEEEE; }
.ui-tooltip.ui-widget-content.sightbuilderformToolTip,
.ui-tooltip.ui-widget-content.box { background-color: transparent; border: none; box-shadow: none; }

/*Hinterlegungsdialoge*/
.hlzeile_abstand tr td {
  padding: 5px 5px 5px 0;
}

.hlzeile_abstand .hlzeile_search_div {
  display: flex;
  flex-direction: row;
}

.hlzeile_abstand .hlzeile_search_div > * {
  display: inline;
  margin-right: 3px;
}

.hinterlegung_content, button.hinterlegung_content_add {
  width: 100%;
  text-align: left;
}

button.hinterlegung_content_add {
  font-size: 1.45em;
}

/* MN-Liste für Kooperationspartner */
.mnlabel {
  width: 160px;
}

.mnzeile.mnhighlight {
  font-weight: bold;
}

/* MN-Liste für Kurstag_Medien */
.blockimg {
  padding: 2px;
  width: 5%;
}

.medienupdatelabel {
  width: 80px;
}

.kurstag_medien.read_only {
  background-color: #eeeeee;
}

.persDaten_freeField {
  margin-top: 20px;
}

#dialog_hl_faecher input, #dialog_hl_info_felder input,
#dialog_hl_medien input {
  margin-right: 5px;
}

.kursAnpassen .kursAnpassen_bezeichnung {
  margin-bottom: 10px;
}

.kursAnpassen .text_alt,
.kursAnpassen .text_neu {
  padding-top: 9px;
}

.kursAnpassen .input_alt {
  margin-bottom: 10px;
}

.download.download_nicht_freigegeben {
  background-color: #e9e9e9;
}

.downloads .download:first-child {
  background: none;
}

.download_nicht_uebertragen,
.download_uebertragen_nicht_freigegeben {
  color: #a1a1a1;
}

#dokumentWeb_darstellungWeb a { 
  font-weight: bold; 
  text-decoration: none; 
}

.anw_ktueb_datum {
  display: inline-block;
  width: 110px;
  position: relative;
  top: 2px;
}

.anw_ktueb_buttons form {
  display: inline-block;
}

.anw_bemerkung_mit_hl, .anw_extra_bemerkung_mit_hl {
  position: relative;
}

.anw_bemerkung_hl, .anw_extra_bemerkung_hl {
  position: absolute;
  font-size: 27px;
  color: #555;
  top: -12px;
  right: 5px;
  cursor: pointer;
}

.hlverhalten {
  font-size: 22px;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: var(--kt-table-hover-background);
}

#notenbackbtn {
  margin-top: 10px;
}

select.noteEditfeld:disabled {
  color: rgb(169, 169, 169);
}

label.nicht_beurteilt {
  margin-left: 4px;
}

/* Raumart Hinterlegung Dialog für Hausmeisterlisten */

#raumart_div ul, #hldialog ul {
  /* position: absolute; */
  top: 100%;
  left: 0;
  z-index: 1000;
  /* display: none; */
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
}

#raumart_div ul li.raumart_header, #hldialog .hldialog_header {
  display: block;
  font-size: 12px;
  color: #777;
  white-space: nowrap;
}

#raumart_div ul li:not(.raumart_header):hover, #hldialog li:not(.hldialog_header):hover {
  background-color: #f5f5f5;
}

#raumart_div ul li:not(.raumart_header), #hldialog li:not(.hldialog_header) {
  padding: 3px 20px;
}

#raumart_div ul li a, #hldialog ul li a {
  text-decoration: none;
  cursor: pointer;
  display: block;
  clear: both;
  white-space: nowrap;
}

/* HM Tool Raumbelegung reiter-termine, details */
.hm_termine.fa-search-plus {
  font-size: 120%;
}

ul#raum_filter {
  padding-left: 15px;
}

.kommunikation_emailgrafik > a {
  color: #337ab7;
}

.ui-dialog-buttonset #rgrafikclosebtn > .ui-button-icon-primary {
  left: .8em;
}

.table-responsive>.fixed-column {
  position: absolute;
  display: inline-block;
  width: auto !important;
  border-right: 1px solid #ddd;
  overflow: hidden;
}

table.grafik_table thead tr {
  display: block;
}

table.grafik_table td:not(:first-child), table.grafik_table th:not(:first-child) {
  width: 68px;
}

table.grafik_table tbody {
  display:block;
  max-height:400px;
  overflow-y: auto;
  overflow-x: hidden;
}

.grafik_table tr > td:first-child {
  background-color: #f9f9f9;
}

table.grafik_table tr>th, table.grafik_table tr>td {
  border: 1px solid #ddd;
}

table.grafik_table td, table.grafik_table th:first-child {
  min-width:68px;
  display: table-cell;
  white-space: nowrap;
}

table.grafik_table td > div:not(.raumreservierung_reservieren_formular_div) {
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  /* Standard fuer alle Browser ausser IE */
  height:100%;
}

/* Spezieller Hack  für IE (IE9 - IE11) */
@media screen and (min-width:0\0) {
  table.grafik_table td > div {
    height: auto; 
  }
}

.grafik_table>tbody>tr>td {
  padding: 0;
  height: 50px;
}

.grafik_table .timestep {
  position: relative;
}

.grafik_table tr td:first-child {
  padding: 5px 0 10px 5px;
}

.grafik_buttons .grafik_datebuttons #heute, .grafik_buttons .grafik_datebuttons #morgen {
  width: 75px;
  margin: 3px;
}

.grafik_buttons .grafik_datebuttons #diesewoche, .grafik_buttons .grafik_datebuttons #naechstewoche {
  width: 128px;
  margin: 3px;
}

.grafik_buttons .grafik_datebuttons #diesenmonat, .grafik_buttons .grafik_datebuttons #naechstenmonat {
  width: 133px;
  margin: 3px;
}

.grafik_table .raumgrafikTimeevent {
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
  z-index: 2;
  position: absolute;
}

.table-responsive.grafik_table {
  margin-bottom: 80px;
  margin-top: 40px;
}

#hm_stundenplan .stdplan_datbereich #datbereich_von, #hm_stundenplan .stdplan_datbereich #datbereich_bis {
  width: 100%;
}

.journal .journal_summe {
  width: 120px;
}

/* Honorarrechnungsstellung (nur MVHS) */
.rs_abrechnung table {
  width: 100%;
}

.rs_abrechnung .bezeichnungHonGesamt {
  font-weight: bold;
  margin-left: 10px;
}

.rs_abrechnung th {
  padding-left: 5px;
}

.rs_kurs, .rs_termine, .rs_teilabrechnung, .rs_abrechnung, .rs_anmerkung {
  margin-bottom: 20px;
}

.ui-tooltip.ui-widget-content.rsToolTip { background-color: transparent; border: none; box-shadow: none; white-space: nowrap; padding: 0 }

/* Stornomeldung beim erfolgreiche Stornierung durch TN */
.storno_best_msg {
  margin-top: 20px;
}

/**form#tn_anmeld.form-inline .form-group > label {
  margin:5px 5px !important;
}**/

#anmeld_categoryList {
  margin-top: 25px;
  margin-bottom: 10px;
}

ul.treeviewList {
  margin-left: 10px;
}

#anm_suche_h {
  margin-bottom: 15px;
}

.form-group.tn_anmeld, .form-group.tn_anmeld2 {
  margin-bottom: 15px;
}

.form-group.tn_anmeld > label {
  /**  float: left;**/
    width: 160px;
   /** text-align: right;**/
    padding-right: 10px;
    margin-left: 10px;
}

.form-group.tn_anmeld2 > label {
  /**  float: left;**/
    width: 80px;
    padding-right: 10px;
    margin-left: 10px;
}

.form-group.tn_anmeld > input,
.form-group.tn_anmeld > select {
    min-width:230px;
}

.infotextAnmeldungBLAK {
    text-align: right;
}

.form-group.tn_anmeld2 {
    vertical-align: top;
}

.form-group.tn_anmeldcheck {
    margin-bottom: 20px;
}

/* Wird auf der Einstiegsseite für Tool Neue Anmeldung Teilnehmer verwendet */  
#search_only_elearning_kurse {
    max-height: 14px;
    margin-right: 10px;
}

.radiokriterien {
  margin-top: 20px; margin-bottom: 20px;
}

.tn_anmeld_blak_suchkriterien > label {
    margin-left: 10px;
}

.tn_anmeld_blak_suchkriterien  .radio > label {
    margin-left: 15px;
}

.tn_anmeld_blak_suchkriterien .search_blak_kriterien {
    margin-right: 5px;
}

.tn_anmeld_blak_suchkriterien {
    margin-bottom: 15px !important;
}

/* Wird im Kursfilter Dialog zur Kursuebersicht für Tool Neue Anmeldung Teilnehmer verwendet */  
.filter_only_elearning_kurse {
   padding-top: 7px;
}

@media (min-width: 768px) {
    .form-group.tn_anmeldcheck  {
      /* width:auto; */
      margin-left: 20px; 
    }
}

@media (max-width: 991px) {
  .form-group.tn_anmeldcheck input#search_only_elearning_kurse {
   position: relative;
   vertical-align: bottom;
   max-width: 14px;
  }
}
  
 .form-group.tn_anmeldcheck > label {
   width: 230px; 
}

/* Mitarbeitertools Reiter Mitveranstalter */
.mv_row {
  margin-bottom: 10px;
}

.mv_label {
  display: inline-block;
  width: 200px;
}

.mv_tn {
  display: inline-block;
}

.mv_button {
  font-size: 1.5em;
  cursor: pointer;
  position: relative;
  top: 2px;
}

.mv_gesamt_zahl {
  display: inline-block;
  width: 50px;
  text-align: right;
}

.mv_button_plus {
  color: #5cb85c;
}

.mv_button_minus {
  color: #d9534f;
}

.mv_gender,
.mv_location {
  font-size: 1.2em;
}

.mv_gender {
  display: inline-block;
  width: 11px;
}

.mv_location {
  display: inline-block;
  width: 17px;
  text-align: center;
}

.mv_gender_male {
  color: var(--kt-primary-color);
}

.mv_gender_female {
  color: #D9534F;
}

.mv_location_away {
  color: #5CB85C;
}

.mv_change,
.mv_gesamt {
  font-weight: bold;
}

.mv_change {
  width: 50px;
  text-align: right;
  margin-left: 5px;
}

.mv_count {
  display: inline-block;
  width: 45px;
  text-align: right;
  margin-right: 20px;
}

/* Drag&Drop-Felder in Formularen */
.formular_checkbox {
  width: auto;
  height: auto;
  margin-left: 5px !important;
}

.anmelde_kursdata {
  padding-top: 9px;
}

.nachlassHinweis {
  margin-top: 10px;
}

a#anmelde_agb_link, a#showSepaLastSchriftForm {
  color: var(--kt-primary-color);
}

.grafik_table .grafik_kursinhalt, .grafik_table .raumgrafik_sperrtag {
  display: inline-block; 
  white-space: normal; 
  height: 15px; 
  text-decoration: inherit;
  width: 100%;
}

.anmeld_best_tn_kurs {
  font-size: 1.2em;
}

.anmeld_best_container {
  margin-bottom: 20px;
}

.anmeld_best_container2 {
  margin-bottom: 30px;
}

#dialogTNToolsAnmelden .nurLastschrift {
  display: none;
}

.settingrow.tool14_hinweis_kurseanzeige > .detail {
  width: inherit;
}

.kursvorschlag_kursdauer, .kursvorschlag_kursuhrzeit {
  margin-bottom: 0;
}

.kursvorschlag_kursthema_label,
.kursvorschlag_kursinhalt_label,
.kursvorschlag_bemerk_label {
  text-align: left !important;
}

.treeview li.tool_21_mitarbeiterkurs {
  padding: 3px 0pt 3px 30px;
}

/**
 * In Chrome wurden immer Scrollbalken angezeigt, auch wenn die Tabelle breit genug ist.
 * (In Bottstrap wird overflow-x auf auto gesetzt, was eigentlich das richtige wäre. 
 *  Aber offenbar wird der Table-Border in den Browsern unterschiedlich gehandhabt. )
 */
.reiterHonorar_content .table-responsive {
  overflow-x: initial;
}

/* MitarbeiterTools Reiter Honorar */

/*************************************************************************************/
/*  Einstellungen für den Dozentenauswahl Dialog (Nach Klick auf Dozent hinzufuegen) */
/*************************************************************************************/

#dozentenwahl.ui-dialog  { max-width: 100%;}
/* Dialogfenster fuer Standard-Browser (Internetexplorer, Firefox, etc.) ab einer gewissen Groesse begrenzen  */
@media screen and (min-width: 1290px) {
   #dozentenwahl.ui-dialog  { max-width: 79%;}
}

/* Spezieller Hack für Google Chrome ab einer gewissen Groesse    */ 
@media screen and (min-width: 1200px) and (max-width:1289px) and (-webkit-min-device-pixel-ratio:0) {
    #dozentenwahl.ui-dialog { max-width: 85%;}  
}
@media screen and (min-width: 1290px) and (max-width:1529px) and (-webkit-min-device-pixel-ratio:0) {
    #dozentenwahl.ui-dialog { max-width: 79%;}  
}
@media screen and (min-width: 1530px) and (-webkit-min-device-pixel-ratio:0) {
    #dozentenwahl.ui-dialog { max-width: 65%;}  
}

#dozDataTable  { font-size:0.9em;  border: 1px solid blue; width: 100%;} 
.form-inline .form-control  { display: inline-block; }

#dozSuchleisteDT    { width: 100%; background-color: #DFEAFE; padding: 2px; border-bottom: 1px solid #AAA;}

#dozSuchleisteDT input.form-control {width: 120px;  font-size: 1.1em; height: 26px; margin-right: 5px; }
#dozSuchleisteDT #doz_nummerDT,
#dozSuchleisteDT #doz_persNr,
#dozSuchleisteDT #doz_maxZahl         {width: 30px; }

/* Tabelle */ 
#dozAuswahlListeDT { }

#kontoblattdialog .buttonRow {
  margin-top: 5px;
}

#kontoblattdialog .datebutton {
  width: 49% !important;
}

/*Streifen der Tabelle etwas dunkler als von bootstrap vorgegeben */
#dozAuswahlListeDT.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #DFEAFE;;
}

#dozAuswahlListeDT th { background-color: /* #DFEAFE;*/ #DADADA; padding: 3px 4px;}
#dozAuswahlListeDT td  {padding: 2px 4px;}
#dozAuswahlListeDT  .nurplz  {display: none;}

.dataTables_wrapper { margin-top: 10px;}
.dataTables_length {  margin-bottom:5px;}

 /* Zeilen mit ungerader Zeilennr. haben helles blau*/
/* #dozAuswahlListeDT tr.odd td   { background-color: #DFEAFE; } */

/* Info Feld fuer die  Anzeige der Anzahl der Einträge */
#dozAuswahlListeDT_info         {width: 175px; margin-top: 5px; padding: 2px 3px; background-color: #DADADA; }
/* aktive Zeile */
#dozAuswahlListeDT tr.active th,
#dozAuswahlListeDT tr.active td         { background-color: #66CCFF; }

/* für Tablets und Handies*/
/* @media (max-width: @screen-md-max) { */
@media (max-width: 1199px) {
  /* bewirkt gleichen Abstand zwischen Label und Input, um bei Zeilenumbruch die Elemente ggf. sauber untereinander
    anzuordnen; daher nur für kleinere Breiten noetig */
  #dozSuchleisteDT .form-group label { min-width: 70px;  }   
  #dozentenwahl.ui-dialog  { max-width: 100%;}  
  #dozSuchleisteDT .form-group {margin-bottom: 5px;} 
  #dozSuchleisteDT .form-group label {
    min-width: 70px;
  } 
}

/* Nur für kleine Geräte: keine Hintergrundfarbe mehr in der Suchleiste */
@media (max-width: 767px) {
  #dozSuchleisteDT  {background-color: #FFFFFF; }  
}

/* Dialog für Honorarvereinbarung im Reiter Honorar */
#dozentenHonorarForm                  {max-width: 900px; }
#dozentenHonorarForm .ohnehonorar     { margin-bottom: 15px;   }

#dozentenHonorarForm .form-control      { padding: 5px 5px; height: auto;}
#dozentenHonorarForm #doz_fahrtkmsatz    { min-width: 52px;}

#dozentenHonorarForm .calcsymbol      { font-weight: bold;  font-size: 13px;}

/* für Tablets und PCs @media (min-width: @screen-md-max) { */
@media (min-width: 768px) {
  #dozentenHonorarForm .calcsymbol      {margin-top: 25px; }
  #dozentenHonorarForm .spesenprotn     {margin-top: 24px; }
}

/* Dialog für Honorarvertrag im Reiter Honorar */

#dozentenVertragForm                  {max-width: 900px; }

.table-striped > thead > tr {
    background-color: #E0EDFA; border-collapse:separate; border-spacing: 1px;
}

#dozentenVertragForm label[for="dozVertrag_gedrucktAm"]  { cursor: pointer; 
                                                           font-weight: 400; }

.dozbearbeiter .form-group  { margin-bottom: 10px;}
.dozbearbeiter input        { max-width: 50px; }

/* .input-group-btn.hldoztyp, */
.dozbearbeiter .input-group-btn  { font-size: 1.3em; width: inherit;}
/*Sonst wird beim Bearbeiten von Teilnehmern im Mitarbeitertool das Hand-Runter-Symbol 
nicht angezeigt bei frei wählbare Eingabefelder mit Hinterlegung*/
#insertTeilnehmerForm .input-group-btn,
#updateTeilnehmerForm .input-group-btn { font-size: 1.3em; width: inherit;}
#insertDozentForm .input-group-btn,
#updateDozentForm .input-group-btn { font-size: 1.3em; width: inherit;}
#belegungBearbeiten .input-group-btn { font-size: 1.3em; }

#dozVertrag_gedrucktAm      { max-width: 90px; margin-left: 5px; }
#dozVertrag_dozTyp          { margin-left: 5px; }
#dozVertrag_bearbeiter      { margin-left: 27px;}
/* Fuer Handys ist ein kleinerer Abstand zum linken Rand nötig */
@media (max-width: 768px) { 
  #dozVertrag_bearbeiter      { margin-left: 5px;}
}

/* Mitarbeitertools Abmeldung/Stornierung */
#stornodialog .table_cell {
  vertical-align: middle;
}

#stornodialog select {
  text-align: center;
}

/* Terminplan */
#dialog4Terminplan .terminplanformat {
  margin-bottom: 30px;
}

#dialog4Terminplan h4 {
  margin-bottom: 20px;
}

#dialog4Terminplan .label_datum_von,
#dialog4Terminplan .label_datum_bis,
#dialog4TerminButtons .label_datum_von,
#dialog4TerminButtons .label_datum_bis {
  padding-left: 0;
}

#dialog4Terminplan .div_monat_jahr,
#dialog4Terminplan .div_quartal_jahr {
  height: 72px;
  margin-top: -15px;
}

.div_monat_jahr,
.div_quartal_jahr {
  display: none;
}

#dialog4Terminplan #quartal_jahr,
#dialog4Terminplan #monat_jahr,
#dialog4Terminplan #quartal,
#dialog4Terminplan #monat {
  display: inline;
}

#dialog4Terminplan #label_quartal,
#dialog4Terminplan #label_monat,
#dialog4Terminplan #label_jahr {
  font-weight: normal;
}

@media (max-width: 768px) {
  #dialog4Terminplan .div_monat_jahr,
  #dialog4Terminplan .div_quartal_jahr {
    height: 140px;
  }
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

a.dropdown-item {
  text-decoration: none;
}

a.dropdown-item:hover {
  background-color: #f5f5f5;
  color: inherit;
}

.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #eceeef;
}

.treeviewList.tnanmeld_categoryList .hitarea {
  background: none;
  margin-right: 8px;
  position:relative;
  height: 22px;
  width: 18px;
}

.treeviewList.tnanmeld_categoryList .expandable-hitarea:before {
  content: "\f055";
  font-family: 'Font Awesome 5 Free';
  position:absolute;
  top:0;
  font-size: 1.3em;
  color: var(--kt-primary-color);
  font-weight: 900;
}

.treeviewList.tnanmeld_categoryList .expandable {
  background: none;
}

.treeviewList.tnanmeld_categoryList .collapsable-hitarea:before {
  content: "\f056";
  font-family: 'Font Awesome 5 Free';
  position:absolute;
  top:0;
  font-size: 1.3em;
  color: var(--kt-primary-color);
  font-weight: 900;
}

.treeviewList.tnanmeld_categoryList li {
  padding-bottom: 5px;
  padding-top: 5px;
  background-position: 0 2px;
}

.treeviewList.tnanmeld_categoryList li.last {
  background-position: 0 -1762px;
}

.treeviewList.tnanmeld_categoryList li.lastCollapsable,
.treeviewList.tnanmeld_categoryList li.lastExpandable {
  background-position: 0 -176px;
}

a.kursteilnehmer {
  margin-left: 5px;
}

.nachlass_felder {
  padding-left: 0;
}

.input-group-btn.hl_kursorte,
.input-group-btn.hl_uhrzeit,
.input-group-btn.abw_tn_auswahl_div {
  font-size: 1.3em;
  width: inherit;
}

#wt_kt_changeKursort_val { min-width: 270px;}

#kinderDialog .buttonsWeiterePersonen {
  margin-top: 15px;
}

#histKritDialog .input-group-btn {
    font-size: 1.3em;
}
 
.historiekrit_zeile {
  margin-bottom: 10px;
}

.weiterePersonenTable {
    height: 200px;
}

.weiterePersonenVoll {
    margin-top: 15px;
    text-align: center;
    font-weight: bold;
    display: none;
}

.weiterePersonenAnzahl {
    margin-top: 7px;
}

#kinderDialog .buttonsWeiterePersonen {
  margin-top: 15px;
}

.maAnmeld_hinweise, .anm_kursstatus_rot, .kein_sepa_mandat {
  color: red;
  font-weight: bold;
}

.sepa_mandat_vorhanden {
  color: green;
  font-weight: bold;
}

.input-group .form-control.maAnmeld_input_bemerkung {
  z-index: auto;
}

h4.quali_werdegang {
  margin-bottom: 12px;
}

/** Minuten und Pause felder in MA Termine Sammeländerung Dialog **/
@media (max-width: 768px) { 
	#wt_kt_changeMinuten_val, #wt_kt_changePause_val {
      margin-top: 10px;
    }
}

.settingGroup {
  margin-bottom: 15px;
}

.thinLabel {
  font-weight: normal;
}

.meldeDialogText {
  margin-bottom: 10px;
}

/* Kursplanung */
span#kursplanung_kopiertVon {
  width: 150px;
}

@media (max-width: 768px) {
  span#kursplanung_kopiertVon {
    width: 100%;
    margin-bottom: 5px;
  }
}

#form_kursvorschlag input[type="checkbox"].formular_checkbox {
  margin: 0;
}

@media (max-width: 960px) {
  #form_kursvorschlag .kursvorschlag_zeile .checkbox-inline .weekday-short {
    display: inline-block;
  }

  #form_kursvorschlag .kursvorschlag_zeile .checkbox-inline .weekday-long {
    display: none;
  }
}

@media (min-width: 960px) {
  #form_kursvorschlag .kursvorschlag_zeile .checkbox-inline .weekday-short {
    display: none;
  }

  #form_kursvorschlag .kursvorschlag_zeile .checkbox-inline .weekday-long {
    display: inline-block;
  }
}

.fa_mitarbeitereingabe_head {
  font-weight: normal;
}

.fa_mitarbeitereingabe_headvalue {
  font-weight: 700;
}

.fa_mitarbeiter_div .stdZelle {
  width: 140px;
  float: left;
}

.fa_mitarbeiter_div .table_cell input, .fa_mitarbeiter_div .table_cell span {
  width: 100%;
}

.fa_ma_name input, .fa_ma_vorname input, .fa_ma_telefon input, .fa_ma_email input {
  width: 110px;
}

.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.fa_mitarbeiter_suche_div {
  margin-bottom: 10px;
}

.fa_mitarbeiter_suche_icons {
  margin-right: 5px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .fa_ma_zeile.table_row {
		border: 1px solid #DDDDDD;
		border-radius: 4px;
		margin-bottom: 15px;
		background-color: #F8F8F8;
		padding: 10px 10px 5px 30px;
	}
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

/**h2.categorytitle {
  margin: 10px 0 20px;
}**/

/* Firmenabmeldung Inlingua München */
.fa_storno_buttons {
  margin: 35px 0 25px;
  position: relative;
}

/* Punkte- und Zertifikatsinformationen */
.punkte_seit {
  text-decoration: underline;
}

.punkte_bestaetigt, .punkte_nicht_bestaetigt {
  width: 40px;
  display: inline-block;
  text-align: right;
}

.punkte_bestaetigt_beschriftung, .punkte_nicht_bestaetigt_beschriftung {
  width: 139px;
  display: inline-block;
}

#punkte_code {
  width: 75px;
  text-align: center;
}

#zertBeantrForm #bemerkung {
  margin-top: 5px;
}

/* Kursübersicht für Firmen */
.treeviewList span.liste_mitarbeiter:hover {
  color: black;
}

/* Hausmeistertool: Medienübersicht*/

/*
#medien_heute,
#medien_morgen     {width: 80px;}
#medien_diesewoche,
#medien_naechstewoche     {min-width: 135px;} */

.table.medien .kursort,
.table.medien .kursort_mktext   { min-width: 110px; display: inline-block;}
.table.medien .kurstag_zeit_beg_ende ,
.table.medien .uhrzeit          { min-width: 100px; display: inline-block;}

.table.medien .kurstag_datum_komplettkurz { min-width: 105px; display: inline-block; }
.table.medien .kurstag_medien { min-width: 270px; display: inline-block; }

.form-inline.medien_datum      { width: auto;}
.form-inline.medien_datum input  { width: 120px;}
.form-inline.medien_datum label[for="medien_datbis"]  { margin-left: 10px;}
.form-inline.medien_datum { padding-left: 0;}

/* Medienbuttons für die Medienübersicht im Hausmeistertool */
.medienuebersicht_buttons { width: 570px;  margin-bottom: 5px; }

.filter_medien_termine       { margin-left: 8px; }
.filter_medien_termine i.fa  { }

 .medienuebersicht_buttons a .btn     { 
    text-align: left;
    width: 17%; }
 
 #medien_diesewoche {
   min-width: 23%;  
 }
 
 #medien_naechstewoche {
      min-width: 27%;}

   #medien_heute {
    width: auto;
  }
  
 
 /* Buttonsbreite für das Handyformat */
@media (max-width: 768px) {
  .medienuebersicht_buttons { 
      width: 465px;
  }   
  .medienuebersicht_buttons a .btn {
      width: 33%; 
  }
  #medien_diesewoche,
  #medien_naechstewoche,
  #medien_heute  {
      width: 33%; 
  }
  
  .medien_datum {
    margin-bottom: 5px;
    padding-left: 0;
  }
  
  .medien_datvon,
  .medien_datbis {
    width: 100px;
  }
}

@media (min-width: 1200px) {
    .medienuebersicht_buttons { 
        float:left; }
}

#uploadfileBlak {
    height: 100%;
}

.verAnPlan_Software_col {
  padding-left: 0;
}

.verAnPlan_medien_anz {
  width: 08%;
  display: initial;
  
}

.verAnPlan_infotext_list {
  padding: 15px;
}

.verAnPlan_FremdFinanzierung_TextArea {
  width: 100%;
}

.email_censored {
  background: #eee;
  border: 1px solid #999;
  height: auto;
  width: 10em;
  font-size: 2.2em;
  text-align: center;
  padding: 9px;
  border-radius: 6px;
  margin: 1em auto;
  word-wrap: break-word;
}

.showcleartext {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.pw-laenge, .pw-zahl, .pw-sonderzeichen, .pw-wiederholen, .pw-buchstaben {
  visibility: hidden;
}

.pw-help {
  font-size: 1.2em;
}

.pw-dialog {
  border: 2px solid #B3B3B3;
  padding: 8px;
}

.pw-dialog-head-text {
  font-size: 1.3em;
}

.pw-dialog-head-text i {
  font-size: 1.2em;
}

.pw-dialog-head-text .fa-check-circle {
  color: #5cb85c;
}

.pw-dialog .alert {
  margin-bottom: 0;
}

.dialog-body {
  padding: 20px;
}

.dialog-no-bottom {
  border-bottom: 0;
}

.dialog-no-top {
  border-top: 0;
}

.dialog-active {
  border: 0 solid;
}

.dialog-todo {
  color: #303030;
}

.reminder_form .form-group {
  margin-bottom: 0;
}

.reminder_form {
  margin-bottom: 2em;
}

.buttonleiste_passwortanfordern {
  text-align: right;
  margin-top: 10px;
}

.vorgesetzerpanel_abstand {
  margin-bottom:30px;
}
.s_zusatz_addpadding {
  padding-left: 15px;
}
.s_zusatzvorgesetzter {
  color:#233288;
}

.visitenkartendetails_abstand {
  margin-top: 10px;
}

.userinfo {
    text-align: left;
}
  
@media (min-width: 768px) {
  .userinfo {
    text-align: right;
  }
}

.kufertools_logo {
  max-width: 100%;
}

/* Spezielle Einstellungen für den Feedbackbogen */
.feedback_abbruch { margin-top: 10px; margin-bottom: 15px; }
.form_button_vorspann .feedback_button_weiter { margin-top: 10px; }
.feedback_bogen_blaettern>button { margin-top: 20px; }
.feedback_zurueck, .kein_feedbackbogen { margin-top: 15px; }

.feedback_bemerkung {
  font-size: 15px;
}

.feedback_fa_bemerkung, .feedback_fa_frage {
  color:var(--kt-primary-color);
}

.bogen_bgColor {
  background-color: #efe5e5;
}
/* Ende Spezielle Einstellungen für den Feedbackbogen */

/* Feedback-Auswertung */
.feedback_auswertung {
  padding-left: 25px;
  margin-right: 0;
  margin-left: 0;
  cursor: pointer;
  background-color: #F1F1F1;
  border-color: #ddd;
}

.frage_antwort .feedbackbogenbemerkunganw {
  font-weight: bold;
  text-align: right;
}

.frage_antwort .feedbackbogenbemerkung {
  margin-bottom: 5px;
}
/* Ende Feedback-Auswertung */

.weitermelenSendInfo_abstand {
  margin-top: 15px;
}

table.dataTable_kursUebersicht tbody th,
table.dataTable_kursUebersicht tbody td,
table.dataTable_dozUebersicht tbody td,
table.dataTable_kursortUebersicht tbody td,
table.dataTable_ausbilderUebersicht tbody td {
  padding: 8px 10px;
}

.dataTable_tnUebersicht th {
  text-align: center;
}

.dsgvo_status_symbol_div {
  text-align: center;
}

.dsgvo_status_symbol_zugestimmt {
  color: green;
  font-size: 20px;
}

.dsgvo_status_symbol_widerrufen {
  color: red;
  font-size: 20px;
}

.dsgvo_status_symbol_fragezeichen,
.einzelveranstaltung_symbol_fragezeichen {
  font-size: 20px;
  color: #FC0204;
  background-color:#FCFE04;
  border-radius: 9px / 9px;
  -webkit-border-radius: 9px / 9px;
  -moz-border-radius: 9px / 9px;
}

.einzelveranstaltung_symbol_fragezeichen {
  margin-left: 5px;
  cursor: pointer;
}

.raumres_fieldgroup {
  padding-left: 0;
  padding-bottom: 5px;
}

.raum_button {
  padding-top: 5px;
}

.raumres_add_raum {
  color: #5cb85c;
}

.raumres_remove_raum {
  color: #d9534f;
}

#zsa_prioanm option,
.zsa_prioanm option {
  background-color: white;
  color: black;
}

#zsa_prioanm.prioritaetBereitsVergeben, 
#zsa_prioanm option.prioritaetBereitsVergeben,
.zsa_prioanm.prioritaetBereitsVergeben, 
.zsa_prioanm option.prioritaetBereitsVergeben {
  background-color: #d9534f;
  color: white;
}

.nopadding {
  padding-left: 0;
  padding-right: 0;
}

#einzelveranstaltungForm input,
#einzelveranstaltungForm select {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #einzelveranstaltungForm .right {
    text-align: right;
  }
  
  #einzelveranstaltungForm label {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
  }
  
  #einzelveranstaltungForm .right label {
    padding-right: 15px;
  }
}

.abrechnung_burghausen_vhs .kurs {
  margin-bottom: 40px;
}

.abrechnung_demo .kurs,
.abrechnung_gilching .kurs,
.abrechnung_burghausen_vhs .kurs {
  margin-top: 20px;
  font-weight: bold;
}

.abrechnung_demo .kurs_row,
.abrechnung_gilching .kurs_row,
.abrechnung_burghausen_vhs .kurs_row {
  position: relative;
  margin-bottom: 10px;
}

.abrechnung_burghausen_vhs hr {
  border-top: 1px solid black;
}

.abrechnung_demo .kurs_betrag,
.abrechnung_gilching .kurs_betrag,
.abrechnung_burghausen_vhs .kurs_betrag {
  max-width: 100px;
  text-align: right;
}

.abrechnung_demo .auswahl_option,
.abrechnung_gilching .auswahl_option {
  list-style-type: none;
}

.abrechnung_demo .gesamt_oder_teilabrechnung,
.abrechnung_gilching .gesamt_oder_teilabrechnung {
  margin-top: 40px;
  margin-bottom: 40px;
}

.abrechnung_demo .auswahl_option label,
.abrechnung_gilching .auswahl_option label {
  font-weight: normal;
}

.abrechnung_demo .auswahl_ueberschrift, .abrechnung_demo .abrechnung_ueberschrift,
.abrechnung_gilching .auswahl_ueberschrift, .abrechnung_gilching .abrechnung_ueberschrift {
  margin-bottom: 10px;
}

.abrechnung_demo .auswahl_option input,
.abrechnung_gilching .auswahl_option input {
  position: relative;
  top: 1px;
  left: -5px;
}

.abrechnung_demo .abrechnung,
.abrechnung_gilching .abrechnung {
  margin-bottom: 40px;
}

.abrechnung_demo .abrechnung table,
.abrechnung_gilching .abrechnung table {
  width: 100%
}

.abrechnung_demo .abrechnung td, .abrechnung_demo .abrechnung th,
.abrechnung_gilching .abrechnung td, .abrechnung_gilching .abrechnung th {
  padding-right: 5px;
  padding-bottom: 5px;
}

.abrechnung_demo .abrechnung input,
.abrechnung_gilching .abrechnung input {
  text-align: right;
}

.abrechnung_demo .bemerkung,
.abrechnung_gilching .bemerkung {
  margin-top: 10px;
  margin-bottom: 40px;
}

.abrechnung_burghausen_vhs .bemerkung {
  margin-top: 40px;
  margin-bottom: 40px;
}

.abrechnung_demo .bank_row,
.abrechnung_gilching .bank_row,
.abrechnung_burghausen_vhs .bank_row {
  margin-top: 15px;
  margin-bottom: 15px;
}

.abrechnung_demo .bestaetigung,
.abrechnung_gilching .bestaetigung,
.abrechnung_burghausen_vhs .bestaetigung {
  margin-top: 30px;
  margin-bottom: 40px;
  position: relative;
}

.abrechnung_demo .bestaetigung span,
.abrechnung_gilching .bestaetigung span {
  position: absolute;
  left: 20px;
}

.abrechnung_demo .ergaenzungen,
.abrechnung_gilching .ergaenzungen {
  margin-bottom: 20px;
}

.abrechnung_burghausen_vhs .bestaetigung label {
  display: inline;
  font-weight: normal;
  position: absolute;
  left: 20px;
}

.auftragsbest_druck {
  margin-bottom: 5px;
}

.kurs_status_farbe {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid black;
  border-radius: 8px;
}

.search_label {
  width: 80px;
  margin-top: 15px;
  margin-left: 5px;
}

#raumplanung_form .dauer div,
#raumplanung_form .ort div,
#raumplanung_form .dozent div,
#raumplanung_form .bemerkung div,
#raumplanung_form .bestuhlung div {
  margin-top: 10px;
}

#raumplanung_form button {
  margin-top: 20px;
}

.table .table_row.table_row_child {
  background-color: #CCCCCC;
}

@media screen {
  .table .table_row.table_row_child.table_row_child_hidden {
    display: none;
  }
}

@media print {
  .table .show_table_row_child {
    display: none;
  }
}

.anwesenheiten .table_row .table_cell:hover .table_content > .fa.fa-plus, .anwesenheiten .table_row .table_cell:hover  .table_content > .fa.fa-minus {
  cursor: pointer;
}

.ausbildungenauswahl_buttons:hover {
  cursor: pointer;
}

.table_content #kurstag_stufe_text.form-control {
  min-width: 80px;
}

.table_content .kurstag_aufzeichnungslink {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 300px;
  text-overflow: ellipsis;
}

.link_termin_administrator_hidden {
  display: none;
}

header #chooseveranstalter.form-control {
  width: auto;
  height: 25px;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.dseZustimmungDiv,
.freiesPflichtfeldZustimmungDiv {
  margin-top: 15px;
  margin-bottom: 15px;
}

.hinweis_zeichenfolge {
  margin-top: 20px;
}

#dseZustimmungLabel,
#freiesPflichtfeldZustimmungLabel {
  font-weight: normal;
}

#ausbildung_abschluss {
  width: 20px;
  height: 18px;
}

@media (min-width: 992px) {
  .btn.raumreservierung_reservieren_formular {
    font-size: 11px;
    padding: 3px 6px;
  }

  .raumreservierung_reservieren_formular_div {
    margin: 0 0;
    padding: 0 0;
    height: auto;
  }
}

.belegungen_sammelbearbeiten .belegungen_sammelbearbeiten_einzelbelegung .formular {
  margin: 0;
}

.belegungen_sammelbearbeiten .belegungen_sammelbearbeiten_einzelbelegung .formular textarea {
  margin-bottom: 5px;
  margin-top: 5px;
  height: 5em;
}

.belegungen_sammelbearbeiten .belegungen_sammelbearbeiten_einzelbelegung .formular_value {
  margin-bottom: 5px;
}

.belegungen_sammelbearbeiten_einzelbelegung_form .row {
  margin-top: 10px;
}

.tnZertifikatButtons, .buttonsMarginBottom {
  margin-bottom: 20px;
}

#belegungen_zertifikat textarea.form-control#lehrinhalt {
  height: 200px;
}

.anmeldenButtonVerboten {
  cursor: pointer !important;
}

form.vorgesetzterGenmigtAnmeldungForm .column_bemerkung, form.vorgesetzterGenmigtAnmeldungForm .column_bemerkung textarea {
  max-width: 270px;
}

.email_content > pre {
  white-space: pre-wrap;
  word-break: normal;
  word-wrap: normal;
}

.ui-datepicker-calendar :where(.ui-datepicker-saturday,.ui-datepicker-sunday) {
  background-color: #acff96;
}

.ui-datepicker-calendar .ui-datepicker-holiday {
  background-color: #ffea08;
}

.ui-datepicker-calendar .ui-datepicker-holiday-one-day {
  background-color: #ff6261;
}

.signature-pad {
  border: 1px solid black;
  width: 315px;
  margin-bottom: 10px;
}

.signature-pad .signature-pad-body {
  margin: 5px;
  border: 1px solid black;
  height: 153px;
  padding: 0;
}

.signature-pad .signature-pad-body canvas {
  margin: auto;
}

.signature-pad .signature-pad-footer {
  padding: 10px;
}

@media (max-width: 350px) {
  .signature-pad {
    width: 100%;
  }

  .signature-pad .signature-pad-body {
    width: 100%;
    margin: 0;
    border: none;
    border-bottom: 1px solid black;
    height: 151px;
  }
}

.screenreader-only {
  position: absolute !important;
  left: -9999px;
  top: -9999px;
  clip: rect(1px,1px,1px,1px);
}

.ignore-title-style {
  font-size: inherit;
}

.flex-grow {
  flex-grow: 1;
}

.panels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
}

.panels .panel {
  margin: 0 0 20px 0;
}

.panels.panels-1 .panel {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.panels.panels-2 .panel {
  min-width: 49%;
  max-width: 49%;
}

.panels.panels-3 .panel {
  min-width: 32.5%;
  max-width: 32.5%;
}

.panels.panels-4 .panel {
  min-width: 24.5%;
  max-width: 24.5%;
}

.panels.panels-5 .panel {
  min-width: 19.5%;
  max-width: 19.5%;
}

@media screen and (max-width: 1000px) {
  .panels:is(.panels-3,.panels-4,.panels-5) .panel {
    min-width: 49%;
    max-width: 49%;
  }
}

@media screen and (max-width: 768px) {
  .panels {
    flex-direction: column;
  }

  .panels:is(.panels-2,.panels-3,.panels-4,.panels-5) .panel {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}

.panel-heading {
  font-size: 1.3em;
}

.panel-heading input[type=checkbox] {
  display: inline;
}

.panel-heading h2 {
  display: inline;
}

.panel-heading.kurs {
  min-height: 65px;
}

.panel {
  /*margin-right: 1%;
  display: inline-block;
  float: none;*/
  vertical-align: top;
  padding-right: 0;
  padding-left: 0;
}

.panel-body p { font-size: 1.2em; }

.panel-body p.aktnew_erstellt,
.panel-body p.aktnew_gruppe,
.panel-body p.aktnew_bearb    { font-size: 1em;  color: #5067be; margin: 4px 10px;}
.panel-body p.aktnew_erstellt {margin-top: 20px;}

.panel-body.kurs {
  min-height: 100px;
  padding-left: 0;
  padding-right: 0;
}

.panel-default {
  overflow: hidden;
}

.panel-default > .panel-heading {
  background-color: #F1F1F1;
}

.panel.panel-default :where(.panel-heading.interactive:focus, .panel-heading.interactive:hover) {
  background-color: #E1E1E1;
}

.panel.panel-danger :where(.panel-heading.interactive:focus, .panel-heading.interactive:hover) {
  background-color: #dcbdc2;
}

.panel-heading.row:is(.manoten, .manotenleer, .ma_uebersicht) {
  margin-right: 0;
  margin-left: 0;
  cursor: pointer;
}

@media (min-width: 768px) {
  .panel-grid {
    display: grid;
    /*
    Erste Spalte (Label) soll klein sein, aber eine Mindestbreite haben, falls nur kurze Wörter im Label sind,
    2. Spalte (Content) soll groß sein. Durch das minmax ragt es nicht über das Panel hinaus, sondern bricht um. */
    grid-template-columns: minmax(25%, min-content) minmax(0, max-content);
    grid-column-gap: 15px;
  }

  .panel_row {
    /*
    Bewirkt, dass dieses HTML-Element so gerendert wird, als wenn die Kind-Elemente direkt im parent sind.
    Wichtig, damit Grid diese korrekt anordnet.
    */
    display: contents;
  }
}

@media (min-width: 768px) {
  .panel-content-align-left, .table-content-align-left {
    text-align: left;
  }

  .panel-content-align-center, .table-content-align-center {
    text-align: center;
  }

  .panel-content-align-right, .table-content-align-right {
    text-align: right;
  }

  .panel-content-align-justify, .table-content-align-justify {
    text-align: justify;
  }
}

#belegungen_zertifikat .panel-heading {
  margin-right: 0;
  margin-left: 0;
}

.no-button-style {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.no-button-style:focus {
  border: 1px solid var(--kt-primary-color);
}

.no-button-style:is(:focus,:hover) > .hinterlegung-button-icon {
  color: var(--kt-primary-color);
}