/** 
-- schulNETZ Style File bluegrey --
**/

/** -------------------------------- Main specifications ------------------------------------------- **/
body {
    background-color: #ddd;
    height: 100%;
    width: 100%;
	overflow-x: hidden;
}

@media screen {
	* {
		font-family: 'Roboto', "Segoe UI", Arial, sans-serif;
		font-size: 14px;
		line-height: 14px;
	}
	/* HTML-Element explizit setzen, da bootstrap.min.css die font-size fix auf 10px setzt, dies hat Auswirkungen auf rem-Faktor */
	html {
		font-family: 'Roboto', "Segoe UI", Arial, sans-serif;
		font-size: 14px;
		line-height: 14px;
	}
}

label{
	display: unset;
}

.label{
	border-radius: unset;
	color: inherit;
	font-size: unset;
	font-weight: inherit;
	line-height: inherit;
	padding: unset;
	text-align: inherit;
	vertical-align: unset;
	white-space: inherit;
}
#overDiv{
	border: solid 1px;
}

a:hover, a:focus{
	text-decoration: unset;
}
button, input, optgroup, select, textarea {
	color: black;
}
body{
	line-height: normal;
}
#overDiv table{
	background-color: #CCCCFF;
}

table {
    border-collapse: unset;
    border-spacing: unset;
}

@media print {

    @page {  
      size:297mm 210mm;  
    }

	.cls-page--content-card {
		zoom: 0.8;
	}
	
	.table{
		page-break-inside: auto;
	}
	
	.tr{
		page-break-inside: avoid;
		page-break-after: auto;
	}
	
	.tfoot{
		page-break-after: avoid;
	}  
}

/* Umgebung für Erklärungen ??? */
#erklaerung {
	background-color: #f1f1f1;
	border: #9E9E9E 1px solid;
}

.btnaslink {
	font-size: 11px;
	background: none;
    border: none;
    color: #2971ad;
    cursor: pointer;
}

.btnaslink:hover {
	color: black;
}

/** Divs für Important / Information / Neutral definieren **/
div.important,  div.information, div.neutral {
    margin: 15px 0 15px 0;
    padding: 3px 10px 3px 45px;
    /*text-align: justify;*/
    font-weight: 400;
    min-height: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.important {
    border: #f5ca8e 2px solid;
    background: url(images/importanticon.png) 10px 50% no-repeat;
}

div.information {
    border: #cbdd93 2px solid;
    background: #f6f6f6 url(images/infoicon.png)  10px 50% no-repeat;
}

div.neutral {
    border: #888 2px solid;
    background: #f6f6f6 10px 50% no-repeat;
    padding: 7px;
}

a.helplink {
    padding: 2px 0 2px 25px;
    text-align: left;
    background: url(images/help.png) 5px no-repeat;
    color: #000;
}

div.helpbox {
    margin: 0 0 0 0;
    padding: 5px 10px 5px 45px;
    text-align: justify;
    font-weight: 400;
    background: #eee url(images/help.png) 10px 50% no-repeat;
    border: 1px solid #333;
    min-height: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.standardbreite{
  max-width: 830px;
}


/* ? */
span.fragezeichen{
	margin: 0 3px 0 0;
	text-align: center;
	font-weight: 400;
	font-size: 11px;
	color: #355e50;
	cursor: help;
}

ul {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
ul li {
	padding: 0;
	margin: 4px 0;
}

code {
	font-family: Courier New, Courier, monospace;
}

/* -------------------------------------   FORMULARE ---------------------------------------------- */
form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 120%;
}

input {
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 1px 3px;
	line-height: 120%;
}

input.text {
	border: 1px solid grey;
	background-color: white;
	margin: 2px;
	padding: 2px;
}

input.image {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	line-height: 100%;
}

textarea {
	font-size: 12px;
}

label {
 	font-weight: normal;
}

/* Der IE kanns wieder mal nicht... also klasse */
.noborder{
	border: 0 white;
}

/* ----------------------------------- Formatierung von Tabellen ---------------------------------------- */
table.list {
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	table-layout: auto;
	border-collapse: collapse;
	overflow: scroll;
	display: table;
	background: white;
	color: #000000;
	font-size: 11px;
}


table.view,
table.flexible {
	width: 100%;
	table-layout: auto;
}

table.list th {
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	padding: 0 1px 0 1px;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	color: #444;
	background-color: #ddd;
	height: 20px;
	min-height: 20px;
	max-height: 20px;
}

table.list th.open {
	border-left: 1px solid #9E9E9E;
}

table.list th.close {
	border-right: 1px solid #9E9E9E;
}

table.list td.label {
	font-size: 12px;
	vertical-align: bottom;
	padding: 3px;
}

table.list td.label2 {
	font-size: 12px;
	padding: 3px;
	background-color: #ddd;
	vertical-align: top;
}
table.list td.wert {
	vertical-align: bottom;
	padding: 3px;
}

table.list th#view,th#viewclose {
	text-align: left;
	border-bottom: 1px solid #25405f;
	border-top: 1px solid #9E9E9E;
}

table.list th#viewclose,
table.list th#rechts {
	border-right: 1px solid #25405f;
}

