/*------------------------------------------------------------------------------------------
Copyright 2003-2016 Falk Neuner, nsoft.de
Ausführung, Bearbeitung, Unterlizensierung nur mit ausdrücklicher Erlaubnis des Urhebers
/*------------------------------------------------------------------------------------------
Plugin: AppGrid (Extensions auf Basis SysList, SysTree)
Format: css
/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
CSS-Klassen neutrale Spaltenbreiten auf em-Basis

Framework:
Buttons
EmFolder
EmPerson
EmIcon
EmDate
EmTime
EmDateTime
EmTimeStamp
EmVermerk10
EmVermerk16
EmFlex

nsoftSMB:
EmSGR
EmSE
EmMNR
EmMC
EmPZR
EmPZL
-----------------------------------------------------------------------------------------*/
/*Folder 9pt/12px - 48px*/
table.AppGrid td.EmFolder,
table.AppGrid th.EmFolder,
table.AppGrid td.Folder,/*entfällt*/
table.AppGrid th.Folder/*entfällt*/
{
	width: 4em;min-width: 4em;max-width: 4em;
	padding-right: 0;
}
/*Person 9pt/12px - 156px*/
table.AppGrid td.EmPerson,
table.AppGrid th.EmPerson,
table.AppGrid td.Person,/*entfällt*/
table.AppGrid th.Person/*entfällt*/
{
	width: 12.75em;min-width: 12.75em;max-width: 12.75em;
	padding-right: 0.25em;
	overflow: hidden;
}
/*Symbol 18px*/
table.AppGrid td.EmIcon,
table.AppGrid th.EmIcon
{
	width: 1.5em;min-width: 1.5em;max-width: 1.5em;
	padding-right: 0;
}

table.AppGrid .EmDate { width: 6em;min-width: 6em;max-width: 6em; padding-right: 0;overflow: hidden;text-overflow: ellipsis; } 	/*9pt*/
table.AppGrid .EmDateTime { width: 8em;min-width: 8em;max-width: 8em; padding-right: 0;overflow: hidden;text-overflow: ellipsis; } 	/*p.Vermerk erforderlich > font 80% > 9.6px */
table.AppGrid .EmTimeStamp { width: 9em;min-width: 9em;max-width: 9em; padding-right: 0;overflow: hidden;text-overflow: ellipsis; } 	/*p.Vermerk erforderlich > font 80% > 9.6px */
table.AppGrid .EmVermerk10 { width: 9em;min-width: 9em;max-width: 9em; padding-right: 0;overflow: hidden;text-overflow: ellipsis; } 	/*html_notice(10)  */
table.AppGrid .EmVermerk16 { width: 12em;min-width: 12em;max-width: 12em; padding-right: 0;overflow: hidden;text-overflow: ellipsis; } 	/*html_notice(16)  */

