/* ------------------------------------------------ */
/*  CSS zur Anpassung des Bootstrap-Designs         */
/* ------------------------------------------------ */


/* Einheitliche Formatierung aller Webseiten */

html, body { 
	height:100%;
}

body {
}

.content {
	padding-top: 30px; 	
	padding-left: 15px; 
	padding-right: 15px; 
}

.printcontent { 
	padding-top: 0px; 	/* beim Druck: Rand oben verringern */
	padding-left: 15px; 
	padding-right: 15px; 	
}

.titel {
	text-align: center;
}

.colorprint { /* Einfärben des Farbdrucker-Icons */
	color: green;
}


p.credit { /* Startseite Credits */
	font-size: 12pt;
}


/* Einheitliche Formatierung von Fotos bzw. deren Platzhaltern */

.fotoplatz {
	background-color: #e3e3e3;
	font-size: 1.5em;
	padding-top: 20px;
	text-align: center;
}

.fotoplatz.round {
	border-radius: 50%;
}

div.round {
}

img.round {
	border-radius: 50%;
}


/* Einheitliche Formatierung von Tabellen */

tr.headline td {
	font-weight: bold;		
}

td.tabspace { /* Dummyzelle für horizontalen Abstand */
	width: 10px;
}

td.nr { /* Nummerierungsspalte */
	text-align: right;	
}


/* Einheitlicher Druck von Tabellen */

table { 
	page-break-after: auto;
}

tr { 
	page-break-inside: avoid; 
	page-break-after: auto;
}

td { 
	page-break-inside: avoid; 
	page-break-after: auto ;
}

thead { 
	display: table-header-group; 
}

tfoot { 
	display: table-footer-group; 
}


/* Einheitliche Formatierung von Panels */

.panel-heading { /* Überschriftszeile für alle Tabellen */
	font-weight: bold;	
}

.panel { /* Seitenumbruch beim Druck möglichst nicht mittendrin */
	page-break-inside: avoid; 
	page-break-after: auto ;	
}


/* Übersichtstabellen: Klasse, Kurs, Schülerliste */

table.classtable td.center {
	text-align: center;	
}

table.classtable .small {
	font-size: medium;	
}

table.classtable td.large {
	font-size: large;
	vertical-align: middle;	
}

table.kurstable td.center {
	text-align: center;	
}

table.schuelerliste td.center {
	text-align: center;	
}

table.table-nonfluid { /* beim Drucken teilweise Tabelle nicht in voller Breite */
   width: auto;
}


/* Einheitliche Formatierung von Listen (u.a. bei Individualdaten eines einzelnen Schülers) */

ul.mylist li {
	list-style-type: square;
}


/* Notentabellen (Noten eines Schülers / einer Klasse) */

table.notentab {
	text-align: center;
}

table.druck {
	border: 1px solid black !important;
}

table.notentab td {
	text-align: center;
}

table.druck td {
	border: 1px solid black !important;
}

table.notentab td.warnung {
	background:#CCFFFF !important; 
	-webkit-print-color-adjust: exact; 
}

table.notentab td.warnung-grau {
	background:#dfdfdf !important; 
	-webkit-print-color-adjust: exact; 
}

table.notentab td.defizit {
	background:#f2dede !important; 
	-webkit-print-color-adjust: exact; 
}

table.notentab td.defizit-grau {
	background:#cdcdcd !important; 
	-webkit-print-color-adjust: exact; 
}

table.notentab td.ohnewarnung {
	background:#fcf8e3 !important; 
	-webkit-print-color-adjust: exact; 
}

table.notentab td.ohnewarnung-grau {
	background:#efefef !important; 
	-webkit-print-color-adjust: exact; 
}

table.notentab td.gut {
	background:#dff0d8 !important; 
	-webkit-print-color-adjust: exact; 
}

table.notentab .kursart {
	font-size: 8pt;
}

.ue {
	color:#B40404 !important;
	-webkit-print-color-adjust: exact; 
}

.ue-grau {
	background:silver !important;
	-webkit-print-color-adjust: exact; 
}

/* Login-Seite */

.form-signin {
  width: 100%;
  max-width: 450px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}	
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

div.form-signin {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -225px;
}