table.list th {
	background-color: #e2dbd5;
}

table.list td {
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	border-left: 0;
	border-right: 0;
	padding: 1px 2px 1px 2px;
}

table.clean td {
	border: 0 solid;
	padding: 1px 2px 1px 2px;
}

table.list td#view,td#viewclose {
	font-size: 11px;
	color: #000000;
	padding: 2px 5px 4px 5px;
	text-align: left;
	border-bottom: none;
	border-top: none;
}

table.list td#stupla, .stupla  {
	border: 1px solid #9E9E9E;
	padding: 2px 5px 2px 5px;
}

table.panel td {
	padding-right: 20px;
}

table.list td#noborder {
	border-left: none;
	border-right: none;
}

table.list td#viewclose {
	border-right: 1px solid #25405f;
}

table.list td.close {
    border-right: 1px solid #9E9E9E;
}

table.list tr#evenRow,
table.list tr.evenRow {
	background-color: #ffffff;
}
table.list tr#oddRow,
table.list tr.oddRow {
	background-color: #e2ecf4;
}

table.list td.editable:hover {
	background-color: #e1ebb6;
}

table.list .filter:hover {
	color: #365f51;
	cursor: pointer;
}

/* Stundenplan spezifisches */
table.list td.deleted {
	background-color: #fb8c60;
	text-decoration: line-through;
}

table.list td.standard {
	background-color: #C0CEDB;
}

table.list td.moved {
	background-color: #ccaa00;
}

table.list td.kommentar {
    background-color: #ba87cd;
}

table.list td.movedaway {
    background-color: #ccaa00;
    text-decoration: line-through;
}

table.list tr.suchfeld td {
	border: 0;
}

table.list td.suchfeld {
	font-size: 90%;
}

table.hist td, table.hist th {
	font-size: 11px;
	border:1px solid grey;
	padding:2px 5px 2px 5px;
	border-top: 0 !important;
	border-left: 0 !important;
}
table.hist td span {
	font-size: 11px;
}

table.hist th {
	background-color: #ddd;
}

table.hist tr.highlight-row td {
	background-color: #e2ecf4;
}


span.deleted{
	background-color: #fb8c60;
	text-decoration: line-through;
	padding-left: 5px;
	padding-right: 5px;
}

span.moved{
	background-color: #fdff5b;
	padding-left: 5px;
	padding-right: 5px;
}

span.movedaway {
  background-color: #fdff5b;
  text-decoration: line-through;
}

span.n{
	background-color: #00CC00;
	padding-left: 5px;
	padding-right: 5px;
}

span.rv1{
	background-color: #00CC00;
	padding-left: 5px;
	padding-right: 5px;
}

span.rv2{
	background-color: #fdff5b;
	padding-left: 5px;
	padding-right: 5px;
}

span.rv3{
	background-color: #fb8c60;
	text-decoration: line-through;
	padding-left: 5px;
	padding-right: 5px;
}

span.r{
	background-color: #adff2f;
	padding-left: 5px;
	padding-right: 5px;
}

span.kommentar{
	background-color: #ba87cd;
	padding-left: 5px;
	padding-right: 5px;
}