/*-----------------------------------------------------------------------------------------
Fachliche Spaltenbreiten auf em-Basis
-----------------------------------------------------------------------------------------*/
/*Seminargruppe*/
table.AppGrid td.EmSGR,
table.AppGrid th.EmSGR
{
	width: 7em;min-width: 7em;max-width: 7em;
	padding-right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*Studienelement 240px*/
table.AppGrid td.EmSE,
table.AppGrid th.EmSE
{
	width: 19.75em;min-width: 19.75em;max-width: 19.75em;
	padding-right: 0.25em;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*Modulnummer 72px*/
table.AppGrid td.EmMNR,
table.AppGrid th.EmMNR
{
	width: 6em;min-width: 6em;max-width: 6em;
	padding-right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*Modulcode 72px*/
table.AppGrid td.EmMC,
table.AppGrid th.EmMC
{
	width: 7em;min-width: 7em;max-width: 7em;
	padding-right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*Planungszeitraum Kürzel 42px*/
table.AppGrid td.EmPZR,
table.AppGrid th.EmPZR
{
	width: 3.5em;min-width: 3.5em;max-width: 3.5em;
	padding-right: 0;
}
/*PL/ZL Kürzel 42px*/
table.AppGrid td.EmPZL,
table.AppGrid th.EmPZL
{
	width: 3.5em;min-width: 3.5em;max-width: 3.5em;
	padding-right: 0;
}
table.AppGrid td.Em1234,
table.AppGrid th.Em1234
{
	width: 3.5em;min-width: 3.5em;max-width: 3.5em;
	padding-right: 0;
}

/*-----------------------------------------------------------------------------------------
Neutrale Eingabefelder Suchformulare auf em-Basis (Mobile-Unterstützung)
-----------------------------------------------------------------------------------------*/
table.SearchForm input.EmDate { width: 5.5em;min-width: 5.5em;max-width: 5.5em; } 	/*Datum 10pt/73,3px*/
table.SearchForm input.EmTime { width: 3em;min-width: 3em;max-width: 3em; } 		/*Uhrzeit 10pt/40px*/
input.EmSGR { width: 7em; }
input.EmPerson { width: 12em; }/*wenn width gesetzt kan mobile max-width nicht überschreiben*/
input.Em2000 { width: 20em; }/*wenn width gesetzt kan mobile max-width nicht überschreiben*/

/*flexible Main-Spalte bei MobileScroll*/
div.FixedGrid table.AppGrid td.EmFlex,
div.FixedGrid table.AppGrid th.EmFlex
{
	width: inherit !important; 
	max-width: inherit !important; 
	min-width: inherit !important;
	padding-right: 0.25em;
	overflow: hidden;
}

/*------------------------------------------------------------------------------------------
AppGrid (im Wesentlichen alle SysList)
9pt Texte werden effektiv 14px, deshalb Icon oben 1px

Beim Scrollgrid ist Tabelle in DIV eingebettet. 
Tabellenbreite variabel, bei breite Tabellen DIV-Inhalt horizontal scrollbar
(meist für Tabellen mit manueller Spaltenauswahl verwendet)
------------------------------------------------------------------------------------------*/
table { 
	border-collapse: collapse;
}

table td { 
	padding: 0;
}


table.AppGrid
{
	width: 100%;
}
div.ScrollGrid
{
	overflow-x: scroll;
}
div.ScrollGrid table.AppGrid
{
	width: inherit !important;
	min-width: inherit !important;
	max-width: inherit !important; /*100% ???*/
}
table.AppGrid td
{ 
	padding: 2px 3px 2px 0;
	font-size: 9pt;
	/*overflow-x: hidden; 19.2 stört in Chrome, HisSplGrid Buttons */ 
}
table.AppGrid td img 
{ 
	margin-top: 1px;
	margin-bottom: 1px;
	border: 0;
}

/*Markierte Zeile, CMS-Backend Suchen/Struktur*/
table.AppGrid tr.Invers td 
{
	background: #006600;
	color: #ffffff;
}
table.AppGrid tr.Invers td a:link,
table.AppGrid tr.Invers td a:visited,
table.AppGrid tr.Invers td a:active,
table.AppGrid tr.Invers td a:hover 
{
	color: #ffffff;
}

/*18.2 deaktiviertes Element*/
table.AppGrid tr.Strike td
{
	text-decoration: line-through;
	color: #808080;
}

/*Verwendung unklar*/
table.AppGrid tr.Selected
{ 
	background-color: #FFEAEA;
}
table.AppGrid tr.selected td 
{
	background: #006600;
	color: #ffffff;
}
table.AppGrid tr.selected td a
{
	color: #ffffff;
}

/*angeklickte Zeile, SysListDetails = Dropdown-Bereich aufklappbar*/
table.AppGrid tr.JqNodeFocus td
{
	background: #c0e0f0;/*hellblau*/
}
table.AppGrid tr.JqNodeFocusAlt td
{
	background: #c0e0f0;/*hellblau*/
}
table.AppGrid td p.SysListDetails { display:none; }
table.AppGrid tr.JqNodeFocus td p.SysListDetails { display:block; }

/*Details für alle Zellen anzeigen*/
table.SysListDetails td p.SysListDetails { display:block; }


/*Spalte Buttons - Schaltflächen*/
table.AppGrid th.Buttons,
table.AppGrid td.Buttons
{
	width: 40px;min-width: 40px;max-width: 40px;
	padding-right: 0;
}
table.AppGrid td.Buttons span.Label
{
	display: none;
}
table.AppGrid td.Buttons img
{
	margin-right: 1px;
}


/*Spalten Objektstatus/Checkbox 18px*/
table.AppGrid td.Status,
table.AppGrid th.Status,
table.AppGrid td.Check,
table.AppGrid th.Check
{
	width: 1.5em;min-width: 1.5em;max-width: 1.5em;
	padding-right: 0;
}


/*------------------------------------------------------------------------------------------
AppGrid details
------------------------------------------------------------------------------------------*/
table.AppGrid td p.details
{
    margin-top: 3px;
    margin-bottom: 0px; 
}
table.AppGrid td span.details 
{
	font-size: 90%;
	display: block;
	padding-bottom: 3px;
}
table.AppGrid td span.details img 
{
	margin-top: 1px;
}
table.AppGrid td span.info 
{ 
	color: #30509a;
	background-image: url('../../upload/icons/i13_info.gif'); 
	background-repeat: no-repeat; 
	background-position: 0px 1px; 
	padding-left: 18px;
	padding-bottom: 3px;
	display: block;
}

/*HisAplBindList*/
table.AppGrid td span.Error 
{ 
	background-color: #ffe0e0;
}

/*------------------------------------------------------------------------------------------
in Grid Forms
ATC/QdeTaskGrid, ComTrafficGrid
------------------------------------------------------------------------------------------*/
table.AppGrid div.TextArea textarea
{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
table.AppGrid .InGridForm div.TextArea textarea
{
	height: 100px;
	padding: 1px 2px 1px 2px;
	margin-top: 1px;
	border: solid 1px #C0C0C0;
}

table.AppGrid input[type=checkbox]
{
	margin: 1px;
	height: 13px;
	width: 13px;
}
/*InGridForm*/
table.AppGrid .InGridForm div.TextBox input,
table.AppGrid .InGridForm div.ControlAC input[type=text]
{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin-top: 1px;
	padding: 1px 2px 1px 2px;
	border: solid 1px #C0C0C0;
}
table.AppGrid .InGridForm select
{
	max-width: 240px;
	width: 100%;
	margin-top: 1px;
}

table.AppGrid th 
{
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #A0A0A0;
	font-weight: bold;
	padding: 2px 0 2px 0;
	text-align: left; 
	vertical-align: top; 
}
table.AppGrid th a:link,
table.AppGrid th a:visited
{
	color: #FFFFFF;
}

/*kurze Spalten Em150=18px bei 9pt/12px*/
table.AppGrid td.Em150,table.AppGrid th.Em150 { padding-right: 0; width: 1.5em;min-width: 1.5em;max-width: 1.5em;overflow: hidden;text-overflow: ellipsis; } /*18px*/
table.AppGrid td.Em200,table.AppGrid th.Em200 { padding-right: 0; width: 2.0em;min-width: 2.0em;max-width: 2.0em;overflow: hidden;text-overflow: ellipsis; } /*24px*/
table.AppGrid td.Em250,table.AppGrid th.Em250 { padding-right: 0; width: 2.5em;min-width: 2.5em;max-width: 2.5em;overflow: hidden;text-overflow: ellipsis; } /*30px*/
table.AppGrid td.Em300,table.AppGrid th.Em300 { padding-right: 0; width: 3em;min-width: 3em;max-width: 3em;overflow: hidden;text-overflow: ellipsis; } /*36px*/
table.AppGrid td.Em400,table.AppGrid th.Em400 { padding-right: 0; width: 4em;min-width: 4em;max-width: 4em;overflow: hidden;text-overflow: ellipsis; } /*48px*/
table.AppGrid td.Em500,table.AppGrid th.Em500 { padding-right: 0; width: 5em;min-width: 5em;max-width: 5em;overflow: hidden;text-overflow: ellipsis; } /*60px*/
table.AppGrid td.Em600,table.AppGrid th.Em600 { padding-right: 0; width: 6em;min-width: 6em;max-width: 6em;overflow: hidden;text-overflow: ellipsis; } /*72px*/
table.AppGrid td.Em700,table.AppGrid th.Em700 { padding-right: 0; width: 7em;min-width: 7em;max-width: 7em;overflow: hidden;text-overflow: ellipsis; } /*84px*/
table.AppGrid td.Em800,table.AppGrid th.Em800 { padding-right: 0; width: 8em;min-width: 8em;max-width: 8em;overflow: hidden;text-overflow: ellipsis; } /*96px*/
/*Text-Spalten Em150=18px bei 9pt/12px, rechts padding*/
table.AppGrid td.Em1000,table.AppGrid th.Em1000 { padding-right: 0.25em; width: 9.75em;min-width: 9.75em;max-width: 9.75em; } /*120px*/
table.AppGrid td.Em1200,table.AppGrid th.Em1200 { padding-right: 0.25em; width: 11.75em;min-width: 11.75em;max-width: 11.75em; } /*144px*/
table.AppGrid td.Em1300,table.AppGrid th.Em1300 { padding-right: 0.25em; width: 12.75em;min-width: 12.75em;max-width: 12.75em; } /*156px*/
table.AppGrid td.Em1400,table.AppGrid th.Em1400 { padding-right: 0.25em; width: 13.75em;min-width: 13.75em;max-width: 13.75em; } /*168px*/
table.AppGrid td.Em1500,table.AppGrid th.Em1500 { padding-right: 0.25em; width: 14.75em;min-width: 14.75em;max-width: 14.75em; } /*180px*/
table.AppGrid td.Em1600,table.AppGrid th.Em1600 { padding-right: 0.25em; width: 15.75em;min-width: 15.75em;max-width: 15.75em; } /*192px*/
table.AppGrid td.Em1800,table.AppGrid th.Em1800 { padding-right: 0.25em; width: 17.75em;min-width: 17.75em;max-width: 17.75em; } /*216px*/
table.AppGrid td.Em2000,table.AppGrid th.Em2000 { padding-right: 0.25em; width: 19.75em;min-width: 19.75em;max-width: 19.75em; } /*240px*/
table.AppGrid td.Em2400,table.AppGrid th.Em2400 { padding-right: 0.25em; width: 23.75em;min-width: 23.75em;max-width: 23.75em; } /*288px*/

/*zu großer Inhalt abschneiden*/
table.AppGrid .Ellipsis { overflow: hidden;text-overflow: ellipsis; }

/*
Rechtsausrichtung, bei num. Werte, sollte Spalten am Ende verwendet werden, wegen recht/links 
letzte Spalte sollte mit span versehen werden, weil padding des th Breite beeinflusst
*/
table.AppGrid td.RightAlign
{
	text-align: right;
	box-sizing: border-box;
	padding-right: 3px;
}
table.AppGrid th.RightAlign
{
	text-align: right;
	box-sizing: border-box;
	padding-right: 3px;
}
table.AppGrid th.RightAlign span
{
	padding-right: 5px;
}