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


/* 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;
****/


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: #00275B;
}

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: #00275B;
  font-size: 0;
  top: -100px;
  padding: 10px;
  z-index: 100;
  border-bottom-right-radius: 5px;
}

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

.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover {
	background-color: #00275B; 
}

nav, footer, .dialog-active {
  background-color: #00275B;
  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;
}

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

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

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

.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: 0px;
	padding-right: 0px;
}


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

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

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

a.btn {
  margin: 2.5px 0 2.5px 0;
}

.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;
}
 
.nomargin {
  margin: 0;
}

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

section {
  min-height: 60vh;
}

.kursliste {
  position: relative;
}

.panel-default {
  overflow: hidden;
}

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

@media (max-width: 768px) { 
  .collapse-xs {
    display: none;
  }
  
  .panel {
    width: 99%;
    margin-right: 1%;
  }
  
  #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;
}


.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;
	margin-top: 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; }
.anhangclass, .foto_input { display: none !important; }
.foto_img {max-height: 150px; max-width: 100%;}
.foto_wiederherstellen {display: none;}

/* 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;	
}

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

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

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

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

.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  {
	margin-top: 10px;
	margin-bottom: 10px;
}

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

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


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

.captcha_login {
  margin-bottom: 20px;
}


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

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

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

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

.buttonleiste button,
.kursactions button,
.fa_storno_buttons button{
  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;
}

.panel-footer button {
  margin: 2.5px 0 2.5px 0;
}

.dozent.table_row:first-of-type,
.honorar.table_row:first-of-type,
.kurs.table_row:first-of-type,
.teilnehm.table_row:first-of-type,
.termin.table_row:first-of-type,
.download.table_row:first-of-type,
.teilnehmAnw.table_row:first-of-type,
.verhalten.table_row:first-of-type,
.unterrichtsmittel.table_row:first-of-type,
.material.table_row:first-of-type,
.teilnehmAnmel.table_row:first-of-type,
.medien.table_row:first-of-type,
.datdoc.table_row:first-of-type,
.anwesenheit.table_row:first-of-type,
.email.table_row:first-of-type,
.table_uebersicht .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;
}

@media (min-width: 768px) {
  .table {
    display: table;
  }
  .table .table_row {
    display: table-row;
  }
  .table .table_cell {
    display: table-cell;
    padding: 5px;
    vertical-align: top;
  }

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

  .table .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;
  }
  .table .table_row:first-of-type {
    display: table-row;
    font-weight: bold;
  }
  .table .table_row:first-of-type .table_label {
    display: inline-block;
    width: 100%;
  }
  .table .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,
  .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,
        .bankverbindung_zeile.table_cell:first-of-type {
		position: absolute;
		left: 25px;
	}
	label.table_label {
          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 {
  vertical-align: middle;
}

.table.termin_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: #00275B;
	border: 1px solid #00275B;
}

.pagination>li>a, .pagination>li>span {
	color: #00275B;
}

/*
 * 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;}

/* Anwesenheitseingabe */

.anw_blaettern_weiter, .anw_blaettern_zurueck {
  display: inline-block;
}

#anwbuttons .anw_speichern, #anwbuttons #abbruchButtonTop,
#anwbuttons .arbeitsbericht, #anwbuttons .verhaltensListe,
#anwbuttons .lehrinhaltEintragenDiv {
  margin-bottom: 5px;
}

@media (max-width: 768px) {
  .anw_save_cancel_buttons > .anw_speichern, .anw_save_cancel_buttons > #abbruchButtonTop {
    width: 45%;
  }
  
  #anweingabe {
    width: 100%;
  }
}

.anw_expand_extra > i, .anw_add_extra > i {
  font-size: 150%;
}

.anw_del_extra > i {
  font-size: 120%;
}

#anweingabe {
  text-align: center;
  float: left;
}

.anw_blaettern {
  padding-right: 3px;
}

#anwbuttons #einTagAlleASetzen {
  margin-bottom: 5px;
  vertical-align: top;
}

#anwbuttons>div {
  margin-bottom: 10px;
}

#anwbuttons button, #anwbuttons .anw_status_alle_setzen_select {
  margin-bottom: 5px;
}

.impandAll {
  display: none;
}

.lehrinhaltEintragenDiv {
  display: inline-block;
}

#anwesenheitenKursTotal .table-responsive {
  width: auto;
}

#anwesenheitenKursTotal .anw_row .anw_tnname .anw_firma {
  text-decoration: none;
  font-weight: normal;
  font-size: 11px;
}

#anwesenheiten4Kurs {
  width: auto;
  border: 1px solid #ddd;
}

#anwesenheitenKursTotal .table-responsive {
  border: none;
}

@media (max-width: 768px) {
  #anwesenheitenKursTotal .table-responsive {
    border: none;
    border-left: 1px solid #ddd;
  }

  #anwesenheitenKursTotal .table-responsive .table > thead > tr > th  {
    white-space: normal;
  }

  #anwesenheiten4Kurs, #anwesenheitenKursTotal .table-responsive {
    width: auto;
  }

  #anwesenheiten4KursClonedFixed {
    border: 1px solid #ddd;
  }
}