span.stp_ds{
	background-color: #ffffff;
    font-size: 6pt;
}

span.stp_ddeleted{
	background-color: #fb8c60;
	text-decoration: line-through;
	font-size: 6pt;
}

span.stp_dmoved{
	background-color: #fdff5b;
	font-size: 6pt;
}

span.stp_dmovedaway {
  background-color: #fdff5b;
  text-decoration: line-through;
  font-size: 6pt;
}

span.stp_dn{
	background-color: #00CC00;
	padding-left: 5px;
	padding-right: 5px;
}

span.stp_drv0{
	background-color: #ffffff;
    font-size: 6pt;
}

span.stp_drv1{
	background-color: #00CC00;
	font-size: 6pt;
	padding-left: 5px;
	padding-right: 5px;
}

span.stp_drv2{
	background-color: #fdff5b;
	font-size: 6pt;
}

span.stp_drv3{
	background-color: #fb8c60;
	font-size: 6pt;
	text-decoration: line-through;
	padding-left: 5px;
	padding-right: 5px;
}

span.stp_dr{
	background-color: #adff2f;
    font-size: 6pt;
}

div.stp_time_room_s{
	background-color: #ffffff;
	font-size: 8pt;
}

div.stp_time_room_deleted{
	background-color: #fb8c60;
	text-decoration: line-through;
	font-size: 8pt;
}

div.stp_time_room_moved{
	background-color: #fdff5b;
	font-size: 8pt;
}

div.stp_time_room_movedaway {
	background-color: #fdff5b;
	text-decoration: line-through;
	font-size: 8pt;
}

div.stp_time_room_n {
    background-color: #00CC00;
	font-size: 8pt;
}

div.stp_time_room_rv0{
	background-color: #ffffff;
	font-size: 8pt;
}

div.stp_time_room_rv1 {
    background-color: #00CC00;
	font-size: 8pt;
}

div.stp_time_room_rv2{
	background-color: #fdff5b;
	font-size: 8pt;
}

div.stp_time_room_rv3 {
	background-color: #fb8c60;
	text-decoration: line-through;
	font-size: 8pt;
}

div.stp_time_room_r{
	background-color: #adff2f;
	font-size: 8pt;
}

div.stp_s{
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
}

div.stp_deleted{
	background-color: #fb8c60;
	text-decoration: line-through;
	padding-left: 5px;
	padding-right: 5px;
}

div.stp_moved{
	background-color: #fdff5b;
	padding-left: 5px;
    padding-right: 5px;
}

div.stp_movedaway {
	background-color: #fdff5b;
	text-decoration: line-through;
	padding-left: 5px;
	padding-right: 5px;
}

div.stp_n {
	background-color: #00CC00;
	padding-left: 5px;
	padding-right: 5px;
}

div.stp_rv0{
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
}

div.stp_rv1 {
	background-color: #00CC00;
	padding-left: 5px;
	padding-right: 5px;
}

div.stp_rv2{
	background-color: #fdff5b;
	padding-left: 5px;
    padding-right: 5px;
}

div.stp_rv3 {
	background-color: #fb8c60;
	text-decoration: line-through;
	padding-left: 5px;
	padding-right: 5px;
}

div.stp_r{
	background-color: #adff2f;
	padding-left: 5px;
	padding-right: 5px;
}

div.stp_pause{
	background-color: #C1C1C1;
	padding-left: 5px;
	padding-right: 5px;
}

div.stp_kommentar{
	background-color: #ba87cd;
	padding-left: 5px;
	padding-right: 5px;
}

table.with_caption {
    border-bottom: 1px solid #9E9E9E;
    border-right: 1px solid #9E9E9E;
    border-left: 1px solid #9E9E9E;
    table-layout: auto;
    border-collapse: collapse;
    display: table;
    background: white;
    color: #000000;
    font-size: 12px;
    width: 700px;
    margin-bottom: 30px;
}

table.with_caption > caption {
    padding: 0 5px 0 5px;
    border-top: 1px solid #9E9E9E;
    border-right: 1px solid #9E9E9E;
    border-left: 1px solid #9E9E9E;
}

table.with_caption td {
    padding: 0 5px 0 5px;
    text-align: left;
    margin: 0;
}

