/**
 * fuxNoten Applikation CSS
 *
 * Main Styles
 *
 * @author		Ernst Wilhelm Holl
 * @link		5gradsued.de
 * @since		Version 1.0
 * @requires	Bootstrap getbootstrap.com
 */

/** font definition */


/** main definition */
*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;

}


body, html,frame {
	height: 100%;
	justify-content: center;
	align-items: center;
	/*background: -webkit-linear-gradient(left, #003366, #cad122);*/
	/*Automatische kalkulation der Schriftgröße zw 12 und 14px*/
	/*font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 340)));*/
	font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1600 - 340)));
	color: black;
	#font-family: "Ubuntu";
	font-weight: 400;
	#background-image: url("img/fuxnoten_BG.jpg");
	#background: #ebeff3;
	background-size: 100%;
}
body.module-webinfo, body.module-index {
	background-image: none;
}
body a {
	color: #036;
	text-decoration: none;
}
#frame {
	min-height: 100%;
	/*TODO Test ob andere Tabellen davon betroffen sind, da die nav leiste sonst auf y achse verschiebbar ist*/
	overflow-y: hidden!important;
	/*	height: 100%;*/
	margin: 0 auto -33px; /* the bottom margin is the negative value of the footer's height */
	padding-bottom: 40px;
}

/*================================== TEST NEW STYLE START ====================================*/
#frame #maincontent {
	margin-left: 0;
	margin-right: 0;
	margin-top: 12px;
	padding: 0 15px 0 15px;
	/*min-height: 98vh;*/
	width: 100%;
	/*background-color: #0540a5;*/
}

body.fuxschool-theme-2019 #frame #maincontent {
	padding: 0 15px;
}
#frame #maincontent #content {
	/*background-color: red;*/
	padding: 0;
	margin: 60px 0 10px 0;
	border-radius: 2px;
}

#frame #maincontent:before {
	 display: none;
 }

#frame #maincontent:after {
	 display: none;
 }


#frame .sticky-3rd-layer {
	position: sticky;
	top: 100px;
	background: white;
	z-index: 10000;
}



#frame #room_plan div.table-wrapper .room-date-grid {
	font-size: 0.8em;
	/*background-color: #e70862;*/
}
#frame #room_plan div.table-wrapper th {
	font-size: 0.9em;
	/*background-color: #962a84;*/
}

#frame #room_plan tbody th {
	max-width: 175px;
	/*background-color: #e3bd0d;*/
}

#frame #room_plan tbody td {
	min-width: 1px;
	/*background-color: #14e30d;*/
}

/*body #footer.fixiert-3 {*/
/*	position: relative;*/
/*	z-index: auto;*/
/*	background-color: #761c19;*/
/*}*/

.vertial-align-middle {
	vertical-align: middle !important;
}

body #maincontent #content {
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	/*background-color: #8f9528;*/
}


/**===============================================*/
/**=				NAV TABS ANFANG				==*/
/**===============================================*/

ul.nav-tabs {
	border-bottom: 1px solid;
	border-bottom-color: #808080;
	/*background: white;*/
}


ul.nav-tabs li .show-on-inactive {
	display: inline-block;
}


ul.nav-tabs li .show-on-active {
	display: none;
}


ul.nav-tabs li .show-on-active .select2 {
	min-width: 100px;
	margin-top: -4px;
	margin-bottom: -5px;
}


/*Arbeitsbereich Benotung Navigaionsleiste*/
ul.nav-tabs li > a {

	/*Farbe Fuxnotengrüm*/
	/*background-color: #cad122;*/

	/*Farbe Aktenmappe*/
	/*background-color: #eaeadf;*/
	background-color: #d1d900;;

	border-color: #003366;
	text-align: center;
	color: #003366;
	transition: 0.1s;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 3px solid #003366;
	height: 50px;

}



ul.nav-tabs li > a:hover {
	background: #003366;
	color: white!important;
	transition: 0.1s;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 3px solid #cad122;
	min-height: 50px;
}

ul.nav-tabs > li > a:active {
	background: #003366;
	color: white !important;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 3px solid #cad122;
	min-height: 50px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background: #003366;
	color: white !important;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 3px solid #cad122;
	min-height: 50px;
}


ul.nav-tabs > li > a:focus :after {
	background: #003366;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 3px solid #cad122;
	min-height: 50px;
	/*color: #400a0a !important;*/
	/*font-weight: bold;*/
}



/*================================DASHBOARD NAVI LEISTE STARTSEITE ANFANG  ===========================================*/
/*NAVIGATIONSLEISTE im Dashboard beim START*/
body.fuxschool-theme-2019 ul.nav-tabs > li.active > a, body.fuxschool-theme-2019 ul.nav-tabs > li.active > a:focus {
	background: #003366;
	color: white !important;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 3px solid #cad122;
	min-height: 50px;

	width: 180px;
	/*font-size: 14px;*/
	/*font-size: 0.9em;*/
	text-align: center;
	margin: 3px 2px 3px 2px;
	padding: 12px 2px 10px 2px;
	transition: 0.2ms;
}

body.fuxschool-theme-2019 ul.nav-tabs > li > a {
	color: #003366;
	/*border: 1px solid #efefef;*/

	/*Farbe Aktenfarbe*/
	/*background-color: #eaeadf;*/
	/*Farbe Grau*/
	/*background-color: #eaeadf;*/
	background-color: #d1d900;

	/*Farbe Fuxnotengrün*/
	/*background-color: #cad122;*/


	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 3px solid #003366;
	width: 180px;
	/*font-size: 14px;*/
	font-size: 1em;
	min-height: 50px;
	text-align: center;
	margin: 3px 2px 3px 2px;
	padding: 7px 2px 10px 2px!important;
	transition: 0.2ms;
	box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.5);
}

body.fuxschool-theme-2019 ul.nav-tabs > li > a:hover {
	color: white;
	/*border: 1px solid #efefef;*/
	background-color: #003366;
	/*background-color: #c5d7ec;*/
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;

	/*border-bottom: 3px solid #003366;*/
	border-bottom: 3px solid #cad122;;
	width: 180px;
	/*font-size: 14px;*/
	/*font-size: 0.9em;*/
	min-height: 50px;
	text-align: center;
	margin: 3px 2px 3px 2px;
	padding: 7px 2px 10px 2px;
	transition: 0.2ms;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}


body.fuxschool-theme-2019 ul.nav-tabs.secondary {
	/*margin: 2px 0 2px 0;*/
	min-width: 160px;

}



body.fuxschool-theme-2019 ul.nav-tabs.secondary > li > a:after {
	min-width: 160px;
	font-size: 14px;
	/*font-size: 0.9em;*/
	height: 50px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin-left:2px;
	text-align: center;
	/*margin: 3px 2px 3px 2px;*/
	padding: 12px 2px 10px 2px;
	border-bottom: 3px solid #cad122;
	transition: 0.2ms;
;
}


body.fuxschool-theme-2019 ul.nav-tabs.secondary > li:hover > a {
	min-width: 160px;
	font-size: 14px;
	/*font-size: 0.9em;*/
	height: 50px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin-left:2px;
	background-color: #003366;
	color: white;
	border-bottom: 3px solid #cad122;
	text-align: center;
	/*margin: 3px 2px 3px 2px;*/
	padding: 12px 2px 10px 2px;
	transition: 0.2ms;
}

/*focus gedrückt*/
body.fuxschool-theme-2019 ul.nav-tabs.secondary > li:hover > a:focus {
	min-width: 160px;
	/*font-size: 14px;*/
	/*font-size: 0.9em;*/
	height: 50px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin-left:2px;
	background-color: #003366;
	color: white;
	/*background-color: #bac11f;*/
	text-align: center;
	/*margin: 3px 2px 3px 2px;*/
	padding: 12px 2px 10px 2px;
	transition: 1ms;
}
body.fuxschool-theme-2019 ul.nav-tabs.secondary > li > a {
	min-width: 160px;
	/*font-size: 14px;*/
	/*font-size: 0.9em;*/
	text-align: center;
	height: 50px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin-left:2px;
	/*margin: 3px 2px 3px 2px;*/
	padding: 12px 2px 10px 2px;
	transition: 0.2ms;
	/*background-color: red;*/
}


body.fuxschool-theme-2019 ul.nav-tabs.secondary > li.active > a {
	min-width: 160px;
	color: white;
	/*font-size: 14px;*/
	/*font-size: 0.9em;*/
	height: 50px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin-left:2px;
	background-color: #003366;
	text-align: center;
	/*margin: 3px 2px 3px 2px;*/
	padding: 12px 2px 10px 2px;
	border-bottom: 3px solid #cad122;
	transition: 0.2ms;
}

body.fuxschool-theme-2019 ul.nav-tabs.secondary > li.active > a:focus {
	min-width: 160px;
	color: white;
	/*font-size: 14px;*/
	/*font-size: 0.9em;*/
	min-height: 50px;
	background-color: #003366;
	border-bottom: 3px solid #cad122;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	text-align: center;
	margin: 2px;
	padding: 12px 2px 10px 2px;
	transition: 0.2ms;
	/*font-weight: 600;*/
}


.bootstrap-datetimepicker-widget.dropdown-menu.bottom {
	z-index: 99999999;
}


/*Daschboard im Arbeitsbereich*/
#dashboard {
	/*height: 800px;*/

	/*background-color: red;*/
}
/*Kalender im Dashboard links beim Datum (Standard)*/
#timeperiod_select_container {
	z-index: 99999;
	width: 450px!important;
	/*background-color: #4cae4c;*/
	margin-left: 15px!important;
	border-radius: 5px!important;
}
/*Panel Leisten im Arbeitsbereich*/
body.fuxschool-theme-2019 .settings-panel {
	margin-bottom: 15px; }
body.fuxschool-theme-2019 .settings-panel .settings-panel-heading {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border: 1px solid #003366;
	/*background-color: #003366;*/
	/*position: sticky;*/
	background-color: #003366;
	/*background-color: #4d7194;*/
	/*background-color: #b9c1c4;*/
	/*color: white;*/
	/*border-left: 1px solid #ddd;*/
	/*border-right: 1px solid #ddd;*/
	/*border-top: 1px solid #ddd;*/
	box-shadow: 0 0 5px #ddd;
	padding-left: 15px !important;
	padding-right: 15px !important;
	min-height: 44px;
}

/*======================== ARBEITSBEREICH BENOTUNG DROPDOWN MENÜ ANFANG =====================*/
#scoring-navigation .dropdown {
	width: 100%;
}

/*Arbeitsbereich Benotung auswahlfelder der Fächer*/
#scoring-navigation .dropdown a.btn {
	width: 100%;
	/*border: none;*/
	border-top: 1px solid #003366;
	background-color:  #d4dfec;
	/*background-color: #b3c2d5;*/
	text-align: center;
	font-size: 20px;
	color: #003366;
	padding: 11px;

	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0 0 5px #ddd;
}




#scoring-navigation .dropdown a.btn:hover {
	width: 100%;
	border-top: 1px solid #003366;
	background-color: #003366;
	text-align: center;
	font-size: 20px;
	color: white;
	padding: 11px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0 0 5px #ddd;
}

#scoring-navigation ul.dropdown-menu {
	position: relative;
	width:100%
}



.popover-content div.padding-right {
	display: flex;
}
.popover-content div.padding-right .btn-green.cancel-comment:hover {
	background-color: #003366;
	color: white;
	transition: 0.2s;
	border-radius: 4px;
}
.popover-content div.padding-right .btn-green.save-comment:hover {
	background-color: green;
	color: white;
	transition: 0.2s;
	border-radius: 4px;
}


.popover-content div.padding-left.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
	margin-left: 0;
}

#scoring-navigation .dropdown-menu li a {
	/*background: #cad122 !important;	*/
	background: #cad122 !important;
	border-bottom: 1px solid white;
	padding: 11px;
	font-size: 20px;
	text-align: left;
	white-space: normal;
	color: #003366;
}
#scoring-navigation .dropdown-menu li a:hover, #scoring-navigation .dropdown-menu li a:focus {
	background: #003366 !important;
	color: white !important;
}

#scoring-navigation .table-headline {
	text-align: center;
	font-weight: 400;
}
/*======================== ARBEITSBEREICH BENOTUNG DROPDOWN MENÜ ANFANG =====================*/


/*================================DASHBOARD NAVI LEISTE STARTSEITE ENDE  ===========================================*/

.header_grade_container {
	width: 100%;
	margin: auto;
}

.select2.select2-container.select2-container--default {
	width: auto;
	margin: auto;


}

/*.form-group {*/
/*	margin-left: 5px;*/
/*	margin-right: 5px;*/
/*}*/

.checkbox {
	margin: 5px;
}




@media (min-width: 768px) {
/*	=========================== NAVIGATIONSLEISTE DASHBOARD min-width: 768px START =================================*/
	ul.nav-tabs li a {
	/*background-color: #25cd49;*/
	min-width: 100px;
	min-height: 44px;
	font-size: 1em;
	}


	.nav.navbar-nav {
		/*position: relative;*/
		/*background-color: red;*/
	}



	.nav.navbar-nav.navbar-right {
		/*background-color: #01b3e0;*/
		/*width: 100%;*/
		/*max-width: 180px;*/
		margin-right: -30px;
		padding-right: 0;
		margin-left: 0;
		padding-left: 0;
		display: flex;
		flex-direction: row;
		max-width: 20vw;
	}

	.nav.navbar-nav.navbar-right li img, .nav.navbar-nav.navbar-right li a, .nav.navbar-nav.navbar-right li i {
		/*font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 340)));*/

	}


	body.fuxschool-theme-2019 .settings-panel .settings-panel-heading {
		font-size: 14px;
		/*background-color: #d926e5;*/
	}


	.btn.btn-default.btn-green.add_grade_slug {
		/*background-color: red;*/
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		margin: auto;

	}
	.settings-panel > .settings-panel-heading .btn {
		width: 100%;
		max-width: 140px;
	}

	.form-group.col-md-12.text-right {
		margin: auto;
		padding: 0
	}

	.col-xs-9.col-md-9.text-left {
		padding: 0;
		/*background-color: red;*/
		margin: auto;
	}



	.col-xs-7.col-md-7.text-right {
		/*background-color: red;*/
		position: relative;
		padding-left: 0;
		padding-right: 0;
	}

	.col-xs-3.col-md-3.text-right {
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
		margin-left: 0;
		/*background-color: red;*/
	}

	.col-xs-3.col-md-3.text-right #speichern {
		width: 120px;
		margin-right: 2px;
		margin-left: 2px;
	}





	/*	=========================== NAVIGATIONSLEISTE DASHBOARD min-width: 768px ENDE =================================*/



	/*=============================	DASHBOAR NAVI LEISTE STARTSEITE ENDE min-width: 768px============================*/


	body.fuxschool-theme-2019 ul.nav-tabs.secondary {
		/*margin: 2px 0 2px 0;*/
		/*min-width: 155px;*/
		margin: 2px;
		font-size: 14px;
	}



	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li > a:after {
		/*min-width: 155px;*/

		margin: 2px;
		/*font-size: 14px;*/
		font-size: 0.9em;
		height: 50px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		/*margin-left:2px;*/
		text-align: center;
		/*margin: 3px 2px 3px 2px;*/
		padding: 12px 2px 10px 2px;
		border-bottom: 3px solid #cad122;
		transition: 0.2ms;
	;
	}


	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li:hover > a {
		/*min-width: 155px;*/

		margin: 2px;
		/*font-size: 14px;*/
		font-size: 0.9em;
		height: 50px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		/*margin-left:2px;*/
		background-color: #003366;
		color: white;
		border-bottom: 3px solid #cad122;
		text-align: center;
		/*margin: 3px 2px 3px 2px;*/
		padding: 12px 2px 10px 2px;
		transition: 0.2ms;
	}

	/*focus gedrückt*/
	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li:hover > a:focus {
		/*min-width: 155px;*/

		margin: 2px;
		/*font-size: 14px;*/
		font-size: 0.9em;
		height: 50px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		/*margin-left:2px;*/
		background-color: #003366;
		color: white;
		/*background-color: #bac11f;*/
		text-align: center;
		/*margin: 3px 2px 3px 2px;*/
		padding: 12px 2px 10px 2px;
		transition: 1ms;
	}
	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li > a {
		/*min-width: 155px;*/

		margin: 2px;
		/*display: flex;*/
		/*max-width: 200px;*/
		/*width: 100%;*/
		/*width:100%;*/
		/*background-color: red;*/

		/*font-size: 14px;*/
		font-size: 0.9em;
		text-align: center;
		height: 50px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		/*margin-left:2px;*/
		/*margin: 3px 2px 3px 2px;*/
		padding: 12px 2px 10px 2px;
		transition: 0.2ms;
		/*background-color: red;*/
	}


	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li.active > a {

		/*min-width: 155px;*/

		margin: 2px;
		/*font-size: 14px;*/
		color: white;
		font-size: 0.9em;
		height: 50px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		/*margin-left:2px;*/
		background-color: #003366;
		text-align: center;
		/*margin: 3px 2px 3px 2px;*/
		padding: 12px 2px 10px 2px;
		border-bottom: 3px solid #cad122;
		transition: 0.2ms;
	}

	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li.active > a:focus {
		/*min-width: 155px;*/

		margin: 2px;
		color: white;
		/*font-size: 14px;*/
		font-size: 0.9em;
		min-height: 50px;
		background-color: #003366;
		border-bottom: 3px solid #cad122;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		text-align: center;
		/*margin: 3px 2px 3px 2px;*/
		padding: 12px 2px 10px 2px;
		transition: 0.2ms;
		/*font-weight: 600;*/
	}


	/*=============================	DASHBOAR NAVI LEISTE STARTSEITE ENDE min-width: 768px============================*/

}



