html, body { 
	font-family:'Arial',sans-serif; 
	font-size:1rem; 
	hyphens: auto;
}

.nobreak
{
	hyphens: none;
}

.logoAdministration
{
	width:100px;
}

.img {
	max-width:100%;
}

.login {
	border:1px solid grey;
}

.anmeldungLabel {
	text-align:right;
}

.navbar-collapse 
{
  flex-grow: 0;
}

.filter
{
	border-bottom:1px solid grey;
}

.invalid
{
	color:red;
}

.valid
{
	color:green;
}

.reihenfolge-leer
{
	width:32px;
}

.aktion:hover
{
	cursor:pointer;
}

.fehler 
{
	color: white;
	background-color: red;
}

.schuleSpeichern, .benutzerSpeichern, .klassenstufeSpeichern
{
	display:none;
}

.untertitel
{
	font-weight:normal;
	font-size:0.8rem;
}

.neuenBenutzerAnlegen, .neueSchuleAnlegen, .neueSchulformAnlegen, .neuesSchuljahrAnlegen, .neueKlassenstufeAnlegen
{
	background-color:#B0E2FF;
}

.pflichtfeld
{
	display:none;
}

.nicht_abgeschlossen 
{
	background-color:rgb(239, 202, 202)!important; 
}

.abgeschlossen 
{
	background-color:#d8ffdd!important; 
}

.markiert
{
	background-color:red!important;
}

.ausgeblendet
{
	display:none;
}

.w50px
{
	width: 50px;
}

.w100px
{
	width: 100px;
}

.w150px
{
	width: 150px;
}

.achtung
{
	color:red;
}

@media (max-width: 575px) {
	.anmeldungLabel, .anmeldungInput {
		min-width:160px!important;
		padding:0;
	}

	.benutzername, .kennwort {
		max-width:100%;
	}
}

@media (max-width: 767px) {
	.anmeldungLabel, .anmeldungInput {
		min-width:320px;
		text-align:center;
	}
}

.copyright
{
	border-top:1px solid grey;
}

.copyrightLink
{
	color:black;
	text-decoration:none;
}

.copyrightLink:hover
{
	color:black;
	font-style:italic;
}

.day1, .day2, .day3 {
	width:60px!important;
	display: inline!important;
}

.month1, .month2, .month3 {
	width:60px!important;
	display: inline!important;
}

.ui-dialog {
  margin-top:72px;
}

#bar-chart-text {
	font-size: 0.8em;
	margin-top:16px;
	color: #666666;
}

.aktionen {
  min-width: 160px;
}

.rot {
  color: red;
}

.readonly {
  background-color: rgba(255, 255, 255, 0.6);
}