table.absenzen{
  	border: 1px solid #9E9E9E;
  	table-layout: auto;
  	border-collapse: collapse;
  	display: table;
  	background: white;
  	color: #000000;
    font-size: 12px;
    width: 700px;
    margin-bottom: 30px;
}

table.absenzen td{
	padding: 0 5px 0 5px;
	text-align: left;
	margin: 0;
}

td#alignright{
	text-align: right;
}

tr#abs_unent{
	color: #df8d06;
}

/* ------ Formatierung von Tabellen in Formularen (Druck) ---------------------- */
table.Formular{
    table-layout: auto;
    border-collapse: collapse;
    display: table;
    background: white;
    color: #000000;
    border: #9E9E9E 1px solid;
    width: 500px;
}

table.Formular td#borderleft,
table.Formular td.borderleft {
    border-left: 1px solid #9E9E9E;
    padding: 4px;
}

table.Formular td#borderleftright,
table.Formular td.borderleftright {
    border-left: 1px solid #9E9E9E;
    border-right: 1px solid #9E9E9E;
    padding: 3px 4px;
}

table.Formular td#borderright,
table.Formular td.borderright {
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid #9E9E9E;
}

table.Formular tr#borderbottom {
    border-bottom: 1px solid #9E9E9E;
    padding: 2px;
}
table.Formular tr#bordertop {
    border-top: 1px solid #9E9E9E;
    padding: 2px;
}

table.Formular td#spacer {
    padding: 4px;
}


/* Speziell für Rundtelefone */
td.rundtel {
  	font-weight: normal;
  	border: none;
 	font-size: 14px;
	text-align: center;
	line-height: 14px;
}

.rundtel--icon {
	width: 20px;
	text-align: center;
	display: inline-block;
}



td.smallTitle {
  	font-weight: normal;
  	border: none;
 	font-size: 11px;
	text-align: left;
}

/* ----------------------------- Schriften ---------------------------- */


#w1 {
	color: #355e50;
}

#w2 {
	color: #e86719;
}

#k1 {
	font-size: xx-small;
}

.redft {
	color: red;
}

.greenft {
	color: green;
}

.orangeft {
	color: orange;
}


/* ----------------------------- Spezielle Formatierungen ---------------------------- */

.printme{}
#printme{}


/* Styling für Input-Buttons */
.btnsubmit, .btnedit, .btnreset, .btnsubmit_dis, .btndisabled {
    font-size: 90%;
    background-color: #fff;
    color: black;
    padding: 1px 10px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btnsubmit {
    border: 2px solid #cbdd93;
}
.btnreset {
    border: 2px solid #f5ca8e;
}
.btnedit {
    border: 2px solid #82CFFD;
}

.btndisabled {
    color: #808080;
    border: 2px solid #808080;
    width: 70px;
}
.btnsubmit_dis {
    background-color: #d9d9d9;
    color: #595959;
    width: 80px;
    border: 0;
}

.btnsubmit:hover {
    background-color: #cbdd93;
}
.btnreset:hover {
	background-color: #f5ca8e;
}
.btnedit:hover {
    background-color: #82CFFD;
}

.btnsubmit:disabled, .btnreset:disabled, .btnedit:disabled {
	color: #808080;
	border: 2px solid #808080;
}
.btnsubmit:disabled:hover, .btnreset:disabled:hover, .btnedit:disabled:hover {
	background-color: #fff;
}

/* Styling für Links als Buttons */
a.btnsubmit, a.btnedit, a.btnsubmit_dis, a.btndisabled {
    padding: 3px 15px 4px 15px;
    height: 18px;
    color: black;
    margin-right: 0;
}

a.btnreset {
	display: block;
	padding-top: 2px;
	padding-bottom: 0;
	color: black;
	margin-right: 0;
	width: 80px;
	height: 18px;
}


/* Formatierungen für Keycard */
table.keycard {
	font-family: 	monospace;
	border: 		2px solid black;
	text-align:		center;
	border-collapse: collapse;
}

table.keycard th {
	border: 		1px solid black;
	font-weight:	bold;
}

table.keycard td {
	border: 		1px dotted black;
	padding:		3px;
}

table.keycard td#first {
	border: 		1px solid black;
	font-weight:	bold;
	padding:		1px 3px 1px 3px;
}

