 /* Teilnehmer-Listen und Drucklisten */
 
.ui-widget-content,             
.ui-widget                        { font-size: 1.0em; }
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea               { font-size: 0.9em; }

/* Damit der Scrollbalken unten im Einstelldialog zu Drucklisten verschwindet */
.ui-widget-content .row           {margin-right: 0em; }

.ui-dialog                        { /* min-width:52%; */ }

.ui-widget-content h1              { font-size: 1.3em; }
     
/*****************************************************/
/* Speziell Einstellungsdialog fuer Teilnehmerlisten  */
/*****************************************************/

#listSettingsCaption              { font-size: 1.3em; margin: 1.5% 0 2% 0;}

#tndarstellung .checkbox,
#spaltenanordnung .checkbox,
#kopfbereich .checkbox           { padding-top: 0px; min-height: 0px; }

#bemerkung .radio,
#fusszeile .radio,
#umfang .radio                   { padding-top: 0px; min-height: 0px; }

#customStatus.form-control       { display: inline;}


.panel-heading                    { font-size: 1.2em; }
/* fieldset label                 { font-size: 1em;  font-weight: normal; margin-bottom: 0em; }     */
.form-horizontal .row label       { font-size: 1em;  font-weight: normal; margin-bottom: 0em; }   
.form-horizontal .row input       { font-size: 1em; }
/*input.date                      { width: 36%; min-width: 7em; } */

/* Einstellungen für eine passende Bootstrap Ausgabe für die Fusszeilen in den Teilnehmerlisten */

#fusszeilen .form-group            { margin-bottom: 0px; min-width: 9em; } 
#fusszeilen .panel-body            { padding-right: 0.5em; } 
#fusszeilen .checkbox              { margin-left: 1em; width: 4.5em;  padding: 0 0.2em; float: left; }
#fusszeilen .checkbox .l_fusszeile_bold input  { margin-right: 0.3em;} 
#fusszeilen .row                   { margin-bottom: 0.3em; margin-left: -0.5em;}
#fusszeilen .sizefusszeile         { padding-left: 1em; padding-right:0.2em; /* min-width: 125px; */ width: 136px; }

#fusszeilen .fusszeile             { padding-left: 1em; padding-right:0.2em; margin-bottom: 0.4em;}
#fusszeilen .form-group           { margin-left: 0;  margin-right: 0;}

.form-group label.l_fusszeile      { min-width: 95px; padding-left: 5px; }
.form-group input.fusszeilen       { width: 80%;}


@media (min-width: 1070px) and (max-width: 1310px) {
      .form-group input.fusszeilen    { width: 75%;}
 }  

 @media (min-width: 992px) and (max-width: 1075px) {
      .form-group input.fusszeilen    { width: 130%;}
 }

  @media (max-width: 860px) {
      .form-group input.fusszeilen    { width: 100%;}
  }
  
@media (max-width: 768px) {
      #fusszeilen .row               { margin-bottom: 1em; }
}

label#name_vorname_vertraege, label#bezeichnung_vertraege, label#titel_vertraege {width: 100%;} 
input#vertraglisteName, input#vertraglisteBezeichnung, input#vertraglisteTitel{width: 100%; margin-bottom: 0px; vertical-align: top;}
@media (min-width: 768px) {
  label#name_vorname_vertraege, label#bezeichnung_vertraege, label#titel_vertraege {width:30%;} 
  input#vertraglisteName, input#vertraglisteBezeichnung, input#vertraglisteTitel{width: 65%; margin-left: 1.1%; margin-bottom: 5px;}  
}

.vertraege_abstand{
  padding: 5px 0px; 
}

.form-inline input.sizefusszeilen     { width: 2.5em; padding: 2px;  display: inline-block;  }




input#customStatus         { margin-left: 1.2%; min-width: 2em; width: 3%; }

/* Fuer TN Listen und Drucklisten */

input#ueberschrift        { margin-left: 1.1%; /* 10px; */ width: 98%; resize: none}
label#l_kt_von,
label#l_kt_bis             { float: left; width: 15%; min-width: 3em; /* 40px; */ } 
label#l_zahljahr           { float: left; width: 15%; min-width: 3em; /*  40px; */ margin-top: 10px;}

input#kt_von,
input#kt_bis               { width: 28%; min-width: 7em;}

                                                                                         
div.listfast              { margin-bottom: 0.5em;}

/*************************************************************************/
/** Nur fuer Drucklisten **************************************************/
/*************************************************************************/

/*  Kursstammblattliste */

/* Linke Seite der Optionen */
#einstelldarst_0 .checkbox,
#einstelldarst_1 .checkbox,
.settingsLehrplan .checkbox      { padding-top: 0; min-height: 0; }


select#zahljahr            { width: 62px; margin-top: 10px;}

textarea#subtitle          { margin-left: 1.1%;  width: 98%; resize:none;  }
textarea#endbemerkung      { margin-left: 1.1%; width: 98%; resize:none; }

.hinweisbox_prototype { display: none; }

input.kt_von_abstand {   margin-bottom: 5px; }


/* Einstellungen für Druckgrafiken */


/* Uhrzeit */
#uhrzeitvon.form-group,          
#uhrzeitbis.form-group            { margin: 0.4em 0em 1em 0; }
#zeitspanne.form-group            { margin: 0.4em 2em 1em 0;  } 

select#zeitspanne                 {max-width: 7em;}
/* notwendig damit der Button zum Zeitbis Feld nicht nach rechts verrutscht */
#uhrzeitbis .input-group          { max-width: 6.8em;}


#l_zeit_von,
#l_zeit_bis,                
#l_zeitspanne              { margin-right: 0.1em;}