#anwesenheiten4Kurs #alleSetzen {
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .table-responsive > table#anwesenheiten4KursClonedFixed > tbody > tr > td,
  .table-responsive > table#anwesenheiten4Kurs > tbody > tr > td,
  .table-responsive > table#anwesenheiten4KursClonedFixed > tbody > tr > th,
  .table-responsive > table#anwesenheiten4Kurs > tbody > tr > th {
      white-space: normal;
  }
}

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

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;
}

.teilnehmAnw > .table_cell, .teilnehmAnmel > .table_cell {
  margin-bottom: 10px;
}

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

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

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

.teilnehmAnw .tn_name {
  cursor: pointer;
  vertical-align: middle;
}

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

#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) {
  .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;
}

.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;
}
.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;
}

.anw_astatus {
  padding-top: 8px;
}

/* 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;
}

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

/* 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;
}

.anw_add_extra {
  color: #449D44;
  cursor: pointer;
  font-size: 2em;
}

.anw_del_extra {
  color: #C9302C;
  cursor: pointer;
  font-size: 2em;
}

.anw_expand_extra {
  color: #449D44;
  cursor: pointer;
  font-size: 2em;
  margin-right: 5px;
}

.anw_bemerkung_hl.anw_bemerkung_hl_disabled {
  cursor: not-allowed;
}

.anw_add_extra.anw_add_extra_disabled,
.anw_del_extra.anw_del_extra_disabled {
  color: grey;
  cursor: not-allowed;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #d9edf7;
}

#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 0px 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 label.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: #00275B;
}

.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: #00275B;
}

.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: #00275B;
  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: #00275B;
  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;
}

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

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

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;
}

/*Derzeit irreführender Klassenname. Es sind tatsächlich dozentendetails_zeilen*/
.reiterDozentenDetails_content .kursdetails_zeile {
  vertical-align: top;
}

/*Provisorische Korrektur für Präsentation. Neuer Dozent: Da das Feld rechts daneben sehr hoch ist soll 
Fahrtentfernung auf der selben Höhe starten.*/
.kursdetails_zeile.dozent_fahrentfernung {
  vertical-align: top;
}

/** 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 0px 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: 0px;}

/* 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: 0px;  
  }
  
  .medien_datvon,
  .medien_datbis {
    width: 100px;
  }
}


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

#uploadfileBlak{
    height: 100%;
}

.verAnPlan_Software_col {
  padding-left: 0px;
}

.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;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 2.2em;
  text-align: center;
  padding: 9px;
  border-radius: 6px;
  margin-top: 1em;
  margin-bottom: 1em;
  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;
  border-color: #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: 0px;
}

.dialog-body {
  padding: 20px;
}

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

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

.dialog-active {
  border: 0px solid;
}

.dialog-todo {
  color: #888888;
}

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

.reminder_form {
  margin-bottom: 3em;
}

.buttonleiste_passwortanfordern {
  text-align: right;
}

.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_bogen_blaettern {
  /*  position: absolute; */
    margin-bottom: 40%;
    margin-right: 45%;
}

.feedback_abbruch .btn  {padding: 1px 8px;}
.form_button_vorspann .feedback_button_weiter { margin-top: 10px;}
.form_button_vorspann .feedback_abbruch .btn { margin-top: 15px;}

.feedback_bogen_blaettern>button { margin-top: 20px; }
.feedback_abbruch { margin-top: 10px; margin-bottom: 15px;}
.feedback_zurueck, 
.kein_feedbackbogen { margin-top: 15px; }

.feedback_bemerkung{
  font-size: 15px;
}

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

.feedback_fa_bemerkung, .feedback_fa_frage{
  color:#00275B;
}
.bogen_bgColor{
  background-color: #efe5e5;
}

.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: yellow;
  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: 0px;
  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_demo .kurs,
.abrechnung_gilching .kurs {
  margin-top: 20px;
  font-weight: bold;
}

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

.abrechnung_demo .kurs_betrag,
.abrechnung_gilching .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_demo .bank_row,
.abrechnung_gilching .bank_row {
  margin-top: 15px;
  margin-bottom: 15px;
}

.abrechnung_demo .bestaetigung,
.abrechnung_gilching .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;
}

.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;
}

.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;
}

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

.frage_antwort .feedbackbogenbemerkung {
  margin-bottom: 5px;
}

.link_termin_administrator_hidden {
  display: none;
}

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

.dseZustimmungDiv {
  margin-bottom: 15px;
}

#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: 0px 0px;
    padding: 0px 0px;
    height: auto;
  }
}

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

.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 {
  margin-bottom: 20px;
}

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

.anmeldenButtonVerboten {
  cursor: pointer !important;
}

.anw_save_cancel_buttons #anw_speichern_abschliessen {
  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;
}

@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;
  }
}

.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;
}

.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;
}