@media (min-width: 1024px) {
/*	=========================== NAVIGATIONSLEISTE STARTSEITE min-width: 1024px START =================================*/
	ul.nav-tabs li a {
	/*	Gelbe Farbe*/
	/*background-color: #ffdd00;*/
	background-color: #d1d900;
	min-width: 130px;
	min-height: 44px;
	font-size: 1em;
	}
	body.fuxschool-theme-2019 .settings-panel .settings-panel-heading {
		font-size: 14px;
		/*background-color: red;*/
	}


	.btn.btn-default.btn-green.add_grade_slug {
		/*background-color: red;*/
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		margin: auto;

	}


	.form-group.col-md-12.text-right {
		margin: auto;
		padding: 0;
	}

	.col-xs-9.col-md-9.text-left {
		padding: 0;
		/*background-color: red;*/
		margin: auto;
	}


/*	=========================== NAVIGATIONSLEISTE STARTSEITE min-width: 1024px ENDE =================================*/




/*=============================	DASHBOAR NAVI LEISTE STARTSEITE START min-width: 1024px============================*/
	body.fuxschool-theme-2019 ul.nav-tabs > li.active > a, body.fuxschool-theme-2019 ul.nav-tabs > li.active > a:focus {
		background-color: #003366;
		color: white !important;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-left: 1px solid #003366;
		border-right: 1px solid #003366;
		border-top: 1px solid #003366;
		border-bottom: 3px solid #d7e025;
		min-height: 50px;
		width: 155px;
		text-align: center;
		margin: 3px 2px 3px 2px;
		padding: 12px 2px 10px 2px;
		transition: 0.2ms;
	}

	body.fuxschool-theme-2019 ul.nav-tabs > li > a {
		color: #003366;
		/*border: 1px solid #efefef;*/

		/*Farbe Aktenfarbe*/
		/*background-color: #eaeadf;*/
		/*Gelbe Farbe*/
		/*background-color: #ffdd00;*/
		background-color: #d1d900;

		/*Farbe Fuxnotengrün*/
		/*background-color: #cad122;*/


		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-left: 1px solid #003366;
		border-right: 1px solid #003366;
		border-top: 1px solid #003366;
		border-bottom: 3px solid #003366;
		width: 155px;
		min-height: 50px;
		text-align: center;
		margin: 3px 2px 3px 2px;
		padding: 12px 2px 10px 2px;
		transition: 0.2ms;
	}

	body.fuxschool-theme-2019 ul.nav-tabs > li > a:hover {
		color: white;
		background-color: #003366;
		/*background-color: #c5d7ec;*/
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-left: 1px solid #003366;
		border-right: 1px solid #003366;
		border-top: 1px solid #003366;

		border-bottom: 3px solid #cad122;;
		width: 155px;
		min-height: 50px;
		text-align: center;
		margin: 3px 2px 3px 2px;
		padding: 12px 2px 10px 2px;
		transition: 0.2ms;
	}


	body.fuxschool-theme-2019 ul.nav-tabs.secondary {
		/*margin: 2px 0 2px 0;*/
		min-width: 155px;
		font-size: 14px;
	}



	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li > a:after {
		min-width: 155px;
		font-size: 0.9em;
		height: 50px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
        text-align: center;
		padding: 12px 2px 10px 2px;
		border-bottom: 3px solid #cad122;
		transition: 0.2ms;
		margin: 2px;
	}


	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li:hover > a {
		min-width: 155px;
		font-size: 0.9em;
		height: 50px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		margin-left:2px;
		background-color: #003366;
		color: white;
		border-bottom: 3px solid #cad122;
		text-align: center;
		padding: 12px 2px 10px 2px;
		transition: 0.2ms;
	}

	/*focus gedrückt*/
	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li:hover > a:focus {
		min-width: 155px;
		font-size: 0.9em;
		height: 50px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		margin-left:2px;
		background-color: #003366;
		color: white;
		text-align: center;
		padding: 12px 2px 10px 2px;
		transition: 1ms;
	}
	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li > a {
		min-width: 155px;
		font-size: 0.9em;
		text-align: center;
		height: 50px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		margin-left:2px;
		padding: 12px 2px 10px 2px;
		transition: 0.2ms;
	}


	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li.active > a {
		color: white;
		min-width: 155px;
		font-size: 0.9em;
		height: 50px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		margin-left:2px;
		background-color: #003366;
		text-align: center;
		padding: 12px 2px 10px 2px;
		border-bottom: 3px solid #cad122;
		transition: 0.2ms;
	}

	body.fuxschool-theme-2019 ul.nav-tabs.secondary > li.active > a:focus {
		min-width: 155px;
		color: white;
		font-size: 0.9em;
		min-height: 50px;
		background-color: #003366;
		border-bottom: 3px solid #cad122;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		text-align: center;
		margin: 2px;
		padding: 12px 2px 10px 2px;
		transition: 0.2ms;
	}


	/*=============================	DASHBOAR NAVI LEISTE STARTSEITE ENDE min-width: 1024px============================*/

}


ul.nav-tabs li > a .active :hover {
	border-bottom: 3px solid;
	border-color: #cad122;
	color: #003366;
 }

ul.nav-tabs li .active .show-on-inactive {
	display: none;
 }
ul.nav-tabs li .active .show-on-active {
	display: inline-block;
	margin-left: 10px;
 }

ul.nav-tabs li .active > a {
	/*background-color: #d20101;*/
	color: #003366;
	font-weight: bold;
	border-bottom: 3px solid;
	border-color: #cad122;
	}

ul.nav-tabs li .active > a:focus {
	/*background-color: #d20101;*/
	color: #003366;
	font-weight: bold;
	border-bottom: 3px solid;
	border-color: #cad122;
	}



ul.nav-tabs li .right {
	float: right;
}

ul.nav-tabs li .primary {
	font-weight: bold;
}

ul.nav-tabs li .info-label {
	column-gap: 10%;
	padding-top: 6px;
}

ul.nav-tabs .secondary {
	border-bottom: 1px solid;
	border-color: #dddddd;
}

ul.nav-tabs .secondary > li > a {
	font-size: 0.9em;
	padding-left: 10px;
	padding-right: 10px;
}

ul.nav-tabs .secondary > li > a {
	font-size: 0.9em;
	padding-left: 10px;
	padding-right: 10px;
}

@media (min-width: 768px) {
	ul.nav-tabs .secondary > li > a {
		min-width: 1px;
		font-size: 0.8em;

	}


}
@media (min-width: 1024px) {
	ul.nav-tabs .secondary > li > a {
		font-size: 0.8em;
	}
}


ul.nav-tabs .secondary > li:hover > a {
	color: #003366;
	/*border-bottom: 3px solid;*/
	/*border-color: #787878;*/
}
ul.nav-tabs .secondary > li > a .active {
	color: #003366;
	/*border-bottom: 3px solid;*/
	/*border-color: #787878;*/
}

ul.nav-tabs .secondary > li > a .active:focus {
	color: #003366;
	/*background-color: #d90c87;*/
	/*border-bottom: 3px solid;*/
	/*border-color: #787878;*/
}
ul.nav-tabs .tab-content {
	margin-top: 10px;
}



/**===============================================*/
/**=				NAV TABS ENDE				==*/
/**===============================================*/



/*================================== TEST NEW STYLE END ====================================*/



#maincontent {
	margin: -93px 0 -33px;
	/*max-height: 100%;*/
	height: auto !important;
	/*height: 100%;*/
	/*import->unterrichtseinheiten fix*/
	/*overflow-x: hidden;*/
}


.module-webinfo #maincontent {
	margin: auto;
}

#maincontent:before {
	content: "";
	display: block;
	height: 93px;
	width: 100%;
}

#maincontent:after {
	content: "";
	display: block;
	height: 33px;
	width: 100%;
}

#content {
	/*width: 1000px;*/
	width: 100%;
	max-width: 100%;
    margin: 78px auto auto;
    padding: 7px 15px;
	/* border:1px #000 solid; */
}



.session-user {
	position:fixed;
	right:15px;
	top:75px;
	z-index:-1;
}

/** screen definition */

.fixiert-1, .fixiert-2, .fixiert-3 {
	position: fixed;
	left: 0;
	z-index: 10000;
}

.fixiert-1 {
	top: 0;
	width: 100%;
}
.fixiert-1 .container-fluid {
	padding-left: 35px;
}
.fixiert-2 {
	top: 70px;
}

.fixiert-3 {
	bottom: 0;
}

.error {
	border: 1px solid red;
}
.error::placeholder {
	color:red;
}
/** main navigation */
.navbar {
	border-radius: 0;
}

.menu-navi-width {
	max-width: 180px;
	margin-right: 2px;
	margin-left: 2px;
	padding-left: 2px;
	padding-right: 2px;

}

.menu-navi-width:hover,
.menu-navi-width:focus {
	max-width: 180px;
}


.navbar-default {
	background-color: #003366;
	border-color: #003366;
}

.navbar-default .navbar-nav > li {
	/*margin-right: 10px;*/
	margin-top: 16px;
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1600 - 340)));
}




.navbar-default > .container-fluid {
	border-bottom: 2px solid #cad122;
}

.navbar-default .navbar-nav > li > a {
	margin-top: 2px;
	margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a {
	background: transparent none repeat scroll 0 0;
	color: #ffffff;
	font-size: 19px;
	display: block;
}

.navbar-default .navbar-nav.navbar-right > li > a {
	background: rgba(51,92,133,1.00);
}
.navbar-default .navbar-nav.navbar-right > li > a.system-info {
	color: #cad122;
}
.navbar-default .navbar-nav.navbar-right > li > a.system-info:hover {
	color: #fff;
}
.navbar-default .navbar-nav.navbar-right > li {
	margin-right:2px;
}
.navbar-default .navbar-nav.navbar-right > li:last-child {
	margin-right:0;
}
.navbar-default .navbar-nav.navbar-right > li.logout > a {
	/*text-indent:-10000px;*/
	font-size: 22px;
	display:block;
	width:54px;
	height:44px;
	/*background: url("img/logout.jpg");*/
	/*background-image: url("img/logout.svg"), none;*/
	background-position:center center;
	background-repeat:no-repeat;
	background-color: rgba(51,92,133,1.00);
}

/* ======= BUTTONS HOVEREFFEKTE START ========*/

.navbar-nav.navbar-right > li a {
	/*box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.5);*/
	transition: all 0.2s;
}

.navbar-nav.navbar-right > li a:hover {
	background-color: #cad122 !important;
	color: #003366!important;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}



#add_header_grade:hover {
	background-color: #4cae4c;
	color: white;
	transition: 0.15s;
}

.btn.btn-default.delete_data:hover {
	background-color: #761c19;
	color: white;
	transition: 0.15s;
}
.btn.action-btn.delete_header_grade:hover {
	background-color: #761c19;
	color: white;
	transition: 0.15s;
}
.action-btn[data-type="confirm_delete_lesson"]:hover {
	background-color: #761c19;
	color: white;
	transition: 0.15s;
}


.btn.action-btn[data-type="confirm_delete_grade"]:hover {
	background-color: #761c19;
	color: white;
	transition: 0.15s;
}


.btn.btn-default.btn-green[data-action="add_grade"]:hover {
	background-color: #4cae4c;
	color: white;
	transition: 0.15s;
	border-color: #003366;
}

.btn.btn-default.btn-green[title="hinzufügen"]:hover {
	background-color: #4cae4c;
	color: white;
	transition: 0.15s;
	border-color: #003366;
}

.btn.btn-default.btn-green.add_grade_add:hover {
	background-color: #4cae4c;
	color: white;
	transition: 0.15s;
	border-color: #003366;
}

.btn.btn-default.btn-green.add_grade_slug:hover {
	background-color: #4cae4c;
	color: white;
	transition: 0.15s;
	border-color: #003366;
}

.settings-panel > .settings-panel-heading .btn[data-action="add_subject"]:hover {
	background-color: #4cae4c;
	color: white;
	transition: 0.15s;
	border-color: #003366;
}
.btn.btn-default.btn-green.btn-border-line.apply-lesson-action[title="Speichern"]:hover {
	background-color: #4cae4c;
	color: white;
	transition: 0.15s;
	border-color: #003366;
}


/* ======= BUTTONS HOVEREFFEKTE ENDE ========*/

.navbar-text {
	margin-top: 12px !important;
	margin-bottom: 0;
	padding-top: 0;
}

.navbar-text span {
	border-right: 1px solid white;
	padding-right: 22px;
}

.navbar-default .navbar-nav .dropdown .caret {
	margin-left: 13px;
}

.navbar-default .navbar-text {
	color: #ffffff;
}

.navbar {
	height: 70px;
}


.navbar-default .navbar-nav > .open > a {
	color: white;
	background: #cad122 none repeat scroll 0 0;
	/*background: #cad122 none repeat scroll 0 0;*/
	transition: 0.12s;
	margin-bottom: 2px;
}

.navbar-default .navbar-nav > .open > a:focus {
	color: white;
	background: #cad122 none repeat scroll 0 0;
	transition: 0.12s;
}

.navbar-default .navbar-nav > .open > a:hover {
	color: white;
	background: #cad122 none repeat scroll 0 0;
	transition: 0.12s;
}


.navbar-default .navbar-nav > .open > a:active {
	color: white;
	background: #cad122 none repeat scroll 0 0;;
	transition: 0.12s;
	border-radius: 3px;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
	color: white;
	background: #cad122 none repeat scroll 0 0;
}
.navbar-default .navbar-nav.navbar-right > li.logout > a:hover, .navbar-default .navbar-nav.navbar-right > li.logout > a:focus, .navbar-default .navbar-nav.navbar-right > li.logout > a:active {
	background-color: #cad122;
}



.navbar-default .navbar-nav > li > a:hover {
	color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}

.navbar-default .navbar-nav.navbar-right > li > a:hover, .navbar-default .navbar-nav.navbar-right > li > a {
	background-color: #cad122;
}

#frame .navbar-default .navbar-nav .dropdown-menu {
	width: auto;
	min-width: 100%;
}

.navbar-default .navbar-nav .dropdown-menu > li {
	/*border-bottom: #003366 solid 1px;*/
	/*border-bottom: #254f7b solid 0.05em;*/
	/*border-bottom: white solid 0.05em;*/
	background: #cad122 none repeat scroll 0 0;
	transition: all 0.2s;
}

.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .dropdown-menu > li > a.active {
	background: #cad122 none repeat scroll 0 0;
	transition: all 0.2s;
}

.navbar-default .navbar-nav .dropdown-menu > li:last-child {
	border-bottom: none;
}

.navbar-default .navbar-nav .dropdown-menu > li > a {
	font-size: 20px;
	padding: 10px 10px;
	text-align: left;
	color: #003366;
	margin-top: 0;
	margin-bottom: 0;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #003366;
	background-color: transparent;
	height: 50px;
	text-align: left;
	/*border-top: solid #254f7b 0.01em;*/
	border-top: solid rgba(0, 0, 0, 0.8) 0.01em;
	border-left: solid rgba(0, 0, 0, 0.8) 0.02em;
	border-right: solid rgba(0, 0, 0, 0.8) 0.02em;
	/*border: solid white 0.04em;*/
	border-radius: 3px;
	transition: all 0.2s;
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	background-color: #cad122!important;
	color: #003366;
	/*background-color: #003366!important;*/
	/*color: white;*/
	transition: all 0.2s;
	box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.8);
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	background-color: #003366!important;
	color: white;
	/*background-color: #cad122!important;*/
	/*color: #003366!important;*/
	transition: all 0.2s;
	box-shadow: 0 1px 20px 3px rgba(0, 0, 0, 0.8);
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
}

.navbar-logout {
	width: auto;
	text-align: center;
}

.navbar-brand {
	padding-top: 10px;
	height: 68px;
}



/*================================== TEST ANFANG =============================*/

/*Hovereffekt bei arbeitsbereich,verwaltung,einstellungen*/
.navbar-default .navbar-nav :hover {
	border-radius: 3px;
	transition: 0.2s;
}

/*Bei klick wird das feld dunkler + radius */
.navbar-default .navbar-nav > .open {
	border-radius: 5px;
}

.navbar-default .navbar-nav > .open > a:focus {
	background: #8f9528;
	color: #003366;
	/*border: solid white 1px;*/
	border-radius: 3px;
	transition: 0.12s;
	/*margin: 2px 2px 2px 2px;*/
}


ul.dropdown-menu > li {
	border-radius: 2px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li:hover {
	border-radius: 2px;
}

/* abstand Arbeitsbereich Benotung, Dropdownmenü mit der Auswahl der Klassen*/
.dropdown {
	margin: 0;
}

/*hovereffekt dropdown arbeitsbereich,verwaltung,einstellungen*/
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color: white!important;
	background-color: #003366;
	transition: 0.2s;
}

.dropdown-toggle.menu-navi-width {
	border-radius: 5px;
}

/*Button Löschen*/
body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-action:hover {
	background-color: #4cae4c;
	color: white;
}


#zeitplan_neu > .btn.btn-default.btn-action.btn-sm:hover {
	background-color: #4cae4c;
	color: white;
}

.action-btn[title="bearbeiten"]:hover {
	/*background: #e0c201;*/
	background: #003366;
	border: 1px solid #003366;
	color: white;
	transition: 0.2s;
}

/*================  Popup Fenster eingabe Entschuldigungstext Abwesenheit START ===================*/
body.fuxschool-theme-2019 .modal .modal-header {
	background-color: #003366;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
}
.modal-header h4 {
	color: white!important;
}
body.fuxschool-theme-2019 .modal .modal-content {
	border-radius: 10px!important;
	/*background-color: red;*/
}
/*Button Ausführen*/
body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-primary {
	background: #d4dfec;
	border: 1px solid #003366;
	color: #003366;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-primary:hover {
	background: #003366;
	border: 1px solid #003366;
	color: white;
}



/*Button*/
body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default {
	/*background: #d4dfec;*/
	/*background: #eaeadf;*/
	background: #cad122;
	border: 1px solid #003366;
	color: #003366;
}
/*Button*/
body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default:hover {
	/*background: #d4dfec;*/
	/*background: #eaeadf;*/
	background: #d4dfec;
	border: 1px solid #003366;
	color: #003366;
	transition: 0.1s;
}

button.btn.btn-default.btn-sm:hover[type="submit"]{
	background-color: #4cae4c!important;
	color: white!important;
	border-color: #003366!important;
}

/*================ HOVER =============*/
button.fc-month-button.btn.btn-default:hover {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}
button.fc-agendaWeek-button.btn.btn-default:hover {
	border-color: #003366!important;
	background-color: #003366!important;
	color: white!important;
}

button.fc-agendaDay-button.btn.btn-default:hover {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}
button.fc-listWeek-button.btn.btn-default:hover {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}
button.fc-iCalExport-button.btn.btn-default:hover {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}

/*================ ACTIVE =============*/

button.fc-month-button.btn.btn-default.active {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}

button.fc-listWeek-button.btn.btn-default.active {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}

button.fc-agendaWeek-button.btn.btn-default.active {
	border-color: #003366!important;
	background-color: #003366!important;
	color: white!important;
}

button.fc-agendaDay-button.btn.btn-default.active {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}

button.fc-month-button.btn.btn-default:focus {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}
button.fc-agendaWeek-button.btn.btn-default:focus {
	border-color: #003366!important;
	background-color: #003366!important;
	color: white!important;
}

button.fc-agendaDay-button.btn.btn-default:focus {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}
button.fc-listWeek-button.btn.btn-default:focus {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}
button.fc-iCalExport-button.btn.btn-default:focus {
	border-color: #003366!important;
	color: white!important;
	background-color: #003366!important;
}
/*======================================*/



.btn-green:focus {
	/*background: #b0b81d;*/
	/*font-weight: 600;*/
	background-color: #003366;
	color: white;
	transition: 0.1s;
}
.btn-green:hover {
	/*background: #b0b81d;*/
	/*font-weight: 600;*/
	/*background-color: #003366;*/
	background-color: #d4dfec;
	color: #003366;
	transition: 0.1s;
	border-color: white;
}
.btn-default.active {
	/*background: #b0b81d;*/
	background-color: #d4dfec!important;
	/*font-weight: 600;*/
	color: #003366;
	transition: 0.1s;
	border-color: white!important;
}
.btn-default.active:hover {
	/*background: #b0b81d;*/
	/*font-weight: 600;*/
	background-color: #003366!important;
	color: white!important;
	transition: 0.1s;
	border-color: white;
}