/* Umgebung für die Symbolleiste*/
.symbols {
	position: absolute; 
	top: 25px;	
	right: 25px; 
	z-index: 1000;
}

.symbols[class]{
	position: fixed;
}

.symbols input {
	border:  1px dotted #ccd9e4;
}

.symbols img {
	vertical-align: top;
	border: 0;
}

/***********************
* Div für DragDrop-Table
* **********************/
.dropi {
	float:left; 
	margin: 0 2px 0 2px;
	padding: 0;
	border: 1px solid; 
	text-align: center; 
	vertical-align: middle;
}
.dragi {
	margin: 0 2px 0 2px;
	padding: 0;
	cursor: move;
	text-align: center; 
	vertical-align: middle;
}
.dropbg {
	background-color: #ccc;
}
/* Ende für DragDrop-Table */
div.treepicker {
	background-color: white;
	border: 1px solid black;
	margin-top: 5px;
}


/* Intro Images */
img.introimages {
	float: right;
	padding: 0 5px 0 15px;
}

/* --------------------- Der neue Kalender ---------------------------*/
div.calendar {
    font-size: smaller;
    color: #000;
    z-index: 5000;
}

div.calendar.popup {
    margin-left: 0;
    margin-top: 0;
}

div.calendar table {
    background-color: #eee;
    border: 1px solid #aaa;
    border-collapse: collapse;
}

div.calendar thead {
    background-color: white;
}

div.calendar td,
div.calendar th {
    padding: 3px;
    text-align: center;
}

div.calendar td.title {
    font-weight: bold;
}

div.calendar th {
    background: #ddd;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: bold;
    color: #555;
}

div.calendar tr.days td {
    width: 2em;
    color: #555;
    text-align: center;
    cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover {
    background-color: #34ABFA;
    cursor: pointer;
}

div.calendar tr.days td:active,
div.calendar td.button:active {
    background-color: #cde;
}

div.calendar td.selected {
    font-weight: bold;
    background-color: #fff;
    color: #000;
}

div.calendar td.today {
    font-weight: bold;
    color: #D50000;
}

div.calendar td.otherDay {
    color: #bbb;
}

	
	
	
th.resize-handle-active {
    cursor: e-resize;
}

div.resize-handle {
    cursor: e-resize;
    width: 2px;
    border-right: 1px dashed #1E90FF;
    position:absolute;
    top:0;
    left:0;
}

table.resizable th{
    border-right: 1px dotted #777777;
}
  
/* ------ POP-Up Div to cover the whole area ------------------------------------ */
.divModalDialog {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1200;
}

/*  target attribute does the job! */
.divModalDialog:target {
	display: block;
}

/*** virtual frame containing controls, image and caption ***/
.divModalDialog div {
	position: absolute;
	overflow: auto;
	top: 50%;
	left: 50%;
	width: 750px;
	height: 480px;
	padding: 10px;
	margin-top: -240px;
	margin-left: -300px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #0e7090;
	z-index: 1210;
	background: #e2ecf4 repeat-x;
	-moz-box-shadow:3px 3px 5px #DFDFDF;
	-webkit-box-shadow:3px 3px 5px #DFDFDF;
	box-shadow:3px 3px 5px #DFDFDF;
}

.table-header-rotated th.row-header{
    width: auto;
}

.table-header-rotated td{
    width: 40px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    vertical-align: middle;
    text-align: center;
}

.table-header-rotated th.rotate{
    height: 80px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    position: relative;
    vertical-align: bottom;
    padding: 0;
    font-size: 12px;
    line-height: 0.8;
}

.table-header-rotated th.rotate > div{
    position: relative;
    top: 0;
    left: 40px;
    height: 100%;
    -ms-transform:skew(-45deg,0deg);
    -moz-transform:skew(-45deg,0deg);
    -webkit-transform:skew(-45deg,0deg);
    -o-transform:skew(-45deg,0deg);
    transform:skew(-45deg,0deg);
    overflow: hidden;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate span {
    -ms-transform:skew(45deg,0deg) rotate(315deg);
    -moz-transform:skew(45deg,0deg) rotate(315deg);
    -webkit-transform:skew(45deg,0deg) rotate(315deg);
    -o-transform:skew(45deg,0deg) rotate(315deg);
    transform:skew(45deg,0deg) rotate(315deg);
    position: absolute;
    bottom: 30px;
    left: -25px;
    display: inline-block;
    width: 85px;
    text-align: left;
}

			
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö              |
|--------------------------------------------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

/* ----------------------------------- Liste der Monate ------------------------------------------------- */
#monthcontainer ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    font: 12px Verdana,sans-serif;
    text-align: center;
}

#monthcontainer a {
    color: #000;
    text-decoration: none;
    display: block;
    margin: 0;
    padding-left: 20px;
}