input#zeit_von,
input#zeit_bis,             
input#zeitspanne           { width: 4em; }

a#hl_uhr_button             { vertical-align: bottom; }


/* Hinterlegungsbutton */
span.glyphicon-hand-down {
  font-size: 1.4em;
  margin-left: 5px;
  top: 5px;
}


/* Select Felder für Kalenderwochen  Wochenplan  */

div.kwjahr,
div.kwnr,
div.kwmonat                { margin: 0.3em 0 0.3em 1em; }
#l_kwjahr                  { margin-right: 2.6em; }
#l_kwnr                    { margin-right: 1.3em; }

/* Zeitpunkte im Wochenplan*/


input.zeitabcheck          { margin-right: 0.5em; }
#zeitpunkteab select.form-control       { max-width: 8em;} 
#zeitpunkteab .l_selectzeitab  { text-align:right; }


/* Input Felder                */

/* Bootstrap Klassen zu Input Feldern anpassen */ 
#form_liste .form-control       { padding: 2px 5px; height: auto; }
#form_liste .input-group-addon  { padding: 1px 5px; height: auto; }
#form_liste .input-group-addon.hlraumart  { padding: 0.9px 10px; height: auto; }
#form_liste .input-group-addon.hl_uhrzeit { padding: 0.9px 10px; height: auto; 
                                            border-bottom-right-radius: 4px; 
                                            border-top-right-radius: 4px; }
#form_liste .input-group-addon.hl_uhrzeit i {  font-size: 14px; }

input#kwjahr               { width: 6em; /* klappt wahrsch. wg. Bootstrap nicht; daher mit size=4 im HTML in der Sicht geloest*/ }
input#kwnr                 { width: 4.5em;}

/* für Monatsplan */
#monatsplan #ktdat_von,
#monatsplan #ktdat_bis    { width: 7em;}
#monatsplan #kwmonat      { width: 9em;}

div#radio1, 
div#radio2,                
div#radio3                 { margin-top: 0.3em; margin-bottom: 0.3em; }

@media (max-width: 767px) {
      div#radio2,  
      div#radio3   { margin-top: 1.8em;}
 }

.datumsbereich             { margin-top: 1.5em; }
.datbereich_vonbis         { margin-left: 4em; margin-top: 0.7em; }
#l_datbereich_von          { margin-right: 0.9em;}
#l_datbereich_bis          { margin-right: 1.2em;}

.datbereich_von,
.datbereich_bis            { margin-bottom: 0.3em; }
#datbereich_von           {  width: 7.5em; }
#datbereich_bis           {  width: 7.5em; margin-left: 0.2em;}

.datum_von                 { margin: 0.8em 0 0.3em 1em; }
.datum_bis                 { margin: 0.3em 0 0.3em 1em; }



/* Bootstrap Styles */
.radio-inline input   { margin-right: 0.4em;  }
/* Wochentage */
#wochentage.checkbox .checkbox-inline  { margin-left: 0.4em; }

/* für den Dialog zur Auswahl von Verhaltenseinträgen im Teilnehmerreiter und im elektr. Klassenbuch */
.fachEingabe, 
.dozentenEingabe,
.teilnehmerEingabe,
.verhaltenEingabe      { margin-top: 12px;}

.hinweis .fa-question-circle-o {
  font-size: 20px;
  color: #FC0204;
  background-color:#FCFE04;
  border-radius: 9px / 9px;
  -webkit-border-radius: 9px / 9px;
  -moz-border-radius: 9px / 9px;
  cursor:pointer;
}


#FormVerhaltensListe .auswahl                { padding-right: 0; }
#FormVerhaltensListe .hinweis                { padding-left: 8px; padding-top: 62px;}


.dozoption,            
.teilnehmeroption,
.verhaltenoption                  { padding:0; } 

/* Speziell für Fachauswahl wg. verwendung von optiongroups    */
/* optgroup.optBreak                  { height: 0; }   */
optgroup.optWahl                   { width: 100%;  max-height:18px; }                                                                    

option.fachoption                 { width:70%;  display:inline-block; margin-left:5px;  padding:0; overflow:hidden;} 
/* Spezieller Hack für Google Chrome     */                                    
@media screen and (-webkit-min-device-pixel-ratio:0) {
    option.fachoption {margin-left:0px;}  
}
/* Spezieller Hack für Opera     */  
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
     option.fachoption {margin-left:0px;} 
}

option.wahltext {
  width:25%;
  display:inline-block;
  vertical-align: top;
}

.showInfo_style{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.showInfoEinstell_style{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid;
  border-color: #ECE9E7;
  float: right;
}

.listgroesse{
  max-width: 240px;
}

#dozentlabel_Honorar, #kurslabel_semester {
  float: left;
  margin-left: 25px;
  margin-right: 15px;
  min-width: 21%;
}

#dozent_Honorar, #kurs_semester {
  width: 65%;
  
}

#form_liste #tndarstellung:has(input:disabled) {
    display: none;
}

#form_liste #tndarstellung:has(input:not(:disabled)) {
    display: block;
}

#form_liste #tndarstellung .checkbox:has(input:disabled) {
    display: none;
}

#form_liste #spaltenanordnung:has(input:disabled), #form_liste #spaltenanordnung:has(:not(input)) {
    display: none;
}

#form_liste #spaltenanordnung:has(input:not(:disabled)) {
    display: block;
}

#form_liste #spaltenanordnung .checkbox:has(input:disabled) {
    display: none;
}

#form_liste #kopfbereich .checkbox:has(input:disabled) {
    display: none;
}

#form_liste #kopfbereich:has(input:disabled) {
    display: none;
}

#form_liste #kopfbereich:has(input:not(:disabled)) {
    display: block;
}