/*======================================================
		BUTTONS ABWESENHEIT DASHBOARD ANFANG
=======================================================*/

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-action[data-target="#deleteAbsenceModal"]{
	/*background: #d4dfec;*/
	text-align: left;
	background: #003366;
	border: 1px solid #003366;
	color: white;
	margin: 5px;
	width: 100%;
	max-width: 120px;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2s;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-action[data-target="#deleteAbsenceModal"]:hover {
	/*background: #d4dfec;*/
	background: #761c19;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}
body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-action[data-target="#infoModal"]{
	/*background: #d4dfec;*/
	text-align: left;
	background: #003366;
	border: 1px solid #003366;
	color: white;
	margin: 5px;
	width: 100%;
	max-width: 120px;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2s;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-action[data-target="#infoModal"]:hover {
	/*background: #d4dfec;*/
	background: #01b3e0;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}
body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-action[data-target="#editAbsenceModal"]{
	/*background: #d4dfec;*/
	text-align: left;
	background: #003366;
	border: 1px solid #003366;
	color: white;
	margin: 5px;
	width: 100%;
	max-width: 120px;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2s;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-action[data-target="#editAbsenceModal"]:hover {
	/*background: #d4dfec;*/
	background: #e0c201;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}
body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-target="#excuseModal"]{
	/*background: #d4dfec;*/
	text-align: left;
	background: #003366;
	border: 1px solid #003366;
	color: white;
	margin: 5px;
	width: 100%;
	max-width: 120px;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2s;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-target="#excuseModal"]:hover {
	/*background: #d4dfec;*/
	background: #4cae4c;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-target="#approvedModal"]{
	/*background: #d4dfec;*/
	text-align: left;
	background: #003366;
	border: 1px solid #003366;
	color: white;
	margin: 5px;
	width: 100%;
	max-width: 120px;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2s;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-target="#approvedModal"]:hover {
	/*background: #d4dfec;*/
	background: #4cae4c;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

/*======================================================
		BUTTONS ABWESENHEIT DASHBOARD ENDE
=======================================================*/


/*======================================================
		BUTTONS STUNDENPLAN ASSISTENT ANFANG
=======================================================*/

.select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	/*padding-right: 10px;*/
	font-size: 16px;
	padding: 2px 8px 2px 2px;
	color: #be0000;
}

.select2-selection__choice__remove {
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	padding: 2px 8px 2px 2px;
	color: #be0000!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	background-color: #003366;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.sp_assistent .select2-container--default .select2-selection--single .select2-selection__arrow:hover {
	/*background-color: #01b3e0;*/
	background-color: #1b528a;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: white transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}


.sp_assistent > thead > tr > th {
	background-color: #003366!important;
	border-right: 1px solid #254F7B;
}

.sp_assistent select.form-control.timetable_select {
	margin-top: 5px;
	background-color: rgba(30, 43, 58, 0.82);
	/*background-color: rgba(67, 96, 126, 0.82);*/
	/*border-top-right-radius: 3px;*/
	/*border-bottom-right-radius: 3px;*/
	/*border-color: white transparent transparent transparent;*/
	color: white;

}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-action="remove_cb_time_entry"]{
	/*background: #d4dfec;*/
	background: #003366;
	border: 1px solid #003366;
	color: white;
	margin-top: 5px;
	width: 80px;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-action="remove_cb_time_entry"]:hover {
	/*background: #d4dfec;*/
	background: #761c19;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
	transition: 0.2s;
}




body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-action="add_cb_time_entry"]{
	/*background: #d4dfec;*/
	background: #003366;
	border: 1px solid #003366;
	color: white;
	margin-right: 10px;
	width: 80px;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-action="add_cb_time_entry"]:hover {
	/*background: #d4dfec;*/
	background: #4cae4c;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
	transition: 0.2s;
}


body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-type="confirm_generate_timetable_save"]{
	/*background: #d4dfec;*/
	background: #003366;
	border: 1px solid #003366;
	color: white;
	margin-right: 10px;
	margin-top: 2px;
	width: 100%;
	max-width: 200px;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5);
	transition: 0.2s;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-type="confirm_generate_timetable_save"]:hover {
	/*background: #d4dfec;*/
	background: #4cae4c;
	border: 1px solid #003366;
	color: white;
	transition: 0.2s;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}
body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-type="confirm_generate_timetable_apply"]{
	/*background: #d4dfec;*/
	background: #003366;
	border: 1px solid #003366;
	color: white;
	margin-right: 10px;
	margin-top: 2px;
	width: 100%;
	max-width: 200px;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5);
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-type="confirm_generate_timetable_apply"]:hover {
	/*background: #d4dfec;*/
	background: #01b3e0;
	border: 1px solid #003366;
	color: white;
	transition: 0.2s;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-type="confirm_apply_standard"]{
	/*background: #d4dfec;*/
	background: #003366;
	border: 1px solid #003366;
	color: white;
	margin-right: 10px;
	margin-top: 2px;
	width: 100%;
	max-width: 200px;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5);
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).btn-default[data-type="confirm_apply_standard"]:hover {
	/*background: #d4dfec;*/
	background: #e0c201;
	border: 1px solid #003366;
	color: white;
	transition: 0.2s;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}
/*======================================================
		BUTTONS STUNDENPLAN ASSISTENT ENDE
=======================================================*/

/*================  Popup Fenster eingabe Entschuldigungstext Abwesenheit ENDE ===================*/



/*Einstellungen --> ELTERNPORTAL --> Fenster Erstloginbrief*/
#parent_portal_firstlogin_letter.form-control {
	display: block;
	height: 380px;
	width: 100%;
}
/*TODO TEST*/
.workspace_table {
	width: 100%;
	/*background-color: #4cae4c;*/
	/*margin-left: auto!important;*/
	margin: 0;
	padding: 0;
}

.dataTables_scrollHead {
	min-width: 100%!important;
	/*background-color: #cdee38;*/
	margin: 0;
	padding: 0;
}

.dataTables_scrollHeadInner {
	min-width: 100%!important;
	/*background-color: red;*/
	margin: 0;
	padding: 0;
}

.dataTables_scrollBody {
	min-width: 100%!important;
	/*height: 400px!important;*/
	min-height: 40vh;
	/*background-color: red;*/
	margin: 0;
	padding: 0;
}



table.table-striped.datatable.dataTable.no-footer {
	max-width: 100%;
	/*background-color: #c52ce0;*/
	margin: 0;
	padding: 0;
}

.dataTables_scroll {
	/*background-color: #2A6496;*/
	max-width: 100%;
	/*height: max-content;*/
	margin-left: 10px;
	margin-right: 10px;
}

.dataTables_filter input {
	border-radius: 4px;
	margin: 5px 25px 5px 10px;
	width: 50%;
}

.einstellungen-abstand.control-label {
	/*background-color: red;*/
	width: 15%;
}

/*.btn.btn-primary.btn-xs {*/
/*	width: 100px*/
/*}*/

.btn.btn-default.btn-xs.active.toggle-off {

	background-color: #761c19!important;
	color: white;
	padding-right: 45px;
	padding-left: 10px;
	text-align: center!important;
	font-size: 12px;
}


.btn.btn-primary.btn-xs.toggle-on {
	background-color: #4cae4c!important;
	color: white;
	padding-right: 35px;
	padding-left: 10px;
	text-align: center!important;
	font-size: 12px;
}






#main_absence_form_modal .btn.btn-default.btn-xs.active.toggle-off {
	background-color: #4cae4c!important;
	color: white;
	padding-right: 45px;
	padding-left: 10px;
	text-align: center!important;
	font-size: 12px;
}


#main_absence_form_modal .btn.btn-primary.btn-xs.toggle-on {
	background-color: #761c19!important;
	color: white;
	padding-right: 35px;
	padding-left: 10px;
	text-align: center!important;
	font-size: 12px;
}

#fuxmedia_access .settings-panel-body {
	min-height: 80px;
}
#fuxmedia_access .settings-panel-body p {
	font-weight: bold;
}


#generate_timetable {
	margin-top: 10px;
}

#cb_weekentries_header {
	margin-top: 5px;
}

#main-services-tabs .tab-pane {
	min-height: 85vh;
}

#cb_timetable {
	margin-top: 5px;
}

#cb_classbook {
	margin-top: 5px;
}

#cb_media {
	margin-top: 5px;
}


#fuxnoten_cb_settings_edit .col-xs-12.col-md-4.settings-panel {
	margin-top: 5px;
}

/*================================== TEST ENDE =============================*/


.logo {
	padding-top: 5px;
	padding-left: 5px;
	height: 40px;
	margin-top: 0;
	margin-left: 10px;
}


/*======================================================================================================
									LOGIN LEHRER SCHÜLER FORM START
=======================================================================================================*/
#id_login .btn.btn-default.btn-sm {
	border-color: #003366;
}

#login_body {
	/*background-color: #01b3e0;*/
	/*background-color: #4cae4c;*/
	text-align: center;
	max-height: 100%;
	width: 100%;
	margin: 0 auto;
}


#login_form label.col-xs-2.control-label {
	/*background-color: red;*/
	margin-left: 0;
	margin-right: 1px;
}

#login_form {
	/*background-color: #de3a81;*/
	display: grid;
	justify-content: center;
	/*margin-left: 100px;*/
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
	text-align: center;
}


#login_form div .col-xs-10.input-group {
	margin: 0 auto;
	/*background-color: #4cae4c;*/
}

#login_email {
	width: 100%;
	min-width: 200px;
	max-width: 300px;
	margin: 0 auto;
}
#login_passwd {
	width: 100%;
	min-width: 200px;
	max-width: 300px;
	margin: 0 auto;
}

a#new_password {
	margin: 0 auto;
	/*background-color: red;*/
}



/* #login_window Login Fenster Schüler-Login und Lehrer Login Buttons*/
div #login_window {
	/*background-color: #4cae4c;*/
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

.form-group.col-md-12.text-right > .btn.btn-default.btn-sm:hover {
	background-color: #003366;
	color: white;
	border-color: #003366;
}

/* #login_window2 Login Fenster Popup nach klick Lehrer Login*/
div #login_window2 {
	/*background-color: #de3a81;*/
	display: flex;
	justify-content: center;
	/*margin-left: 40px;*/
	margin: 20px auto;
	max-width: 400px;
	width: 100%;
	text-align: center;
}

/*LOGIN SCHÜLER Digitale Lernplattform*/
#login_schueler_digitale_lernplattform {
	display: flex;
	justify-content: center;
	/*margin-left: 40px;*/
	margin: 20px auto;
	max-width: 400px;
	width: 100%;
	text-align: center;
}


/*!*login Form Lehrer Schüler*!*/
/*#login_form {*/
/*	!*background-color: #985f0d;*!*/
/*	margin-left: 50px;*/
/*}*/

/*password vergessen? link*/
#login_form .col-xs-offset-2 {
	margin:auto;
}

#login_btn_lehrer {
	background-color: #cad122;
	border-color: #003366;
	color: #003366;
	padding-left: 5px;
	padding-right: 5px;
	width: 100px;
	display: flex;
	justify-content: center;
	/*margin-top: 10px;*/
	/*margin-left: 100px;*/
	margin: 10px auto;
}

#login_btn_lehrer:hover {
	/*background-color: #d4dfec;*/
	background-color: #003366;
	color: white;
	border-color: #003366;
	transition: 0.2s;
}



/*BTN login_btn_schueler*/
#login_btn_schueler {
	background-color: #cad122;
	border-color: #003366;
	color: #003366;
	padding-left: 5px;
	padding-right: 5px;
	width: 100px;
	display: flex;
	justify-content: center;
	/*margin-top: 10px;*/
	/*margin-left: 100px;*/
	margin: 10px auto;
}


#login_btn_schueler:hover {
	/*background-color: #d4dfec;*/
	background-color: #003366;
	color: white;
	border-color: #003366;
	transition: 0.2s;
}



/*Login Button Schüler-Login*/
/*#login-form .btn.btn-default {*/
/*	margin-right: 15px;*/
/*	text-align: center;*/
/*}*/


/*.btn.btn-default {*/
/*	background-color: #003366;*/
/*	border-color: #003366;*/
/*	color: white;*/
/*	padding-left: 5px;*/
/*	padding-right: 5px;*/
/*	width: 100px;*/
/*	display: flex;*/
/*	justify-content: center;*/
/*	margin-top: 10px;*/
/*	margin-left: 100px;*/
/*}*/


/*======================================================================================================
									LOGIN LEHRER SCHÜLER FORM ENDE
=======================================================================================================*/

.far:hover {
	background-color: #003366;
	transition: 0.3s;
	color: white;
}


.btn.btn-default.btn-mail-actions {
	background-color: #d4dfec;
	color: white;
	border-color: white;
}

.btn-mail-actions :hover {
	background-color: #d4dfec;
	color: #003366;
}


.navbar {
	height: 54px;
}
.navbar-brand {
	height: 52px;
}

.navbar-default .navbar-nav > li {
	margin-top: 0;
}

/** conaxtual header links */
.contextual-links {
	z-index: 1001;
	position: fixed;
	width: 100%;
	top: 50px;
	left: 0;
	padding: 0 15px;

}
.contextual-links h2 {
	font-size: 14pt;
	margin-top: 0;
}
.contextual-link-wrap {
	background-color: #036;
	color: #fff;
	border-right: 1px solid #036;
	border-left: 1px solid #036;
	border-bottom: 1px solid #036;
	padding: 2px 5px;
	cursor: pointer;
	border-radius: 0 0 4px 4px;
	display: inline-block;
}

.contextual-link-wrap.collapsed, .contextual-link-wrap.collapsed a, .contextual-link-wrap.collapsed a:hover {
	background-color: #fff;
	color: #036;
	text-decoration:none;
}

.contextual-link-wrap span.badge {
	background: #038;
	font-size: 10px;
}

.contextual-link-wrap span.badge.warning {
	background: #e67300;
}
.contextual-link-wrap span.badge.danger {
	background: #b62c2c;
}

.contextual-link-canvas {
	background-color: #fff;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #036;

}
.contextual-link-canvas div.contextual-sub-container {
	padding: 15px;
}

.contextual-link-canvas div.contextual-sub-container:last-child {
	padding: 15px 30px 15px 15px;
}
.contextual-link-canvas div.contextual-sub-container:first-child {
	padding: 15px 15px 15px 30px;
}
.contextual-link-canvas .nav-tabs .badge.open {
	background: #038;
}

.contextual-link-canvas .nav-tabs .badge.warning {
	background: #e67300;
}

.contextual-link-canvas .nav-tabs .badge.danger {
	background: #b62c2c;
}

.task-info {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
.task-info.warning {
	border-left: 2px solid #e67300;
}
.task-info.danger {
	border-left: 2px solid #b62c2c;
}
.task-info a {
	color: #036;
	text-decoration: none;
}
/** dropdowns */

.dropdown {
	width: 159px;
	text-align: center;
}

.dropdown-menu > li {
	border-top-width: 0;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #b3c2d5;
}

.dropdown-menu {
	padding: 0;
	margin: -1px;
	/*width: 161px;  raus weil der Datepicker sonst komisch wird */
}


#frame .dropdown-menu {
	border-radius: 0;
	box-shadow: none;
	border: none;
	margin: 0;
	/*index für Dropdown bei i-Pad*/
	z-index: 999999;
}

.dropdown-menu li {
	/*padding: 10px;*/
	border: none;
	/*list-style-type: none !important:*/
}

.dropdown-menu > li > a {
	padding: 2px 0;
	text-align: center;
	/* font-weight: bold; */
}

.dropdown-menu > li > a:hover {
	background-color: #ffca47;
}
.module-classbook-entries #sub-navigation {
	top: 40px !important;
}
.module-classbook-entries #maincontent::before {
	content: "";
	display: block !important;
	height: 13px;
	width: 100%;
}
#sub-navigation .dropdown-menu li, #cb_classbook .dropdown-menu li {
	background-color: #fff;
	border-bottom: 1px solid #036;
	border-left: 1px solid #036;
	border-right: 1px solid #036;
	padding: 0;
}
#sub-navigation .dropdown-menu li a, #cb_classbook .dropdown-menu li a {
	color: #036 !important;
	padding: 5px 10px 5px 10px;
}
#sub-navigation .dropdown-menu li:hover, #sub-navigation .dropdown-menu li a:hover, #cb_classbook .dropdown-menu li:hover, #cb_classbook .dropdown-menu li a:hover {
	background-color: #036;
	color: #fff !important;
}
#sub-navigation .dropdown-menu li:first-child, #cb_classbook .dropdown-menu li:first-child {
	border-top: 1px solid #036;
}

.dropdown {
	width: auto;
	text-align: center;
	text-align: -moz-center;
	text-align: -webkit-center;
}



.row.grey-background {
	background-color:#efefef;
	padding-top:15px;
	border-radius: 4px;
	border: 1px solid #000;
	margin-left: 2px;
	margin-right: 2px;
}
.mobile-visible {
	display:none;
}
#mobile-overlay {
	display:none;
}

/*Eingeschränkte Ansicht */
#browser-overlay

{
	display:block !important;
	position: fixed;

	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.9);
	z-index: 22;

	text-align: center;
	#cursor: pointer;
}

/*Eingeschränkte Ansicht */
#browser-overlay .overlay-content {
	width: 100%;
	height:40%;
	background-color: rgba(255,255,255,0.8);
	position: relative;
	font-size: 15px;
	top: 30%;
	left:10%;
	border-radius: 5px;
	padding: 15px;
	color: #000;

}
@media (max-width: 1200px) {
	#student_list .testimony-student-table {
		width: 22vw!important;
		/*background-color: red!important;*/
	}
}


@media (max-width: 767px) {


	/*======================================================================================================
                                        LOGIN LEHRER SCHÜLER FORM START
    =======================================================================================================*/
	#id_login .btn.btn-default.btn-sm {
		border-color: #003366;
	}

	#login_body {
		/*background-color: #01b3e0;*/
		max-height: 100%;
		margin: 0 auto;
	}

	#student_list .testimony-student-table {
		width: 12vw!important;
		/*background-color: red!important;*/
	}


	/* #login_window Login Fenster Schüler-Login und Lehrer Login Buttons*/
	div #login_window {
		/*background-color: #4cae4c;*/
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}

	.form-group.col-md-12.text-right > .btn.btn-default.btn-sm:hover {
		background-color: #003366;
		color: white;
		border-color: #003366;
	}

	/* #login_window2 Login Fenster Popup nach klick Lehrer Login*/
	div #login_window2 {
		/*background-color: #de3a81;*/
		display: flex;
		justify-content: center;
		/*margin-left: 40px;*/
		margin: 20px auto;
		max-width: 400px;
		width: 100%;
		text-align: center;
	}


	/*!*login Form Lehrer Schüler*!*/
	#login_form {
		/*background-color: #985f0d;*/
		margin-left: 50px;
	}

	/*password vergessen? link*/
	#login_form .col-xs-offset-2 {
        margin: auto auto 10px;
    }

	/*BTN login lehrer 767px*/
	#login_btn_lehrer {
		background-color: #cad122;
		border-color: #003366;
		color: #003366;
		padding-left: 5px;
		padding-right: 5px;
		width: 100px;
		display: flex;
		justify-content: center;
		/*margin-top: 10px;*/
		/*margin-left: 100px;*/
		margin: 10px auto;
	}


	#login_btn_lehrer:hover {
		/*background-color: #d4dfec;*/
		background-color: #003366;
		color: white;
		border-color: #003366;
		transition: 0.2s;
	}

	/*BTN login_btn_schueler 767px*/
	#login_btn_schueler {
		background-color: #cad122;
		border-color: #003366;
		color: #003366;
		padding-left: 5px;
		padding-right: 5px;
		width: 100px;
		display: flex;
		justify-content: center;
		/*margin-top: 10px;*/
		/*margin-left: 100px;*/
		margin: 10px auto;
	}


	#login_btn_schueler:hover {
		/*background-color: #d4dfec;*/
		background-color: #003366;
		color: white;
		border-color: #003366;
		transition: 0.2s;
	}


	/*Login Button Schüler-Login*/
	#login-form .btn.btn-default {
		margin-right: 15px;
		text-align: center;
	}


	/*======================================================================================================
                                        LOGIN LEHRER SCHÜLER FORM ENDE
    =======================================================================================================*/





	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		text-align: left;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
		background: none;
	}
	.navbar-default .navbar-nav.navbar-right > li > a {
		background: none;
		text-align:center;
	}
	.navbar-default .navbar-nav.navbar-right.navbar-respo > li > a ,
	.navbar-default .navbar-nav.navbar-right.navbar-respo .open .dropdown-menu > li > a
	{
		background: none;
		text-align:left;
		padding-right: 15px;
		padding-left: 15px;
	}

	.navbar-default .navbar-nav.navbar-right.navbar-respo .open .dropdown-menu > li > a span.glyphicon {
		font-size: 12px;
	}
	.navbar-default .navbar-nav.navbar-right > li.logout > a:hover, .navbar-default .navbar-nav.navbar-right > li.logout > a:focus, .navbar-default .navbar-nav.navbar-right > li.logout > a:active {
		background-color: none;
	}

	.navbar-default .navbar-nav.navbar-right > li.logout > a {
		text-indent:0;
		display:block;
		padding:10px;
		width:100%;
		background:none;
		text-align:center;
	}

	.module-dashboard #scoring-navigation .dropdown {
		#overflow: hidden;
	}

	.panel-heading div.col-xs-6 {
		padding-left: 7px;
		padding-right: 7px;
	}
	.btn.btn-mobile {
		padding-left: 7px;
		padding-right: 7px;
		margin-left: 4px !important;
		font-size: 13px;
	}
	.btn span.mobile-hidden {
		display: none;
	}
	.btn.btn-mobile span {
		padding-right: 0;
	}

	.mobile-visible {
		display:block;
	}
	/*MOBILE ANSICHT EINSCHRÄNLUNG*/
	/*.module-scoring #mobile-overlay,*/
	/*.module-printer  #mobile-overlay,*/
	/*.module-mailbox #mobile-overlay,*/
	/*.module-lessons #mobile-overlay,*/
	/*.module-settings #mobile-overlay,*/
	/*.module-users #mobile-overlay,*/
	/*.module-subject #mobile-overlay,*/
	/*.module-jobs #mobile-overlay,*/
	/*.module-sharepoint #mobile-overlay,*/
	/*.module-system #mobile-overlay,*/
	/*.module-parents-access #mobile-overlay,*/
	/*.module-teacher #mobile-overlay,*/
	/*.module-students #mobile-overlay,*/
	/*.module-classes #mobile-overlay,*/
	/*.module-testimony #mobile-overlay,*/
	/*.module-grade-summary  #mobile-overlay*/

	/*{*/
	/*	display:block !important;*/
	/*	position: fixed;*/

	/*	width: 100%;*/
	/*	height: 100%;*/
	/*	top: 0;*/
	/*	left: 0;*/
	/*	right: 0;*/
	/*	bottom: 0;*/
	/*	background-color: rgba(0,0,0,0.9);*/
	/*	z-index: 22;*/

	/*	text-align: center;*/
	/*	#cursor: pointer;*/
	/*}*/
	#mobile-overlay .overlay-content {
		width: 100%;
		height:40%;
		background-color: rgba(255,255,255,0.8);
		position: relative;
		font-size: 15px;
		top: 30%;
		left:10%;
		border-radius: 5px;
		padding: 15px;
		color: #000;

	}