/* ----------------------------------- Formatierung von Tabellen ---------------------------------------- */ 
table.m_cal{
    margin: 0;
    padding: 0;
    border: 1px solid #9E9E9E;
    table-layout: auto;
    border-collapse: collapse;
    float: left;
    display: table;
    width: 750px;
    background: white;
    color: #000000;
}

table.m_cal th {			/* Table-Header mit hintergrundsbild */
	font-size: 11px;
	color: #25405f;
	font-weight: bold;
	text-align: center;
	background: url(images/listViewBg.gif) repeat-x bottom left;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
}	


table.m_cal td{
    border: 1px solid #9E9E9E;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    padding: 0 0 0 0;
    min-height: 90px;
    height: 90px;
    max-height: 90px;
}

table.m_cal td#left{
  	width: 50px;
	font-size: 11px;
	color: #25405f;
	font-weight: bold;
	text-align: center;
}


/* ----------------------------------- Formatierung von Tabellen ---------------------------------------- */ 

table.m_subcal{
    table-layout: auto;
    border-collapse: collapse;
    display: table;
    background: white;
    width: 100%;
    color: #000000;
    border: 0 solid black;
}


table.m_subcal th {
	font-size: 11px;
	color: #ee2222;
	font-weight: bold;
	text-align: right;
	background: #ddd;
	padding-left: 2px;
	padding-right: 2px;
	height: 20px;
}	

table.m_subcal td{
    font-size: 9px;
    color: #25405f;
    border: 0 solid #9E9E9E;
    min-height: 0;
    height: 0;
    max-height: 90px;
    width:90%;
}

table.m_subcal tr{
  max-height: none;
}

/* ----------------------------------- Formatierung von Tabellen ---------------------------------------- */ 
table.w_cal{
    border-left: 1px solid #9E9E9E;
    border-right: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    table-layout: auto;
    border-collapse: collapse;
    display: table;
    width: 750px;
    background: white;
    color: #000000;
}

table.w_cal th {			/* Table-Header mit hintergrundsbild */
	font-size: 11px;
	color: #25405f;
	font-weight: bold;
	text-align: center;
	background: url(images/listViewBg.gif) repeat-x bottom left;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
}	


table.w_cal td{
  border: 1px solid #9E9E9E;
  width: 100px;
  max-width: 100px;
  min-width: 100px;
  padding: 0 0 0 0;
  min-height: 20px;
  height: 20px;
  max-height: 20px;
}


table.w_cal tr{
  
}

table.w_cal td#left{
  	width: 50px;
	font-size: 11px;
	color: #25405f;
	font-weight: bold;
	text-align: center;
}


/* ----------------------------------- Formatierung von Tabellen ---------------------------------------- */ 

table.w_subcal{
    table-layout: auto;
    border-collapse: collapse;
    display: table;
    background: white;
    width: 100%;
    color: #000000;
    border: 0 solid black;
}

table.w_subcal th {
	font-size: 11px;
	color: #ee2222;
	font-weight: bold;
	text-align: right;
	background: #ddd;
	padding-left: 2px;
	padding-right: 2px;
	height: 20px;
}	

table.w_subcal td{
    font-size: 9px;
    color: #25405f;
    border: 0 solid #9E9E9E;
    padding: 2px 2px 2px 2px;
    min-height: 0;
    height: 0;
    max-height: 20px;
}

table.w_subcal tr{
    max-height: none;
}