/* ============================ MAX WIDTH 767 NAVIGATION ARBEITSBEREICH START ======================*/

/* ============================ MAX WIDTH 767 NAVIGATION ARBEITSBEREICH ENDE ======================*/



}


@media (max-width: 1024px) {




	body.fuxschool-theme-2019 .settings-panel .settings-panel-heading {
		font-size: 14px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		text-align: left;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
		background: none;
	}
	.navbar-default .navbar-nav.navbar-right > li > a {
		background: none;
		text-align:center;
	}
	.navbar-default .navbar-nav.navbar-right.navbar-respo > li > a ,
	.navbar-default .navbar-nav.navbar-right.navbar-respo .open .dropdown-menu > li > a
	{
		background: none;
		text-align:left;
		padding-right: 15px;
		padding-left: 15px;
	}

	.navbar-default .navbar-nav.navbar-right.navbar-respo .open .dropdown-menu > li > a span.glyphicon {
		font-size: 12px;
	}
	.navbar-default .navbar-nav.navbar-right > li.logout > a:hover, .navbar-default .navbar-nav.navbar-right > li.logout > a:focus, .navbar-default .navbar-nav.navbar-right > li.logout > a:active {
		background-color: none;
	}

	.navbar-default .navbar-nav.navbar-right > li.logout > a {
		text-indent:0;
		display:block;
		padding:10px;
		width:100%;
		background:none;
		text-align:center;
	}

	.module-dashboard #scoring-navigation .dropdown {
		#overflow: hidden;
	}

	.panel-heading div.col-xs-6 {
		padding-left: 7px;
		padding-right: 7px;
	}
	.btn.btn-mobile {
		padding-left: 7px;
		padding-right: 7px;
		margin-left: 4px !important;
		font-size: 13px;
	}
	.btn span.mobile-hidden {
		display: none;
	}
	.btn.btn-mobile span {
		padding-right: 0;
	}

	.mobile-visible {
		display:block;
	}
	/*MOBILE ANSICHT EINSCHRÄNLUNG*/
	/*.module-scoring #mobile-overlay,*/
	/*.module-printer  #mobile-overlay,*/
	/*.module-mailbox #mobile-overlay,*/
	/*.module-lessons #mobile-overlay,*/
	/*.module-settings #mobile-overlay,*/
	/*.module-users #mobile-overlay,*/
	/*.module-subject #mobile-overlay,*/
	/*.module-jobs #mobile-overlay,*/
	/*.module-sharepoint #mobile-overlay,*/
	/*.module-system #mobile-overlay,*/
	/*.module-parents-access #mobile-overlay,*/
	/*.module-teacher #mobile-overlay,*/
	/*.module-students #mobile-overlay,*/
	/*.module-classes #mobile-overlay,*/
	/*.module-testimony #mobile-overlay,*/
	/*.module-grade-summary  #mobile-overlay*/

	/*{*/
	/*	display:block !important;*/
	/*	position: fixed;*/

	/*	width: 100%;*/
	/*	height: 100%;*/
	/*	top: 0;*/
	/*	left: 0;*/
	/*	right: 0;*/
	/*	bottom: 0;*/
	/*	background-color: rgba(0,0,0,0.9);*/
	/*	z-index: 22;*/

	/*	text-align: center;*/
	/*	#cursor: pointer;*/
	/*}*/
	#mobile-overlay .overlay-content {
		width: 100%;
		height:40%;
		background-color: rgba(255,255,255,0.8);
		position: relative;
		font-size: 15px;
		top: 30%;
		left:10%;
		border-radius: 5px;
		padding: 15px;
		color: #000;

	}
}



.navbar {
	height: 50px !important;
	margin-bottom: 6px;

}
.navbar .container-fluid {
	height:50px;
}
.navbar-default .navbar-nav.navbar-right > li.logout > a, .navbar-default .navbar-nav.navbar-right > li > a {
	background: transparent;
}

/* AUTOMATISCHE SCHRIFTGRÖßE CALCULATION IM DASHBOARD*/
.navbar-default .navbar-nav > li > a {
	/*font-size: 15px;*/
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1600 - 340)));
	padding-top: 12px;
	padding-bottom: 12px;
}




.fixiert-1 .navbar-brand {
	padding-top: 2px;
}
/** footer */
#klassen_bezeichnung {
	font-size: 14px;
	font-weight: bold;
	/*display: flex;*/
}

#footer {
	width: 100%;
	height: 33px;
	background: #003366;
	color: #B2C1D1;
	clear: both;
}

#footer a, #footer a:hover {
	text-decoration: none;
	color: #fff;

}

#footer > div {
	margin: 0 12px auto auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}

#breadcrumb {
	float: left;
}

#breadcrumb img {
	margin-top: -3px;
	height: 15px;
	width: 15px;
}

#copy {
	float: right;
}

#footer .version {
	float: left;
	margin-left: 39%;
}


/** matrix navigation */
.btn-matrix-nav {
	width: 125px;
	background: #7f99b2 ;
	color: #fff;
	font-size: 16px;
	border-radius: 0;
	padding: 10px;
	text-align: left;
}

.scoring-table-matrix-navigation {
	width: 125px;
	float:right;
	position: relative;
	margin-left: 2px;
}
.scoring-table-matrix-navigation .dropdown-menu {
	width: 125px;
	min-width: 125px;
	#margin-left: 7px !important;
}
.scoring-table-matrix-navigation .dropdown-menu a {
	width: 125px;
	margin: 0 !important;
}


#fuxnoten_media_manager_files, #fuxnoten_media_manager_upload {
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

/** panel */
.panel {
	border: none;
	border-radius: 0;
	/*box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);*/
}

.panel-default > .panel-heading {
	height: 50px;
	/*height: 54px;*/
	background-color: #003366;
	color: #fff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: 1px solid #003366;
	border-bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
}
.panel-default > .panel-heading #student_display {
	font-size: calc(10px + (12 - 10) * ((90vw - 320px) / (1600 - 340)));
	font-weight: bold;
	padding: 2px!important;
	margin: 0!important;
	text-shadow: 0.07em 0.05em 0.02em black;
}


.panel-heading > .col-xs-3.col-md-3.text-right > button.btn.btn-default.btn-green[type="submit"]:hover {
	background-color: #4cae4c;
	color: white;
	word-wrap: break-word;
	width: 140px;
	max-width: 100%;
	height: 30px;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}

.table>tbody>tr>td {
	padding: 4px;
	font-size: calc(14px + (14 - 12) * ((90vw - 320px) / (1600 - 340)))!important;
}



.panel-heading > .col-xs-3.col-md-3.text-right > button.btn.btn-default.btn-green[type="submit"]{
	word-wrap: break-word;
	width: 140px;
	max-width: 100%;
	height: 30px;
}

.settings-panel > .settings-panel-heading .btn {
	word-wrap: break-word;
	width: 140px;
	max-width: 100%;
	height: 30px;
	/*background-color: red;*/
	padding: 3px 10px;
}



.panel-heading > .col-xs-4.col-md-4.text-right > .btn.btn-default.btn-green {
	/*background-color: red;*/
	word-wrap: break-word;
	width: 140px;
	max-width: 100%;
	margin-bottom: 5px;
	margin-right: 5px;
}
.panel-heading > .col-xs-4.col-md-4.text-right > .btn.btn-default.btn-green:hover {
	background-color: #4cae4c;
	color: #003366;
	border-color: white;
	transition: 0.2s;
	word-wrap: break-word;
	width: 140px;
	max-width: 100%;
	margin-bottom: 5px;
	margin-right: 5px;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
}

.panel-title {
	color: #fff;
	font-size: 18pt;
	padding: 2px 0 0 0;
}

.panel-heading > .col-xs-6.col-md-6.text-right > .btn.btn-default.btn-green {
	height: 30px;
	/*background-color: red;*/
	padding: 3px 10px;
}

.panel-heading > .col-xs-3.col-md-3.text-right > .btn.btn-default.btn-green {
	height: 30px;
	/*background-color: red;*/
	padding: 3px 10px;
}

.panel-heading > .col-xs-3.col-md-3.text-right > .btn.btn-default.btn-green:hover {
	background-color: #4cae4c;
	color: white;
}

.panel-heading > .col-xs-3.col-md-3.text-left.scoring-header > .btn.btn-green.display_section {
	height: 30px;
	/*background-color: red;*/
	padding: 3px 10px
}


.panel-default > .panel-heading-xs {
	height: 46px;
	background-color: #003366;
	color: #fff;
	margin-top: -10px;
}

.panel-title-xs {
	font-size: 16pt;
	padding: 11px 15px;
}
.panel-heading-col {
	padding-left:0;
	padding-right:0;
}

.panel-default > .panel-heading .btn {
	margin-left: 2px;
	height: 30px;
	padding: 3px 10px;
	max-width: 100%;
}

.panel-default > .panel-heading .btn:hover {
	background-color: #4cae4c;
	color: white;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
}


.panel-default > .panel-body {
	padding: 15px 20px;
}

.panel-default > .panel-body.no-space {
	padding: 0;
	/*border-top: 1px solid #fff;*/
	border-top: 1px solid #003366;
}
.panel-default > .panel-body.border-line {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	/*max-height: 70vh;*/
}
/** settings-panel */
.settings-panel {
	/*margin-top: 5px;*/
}

/*importdatei löschen Mülleimer*/
button#file_delete_tour:hover {
	background-color: #761c19;
}

#testimony_student_assignement #testimony_assignement {
	padding-left: 0;
	padding-right: 0;
}

#testimony_34 {
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	margin-left: 0;
}

.outer .inner {
	/*background-color: red;*/
	max-width: 100%;
	height: auto;
	margin-right: 0;
	padding-right: 0;
}

.tab-content .outer {
	/*background-color: #2A6496;*/
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}



/*.table-default thead tr {*/
/*	!*background-color: #6125ec;*!*/
/*}*/

/*.tab-content th.fixed_2 {*/
/*	max-height: 78px;*/
/*	!*background-color: red;*!*/
/*}*/
/*.tab-content th.fixed_1 {*/
/*	max-height: 78px;*/
/*	!*background-color: green;*!*/
/*}*/

#testimony_general .col-xs-12.col-md-6 {
	padding-left: 0;
	padding-right: 5px;
}

.settings-panel > .settings-panel-heading {
	background-color: #003366;
	/*background-color: #4d7194;*/
	/*background-color: #b9c1c4;*/
	color: #fff;
	/*border-top-left-radius: 3px;*/
	/*border-top-right-radius: 3px;*/
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	box-shadow: 0 0 5px #ddd;

	text-align: center;
	min-height: 50px;
	padding: 10px 15px;
	font-size: 16pt;
	margin-bottom: 0;
	width: 100%;
}



.settings-panel > .settings-panel-heading a {

}

.settings-panel > .settings-panel-heading a:hover {
	background-color: #eaeadf;
	color: #003366;
}

.settings-panel > .settings-panel-heading a:focus {
	color: #fff;
	text-decoration:none;
}

.settings-panel > .settings-panel-heading .btn {
	/*margin-top: -6px;*/
}
.settings-panel > .settings-panel-heading .btn:hover {
	background-color: #eaeadf;
	color: #003366;
}

.settings-panel > .settings-panel-heading .btn-mail-actions {
	/*background-color: #cad122!important;*/
	/*background-color: #8398ad!important;*/
	background-color: #d9e1e8!important;
	color: #003366;
	box-shadow: 0 1px 15px 2px rgba(0, 0, 0, 0.5);
	transition: all linear .2s;
}

.settings-panel > .settings-panel-heading .btn-mail-actions:hover {
	/*background-color: #cad122!important;*/
	/*background-color: #8398ad!important;*/
	cursor: pointer;
	background-color: #003366!important;
	color: white;
	box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.5);
	transition: all linear .2s;
}

.settings-panel > .settings-panel-heading .select2 {
	font-size: 12pt;
	text-align: right;
}

/*Arbeitsbereich Benotung äußere Tabelle von der Auswahl Klassen Kopfnotenbewertung*/
.settings-panel > .settings-panel-body {
	background-color: #fff;
	padding: 20px;
	/*border-left: 1px solid #ddd;*/
	/*border-right: 1px solid #ddd;*/
	/*border-bottom: 1px solid #ddd;*/
	border-top: 1px solid #003366;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0 0 5px #ddd;
}

.settings-panel > .settings-panel-body.no-space {
	padding: 0;
}

.dark-blue {
	background-color: #003366 !important;
}
/** tables */
.table {
	/*border: 1px solid #003473 ;*/
	width: 90vw;
	border-collapse: unset;
	/*border: 1px solid #003366;*/
}

.table-striped {
	width: 100vw;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
}

#gedroppte_daten {
	margin-bottom: 10px;
}

.table tr > th, table tr > td  {
	border-right: 1px solid #003473 ;

}

.table > thead > tr > th {
	color: white;
	padding: 8px;
	line-height: 1.42857143;
	/*background-color: #7f99b2;*/
	background-color: #254f7b;
	/*border-bottom: 0;*/
	border-bottom: 1px solid #003473!important;
	vertical-align: middle;
	text-shadow: 0.07em 0.05em 0.02em black;
}

.table > tfoot > tr > th {
	color: white;
	padding: 8px;
	line-height: 1.42857143;
	background-color: #7f99b2 !important;
	border-bottom: 0;
}

#student_header_grades_container_2 table thead {
	background-color: #254f7b!important;
}

#main_print_edit_area {
	/*background-color: #c3ced9;*/
}

/*Kopfnotenkonferenz Tabelle*/
.table .fixed_header tbody td {
	border-left: 1px solid #003366 !important;
}

/*Kopfnotenkonferenz Tabelle*/
.table .fixed_header thead {
	background-color: #254f7b!important;
}
/*Kopfnotenkonferenz Tabelle*/
#main_print_edit_area td:first-child {
	border-bottom: 1px solid #003366 !important;
	border-right: 1px solid #003366 !important;
	color: white;
	background-color: #7f99b2 !important;
	text-shadow: 0.07em 0.05em 0.02em black;
	letter-spacing: 0.05em;
}

.table > tbody > tr > td {
	color: #003366;
	font-size: 16px;
	/*line-height: 34px;*/
	border-top: 0;
	vertical-align: top;
	/*padding: 4px!important;*/
}

#main_print_edit_area td {
	border-bottom: 1px solid #003366 !important;
}


.table>thead>tr>th {
	border-top: 0;
}

.table > tbody > tr > td .select2-container {
	font-size: 12px;
	line-height: 22.85px;
}

.select2-results__option {
	padding: 2px;
	font-size: 12px;
}



.table-headline {
	margin-top: 0;
	height: 54px;
	color: #fff;
	font-size: 18pt;
	padding: 13px 15px;
	margin-bottom: 0;
	background-color: #003366;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	box-shadow: 0 0 5px #ddd;
	text-align: center;
	min-height: 50px;
}
.table-headline-xs {
	height: 46px;
	padding: 11px 15px;
	font-size: 16pt;
}
.table-headline-row {
	height: 54px;
	color: #fff;
	padding: 13px 15px;
	margin-bottom: 0;
	background-color: #003366;
}

.border-right-bold {
	border-right: 1px solid #003473 !important;
}

/** jquery datatables */
table.dataTable {

	margin: 0 auto 0 0;
}
.dataTables_empty {
	background-color: #C3CED9;
	color: #036;
}

.data-tables-background {
	background-color:#003366;
	color: #fff;
	/*font-size:16px;*/
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}


/*====== VERSETZUNG START ===*/
#transfer_start_panel {
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}


/*====== VERSETZUNG KLASSENÜBERSICHT ===*/
#classes_overview .table-default {
	border: 1px solid #ddd;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
	/*padding: 15px;*/

}

#classes_overview thead tr th {
	text-align: center;
	text-shadow: 1px 1px black;
}
#classes_overview tbody tr td {
	text-align: center;
}

#classes_overview tbody tr td input, #classes_overview tbody tr td select {
	text-align: center;
	max-width: 80px;
	margin: 0 auto;
}


#classes_overview tbody tr td select option {
	text-align: center;
}

/*====== VERSETZUNG KURSÜBERSICHT ===*/
#courses_overview .table-default {
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
	/*padding: 15px;*/
}


#courses_overview tbody tr td input, #courses_overview tbody tr td select {
	text-align: center;
	margin: 0 auto;
}




#courses_overview tbody tr td {
	text-align: center;
}

#courses_overview thead tr th {
	text-align: center;
	/*text-shadow: 1px 1px black;*/
}


/*====== VERSETZUNG ZUWEISUNGEN ===*/
#assignments_overview .table-default {
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
	/*padding: 15px;*/
}

/*====== VERSETZUNG ERFOLGREICH ===*/
#transfer_transfer_success {
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}


#assignments_overview tbody tr td input, #assignments_overview tbody tr td select {
	text-align: center;
	/*margin: 0 auto;*/
}

#assignments_overview .select2-container--default .select2-selection--multiple {
 border-top-right-radius: 0;
 border-top-left-radius: 0;
}

#assignments_overview tbody tr td {
	text-align: center;
}



#assignments_overview thead tr th {
	text-align: center;
	/*text-shadow: 1px 1px black;*/
}


/*====== VERSETZUNG FINALÜBERSICHT ===*/
#final_overview #accordion {
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
	/*padding: 15px;*/
}




#versetzung_steps {
	margin: 0 auto;
	padding: 0;
	/*width: 100%;*/
}

#versetzung_steps ul {
	padding: 0;
	margin: 0;
	/*background-color: red;*/
}

#versetzung_info {
	padding: 0px;
}


#evaluation {
	width: 100%;
}

#evaluation_import {
	width: 25%;
}

#evaluation thead tr th {
	color: white;
	text-align: center;
	/*text-shadow: 1px 1px black;*/
	font-size: 13px;
}

#evaluation tbody tr td {
	text-align: center;
	font-weight: bold;
}



/*.panel-default {*/
/*	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);*/
/*}*/

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

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


.col-xs-12 .col-md-12 {
	/*box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);*/
}

.paging_full_numbers a {
	color: #fff !important;
	margin: 5px 0;
	background-color: #4D7194;
	cursor: pointer;
}
.paging_full_numbers .ellipsis {
	color: #fff !important;
	margin: 5px 0;
	padding: 5px 14px;
	background-color: #4D7194;
}
.dataTables_length, .dataTables_filter, .dataTables_info, .paging_full_numbers, .custom_filter {
	margin: 10px;
}
.dataTables_length select, .custom_filter select {
	color: #000 !important;
}

.custom_filter {
	float: left;
}
.custom_filter button {
	background-color: #4D7194 !important;
	margin-left: 5px;
	padding: 3px 15px;
}
.dataTables_filter input {
	margin-left: 5px;
	color: #000;
}
.dataTables_info {
	width: 45%;
	float:none;
	display: inline-block;
}

table.dataTable > tbody > tr > td {
	vertical-align: top;
}