table.w_cal tr#shadow{
	background: #ddd;
}

table.w_cal td#full{
	background: #c1d4e8;
	border: 1px solid #000;
}
table.w_subcal td#full{
	background: #1e86f1;
	border: 0 solid #000;
}

th.text45-right {
    height: 140px;
}

.text45-right > div {
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-collapse: collapse;
	bottom: 0;
	height: 100%;
	margin-bottom: -1px;
	-webkit-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	-moz-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
	transform: skewX(-45deg);
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
	white-space: nowrap;
	width: 100%;
}

.text45-right > div  span{
	bottom: 0;
	left: 0;
	position: absolute;
	-webkit-transform: skewX(45deg) rotate(-45deg) translateY(120%) translateX(30px);
	-ms-transform: skewX(45deg) rotate(-45deg) translateY(120%) translateX(30px);
	-moz-transform: skewX(45deg) rotate(-45deg) translateY(120%) translateX(30px);
	-o-transform: skewX(45deg) rotate(-45deg) translateY(120%) translateX(30px);
	transform: skewX(45deg) rotate(-45deg) translateY(120%) translateX(30px);
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
}
/*IE 10 and 11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.text45-right > div  span{
		bottom: 10px;
	}
	
}
/*checkbox bootstrap form*/
div input.form-control[type=checkbox]{
	width: 0;
}
.dropdown-menu.textcomplete-dropdown{
	max-height: 100px;
	overflow-y: scroll;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #337ab7;
	outline: 0;
}

.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

/* Damit auch im IE die Placeholder grau angezeigt werden */
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #bbb;
}

.dhx_scale_bar {
    background-color: #f2f2f2 !important;
}

.dhx_title {
	padding-left: 0px !important;
}

.dhx_cal_event_line_end {
	-webkit-border-top-right-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
	-moz-border-radius-topright: 0 !important;
	-moz-border-radius-bottomright: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.dhx_cal_event_line_start {
	-webkit-border-top-left-radius: 0  !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-moz-border-radius-topleft: 0 !important;
	-moz-border-radius-bottomleft: 0 !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.dhx_cal_lsection {
	text-align: left !important;
}




.stpt_event {
    background-color: #add8e6;
    border: 1px solid #778899;
    overflow: hidden;
    color: #000000 !important;
}

.stpt_event_strike {
    background-color: #add8e6;
    border: 1px solid #778899;
    overflow: hidden;
    color: #000001 !important;
}

/* styles for event title */
.stpt_event_title {
    padding-top: 3px;
    padding-left: 3px;
}

/* styles for event body */
.stpt_event_body {
    padding-top: 0;
    padding-left: 3px;
}

/* event's date information */
.stpt_event_date {
    white-space: nowrap;
    color: black;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-bottom: 2px;
}

/* event's text information */
.stpt_event_text {
    font-weight: bold;
    white-space: nowrap;
    color: black;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-bottom: 2px;
}

/* event's comment information */
.stpt_event_comment {
	color: black;
	padding-bottom: 2px;
}

/* event's resizing section */
.stpt_event_resize {
    height: 5px;
    position: absolute;
    bottom: -1px;
    background: url(images/resizing_black.png) center center no-repeat;;
}

/* event's move section */
.stpt_event_move {
    position: absolute;
    top: 0;
    height: 10px;
    cursor: pointer;
}

/* hour scale Lektionennr */
.stpt_hour_scale_nr {
	position: absolute;
	line-height:10px;
	left: 2px;
	font-size: 11px;
}
/* hour scale von&bis */
.stpt_hour_scale_von,
.stpt_hour_scale_bis {
    position: absolute;
    line-height:10px; 
    right: 12px;
    font-size: 11px;
}
/* hour scale von&bis mit nr*/
.stpt_hour_scale_von_nr,
.stpt_hour_scale_bis_nr {
    position: absolute;
    line-height:10px; 
    right: 2px;
    font-size: 11px;
}

.CodeMirror {
	border: 1px solid rgba(0,0,0,.1);
}

td.vertical-header, th.vertical-header {
	overflow: hidden;
	position: relative;
	padding: 10px;
}

th.vertical-header div,
td.vertical-header div {
	transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;

	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	white-space: nowrap;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	font-weight: normal;
}


button.toggle-button {
	margin: 10px 5px 0 5px;
}

.stpt-datum {
	margin: 0 0 0 0 !important;
	position: relative;
}

#clsSublist2 {
	display: none;
}

.mdl-menu--selected {
	font-weight: bold;
}

table.table-padding td {
	padding-right: 10px;
	padding-left: 10px;
}

.sortable-label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: move !important;
}