/*table.dataTable tr.even td.sorting_1, table.dataTable tr.even td.sorting_2, table.dataTable tr.even td.sorting_3, table.dataTable tr.even td.sorting_4 {*/
/*	background-color: white;*/
/*}*/

/*table.dataTable tr.odd td.sorting_1, table.dataTable tr.odd td.sorting_2, table.dataTable tr.odd td.sorting_3, table.dataTable tr.odd td.sorting_4 {*/
/*	background-color: #D9E1E8;*/
/*}*/

#datatables_overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: gray;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	#display: none;
}
#datatables_overlay h2 {
	position: fixed;
	margin-left: 40%;
	top: 40%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/** badges */
.badge.dark-blue {background-color: #036}

/** tab navigation */
.tab-navigation li {
	margin-right: 4px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	/*border-left: 1px solid #003366;*/
	/*border-right: 1px solid #003366;*/
	/*border-top: 1px solid #003366;*/
	min-height: 50px;
}

.tab-navigation li a {
	background: #003366;
	color: #003366;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 3px solid #cad122;
	min-height: 50px;
	margin-right: 0;
}
.tab-navigation li a:hover,
.tab-navigation li a:focus {
	background: #003366;
	color: white !important;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 3px solid #cad122;
	min-height: 50px;


}

.tab-navigation li.active  a {
	background: #003366;
	color: white !important;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 3px solid #cad122;
	min-height: 50px;


}

.tab-navigation li.active  a:hover {
	background-color: #003366;
	color: white;
	border-bottom: 3px solid #b0b81d!important;
	cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;

}

.tab-navigation li.active  a:focus {
	background-color: #003366;
	color: white;
	border-bottom: 3px solid #b0b81d!important;
	cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	margin-right: 0;
}
.tab-navigation li.active  a:focus :after {
	background-color: #003366;
	color: white;
	border-bottom: 3px solid #b0b81d;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-right: 0;
}

.nav-tabs .badge {
	position: absolute;
	top: -10px;
	right: -5px;
	background: #b62c2c;
}

/* animated glyphicon */
.glyphicon-refresh-animate {
	animation: spin .7s infinite linear;
	-webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg);}
}

/** modals */

.modal-dialog {
	padding-top: 5%;
}

.modal-content {
	border-radius: 0;
}


.modal-header {
	background-color: #194881;

}

.modal-title {
	color: #ffffff;
}

.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=50);
	opacity: .5;
	padding: 0 0 0 14px;
}

.modal-header button.close {
	font-size: 30px;
	margin-top: 0;
	padding-top: 0;
}

.close:hover {
	color: #bb0505;
}

.fa-rectangle-xmark:hover {
	color: #bb0505;
}

.fa-window-close:hover {
	color: #bb0505;
}

.modal-header h4 {
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}

.modal-body {
	/*font-size: 17px;*/
	min-height: 100px;
	padding: 25px 15px;
	position: relative;
}

.modal-body .container {
	width: 100%;
}

.modal-body .container > .row {
	margin-bottom: 15px;
}

.modal-body .container label {
	font-weight: normal;
	padding: 5px;
}

.modal-body .container input {
	width: 100%;
	background: #D9E1E8;
	border: none;
	padding: 5px;
}

.modal-body .container .row div.buttons button {
	background: #d9e1e8 none repeat scroll 0 0;
	margin-right: 5.5%;
	padding: 5px;
	width: 20%;
}

.modal-body .container .row div.buttons button.active {
	background: #003366 none repeat scroll 0 0;
	color: white;
}

.modal-body .container .row div.buttons button:last-child {
	margin-right: 0;
	margin-left: 0.1%;
}

.modal-footer {
	border-top: 1px solid #003366;
}

.modal-footer button:focus {
	outline: none !important;
}

.btn-modal-cancel {
	background: #7f99b2 !important;
	font-size: 14px!important;
}
.btn-modal-cancel:hover {
	background: #4d7194 !important;
}
.btn-modal-cancel,
.btn-modal-cancel:hover {
	float: left;
	width: 47%;
	color: white;
}

.btn-modal-apply {
	background: #cad122;
}

/*.btn-modal-apply:hover {*/
/*	background: #bac11f*/
/*}*/

.btn.btn-primary.btn-modal-apply:hover {
	background-color: #003366;
	color: white;
	transition: 0.1s;
}


.btn-modal-apply {
	color: #003366;
	float: right;
	width: 47%;
}


.btn-modal-func,
.btn-modal-func:hover {
	color: #003366;
	float: right;
	width: 47%;
}

#absence_modal {
	align-content: center;
}


/** popover */
.popover {
	max-width: 400px;
}
/** buttons */
.action-btn {
	background: #cad122;
	display: block;
	width: 38px;
	height: 38px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	padding: 6px 6px;
	border-radius: 3px;
	color: #003366;
	border: 1px solid #003366;
	font-size: 17px;
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
	outline: none !important;
}




.action-btn:hover {
	background-color: #003366;
	color: white;
	border-color: #003366!important;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}

.action-btn[data-type="confirm_delete"]:hover {
	background-color: #761c19;
	color: white;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}

#editor_btn_action_add {
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}
#editor_btn_action_add:hover {
	background-color: #4cae4c;
	color: white;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}

#editor_btn_action_delete {
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}

.individual_student_settings {
	background-color: #d9e1e8!important;
	color: #003366!important;
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}
.individual_student_settings:hover {
	background-color: #4cae4c!important;
	color: white!important;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}
#accordion .settings-panel-heading a {
	color: white!important;
}
#accordion .settings-panel-heading a:hover {
	color: #003366!important;
}
/*#accordion .settings-panel-heading:hover {*/
/*	background-color: #d9e1e8;*/
/*	color: #003366!important;*/
/*}*/

#editor_btn_action_delete:hover {
	background-color: #761c19;
	color: white;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}


#calculation_apply:hover {

	background-color: #4cae4c;
	color: white;
	border-color: #003366!important;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}

#confirm_delete_teacher:hover {
	background-color: #761c19;
	color: white;
}

#confirm_delete_student:hover {
	background-color: #761c19;
	color: white;
}

#confirm_delete_class:hover {
	background-color: #761c19;
	color: white;;
}


/*.action-btn :hover, .action-btn :focus {*/
/*	background: #b0b81d;*/
/*}*/

#load_hours_report_prev:hover {
	background-color: #003366;
	color: white;
	border-color: #003366;
}
#load_hours_report_next:hover {
	background-color: #003366;
	color: white;
	border-color: #003366;
}

button.btn.btn-default[data-target="#main_calendar"]:hover {
	background-color: red;
}

.btn-light-blue {
	background: #7f99b2 ;
	color: #fff;
	font-size: 16px;
	border-radius: 0;

}



.btn-green {
	/*background: #cad122;*/
	background-color: #d9e1e8;
	color: #003366;
	font-size: 15px;
	/*border-color: #003366;*/
	border-color: white!important;
	border-radius: 3px;
	height: 36px;
	padding: 6px 15px;
	margin-right: 5px;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2s;

}

.delete_data:hover {
	background-color: #761c19!important;
	color: white;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5)!important;
	transition: all .3s;
	border: 1px solid white;
}


.btn-green  span {
	/*padding-right: 10px;*/
}
.btn-green.btn-sm {

	font-size: 12px;
	height: 28px;
	padding: 5px 10px;
}
.btn-green.btn-sm  span {
	padding-right: 6px;
}

.btn-green.btn-border-line {
	height: 38px;
	border: 1px solid #003366;
}
.btn-green.btn-border-line:hover {
	background-color: #003366;
	color: white;
	border: 1px solid #003366;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}

.btn-green.btn-border-line.btn-sm {
	height: 32px;
}
.btn-green.btn-sm {
	font-size: 12px;
}

/*ABWESENHEIT NEU STYLE Abwesend, Abwesend gemeldet, Entschuldigt*/

#radio-inline_input_absence {
	background-color: #761c19;
	color: white;
	border-radius: 5px;
	margin: 10px;
	padding-right: 5px;
	padding-left: 4px;
	border: 1px solid #003366;
}

#radio-inline_input_approved_absence {
	background-color: orange;
	color: white;
	border-radius: 5px;
	margin: 10px;
	padding-right: 5px;
	padding-left: 4px;
	border: 1px solid #003366;

}
#radio-inline_input_excuse_absence {
	background-color: #4cae4c;
	color: white;
	border-radius: 5px;
	margin: 10px;
	padding-right: 5px;
	padding-left: 4px;
	border: 1px solid #003366;

}



.btn.action-btn.importer-action[title="Entfernen"]:hover {
	background-color: #761c19;
	color: white;
	transition: 0.1s;
}


.btn-green[data-type="confirm_import"]:hover {
	background-color: #4cae4c;
	color: white;
	transition: 0.1s;
}
.btn-green[data-type="confirm_import"]{
	word-wrap: break-word;
	width: 140px;
	max-width: 100%;
	height: 32px;
}

.btn-green[type="submit"]:hover {
	background-color: #4cae4c;
	color: white;
	transition: 0.1s;
}

.btn-green[type="submit"]{
	word-wrap: break-word;
	width: 140px;
	max-width: 100%;
	height: 32px;
}


#loading_animation {
	transition: 0.15s;
}




/*==========================================================*/
/*                LADEBALKEN NEU TEST ANFANG
   <div class="cssload-box cssload-loading"></div>          */
/*==========================================================*/

.cssload-box {
	position: absolute;
	/*width: 292px;*/
	/*height: 78px;*/
	/*left: 50%;*/
	/*margin-left: -146px;*/
}

.cssload-loading:after {
	content: '';
	position: absolute;
	margin-top: 2px;
	left: -39px;
	display: block;
	width: 39px;
	height: 15px;
	/*height: 49px;*/
	border-radius: 4px;
	background-color: transparent;
	box-shadow: 47px 0 0px rgb(225, 232, 44), 94px 0 2px rgba(225, 232, 44,0.8), 140px 0 4px rgba(225, 232, 44,0.6), 187px 0 6px rgba(225, 232, 44, 0.4), 234px 0 8px rgba(225, 232, 44,0.2), 281px 0 10px rgba(225, 232, 44,0.2);
	transform: skewX(-20deg);
	-o-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	animation: cssload-loadingAnim 2.3s linear infinite;
	-o-animation: cssload-loadingAnim 2.3s linear infinite;
	-ms-animation: cssload-loadingAnim 2.3s linear infinite;
	-webkit-animation: cssload-loadingAnim 2.3s linear infinite;
	-moz-animation: cssload-loadingAnim 2.3s linear infinite;
}



@keyframes cssload-loadingAnim {
	0% {
		box-shadow: 47px 0 0px rgb(225, 232, 44), 94px 0 2px rgba(225, 232, 44,0.8), 140px 0 4px rgba(225, 232, 44,0.6), 187px 0 6px rgba(225, 232, 44, 0.4), 234px 0 8px rgba(225, 232, 44,0.2), 281px 0 10px rgba(225, 232, 44,0.2);
	}
	10% {
		box-shadow: 47px 0 2px rgba(225, 232, 44,0.8), 94px 0 0px rgb(225, 232, 44), 140px 0 2px rgba(225, 232, 44,0.8), 187px 0 4px rgba(225, 232, 44,0.6), 234px 0 6px rgba(225, 232, 44,0.4), 281px 0 8px rgba(225, 232, 44,0.2);
	}
	20% {
		box-shadow: 47px 0 4px rgba(225, 232, 44, 0.6), 94px 0 2px rgba(225, 232, 44, 0.8), 140px 0 0px rgba(225, 232, 44, 0.8), 187px 0 2px rgb(225, 232, 44), 234px 0 4px rgba(225, 232, 44,0.4), 281px 0 6px rgba(225, 232, 44,0.4);
	}
	30% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225, 232, 44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225, 232, 44, 0.4);
	}
	40% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225, 232, 44, 0.4);
	}
	50% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225, 232, 44, 0.4);
	}
	60% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225, 232, 44, 0.4);
	}
	70% {
		box-shadow: 47px 0 6px rgba(225,232,44, 0.6), 94px 0 8px rgba(225,232,44, 0.6), 140px 0 10px rgba(225,232,44, 0.6), 187px 0 8px rgba(225,232,44, 0.6), 234px 0 6px rgba(225,232,44, 0.4), 281px 0 4px rgba(225, 232, 44, 0.6);
	}
	80% {
		box-shadow: 47px 0 6px rgba(225,232,44, 0.6), 94px 0 8px rgba(225,232,44, 0.6), 140px 0 10px rgba(225,232,44, 0.6), 187px 0 8px rgba(225,232,44, 0.6), 234px 0 6px rgba(225,232,44, 0.4), 281px 0 4px rgba(225, 232, 44, 0.6);
	}
	90% {
		box-shadow: 47px 0 0px rgb(225, 232, 44), 94px 0 2px rgba(225, 232, 44,0.8), 140px 0 4px rgba(225, 232, 44,0.6), 187px 0 6px rgba(225, 232, 44,0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225, 232, 44, 0);
	}
	100% {
		box-shadow: 47px 0 0px rgb(225, 232, 44), 94px 0 2px rgba(225, 232, 44,0.8), 140px 0 4px rgba(225, 232, 44,0.6), 187px 0 6px rgba(225, 232, 44,0.4), 234px 0 8px rgba(225, 232, 44,0.2), 281px 0 10px rgba(225, 232, 44, 0);
	}
}

@-o-keyframes cssload-loadingAnim {
	0% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44, 0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44,0.2);
	}
	10% {
		box-shadow: 47px 0 2px rgba(225,232,44,0.8), 94px 0 0px rgb(225,232,44), 140px 0 2px rgba(225,232,44,0.8), 187px 0 4px rgba(225,232,44,0.6), 234px 0 6px rgba(225,232,44,0.4), 281px 0 8px rgba(225,232,44,0.2);
	}
	20% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44,0.4), 281px 0 6px rgba(225,232,44,0.4);
	}
	30% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	40% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	50% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	60% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	70% {
		box-shadow: 47px 0 6px rgba(225,232,44, 0.6), 94px 0 8px rgba(225,232,44, 0.6), 140px 0 10px rgba(225,232,44, 0.6), 187px 0 8px rgba(225,232,44, 0.6), 234px 0 6px rgba(225,232,44, 0.4), 281px 0 4px rgba(225,232,44, 0.6);
	}
	80% {
		box-shadow: 47px 0 6px rgba(225,232,44, 0.6), 94px 0 8px rgba(225,232,44, 0.6), 140px 0 10px rgba(225,232,44, 0.6), 187px 0 8px rgba(225,232,44, 0.6), 234px 0 6px rgba(225,232,44, 0.4), 281px 0 4px rgba(225,232,44, 0.6);
	}
	90% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44,0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44, 0);
	}
	100% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44,0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44, 0);
	}
}

@-ms-keyframes cssload-loadingAnim {
	0% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44, 0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44,0.2);
	}
	10% {
		box-shadow: 47px 0 2px rgba(225,232,44,0.8), 94px 0 0px rgb(225,232,44), 140px 0 2px rgba(225,232,44,0.8), 187px 0 4px rgba(225,232,44,0.6), 234px 0 6px rgba(225,232,44,0.4), 281px 0 8px rgba(225,232,44,0.2);
	}
	20% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44,0.4), 281px 0 6px rgba(225,232,44,0.4);
	}
	30% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	40% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	50% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	60% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	70% {
		box-shadow: 47px 0 6px rgba(225,232,44, 0.6), 94px 0 8px rgba(225,232,44, 0.6), 140px 0 10px rgba(225,232,44, 0.6), 187px 0 8px rgba(225,232,44, 0.6), 234px 0 6px rgba(225,232,44, 0.4), 281px 0 4px rgba(225,232,44, 0.6);
	}
	80% {
		box-shadow: 47px 0 6px rgba(225,232,44, 0.6), 94px 0 8px rgba(225,232,44, 0.6), 140px 0 10px rgba(225,232,44, 0.6), 187px 0 8px rgba(225,232,44, 0.6), 234px 0 6px rgba(225,232,44, 0.4), 281px 0 4px rgba(225,232,44, 0.6);
	}
	90% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44,0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44, 0);
	}
	100% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44,0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44, 0);
	}
}

@-webkit-keyframes cssload-loadingAnim {
	0% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44, 0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44,0.2);
	}
	10% {
		box-shadow: 47px 0 2px rgba(225,232,44,0.8), 94px 0 0px rgb(225,232,44), 140px 0 2px rgba(225,232,44,0.8), 187px 0 4px rgba(225,232,44,0.6), 234px 0 6px rgba(225,232,44,0.4), 281px 0 8px rgba(225,232,44,0.2);
	}
	20% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44,0.4), 281px 0 6px rgba(225,232,44,0.4);
	}
	30% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	40% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	50% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	60% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	70% {
		box-shadow: 47px 0 6px rgba(225,232,44, 0.6), 94px 0 8px rgba(225,232,44, 0.6), 140px 0 10px rgba(225,232,44, 0.6), 187px 0 8px rgba(225,232,44, 0.6), 234px 0 6px rgba(225,232,44, 0.4), 281px 0 4px rgba(225,232,44, 0.6);
	}
	80% {
		box-shadow: 47px 0 6px rgba(225,232,44, 0.6), 94px 0 8px rgba(225,232,44, 0.6), 140px 0 10px rgba(225,232,44, 0.6), 187px 0 8px rgba(225,232,44, 0.6), 234px 0 6px rgba(225,232,44, 0.4), 281px 0 4px rgba(225,232,44, 0.6);
	}
	90% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44,0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44, 0);
	}
	100% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44,0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44, 0);
	}
}

@-moz-keyframes cssload-loadingAnim {
	0% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44, 0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44,0.2);
	}
	10% {
		box-shadow: 47px 0 2px rgba(225,232,44,0.8), 94px 0 0px rgb(225,232,44), 140px 0 2px rgba(225,232,44,0.8), 187px 0 4px rgba(225,232,44,0.6), 234px 0 6px rgba(225,232,44,0.4), 281px 0 8px rgba(225,232,44,0.2);
	}
	20% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44,0.4), 281px 0 6px rgba(225,232,44,0.4);
	}
	30% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	40% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	50% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	60% {
		box-shadow: 47px 0 4px rgba(225,232,44, 0.6), 94px 0 2px rgba(225,232,44, 0.8), 140px 0 0px rgba(225,232,44, 0.8), 187px 0 2px rgb(225,232,44), 234px 0 4px rgba(225,232,44, 0.6), 281px 0 6px rgba(225,232,44, 0.4);
	}
	70% {
		box-shadow: 47px 0 6px rgba(225,232,44, 0.6), 94px 0 8px rgba(225,232,44, 0.6), 140px 0 10px rgba(225,232,44, 0.6), 187px 0 8px rgba(225,232,44, 0.6), 234px 0 6px rgba(225,232,44, 0.4), 281px 0 4px rgba(225,232,44, 0.6);
	}
	80% {
		box-shadow: 47px 0 6px rgba(225,232,44, 0.6), 94px 0 8px rgba(225,232,44, 0.6), 140px 0 10px rgba(225,232,44, 0.6), 187px 0 8px rgba(225,232,44, 0.6), 234px 0 6px rgba(225,232,44, 0.4), 281px 0 4px rgba(225,232,44, 0.6);
	}
	90% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44,0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44, 0);
	}
	100% {
		box-shadow: 47px 0 0px rgb(225,232,44), 94px 0 2px rgba(225,232,44,0.8), 140px 0 4px rgba(225,232,44,0.6), 187px 0 6px rgba(225,232,44,0.4), 234px 0 8px rgba(225,232,44,0.2), 281px 0 10px rgba(225,232,44, 0);
	}
}

/*==========================================================*/
/*                LADEBALKEN NEU TEST ENDE                */
/*==========================================================*/


#fuxie {
	margin-top: -10px;
	margin-left: -10px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	max-width: 40px;
	min-height: 40px;
}

/*
 * Misc styles
 */

/** testimony quick edit width */
.module-testimony #content, .module-testimony-print #content, .module-mailbox #content, .module-testimony-conference #content {
	/*width: 95% !important;*/
	/*max-width: 95% !important;*/
}


/*Scrollbalken Arbeitsbereich--> Zeugnisse-->Einstellungen-->Halbjahresinformation-Scrollbalken
.inner {
	overflow-x: hidden!important;
}*/

.inhalt_div {
	overflow-x: hidden!important;
}
/*testimony_print_assigment_students*/
.scroll_wrapper_testimony1, .scroll_wrapper_testimony2 {
width: 100%; border: none 0 RED;
margin-right: 0;
	padding-right: 0;
overflow-x: scroll; overflow-y:hidden;}
.scroll_wrapper_testimony1 {height: 20px; }
.scroll_wrapper_testimony2 {height: 100%; }
.fake_div {width:8000px; height: 20px; }
.inhalt_div {width:8000px; height: 100%;
	overflow: scroll;}


.inhalt_div .btn-default {
	background-color: #003366;
	color: white;
	border: solid white 2px;
	border-radius: 5px;
}


a[data-parent="#accordion"]{
	color: #cad122 !important;
}

a[data-parent="#accordion"]:hover {
	color: #003366 !important;
}



.inhalt_div .btn-default[data-action="unset_field_values"]:hover {
	background-color: #761c19;
	color: white;
	transition: 0.2s;
}
.inhalt_div .btn-default[data-action="set_field_values"]:hover {
	background-color: green;
	color: white;
	transition: 0.2s;
}


/** grade summary */
#class_grade_container_navigation, #student_grade_container_navigation, #lesson_grade_container_navigation {
	display: flex;
	justify-content: center;

}

/*HAUPTCONTAINER Hervorheben 3D Schattierung Arbeitsbereich -> Benotung, Arbeitsbereich -> Notenübersicht*/

/*SEK BEREICH*/
#tab-change-SEKI {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#tab-change-SEKII {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#tab-change-LJ {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#tab-change-FOS {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#tab-change-BFS {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#tab-change-FS {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#tab-change-BGY {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#tab-change-BS {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#tab-change-BVJ {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#tab-change-Individual {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#tab-change-header_grades {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}
/*========================================================================*/


/*Notenübersicht Container Hervorhebung*/

#class_grade_container {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#classlist_grade_container {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#student_grade_container {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}
#tutor_grade_container {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#lesson_grade_container {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}
#lesson_evaluation_grade_container {
	background-color: #c3ced9;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.5);
}

#student_grade_container table tr th {
	text-align: center;
}

#student_grade_container #student_header_grades_table_1 tbody td:first-child, #student_grade_container #student_header_grades_table_2 tbody td:first-child, #student_grade_container #student_header_grades_table_3 tbody td:first-child, #student_grade_container #student_header_grades_table_4 tbody td:first-child {
	/*background-color: red!important;*/
	background-color: #7f99b2 !important;
	color: white;
	text-shadow: 0.07em 0.05em 0.02em black;
	letter-spacing: 0.05em;
}

#student_grade_container #student_header_grades_table_1 tbody td, #student_grade_container #student_header_grades_table_2 tbody td, #student_grade_container #student_header_grades_table_3 tbody td, #student_grade_container #student_header_grades_table_4 tbody td {
	/*background-color: red!important;*/
	border-bottom: 1px solid #003366 !important;
	border-right: 1px solid #003366 !important;
}



/*===================================================================*/

#changes #header_grade_container .row {
	background-color: #e3e8ee !important;
	/*background-color: #d9e1e8 !important;*/
	/*color: white;*/
	/*text-shadow: 1px 1px black;*/
	border-right: 1px solid #003366 !important;
	box-shadow: 0 1px 15px 2px rgba(0, 0, 0, 0.5);
	margin: 4px auto!important;
}

#lesson_evaluation_grade_container tbody td:nth-child(-n+2){
	background-color: #7f99b2;
	color: white;
	text-shadow: 0.07em 0.05em 0.02em black;
	letter-spacing: 0.05em;
}

#vornote {
	background-color: #526e93!important;
}


/** fieldset box */
.fieldset-box {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	margin:10px;
}
/*
 * alerts
 */
#alert-info {
	position: fixed;
	text-align: center;
	top: 69px;
	margin-bottom: 20px;
	width: 100%;
	z-index: 9999;
	font-size: 13pt;
	border-top: 2px solid #cad122;
	border-bottom: 2px solid #cad122;
	border-radius: 0;
	opacity: 100;
}

#alert-info.alert-danger {
	#border-top: 2px solid #a94442;
	border-bottom: 2px solid #a94442;
}

/** dropzone */
.dropzone {
	border: 1px solid #003473;
	background: rgba(211, 211, 211, 0.28);
}

/** calendar */
#calendar {
	padding: 0 15px 0 15px;
	width: 100%;
	height: 100%;
}

/*Kalender Kopfzeile*/
.fc-header-toolbar {
	background: #003366;
	padding-bottom: 10px;
}
.fc-toolbar.fc-header-toolbar {
	margin-bottom: 0;
	width: 100%;
	background-color: white;
}
 /*Schrift Ferien Kalender*/
 .fc-title {

	 /*color: #cdf101;*/
 	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1600 - 340)));
	/*font-size: 12px;*/
	/*text-shadow: black 1px 1px;*/
	font-weight: bold;
 }

/*Text Überschrift Kalender*/
.fc-toolbar.fc-header-toolbar .fc-center {
	color: #003366;
	font-size: 10px;
}
.fc-center h2 {
	font-size: 25px;
	font-weight: bold;
}
/*Kalender Auflösung*/
.fc-head-container {
	width:100%;
}
.fc-view-container {
	width:100%;
}
td.fc-week-number {
	height: 42px;
}

/*Kalender Buttons*/
.fc button {
	 background: #cad122;
	/*background: white !important;*/
	 color: #003366;
	/* color: White; */
}

/*Kalender Buttons Hover*/
.fc button:hover {
	/* background: #cad122 !important; */
	background: #003366;
	/* color: #003366; */
	color: White;

}


/** datepicker */
.ui-datepicker {
	background-color: #fff;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	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;
}
.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;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: default;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1;
	margin-top: 2px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\e080";
}
.ui-datepicker .ui-icon {
	display: none;
}
.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;
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}

/** settings definition */

.calculation_profile_section_container_item {
	border: 1px solid #000;
}

.calculation_profile_section_children .add_section_group {
	/*display:none;*/
}

.calculation_profile_section_children {
	padding-left:30px;
	#background-color: rgba(248, 247, 216, 0.7);
	#border-left: 1px solid #bbb;
}

.section-header {
	padding-top: 10px;
	padding-bottom: 10px;
	background:#efefef;
	border: 1px solid #000;
}
.calculation_profile_sections .is_scorable {
	background-color: rgba(248, 247, 216, 0.5);
}
/** print definition */
.module-printer .select_area, .module-system .select_area, .module-settings .select_area {
	max-height: 400px;
	overflow-y: scroll;
}

/*
 * media style definitions
 */
.navbar-collapse.collapse.navbar-mobile {
	display:none !important;
	background-color: #cad122;
	color: #003366;
}

.navbar-collapse.collapse.navbar-mobile.in, .navbar-collapse.collapsing.navbar-mobile {
	display:block !important;
	background-color: #cad122;
	color: #003366;
}

.navbar-collapse.collapse.navbar-mobile ul, .navbar-collapse.collapsing.navbar-mobile ul  {

	margin: 0 -15px;
}
.navbar-collapse.collapse.navbar-mobile ul a, .navbar-collapse.collapsing.navbar-mobile ul a {

	background-color: #cad122;
	color: #003366;
}

.navbar-collapse.collapse.navbar-mobile ul li, .navbar-collapse.collapsing.navbar-mobile ul li {

	margin-top: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #003366;
}

.navbar-header button, .navbar-header button:focus, .navbar-header button:hover {
	background-color: #cad122 !important;
	color: #003366;
	border-color: #cad122;
	margin-top: 8px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #003366;
	color: #003366;
}
/** accordion */
.panel-group.settings-panel-group {

}

.panel-group.settings-panel-group .panel-heading {
	background-color: #4d7194;
	color: #fff;
	min-height: 46px;
	padding: 10px 15px;
	font-size: 16pt;
	margin-bottom: 0;
}
.panel-group.settings-panel-group .panel-heading a {
	font-size: 16pt;
	color: #fff;
	display: inline-block;
	width: 100%;
}
.panel-group.settings-panel-group .panel-heading  .more-less {
	float: right;
	color: #fff;
	font-size: 12pt;
	padding-top: 7px;
}
.panel-group.settings-panel-group .panel-heading a:focus,.panel-group.settings-panel-group .panel-heading a:hover {

	color: #fff;
	text-decoration: none;

}
.panel-group.settings-panel-group  .panel-body {
	background-color: #fff;

	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.panel-group.settings-panel-group .panel-body 	.fieldset-box {
	/*margin: 0px;*/
	margin-bottom: 10px;
}

/*
@media screen and (orientation:portrait) and (min-width: 768px) {

	body {
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		width: 100vh;
		overflow: scroll;
		margin-top: 100px;
	}
	#frame {
		width: 100vh;
	}


}
*

@media only screen and (max-width: 768px) {

	body {
		font-size: 12px;
	}
	.fixiert-1 {
		position: relative;
		z-index: 999;
	}

	.fixiert-1 .container-fluid {
		padding-left: 10px;
	}

	.fixiert-1 .container-fluid .logo {
		height: 50px;
	}

	.navbar-default > .container-fluid {

		border-bottom: none;
	}
	#maincontent::before {
		height: 70px;
	}

	.module-webinfo #maincontent::before {
		display:none;

	}
	#maincontent {
		position:relative !important;
		padding: 0px !important;
	}

	.module-webinfo #content {
		margin-top: 5px !important;

	}
	#content {
		margin-top: 25px !important;
	}
	#footer {
		margin-top: 50px;
		#height: 75px;
	}
	#footer.fixiert-3 {
		position: relative;
		z-index: 0;
	}
	#footer .version {
		float: right;
	}

	.pea_cook_wrapper.pea_cook_bottomcenter {
		bottom: 0px !important;
	}

	#calendar h2 {
		font-size: 18px;
	}

	#student_container .panel-anigation-container {
		background-color: #cad122 !important;
		height: 50px;
		border-bottom: 1px solid #4d7194;
		border-right: 1px solid #4d7194;
		padding: 0px
	}


	#student_container .panel-anigation-container div {
		background: #cad122 !important;
		padding: 12px 15px;
		border-left: 1px solid #4d7194;
	}

	#student_container .panel-anigation-container div.active {
		background: #bac11f !important;

	}

	#student_container .panel-anigation-container a {
		width: 100%;
		font-size: 18px;

		color: #003366;
		text-decoration: none;
		white-space: normal;
		display: inline-block;
	}

	#student_container a.toggle_grade_info {
		color: #003366;
		text-decoration: none;
		white-space: normal;
		display: inline-block;
		width: 100%;
	}

	#student_container .panel-body {
		padding-top: 0px;
		border-top: none;
	}

	#student_container .panel-body table {
		margin-top: 10px;

	}
	#calendar23 .fc-header-toolbar {
		padding-right: 0px !important;
		padding-left: 0px !important;
		padding-top: 0px !important;
	}

	#homeworkModal .modal-dialog, #workPanelModal .modal-dialog {
		width: 100% !important;
		height: auto !important;
	}

	#homeworkModal .modal-body, #workPanelModal .modal-body {
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
	}
	.settings-subpanel-col-6 {
		width:100% !important;
		padding-left: 0px !important;
	}

	#workPanelModal .modal-content, #workPanelModal .modal-content #mainDescription .settings-panel-body, #homeworkModal .modal-content, #homeworkModal .modal-content #mainDescription .settings-panel-body {
		height: auto !important;

	}
	.module-lern-plattform #settings-navbar ul {
		background-color: #003366;
		margin-top: -2px;
	}
	.module-lern-plattform #settings-navbar ul li {
		background: #cad122 ;
		margin-right: 0px;
	}

}
@media only screen and (orientation:portrait) and (max-width: 380px) {


	#calendar .fc-toolbar .fc-center, #calendar23 .fc-toolbar .fc-center {
		float: left;
		padding-top: 10px;
	}
	#calendar .fc-toolbar .fc-right , #calendar23 .fc-toolbar .fc-right {
		float: left;
		padding-top: 10px;
	}

	#calendar .fc button, #calendar23 .fc button, .fc table, body .fc {
		font-size: 12px;
	}
	#homeworkModal .modal-dialog, #workPanelModal .modal-dialog {
		width: 360px !important;
		left: 0px;

	}
}
/** fix for elarn panel */
.settings-subpanel-col-6 {
	width:50%; float:left;padding-left: 15px;
}
#homework_task_panel {
	padding-left: 0;
}
/** bootstrap datetimepicker */
#frame .bootstrap-datetimepicker-widget.dropdown-menu {

	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.176) 0 6px 12px;
	border: solid 0.666667px rgba(0, 0, 0, 0.15);
	margin: 2px;
	z-index: 9999999!important;
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
	content: '';
	display: inline-block;
	position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	top: -7px;
	left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	top: -6px;
	left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ccc;
	border-top-color: rgba(0, 0, 0, 0.2);
	bottom: -7px;
	left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid white;
	bottom: -6px;
	left: 7px;
}


.bootstrap-datetimepicker-widget table td {

	height: 54px;
	line-height: 54px;
	width: 54px;
	border-right: none;
}
/** default bootstrap table */
.table-default {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.table-default > thead > tr > th,
.table-default > tbody > tr > th,
.table-default > tfoot > tr > th,
.table-default > thead > tr > td,
.table-default > tbody > tr > td,
.table-default > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
	border-right: 0;
}
.table-default > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
.table-default > caption + thead > tr:first-child > th,
.table-default > colgroup + thead > tr:first-child > th,
.table-default > thead:first-child > tr:first-child > th,
.table-default > caption + thead > tr:first-child > td,
.table-default > colgroup + thead > tr:first-child > td,
.table-default > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.table-default > tbody + tbody {
	border-top: 2px solid #ddd;
}
.table-default .table-default {
	background-color: #fff;
}
.table-default-condensed > thead > tr > th,
.table-default-condensed > tbody > tr > th,
.table-default-condensed > tfoot > tr > th,
.table-default-condensed > thead > tr > td,
.table-default-condensed > tbody > tr > td,
.table-default-condensed > tfoot > tr > td {
	padding: 5px;
}
.table-default-bordered {
	border: 1px solid #ddd;
}
.table-default-bordered > thead > tr > th,
.table-default-bordered > tbody > tr > th,
.table-default-bordered > tfoot > tr > th,
.table-default-bordered > thead > tr > td,
.table-default-bordered > tbody > tr > td,
.table-default-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}
.table-default-bordered > thead > tr > th,
.table-default-bordered > thead > tr > td {
	border-bottom-width: 2px;
}
.table-default-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table-default-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}
table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}




.table-default > thead > tr > td.active,
.table-default > tbody > tr > td.active,
.table-default > tfoot > tr > td.active,
.table-default > thead > tr > th.active,
.table-default > tbody > tr > th.active,
.table-default > tfoot > tr > th.active,
.table-default > thead > tr.active > td,
.table-default > tbody > tr.active > td,
.table-default > tfoot > tr.active > td,
.table-default > thead > tr.active > th,
.table-default > tbody > tr.active > th,
.table-default > tfoot > tr.active > th {
	background-color: #f5f5f5;
}
.table-default-hover > tbody > tr > td.active:hover,
.table-default-hover > tbody > tr > th.active:hover,
.table-default-hover > tbody > tr.active:hover > td,
.table-default-hover > tbody > tr:hover > .active,
.table-default-hover > tbody > tr.active:hover > th {
	background-color: #e8e8e8;
}
.table-default > thead > tr > td.success,
.table-default > tbody > tr > td.success,
.table-default > tfoot > tr > td.success,
.table-default > thead > tr > th.success,
.table-default > tbody > tr > th.success,
.table-default > tfoot > tr > th.success,
.table-default > thead > tr.success > td,
.table-default > tbody > tr.success > td,
.table-default > tfoot > tr.success > td,
.table-default > thead > tr.success > th,
.table-default > tbody > tr.success > th,
.table-default > tfoot > tr.success > th {
	background-color: #dff0d8;
}
.table-default-hover > tbody > tr > td.success:hover,
.table-default-hover > tbody > tr > th.success:hover,
.table-default-hover > tbody > tr.success:hover > td,
.table-default-hover > tbody > tr:hover > .success,
.table-default-hover > tbody > tr.success:hover > th {
	background-color: #d0e9c6;
}
.table-default > thead > tr > td.info,
.table-default > tbody > tr > td.info,
.table-default > tfoot > tr > td.info,
.table-default > thead > tr > th.info,
.table-default > tbody > tr > th.info,
.table-default > tfoot > tr > th.info,
.table-default > thead > tr.info > td,
.table-default > tbody > tr.info > td,
.table-default > tfoot > tr.info > td,
.table-default > thead > tr.info > th,
.table-default > tbody > tr.info > th,
.table-default > tfoot > tr.info > th {
	background-color: #d9edf7;
}
.table-default-hover > tbody > tr > td.info:hover,
.table-default-hover > tbody > tr > th.info:hover,
.table-default-hover > tbody > tr.info:hover > td,
.table-default-hover > tbody > tr:hover > .info,
.table-default-hover > tbody > tr.info:hover > th {
	background-color: #c4e3f3;
}
.table-default > thead > tr > td.warning,
.table-default > tbody > tr > td.warning,
.table-default > tfoot > tr > td.warning,
.table-default > thead > tr > th.warning,
.table-default > tbody > tr > th.warning,
.table-default > tfoot > tr > th.warning,
.table-default > thead > tr.warning > td,
.table-default > tbody > tr.warning > td,
.table-default > tfoot > tr.warning > td,
.table-default > thead > tr.warning > th,
.table-default > tbody > tr.warning > th,
.table-default > tfoot > tr.warning > th {
	background-color: #fcf8e3;
}
.table-default-hover > tbody > tr > td.warning:hover,
.table-default-hover > tbody > tr > th.warning:hover,
.table-default-hover > tbody > tr.warning:hover > td,
.table-default-hover > tbody > tr:hover > .warning,
.table-default-hover > tbody > tr.warning:hover > th {
	background-color: #faf2cc;
}
.table-default > thead > tr > td.danger,
.table-default > tbody > tr > td.danger,
.table-default > tfoot > tr > td.danger,
.table-default > thead > tr > th.danger,
.table-default > tbody > tr > th.danger,
.table-default > tfoot > tr > th.danger,
.table-default > thead > tr.danger > td,
.table-default > tbody > tr.danger > td,
.table-default > tfoot > tr.danger > td,
.table-default > thead > tr.danger > th,
.table-default > tbody > tr.danger > th,
.table-default > tfoot > tr.danger > th {
	background-color: #f2dede;
}
.table-default-hover > tbody > tr > td.danger:hover,
.table-default-hover > tbody > tr > th.danger:hover,
.table-default-hover > tbody > tr.danger:hover > td,
.table-default-hover > tbody > tr:hover > .danger,
.table-default-hover > tbody > tr.danger:hover > th {
	background-color: #ebcccc;
}
.table-default-responsive {
	min-height: .01%;
	overflow-x: auto;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:::::::::    BUTTON +FELDER  QUICKEDIT EINSTELLUNGEN ANFANG alle (Füllen)  :::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#quick_edit_canvas {
	width: 100%;
	height: 100%;
}

#_scoring-table-fixed_wrapper {
	/*background-color: #4cae4c;*/
}

#testimony_textarea_table {
	margin: 5px auto;
	min-width: max-content;

	/*max-height: 100%;*/
	/*width: min-content;*/
	/*height: min-content!important;*/

}


div.dataTables_scrollBody tbody tr td {
	/*background-color: red!important;*/
	/*width: 250px;*/
	height: 100%;

}



.change_testimony_field_value {
	/*background-color: #01b3e0;*/
	/*display: block;*/
	/*float: left;*/
	border-radius: 5px;
	/*margin: 5px 5px;*/
	/*padding: 5px 5px;*/
	min-height: 50px;
	height: 50px;
	text-align: left;
	max-width: 400px;
	/*float: left;*/
}