.no-outline {
	outline: none;
}

.fa-rotate-45 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-right {
	float: right;
}

table.statistik-info {
	width: 100%;
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	table-layout: auto;
	border-collapse: collapse;
	overflow: scroll;
	display: table;
	background: white;
	color: #000000;
	font-size: 11px;
}

table.statistik-info th {
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	padding: 0 10px;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	color: #444;
	background-color: #ddd;
	height: 20px;
	min-height: 20px;
	max-height: 20px;
	line-height: 20px;
}

table.statistik-info td {
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	border-left: 0;
	border-right: 0;
	padding: 0 10px;
	background-clip: padding-box;
	background-color: white;
}

table.statistik-info td.highlight {
	background-color: #e2ecf4;
}


textarea {
	white-space: pre-wrap;
}


/* Toggle-Container für eSchool */
.toggle-container {
	background-color: rgba(197, 197, 197, 0.31);
}

.toggle-container.show {
	background-color: #fff;
}

.toggle-container .toggle-div {
	display: none;
}

.toggle-container.show .toggle-div {
	display: block;
}

.toggle-container.show .toggle-invert {
	display: none;
}

.sus-uebersicht--50-50 {
	max-width:50%;
	width: 50%;
	vertical-align: top;
	display: inline-block;
}

.sus-uebersicht--iframe-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 60%;
}

.sus-uebersicht--iframe-wrapper iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}
.cls-restobject {
	width: 100%;
	overflow: hidden;
}
.cls-restobject--card.html {
	border-radius: 15px;
	overflow: hidden;
	background-color: rgba(41, 113, 173, 0.02);
}
.cls-restobject--card.pdf {
    border: 1px solid grey;
    background-color: rgba(41, 113, 173, 0.02);
    padding: 2px;
}
.cls-restobject--card.pdf .mdl-card__title {
    font-weight: bolder;
}
.cls-restobject--card .mdl-card__supporting-text{
	width: calc(100% - 32px);
	overflow: hidden;
}
.cls-restobject--card.html  .mdl-card__supporting-text{
    padding: 0 16px;
}
.cls-restobject--card.pdf  .mdl-card__supporting-text{
    padding: 0 5px;
}
.cls-restobject--card > .mdl-card__title > button {
	color: var(--primary-color) !important;
}
.cls-restobject--card > .mdl-card__title > button:disabled {
	color: lightgrey !important;
}
/*.cls-restobject--input .tox-tinymce {*/
/*	margin-top: 20px;*/
/*}*/
.cls-restobject--child {
	width: 100%;
	overflow: hidden;
}

.cls-restobject--card[xajax-deleted] {
	animation: cls-restobject--deleted 750ms ease 0ms 1 normal forwards;
}

.cls-restobject--input input,
.cls-restobject--input textarea,
.cls-restobject--input iframe,
.cls-restobject--input select {
	background-color: white !important;
}

@keyframes cls-restobject--deleted {
	0% {
		transform:scale(1);
		filter:blur(0);
		opacity:1;
	}
	1% {
		background-color: rgba(255, 30, 0, 0.75);
	}
	100% {
		transform: translateX(-50px) scale(0.9, 0);
		filter:blur(5px);
		opacity:0.6;
	}
}

.cls-restobject--card[xajax-inserted] {
	animation: cls-restobject--inserted 1250ms ease 0ms 1 normal forwards;
}

@keyframes cls-restobject--inserted {
	0% {
		transform: translateX(-50px) scale(0.9, 0);
		filter:blur(5px);
		opacity:0.6;
	}
	1% {
		background-color: rgba(3, 175, 0, 0.75);
	}
	100% {
		transform: scale(1);
		filter:blur(50);
		opacity:1;
	}
}