.change_testimony_field_value_lookup {
	/*background-color: #761c19;*/
	font-size: 16px!important;
	text-align: center;
	border-radius: 5px;
	height: 35px;
	margin: 5px 5px;
	padding: 5px 5px;
	width: 70px;
	float: left;
}
.change_testimony_field_value[name="ftlookup"]{
	/*background-color: orange;*/
	font-size: 16px!important;
	text-align: center;
	border-radius: 5px;
	/*height: 40px!important;*/
	margin: 5px 5px;
	padding: 5px 5px;
	width: 80px;
	float: left;
}
.change_testimony_field_value[name="ftinteger"]{
	/*background-color: #00ff0d;*/
	font-size: 16px!important;
	text-align: center;
	border-radius: 5px;
	height: 35px;
	margin: 5px 5px;
	padding: 5px 5px;
	width: 70px;
	float: left;
}
.change_testimony_field_value[name="ftdefault"]{
	/*background-color: #25d5c1;*/
	font-size: 16px!important;
	text-align: center;
	border-radius: 5px;
	height: 35px;
	margin: 5px 5px;
	padding: 5px 5px;
	width: 70px;
	float: left;
}

.change_testimony_field_value_string {
	font-size: 16px!important;
	text-align: center;
	border-radius: 5px;
	margin: 5px 5px;
	height: 35px;
	overflow: hidden;
	width: 70px;
	float: left;
}


.change_testimony_field_value_ftmemo {
	/*background-color: #761c19;*/
	font-size: 12px!important;
	text-align: left;
	border-radius: 5px;
	/*width: 500px!important;*/
	max-width: 400px;
	height: 150px!important;
	margin: 5px 5px;
	padding: 5px 5px;
	float: left;
}

.form-control.change_testimony_field_value {
	/*background-color: red;*/
	display: block;
	float: left;
	align-items: center;
	/*width: 60%!important;*/
	/*height: 45px!important;*/
	margin: 5px auto;
}


#fill {
	/*display: block;*/
	float: right;
	background-color: #003366;
	color: white;
	/*background-color: #EFEFEF;*/
	margin: 5px auto;
	padding: 2px 5px;
	font-size: 16px;
	line-height: 1.5;
	border-radius: 7px
}

#fill:hover {
	background-color: #4cae4c;
	transition: 0.1ms;
	color: ghostwhite;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:::::::::   BUTTON + FELDER QUICKEDIT EINSTELLUNGEN ENDE alle (Füllen)  ::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#main_print_nav_block {
	margin: 2px 5px;
	padding: 0;
	width: auto;
}

#main_print_action_block {
	display: flex;
	margin: 2px 5px;
	padding: 0;
}


.save_testimony {
	background-color: #cad122;
	color: #003366;
	transition: 0.2s;
	word-wrap: break-word;
	width: 140px;
	max-width: 100%;
	margin-bottom: 5px;
	margin-right: 5px;
}

.save_testimony:hover {
	background-color: #4cae4c;
	transition: 0.1ms;
	color: ghostwhite;
}




/** Some rules from the new styles */
.fux-hidden {
	display: none !important;
}

.absence-hidden {
	display: none;
}

.absence-hidden .hide-absence {
	background-color: #808080 !important;
	border-color: #666 !important;
}

/*======================== DRIVER ANFANG ==================================*/

div#driver-popover-item {
	max-width: 600px;
}


div#driver-popover-item .driver-popover-footer button {
	display: inline-block;
	padding: 3px 10px;
	border: 1px solid #d4d4d4;
	text-decoration: none;
	/*text-shadow: 1px 1px 0 #fff;*/
	color: #2d2d2d;
	font: 14px/normal sans-serif;
	/*line-height: normal;*/
	cursor: pointer;
	outline: 0;
	background-color: #f1f1f1;
	/*background-color: #003366;*/
	border-radius: 4px;
	zoom: 1;
	line-height: 1.3;
}

div#driver-popover-item .driver-popover-footer button:hover {
	/*display: inline-block;*/
	padding: 3px 10px;
	border: 1px solid #d4d4d4;
	/*text-decoration: none;*/
	/*text-shadow: 1px 1px 0 #fff;*/
	color: white;
	font-size: 14px;
	/*line-height: normal;*/
	cursor: pointer;
	/*outline: 0;*/
	/*background-color: #f1f1f1;*/
	background-color: #003366;
	border-radius: 4px;
	/*zoom: 1;*/
	/*line-height: 1.3;*/
}

div#driver-popover-item .driver-popover-footer .driver-close-btn {
	display: inline-block;
	padding: 3px 10px;
	border: 1px solid #d4d4d4;
	text-decoration: none;
	/*text-shadow: 1px 1px 0 #fff;*/
	color: #2d2d2d;
	font: 14px/normal sans-serif;
	/*line-height: normal;*/
	cursor: pointer;
	outline: 0;
	background-color: #f1f1f1;
	/*background-color: #003366;*/
	border-radius: 4px;
	zoom: 1;
	line-height: 1.3;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn:hover {
	/*display: inline-block;*/
	padding: 3px 10px;
	border: 1px solid #d4d4d4;
	/*text-decoration: none;*/
	/*text-shadow: 1px 1px 0 #fff;*/
	color: white;
	font-size: 14px;
	/*line-height: normal;*/
	cursor: pointer;
	/*outline: 0;*/
	/*background-color: #f1f1f1;*/
	background-color: #761c19;
	border-radius: 4px;
	/*zoom: 1;*/
	/*line-height: 1.3;*/
}



/*======================== DRIVER ENDE ==================================*/
.timeperiod-select {
	z-index: 9999;
	background-color: #fff;
	border: 1px solid
	#ddd;
	padding: 15px;
	position: absolute;
	left: 0;
	width: 100%;
}
.alert-red {
	color:#b62c2c;
	font-size: 1.25rem;
}
.padding-top-10 {
	padding-top:10px;
}
.padding-top-15 {
	padding-top:15px;
}


/* ===========================================================================
		PROGRESS BAR FARBSKALIERUNG TEST ANFANG
==============================================================================*/
.alert {
	text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
	background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
	background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
	background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
	background-repeat: repeat-x;
	border-color: #b2dba1;
}
.alert-info {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
	background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
	background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #9acfea;
}
.alert-warning {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
	background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
	background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #f5e79e;
}

/* Zentriertes Flex-Layout für Alert */
.alert-center-content {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 5px; /* Abstand zwischen Text und Button */
	padding: 10px; /* Mehr Platz im Alert */
}


.alert-close-button{
	background-color: #003366!important;
}

.alert-close-button:hover{
	background-color: #cad122!important;
	color: #003366;
}


.progress {
	background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
	background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
	/*background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
	background-image:         linear-gradient(90deg, #8b8b8b 0%, #dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
	background-repeat: repeat-x;



	height: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
	/*background-color: #f5f5f5;*/
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);

}
.progress-bar {
	/*background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);*/
	background-image: -webkit-linear-gradient(90deg, #337ab7 0%, #3cb826 100%);
	/*background-image:      -o-linear-gradient(top, #337ab7 0%, #286090 100%);*/
	background-image:      -o-linear-gradient(90deg, #337ab7 0%, #3cb826 100%);
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#3cb826));*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#3cb826));
	background-image:         linear-gradient(90deg, #277815 0%, #35aa2e 35%, #36d41b 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
	background-repeat: repeat-x;
}
.progress-bar-success {
	background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
	background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
	background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
	background-repeat: repeat-x;
}
.progress-bar-info {
	background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
	background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
	background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
	background-repeat: repeat-x;
}
.progress-bar-warning {
	background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
	background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
	background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
	background-repeat: repeat-x;
}
.progress-bar-danger {
	background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
	background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
	background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
	background-repeat: repeat-x;
}
.progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

/* ===========================================================================
		PROGRESS BAR FARBSKALIERUNG TEST ENDE
==============================================================================*/





/* ===========================================================================
		TEST TABELLEN SCSS converted ANFANG
==============================================================================*/

/*================== TEST ANFANG HERVORHEBUNG BEHEBEN aus DATATABLES======================================*/

/*table.dataTable tr.odd { background-color: #E2E4FF; }*/
/*table.dataTable tr.even { background-color: white; }*/
/*table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }*/
/*table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }*/
/*table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }*/
/*table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }*/
/*table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }*/
/*table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }*/


table.dataTable tr.odd td.sorting_1 {
	/*all: unset;*/
	color: #003366;
	font-size: 16px;
	line-height: 34px;
	padding-left: 10px;
	border-right: 1px solid #003473;
	/*background-color: #D9E1E8;*/
	/*background-color: rgb(228, 234, 239);*/
}

table.dataTable tr.odd td.sorting_2 {
	background-color:  rgb(220, 210, 187);
}
table.dataTable tr.odd td.sorting_3 {
	background-color: rgb(220, 210, 187);
}

table.dataTable tr.even td.sorting_1 {
	/*all: unset;*/
	color: #003366;
	font-size: 16px;
	line-height: 34px;
	padding-left: 10px;
	border-right: 1px solid #003473;
	/*background-color: white;*/
}
table.dataTable tr.even td.sorting_2 {
	background-color: #F2F3FF;
}
table.dataTable tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


table.dataTable tr.odd { background-color: #D9E1E8; }
/*table.dataTable tr.odd td.sorting_1:hover { background-color: red; }*/
/*table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }*/
/*table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }*/
/*table.dataTable tr.even td.sorting_1 { background-color: white; }*/
/*table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }*/
/*table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }*/



/*================== TEST ENDE HERVORHEBUNG BEHEBEN aus DATATABLES======================================*/

.btn-action {
	background-color: #d1d900;
	color: #003366;
	border-color: #003366!important;
}
#add_abwesenheit {
	/*background-color: #af0006 !important;*/

	/*background: linear-gradient(217deg, rgb(213, 205, 53), rgba(255,0,0,0) 70.71%),*/
	/*linear-gradient(127deg, rgba(255, 230, 0, 0.97), rgba(0,255,0,0) 70.71%),*/
	/*linear-gradient(336deg, rgb(81, 234, 15), rgba(0,0,255,0) 70.71%);*/

	background-color: #b80a0a !important;
	color: white;
	/*color: white;*/
	border-color: #003366!important;
	font-size: 14px;
}

#add_abwesenheit:hover {
	background-color: #5cb85c!important;
	color: white;
	border-color: #003366!important;
}

table.dataTable tr.even td.sorting {
	background-color: rgba(153, 158, 22, 0.73)!important;
	transition: 0.2s;
	border: 1px solid #003366;
}


/*1 Zeile (dunkle Zeile) hervorheben Verwaltung /schüler/lehrer/unterrichtseinheiten*/
table.dataTable tr.odd:hover {
	background-color: rgb(255, 213, 96);
	/*background-color: #c8ff1f;*/
	transition: 0.5s;
	/*border: 1px solid #003366;*/
	z-index: 99999999!important;
}

table.dataTable tr.even {
background-color: white;
}

/*2 Zeile (Helle Zeile) hervorheben hovereffekt Verwaltung /schüler/lehrer/unterrichtseinheiten*/
table.dataTable tr:hover {
	background-color: rgb(220, 210, 187) !important;
	/*background-color: #ECFFB3!important;*/
	transition: height 1s ease-in;
	/*border: 1px solid #003366;*/
}

table.scroll tbody tr:hover
{
	background-color: rgb(220, 210, 187)!important;
	transition: height 1s ease-in;
	/*border: 1px solid #003366;*/
}


/*table.scroll thead tr {*/
/*	background-color: rgb(220, 210, 187);*/
/*	!*transition: 0.5s;*!*/
/*	!*border: 1px solid #003366;*!*/
/*	border: none;*/
/*}*/




/*table.dataTable tr.even td.sorting_1, table.dataTable tr.even td.sorting_2, table.dataTable tr.even td.sorting_3, table.dataTable tr.even td.sorting_4:hover {*/
/*	background-color: rgba(110, 234, 132, 0.73);*/
/*	transition: 0.2s;*/
/*	border: 1px solid #003366;*/
/*	z-index: 9999;*/
/*}*/




/*
 * Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

/*table.dataTable tr.odd { background-color: #E2E4FF; }*/
/*table.dataTable tr.even { background-color: white; }*/

/*table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }*/
/*table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }*/
/*table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }*/
/*table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }*/
/*table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }*/
/*table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }*/


.action-btn:hover {
	background-color: #003366;
	color: white;
}

.change_testimony_status[title="Zeugnis öffnen"]{
	background-color: #be0000;
	color: white;
}

.save_testimony[title="Zeugnis abschließen"]{
	background-color: #4cae4c;
	color: white;
}

/* ===========================================================================
		TEST TABELLEN SCSS converted ENDE
==============================================================================*/

/*Buttons import/ignorieren beim Import*/
.fa-circle-check {
	color: white;
	margin: 6px 3px;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	border-radius: 20px;
}

.fa-circle-check:hover {
	text-shadow: 0 1px 1px 1px black;
	color: #cad122;
}

.fa-circle-xmark {
	color: white;
	margin: 6px 5px;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	border-radius: 20px;
}

.fa-circle-xmark:hover {
	text-shadow: 0 1px 1px 1px black;
	color: #be0000;
}

/*DKB Stundenplan*/
#hours_report .table {
	width: 97.54vw;
	/*padding-left: 15px;*/
	/*padding-right: 15px;*/
	/*margin-left: 15px;*/
	/*margin-right: 15px;*/
	margin: 0 auto;
	border-left: 1px solid #003366;
	border-bottom: 1px solid #003366;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
}

/*.hours_report_kb_left_site table , .hours_report_kb_right_site table {*/
/*	!*background: url("../themes-template/img/Paper4_full_cl.png") top / cover no-repeat;*!*/
/*	background-color: #DCDBDB;*/
/*}*/

.hours_report_kb_full {
	background: url("../themes-template/img/Paper4_full_clean.png") top / cover no-repeat;
}

.hours_report_kb_left_site {
	padding-left: 0;
	padding-right: 0px;
}

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

.wochenauswertung > .table-default {
background-color: transparent;
	border: 1px solid #003366;
}

.wochenauswertung > .table-default > thead:first-child > tr:first-child > th {
	border: 1px solid #003366;
}

.wochenauswertung > .table-default > tbody > tr > td {
	border: 1px solid #003366;
}

.anmerkungen_kb > .table-default > tbody > tr > td {
	border-top: 1px solid #003366;
}

/*Pinnwand KB Eintrag*/
#accordion .teacher-border {
	font-size: 14px;
}

/*DKB Tagesansicht Eintrag Bearbeiten hovereffekt über das Feld*/
#dkb_tagesansicht_tb tr:has([data-action="load_work_area"]):hover {
	background-color: rgba(209, 168, 34, 0.54);
}

/*DKB Tagesansicht Eintrag hinzufügen hovereffekt über das Feld*/
#dkb_tagesansicht_tb [data-target="#insertModal"]:hover {
	/*background-color: rgba(116, 199, 62, 0.54);*/
	background-color: rgba(209, 168, 34, 0.54);
}

.hours_report_kb_full [data-action="load_day_work_area"]:hover {
	background-color: rgba(209, 168, 34, 0.54);
}


/*STUNDENPLAN ASSISTENT TABELLE*/
/*.sp_assistent td:hover {*/
/*	background-color: rgba(243, 196, 109, 0.88);*/
/*}*/

.sp_assistent .form-control {
	font-size: 12px;
	height: 28px;
}

.sp_assistent tr:nth-of-type(2n+1) > td {
	/*background-color: rgba(67, 96, 126, 0.82);*/
	background-color: #d9e1e8;
}
.sp_assistent > tbody > tr > td {
	/*background-color: rgb(201, 205, 210);*/
	background-color: #d9e1e8;
}

.sp_assistent .select2-selection__rendered {
	font-weight: bold;
	color: #be0000!important;
}


.eintragen {
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.eintragen:hover {
	background-color: #003366!important;
	color: white!important;
	/*border-color: #cad122!important;*/
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)!important;
}

/*navigation DKB*/
.navigation_dkb > ul > li > a {
	z-index: 9999;
	border-top-right-radius: 0!important;
	margin-right: -5px!important;
	border-right: 1px solid #003366!important;
}

.dkb .settings-panel .settings-panel-heading {
	/*border-top-right-radius: 0!important;*/
	border-top-left-radius: 0!important;
}

.dkb ul.nav-tabs.secondary {
	background-color: transparent;
}

.dkb_absence > tbody > tr > td {
	padding: 2px;
}

/*BUTTONS DKB USW*/

.cancel {
	margin: 2px;
	width: 100px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.cancel:hover {
	background-color: #761c19!important;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}


.cancel_btn {
	margin: 2px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.cancel_btn:hover {
	background-color: #761c19!important;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}


.delete_btn {
	margin: 2px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.delete_btn:hover {
	background-color: #761c19!important;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}


.update {
	margin: 2px;
	width: 100px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.update:hover {
	background-color: #4cae4c!important;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}
.nachbelehrung {
	margin: 2px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.nachbelehrung:hover {
	background-color: #4cae4c!important;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}


.hinzufuegen {
	margin: 2px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.hinzufuegen:hover {
	background-color: #4cae4c!important;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}


.info {
	margin: 2px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.info:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

.show_btn {
	margin: 2px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.show_btn:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

.edit_btn {
	margin: 2px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.edit_btn:hover {
	background: #e0c201!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}


.edit {
	margin: 2px;
	width: 100px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.edit:hover {
	background: #e0c201!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}







.fa_edit_btn {
	padding: 5px 10px!important;
	margin: 1px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.fa_edit_btn:hover {
	background: #e0c201!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

.briefcase_btn {
	padding: 5px 10px!important;
	margin: 1px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.briefcase_btn:hover {
	background-color: #761c19!important;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}


.vergessene_ha > p:hover {
	background-color: #761c19!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.vergessene_am > p:hover {
	background-color: #761c19!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.pencil_ruler_btn {
	padding: 5px 8px!important;
	margin: 1px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.pencil_ruler_btn:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

.fux-sticky .btn-danger {
	background-color: #761c19;
	color: white!important;
	border: 1px solid #761c19;
}

.fux-sticky .btn-success.active {
	background-color: #4cae4c;
	color: white!important;
	border: 1px solid #4cae4c;

}


.delete_file {
	margin: 2px;
	width: 100px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.delete_file:hover {
	background-color: #761c19!important;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}


/*DASHBOARD KALENDER ELTERNPORTAL*/
.fc-content > .fc-title {
	text-align: center;
	font-size: 12px;
	white-space: pre-wrap;
	max-width: 10%;
}
.fc-prev-button {
	margin: 2px;
	border: 1px solid #003366;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.fc-prev-button:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

.fc-next-button {
	margin: 2px;
	border: 1px solid #003366;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.fc-next-button:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

/*Elternportal Kalender Monat Button*/
#calendar .fc-month-button {
	margin: 1px;
	border-radius: 3px;
	border: 1px solid #003366;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
#calendar .fc-month-button:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

/*Elternportal Kalender Woche Button*/
#calendar .fc-agendaWeek-button {
	margin: 1px;
	border-radius: 3px;
	border: 1px solid #003366;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
#calendar .fc-agendaWeek-button:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

/*Elternportal Kalender Tag Button*/
#calendar .fc-agendaDay-button {
	margin: 1px;
	border-radius: 3px;
	border: 1px solid #003366;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
#calendar .fc-agendaDay-button:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

/*Elternportal Kalender Terminübersicht Button*/
#calendar .fc-listWeek-button {
	margin: 1px;
	border-radius: 3px;
	border: 1px solid #003366;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
#calendar .fc-listWeek-button:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

/*Kalender iCal Export button*/
#calendar .fc-iCalExport-button {
	margin: 1px;
	border-radius: 3px;
	border: 1px solid #003366;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
#calendar .fc-iCalExport-button:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

.modal-header button.close {
	/*background-color: #003366;*/
}

.modal-header button.close:hover {
	color: #bb0505;
}


#calendar .fc-view-container {
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
}

/*ELTERNPORTAL - KALENDER*/
#calendar .fc-head {
	color: white;
	background-color: #254F7B;
	border-right: 1px solid #003366!important;
	border-bottom: 1px solid #003366;
	text-shadow: 0.07em 0.05em 0.02em black;
}

#calendar .fc-body {
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
}

#calendar .fc-week-number {
	background-color: #254F7B;
	color: white!important;
	text-align: center;
	text-shadow: 1px 1px black;
}

#calendar .fc-week-number a {
	color: white;
}

.fc .fc-row .fc-content-skeleton td {
	border-color: #003366!important;
}

.fc-row .fc-content-skeleton {
	padding-bottom: 0;
}

#calendar .fc-content-skeleton {
	background-color: rgba(217, 225, 232, 0.49);
}

#calendar .table-bordered>tbody>tr>td {
	border-color: #003366!important;
}

#calendar .table-bordered>thead>tr>th {
	border-color: #003366!important;
	border-bottom-width: 1px!important;
}

#calendar .table-bordered>tbody>tr>td {
	border: 1px solid #003366!important;
}

#calendar .fc td {
	border-width: 0!important;
}

#calendar > .fc-header-toolbar {
	padding: 5px;
	background-color: #003366!important;
}
#calendar > .fc-header-toolbar h2 {
	color: white;
}
#calendar .table-bordered {
	/*border: 1px solid #003366;*/
}

#calendar .table-bordered>thead>tr>td {
	border: 1px solid #003366;
}

#calendar .bordered>thead>tr>td {
	border: 1px solid #003366!important;
}

#calendar .panel-default > .panel-body.no-space {
	border-top: 0;
}
.fc.fc-bootstrap3 a {
	/*color: white;*/
	color: #003366;
}

.fc.fc-bootstrap3 th a {
	color: white;
}

.dkb_stundenplan > thead > tr > th {
	border-bottom: 0!important;
	/*background-color: red!important;*/
}
/*.dkb_stundenplan > tbody > tr > td {*/
/*	border-top: 1px solid #003366;*/
/*}*/



.change_student_period {
	width: 50px;
	margin: 1px;
	border-radius: 3px;
	border: 1px solid #003366;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.change_student_period:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

.view_select {
	width: 50px;
	margin: 1px;
	border-radius: 3px;
	border: 1px solid #003366;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.view_select:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

.outer > .inner >  .table {
	margin-bottom: 0;
}

.grade_view_student .table-default {
	margin-bottom: 0!important;
}

.grade_view_student_table th {
	border: 1px solid #003366!important;
	text-align: center;
	/*background-color: #7f99b2;*/
	background-color: rgba(30, 43, 58, 0.82);
	color: white;
}

.grade_view_student_table td {
	text-align: center;
	border: 1px solid #003366!important;
}
/*.grade_view_student_table:hover {*/
/*	background-color: #cad122;*/
/*}*/

.grade_view_student_table .view_element:hover {
	background-color: rgba(209, 168, 34, 0.54);
	z-index: 999999999999999999;
}

/*==================================
*	KALENDER POPUP ANPASSUNG
====================================*/

.bbootstrap-datetimepicker-widget .dropdown-menu {
	z-index: 99999999999999999999999!important;
}

.datepicker th, .datepicker td {
	text-align: center;
	padding: 8px 12px;
	font-size: 14px;
	border: 1px solid #003366!important;
	/*background-color: rgba(0, 51, 102, 0.62);*/
}

.datepicker th:nth-child(n-6){
	background-color: #254F7B;
	border-radius: 0;
	color: white;
}


.bootstrap-datetimepicker-widget table th:nth-child(2):hover {
	background-color: #003366 !important;
	color: white!important;
	border-radius: 0;
}

.bootstrap-datetimepicker-widget table td span {
	background-color: #003366 !important;
	color: white!important;
	border-radius: 3px;
}


.bootstrap-datetimepicker-widget table td span:hover {
	background-color: #bb0505!important;
	color: white!important;
	border-radius: 3px;
}



.datepicker th [data-action="selectMonth"]{
	background-color: #003366;
	color: white;
}

.prev {
	margin: 2px;
	border: 1px solid #003366;
	border-radius: 3px;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}


.prev:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}


.next {
	margin: 2px;
	border: 1px solid #003366;
	border-radius: 3px;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.next:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

.next_btn {
	margin: 2px;
	border: 1px solid #003366;
	border-radius: 3px;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.next_btn:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}


.dataTables_paginate {
	display: inline-block;
}
.paginate_button {
	color: #fff !important;
	margin: 5px 0 !important;
	background-color: #4D7194 !important;
	cursor: pointer !important;
	padding: 5px 10px !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.paginate_button:hover {
	background-color: #254f7b!important;
}

.paginate_button.next {
	background-color: #4D7194 !important;
}
.paginate_button.next:hover {
	background-color: #254f7b !important;
}


.paging_full_numbers a.paginate_button {
	color: #fff !important;
}
.paging_full_numbers a.paginate_active {
	color: #fff !important;
}
.paging_full_numbers a.paginate_button.current {
	background-color: rgba(77, 113, 148, 0.7) !important;
}

.auswertung_abwesenheit_monat tbody td {
	border-bottom: 1px solid rgba(0, 51, 102, 0.6);
	border-left: 1px solid rgba(0, 51, 102, 0.6	);
	border-right: 1px solid rgba(0, 51, 102, 0.6);
	text-align: center;
	background-color: #d9e1e8;
}


/*DK - Auswertung -> Nav leiste Abwesenheit Monatlich*/

/*.navigation_dkb ul.nav-tabs > li.active > a {*/
/*	background-color: #003366!important;*/
/*	color: white!important;*/
/*}*/


/*.navigation_dkb ul.nav-tabs > li > a {*/
/*	background-color: #d9e1e8!important;*/
/*	color: #003366!important;*/
/*}*/

/*.navigation_dkb ul.nav-tabs > li > a:hover {*/
/*	background-color: #003366!important;*/
/*	color: white!important;*/
/*}*/

.auswertung_abwesenheit_monat tbody tr td {
	padding: 2px 2px!important;
	max-height: 40px!important;
	max-width: 40px!important;
	/*min-width: 40px!important;*/
	min-height: 40px!important;
	vertical-align: middle;
}


/*DASHBOARD ABWESENHEIT INFO MODAL DIALOG*/

.dashboard_absence_info div.form-group {
	background-color: #d9e1e8!important;
	margin-bottom: 0;
	padding: 5px 15px 5px 15px;
	font-size: 14px;
}

.dashboard_absence_info div.form-group label {
	margin-bottom: 0;
}

.absence-content > .row:first-child {
	padding-left: 5px;
	& > :first-child p {
		padding-left: 7px;
	}
}

.hinzufuegen {
	margin: 2px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.hinzufuegen:hover {
	background-color: #4cae4c!important;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}


.absence_bemerkungegn_btn {
	text-align: left;
	margin: 5px;
	width: 120px;
	border: 1px solid #003366;
	background-color: #003366!important;
	color: white!important;
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}
.absence_bemerkungegn_btn:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}



.stundenplan_btn {
	margin: 2px;
	border: 1px solid #003366;
	border-radius: 3px;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.stundenplan_btn:hover {
	background: #01b3e0!important;
	border: 1px solid #003366;
	color: white!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}



.cad122_btn {
	margin: 2px;
	border: 1px solid #003366;
	border-radius: 3px;
	background-color: #cad122!important;
	color: #003366!important;
	box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.5);
	transition: all .2ms;
}

.cad122_btn:hover {
	/*background: #003366!important;*/
	background: #d4dfec!important;
	/*background: #e0c201!important;*/
	/*background: #01b3e0!important;*/
	border: 1px solid #003366;
	/*color: white!important;*/
	color: #003366!important;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5)
}

.fa-comments:hover {
	background-color: transparent;
}

.fa-edit:hover {
	background-color: transparent;
}

.fa-list-alt:hover {
	background-color: transparent;
}


/*DKB -> DASHBOARD -> SCHULLEITER ANSICHT -> INFORMATIONEN -> ABWESENDE SCHÜLER*/

.dkb_schulleiter_absence_students th {
	text-align: center;
	color: white;
	background-color: #254F7B;
	border-right: 1px solid #003366!important;
	border-bottom: 1px solid #003366!important;
	text-shadow: 0.07em 0.05em 0.02em black;
}
.dkb_schulleiter_absence_students td {
	background-color: #d9e1e8;
	border-right: 1px solid #003366!important;
	border-bottom: 1px solid #003366!important;
	padding: 2px!important;
}



.dkb_schulleiter_open_klassenbuch th {
	text-align: center;
	color: white;
	background-color: #254F7B;
	border-right: 1px solid #003366!important;
	border-bottom: 1px solid #003366!important;
	text-shadow: 0.07em 0.05em 0.02em black;
}

.dkb_schulleiter_open_klassenbuch td {
	background-color: #d9e1e8;
	border-right: 1px solid #003366!important;
	border-bottom: 1px solid #003366!important;
	padding: 2px!important;
}


/*============== TEST ANFANG BACKGROUND EINHEITLICH ANPASSEN ===================*/

.panel {
	/*background-color: transparent;*/
	/*background-color: #d9e1e8;*/
}

#sub-navigation {
	background-color: transparent!important;
}

.fuxschool-theme-2019 ul.nav-tabs {
	background-color: transparent!important;
	border-bottom: none!important;
}

#frame {
	/*background-image: linear-gradient(to right top, #ffffff, #d5d4e0, #aaabc3, #7f84a6, #535f8a, #44608e, #2f6291, #006393, #0088a8, #00a994, #49c461, #cad122);*/
	/*background-image: linear-gradient(to right top, #003366, #003366, #003366, #003366, #003366, #004376, #005385, #006393, #0088a8, #00a994, #49c461, #cad122);*/
	/*background-image: linear-gradient(to right top, #cad122, #49c461, #00a994, #0088a8, #006393, #006393, #006393, #006393, #0088a8, #00a994, #49c461, #cad122);*/
	/*background-image: linear-gradient(to right top, #d9e1e8, #aebecf, #869cb6, #617b9e, #3d5b86, #325e8b, #23608f, #006393, #0088a8, #00a994, #49c461, #cad122);*/
	/*background-repeat: no-repeat;*/
}

/*============== TEST ENDE BACKGROUND EINHEITLICH ANPASSEN ===================*/

.benotung_auswertung table thead th {
	text-align: center;
	color: white !important;
	text-shadow: 1px 1px black;
	background-color: #254f7b !important;
	border: 1px solid #003366;
}

.benotung_auswertung table tbody td {
	background-color: #d9e1e8;
	text-align: center;
	border: 1px solid #003366!important;
}

/*===================
* Hover TITEL Effekt
===================*/

/*[title2]:hover:after {*/
/*	content: attr(title2);*/
/*	font-family: "Nunito Sans", sans-serif;*/
/*	display: inline-block;*/
/*	background-color: rgba(0, 0, 0, 0.91);*/
/*	line-height: normal;*/
/*	color: #fff;*/
/*	padding: 10px 10px;*/
/*	border-radius: 5px;*/
/*	font-size: 12px;*/
/*	font-style: normal;*/
/*	font-weight: normal;*/
/*	white-space: pre-wrap;*/
/*	z-index: 999999;*/
/*	top: 100%;*/
/*	left: 50%;*/
/*	!*left: 100%;*!*/
/*	!*top: 50%;*!*/
/*	!*transform: translateX(10px) translateY(-50%);*!*/
/*	!*text-transform: none;*!*/
/*	-webkit-transition: all .2s;*/
/*	-moz-transition: all .2s;*/
/*	transition: all .2s;*/
/*	margin-top: 10px;*/
/*}*/


/*[title2]{*/
/*	position: absolute;*/
/*	display: inline-block;*/
/*}*/

/* Container für Hintergrund-Overlay und Tooltip */
/*body::before {*/
/*	content: '';*/
/*	position: fixed;*/
/*	top: 0;*/
/*	left: 0;*/
/*	width: 100vw;*/
/*	height: 100vh;*/
/*	background-color: rgba(0, 0, 0, 0.5); !* Hintergrundabdunkelung *!*/
/*	opacity: 0;*/
/*	pointer-events: none;*/
/*	transition: opacity 0.3s ease;*/
/*	z-index: 9998;*/
/*}*/

[title2]::after {
	content: attr(title2);
	position: fixed;
	top: 50%; /* Zentrierung */
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding: 15px 25px;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	white-space: normal;
	text-align: center;
	max-width: 80%;
	opacity: 0;
	pointer-events: none;
	z-index: 9999;
	transition: opacity 0.3s ease;
}

/* Aktivierung des Overlays und Tooltips */
[title2]:hover::after {
	opacity: 1;
}

[title2]:hover ~ body::before,
body[title2-hovered]::before {
	opacity: 1;
}

[title3]:hover:after {
	content: attr(title3);
	font-family: "Nunito Sans", sans-serif;
	display: block;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.91);
	line-height: normal;
	color: #fff;
	padding: 10px 5px;
	border-radius: 5px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	white-space: pre-wrap;
	z-index: 99999999999;
	/*left: 100%;*/
	/*top: 50%;*/
	/*transform: translateX(10px) translateY(-50%);*/
	text-transform: none;
	-webkit-transition: all .05s;
	-moz-transition: all .05s;
	transition: all .05s;
}
[title3]:hover::after {
	opacity: 1;
	font-family: "Nunito Sans", sans-serif;
	font-size: 11px;
}

/*[title4]:hover::after {*/
/*	opacity: 1;*/
/*	transition: all 0.1s ease 0.5s;*/
/*	visibility: visible;*/
/*}*/
/*[title4]::after {*/
/*	content: attr(title3);*/
/*	background-color: rgb(0 0 0 / 91%);*/
/*	color: white;*/
/*	font-size: 150%;*/
/*	position: absolute;*/
/*	padding: 1px 5px 2px 5px;*/
/*	bottom: -1.6em;*/
/*	left: 100%;*/
/*	white-space: nowrap;*/
/*	box-shadow: 1px 1px 3px #222222;*/
/*	opacity: 0;*/
/*	border: 1px solid #111111;*/
/*	z-index: 99999;*/
/*	visibility: hidden;*/
/*	border-radius: 3px;*/
/*}*/
/*[title4] {*/
/*	position: relative;*/
/*}*/

 .fas.las.la-trash.la-lg{
	 font-size: 12px;
 }

label input:checked + .radio-label {
	color: white; /* Textfarbe für ausgewähltes Label */
	text-decoration: underline #003366 2px;
	-webkit-text-decoration-style: dotted;
	/*text-decoration: underline black 1px;*/
	/*-webkit-text-decoration-style: wavy!important;*/
	-webkit-text-decoration-color: black;
	text-underline-offset: 5px
}

/*===============================================================================
* DASHBOARD ABWESENHEIT UNENTSCHULDIGT / GEMELDET / ENTSCHULDIGT / AUSFLUG BUTTON
===============================================================================*/

.absence-btn {
	border: 1em;
	cursor: pointer;
	outline: none;
	font-size: 16px;
	-webkit-transform: translate(0);
	transform: translate(0);
	background-color: #003366;
	padding: 0.7em 0.9em;
	border-radius: 5px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.44);
	-webkit-transition: box-shadow 0.25s;
	transition: box-shadow 0.25s;
	color: white;
}
.absence-btn .text {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-color: #003366;
}
.absence-btn::after {
	content: "";
	border-radius: 5px;
	position: absolute;
	margin: 2px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.absence-btn:hover {
	background-color: #003366;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.45);
}
.absence-btn:hover .text {
	background-color: #003366;
}
.absence-btn:active::after {
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.45);
}

#unexcused-absence-btn:not(:hover)::after {
	background-color: #be0000;
}

#approved-absence-btn:not(:hover)::after {
	background-color: #e0c201;
}

#excused-absence-btn:not(:hover)::after {
	background-color: #4cae4c;
}

#excursion-absence-btn:not(:hover)::after {
	background-color: #49306b;
}


.input-container .btn-default {
	border-color: #003366;
	border-radius: 5px;
	text-align: center;
}

.input-container .btn-default .active {
	border: 1px solid white!important;
	border-radius: 5px;
	text-align: center;
}

.input-container .btn-primary {
	border: 1px solid white!important;
	border-radius: 5px;
	text-align: center;
}

.input-container .toggle.btn-xs {
	min-width: 32px;
}

#dkb_tagesansicht_tb .fa-solid.fa-square-plus:hover {
	color: #cad122!important;
	text-shadow: 1px 1px black;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5);
	transition: all .2s;
}

#dkb_tagesansicht_tb .fa-solid.fa-square-plus {
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
	transition: all .2s;
	background-color: rgba(0, 0, 0, 0.31);
}


.select2-container--default .select2-results__option--highlighted[aria-selected]{
	/*background-color: #afda2f;*/
	/*color: rgba(26, 25, 25, 0.85);*/
	background-color: #003366;
	color: white;
}
.select2-container--default .select2-results__option[aria-selected=true]{
	background-color: #a9a8a8;
}


.select2-dropdown {
	border-top: 1px solid #003366!important;
	border: 1px solid #003366;
	border-radius: 5px;
	background-color: #e1dfdf;
	color: black;
}

.small-popup-container {
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.small-popup {
	width: 250px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px 4px;
	position: absolute;
	z-index: 1;
	bottom: calc(100% + 10px);
	left: calc(50% - 125px);
}

.small-popup::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.small-popup[data-state=hidden] {
	visibility: hidden;
}

.small-popup[data-state=shown] {
	visibility: visible;
	animation: small-popup-fade-in 1s;
}

.small-popup[data-state=is-hiding] {
	visibility: visible;
	animation: small-popup-fade-out 1s;
}

@keyframes small-popup-fade-in {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes small-popup-fade-out {
	from {opacity: 1;}
	to {opacity: 0;}
}

.select2-search__field[style="width: 100px;"] {
	width: auto !important;
}

.user-select-none {
	user-select: none;
}

.absence-entry-unit {
	border-left: 5px solid var(--absence-color);
}

.absence-entry-unit[data-status="absent"] {
	--absence-color: red;
}

.absence-entry-unit[data-status="excused"] {
	--absence-color: green;
}

.absence-entry-unit[data-status="approved"] {
	--absence-color: orange;
}

.absence-entry-unit[data-status="delayed"] {
	--absence-color: #01b3e0;
}

.absence-entry-unit[data-status="excursion"] {
	--absence-color: #49306b;
}

.absence-entry-unit:not(:last-child) {
	border-bottom: 1px solid #003366;
}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply){
	color: white;

}

body.fuxschool-theme-2019 .btn:not(.toggle-handle, .btn-modal-cancel, .btn-modal-apply).active{
	background-color: #449d44;
	border: 1px solid #4cae4c;
	text-shadow: 1px 1px black;
}

.btn[disabled] * {
	cursor: not-allowed;
}

.evenly-distributed-flex {
	display: flex;
}
.evenly-distributed-flex > * {
	flex: 1;
}

.bottom-bar {
	border-bottom: 1px solid gray;
}

input[type="checkbox"] {
	accent-color: #003366;
}

.text-btn {
	cursor: pointer;
}

.text-btn:hover {
	text-decoration-line: underline;
}

.checkbox-inline .toggle.btn.btn-xs {
	vertical-align: top;
}

.lesson-entry-container {
	position: relative;
}

.delete-lesson-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255 255 255 / 0.5);
	z-index: -1;
}
.lesson-entry-container:has(.lesson-entry[data-is-deleted]) .delete-lesson-overlay {
	z-index: 1;
}

.lesson-entry[data-is-deleted] .lesson-title {
	text-decoration-line: line-through;
}

.btn:has(.delete-lesson) {
	position: relative;
	z-index: 2;
}

.btn.action-btn:has(:checked) {
	background-color: #761c19;
	color: white;
}

.fc-time {
	display: none;
}

.data-select-all {
	background-color: #f0f0f0;
}
.data-select-all:hover {
	background-color: #003366;
	color: white;
}

.dkb:has(.navigation_dkb .active > a[href="#seatmap"]) #students_overview {
	display: none;
}

#students-edit .table-default > thead > tr > th{
    background-color: #254f7b;
    border: 1px solid #003473 !important;
    color: white;
}

#students-edit .table-default > tbody > tr > td {
    border: 1px solid #003473 !important;
    background-color: #d9e1e8;
    color: black;
}
#students-edit .scoring-table-scoring {
    width: 75%;
}

.centered-gray-text-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: gray;
}