/*****************************************************************************/
/*               NAMENSKONVENTIONEN FÜR NEUE CSS STYLES                      */
/*****************************************************************************/
/*
1. Sprechenden Namen in Englisch vergeben 
2. Namenskombinationen:
	- mit Unterstrich (z.B. "wizard_navi")
*/
/*****************************************************************************/
/*               INHALTSVERZEICHNIS                                          */
/*****************************************************************************/
/*****************************************************************************/
/*               Tabellen                                                    */
/*****************************************************************************/
/*****************************************************************************/
/*             Studienplaner                                                 */
/*****************************************************************************/
/*****************************************************************************/
/*               VVZ - treeTable                                             */
/*****************************************************************************/
/*****************************************************************************/
/*               Tabellen  PNG                                               */
/*****************************************************************************/
/*****************************************************************************/
/*               Responsive table functionalities                            */
/*****************************************************************************/
/*****************************************************************************/
/*               PrimeFaces Tabelle                                          */
/*****************************************************************************/
/*****************************************************************************/
/*               PrimeFaces Treetable                                        */
/*****************************************************************************/


/*****************************************************************************/
/*               Tabellen                                                    */
/*****************************************************************************/
tbody {
	margin: 0;
	padding: 0;
}

.row {
	float: left;
	width: 101%;
	padding-top: 2px;
	padding-bottom: 2px;
}

.left {
	float: left;
	width: 25%;
}

.right {
	float: left;
	white-space: nowrap;
}

.colLeft {
	float: left;
	width: 50%;
}

.colRight {
	float: right;
	width: 50%;
}

.listRowEven {
	vertical-align: top;
	background-color:var(--backgroundColor4);
}

.listRowEven:hover, .listRowOdd:hover {
	background-color:var(--backgroundColor9) !important;
	vertical-align: top;
}

.listRowOdd {
	background-color:var(--backgroundColor2);
	vertical-align: top;
}

.tableWithBorder,.tableWithSelect,.table {
	width: 100%;
	border-spacing: 1px;
	margin: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: var(--backgroundColor3);
	border: var(--highlightBorderTransparent);
}

.tableWithBorder th a,
.tableWithSelect th a,
.table th a{
	display:inline-block;
}

.tableWithSelect th{
	border: var(--highlightBorderTransparent);
}

/*deaktiviert die 100%-Breite der Tabelle, so das die Breite sich an die Inhalte anpasst*/
.tableAutoWidth{
	width:auto;
}

.tableAutoWidthContainer .datatable .dataTableTableGroup{
	display:inline-block;
}

.tableAutoWidthContainer .datatable .tableOverflowFix{
	table-layout:auto;
}

.tableHeader,table.treeTable th,table.treeTableWithIcons th, .tableWithBorder th {
	padding:6px 3px 6px 5px;
	line-height: 1.4em;
	vertical-align: top;
	text-align:left;
	font-weight:bold;
}

.tableHeader {
	background-color: var(--backgroundColor25) !important;
}

.tableWithBorder th, .table th {
	background-color: var(--backgroundColor25) !important;
	border: var(--highlightBorderTransparent);
	border-bottom: 2px solid var(--borderColor2);
}

table.scroller a:hover,
table.scroller a:focus {
	outline:none;
	background-color:var(--highlightBackgroundColor) !important;
}

table.scroller a:focus {
	outline: var(--highlightFocusOutline);
}

table.treeTableWithIcons th.tableHeader,
table.treeTable th.tableHeader,
table.treeTable th,
table.treeTableWithIcons th {
	background:var(--backgroundColor1) !important;
	border-left:1px solid var(--contrastFontColor);
	color: var(--contrastFontColor);
	font-weight:normal;
}

/*Kontrastschriftfarbe - farbige Kacheln im Quicklinkportlet, Aktiver Verweis im linken Menü*/
table.treeTable th.iconfont-tree_increase::before,
table.treeTable th.iconfont-checkbox::before {
	color: var(--contrastFontColor);
}

table.treeTable th .textSmall{
	padding-left:0;
	margin-left:0;
}

/* Zweck: Fieldsetüberschrift soll Background-color wie tableHeader erhalten #193014 */

.tableHeaderBG h2 {
	padding: 2px 4px 2px 4px;
	line-height: 1.4em;
	background-color: var(--backgroundColor3) !important;
}

.oneTableHeader{
	height:0;
	left:-10000px;
	position:absolute;
}

.tableHeaderPopup{
	line-height:1.7em;
}

/*hervorgehobene Header-Zelle*/
.tableHeaderHighlighted {
	background-color:var(--backgroundColor1);
	color: var(--contrastFontColor);
	line-height: 1.4em;
	padding: 6px 4px;
	text-align: left;
	vertical-align: top;
}

.tableHeaderGrey {
	background-color: var(--backgroundColor3);
	color:var(--basicFontColor);
	line-height: 1.4em;
	padding: 6px 4px;
	text-align: left;
	vertical-align: top;
}

.tableHeaderRight,.tableHeaderCenter {
	font-weight: bold;
	padding: 6px 4px 6px 4px;
	line-height: 1.4em;
	vertical-align: top;
}

.tableHeaderRight {
	text-align: right;
	background-color: var(--backgroundColor3) !important;
}

.tableHeaderCenter {
	text-align: center;
	background-color: var(--backgroundColor3) !important;
}

.tableWithSelect td {
	border: 0.5pt solid transparent;
	padding: 2px 2px;
	height:20px;
}

.tableWithBorder td, .table td {
	padding: 6px 4px 4px;
	min-height:20px;
	border: 1px solid transparent;
}

.tableWithSelect td ol,
.tableWithBorder td ol{
	padding-left:15px;
	margin:0;
}

/* Links im tableHeader */
.tableHeader a,.tableHeader a:visited {
	text-decoration: underline dotted ;
	color: var(--basicFontColor);
	display:inline-block;
}

.tableHeader a, .tableHeader a:visited {
	padding: 0;
	margin-left: -1.5px;
}

.tableHeader a:hover,.tableHeader a:focus {
	color: var(--basicFontColor);
	text-decoration: underline;
	background-color:var(--highlightBackgroundColor) !important;
}

.tableHeader a:focus {
	outline: var(--highlightFocusOutline);
}

/*Ort der Verwendung: Konfiguration von Eigenschaften eines Pflichtanmeldeverfahrens Verwendungszweck: Spaltenbreite muss fest vorgegeben werden*/
.width25 {
	width: 25% !important;
}

/* Tree als Tabelle */
table.treeTable,table.treeTableWithIcons {
	width: 100%;
	border-spacing: 0;
	border-bottom:var(--border3);
	border-width:2px;
}


.treeTableWithIcons .iconfont-checkbox_tick:before,
.treeTableWithIcons .iconfont-warning_mono:before,
.treeTableWithIcons .iconfont-filter:before,
.treeTable .iconfont-menu:before,
.treeTable .iconfont-warning_mono:before,
.treeTable .iconfont-tree_increase:before,
.treeTable .iconfont-filter:before,
.treeTable .iconfont_2022_03-button_action:before {
	color:var(--contrastFontColor);
}

.treeTableWithIcons .iconfont-tree_increase:before{
	color:var(--accentFontColor);
}

table.treeTable th,table.treeTableWithIcons th {
	text-align: left;
}

table.treeTable td,table.treeTableWithIcons td
{
	vertical-align: top;
	border-top: 1px solid ;
	border-color: var(--backgroundColor26);
	padding: 5px 1px 5px 1px;
}

/* Inputfeld in Baum anordnen */

.treeTableWithIcons td .inputTree {
	padding-top: 0px;
	padding-bottom: 0px;
}

table.treeTable tr,table.treeTableWithIcons tr {
	background-color:var(--backgroundColor2);
	border: var(--border2);
}

table.treeTable tr.treeTableCellLevel1,table.treeTableWithIcons tr.treeTableCellLevel1,
body #examsByStudent\:examsOverview\:kombiTree\:examOverviewForPersonKombiTree_new tr[data-level="1"]
{
	background-color:var(--backgroundColor4);
}

table.treeTable tr.treeTableCellLevel2,table.treeTableWithIcons tr.treeTableCellLevel2
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel3,table.treeTableWithIcons tr.treeTableCellLevel3
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel4,table.treeTableWithIcons tr.treeTableCellLevel4
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel5,table.treeTableWithIcons tr.treeTableCellLevel5
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel6,table.treeTableWithIcons tr.treeTableCellLevel6
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel7,table.treeTableWithIcons tr.treeTableCellLevel7
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel8,table.treeTableWithIcons tr.treeTableCellLevel8
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel9,table.treeTableWithIcons tr.treeTableCellLevel9
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel10,table.treeTableWithIcons tr.treeTableCellLevel10
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel11,table.treeTableWithIcons tr.treeTableCellLevel11
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel12,table.treeTableWithIcons tr.treeTableCellLevel12
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel13,table.treeTableWithIcons tr.treeTableCellLevel13
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel14,table.treeTableWithIcons tr.treeTableCellLevel14
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel15,table.treeTableWithIcons tr.treeTableCellLevel15
{
	background-color:var(--backgroundColor2);
}

table.treeTable td.treeTableCellLevel2,table.treeTableWithIcons td.treeTableCellLevel2
{
	padding-left: 16pt;
}

table.treeTable td.treeTableCellLevel3,table.treeTableWithIcons td.treeTableCellLevel3
{
	padding-left: 32pt;
}

table.treeTable td.treeTableCellLevel4,table.treeTableWithIcons td.treeTableCellLevel4
{
	padding-left: 48pt;
}

table.treeTable td.treeTableCellLevel5,table.treeTableWithIcons td.treeTableCellLevel5
{
	padding-left: 64pt;
}

table.treeTable td.treeTableCellLevel6,table.treeTableWithIcons td.treeTableCellLevel6
{
	padding-left: 80pt;
}

table.treeTable td.treeTableCellLevel7,table.treeTableWithIcons td.treeTableCellLevel7
{
	padding-left: 96pt;
}

table.treeTable td.treeTableCellLevel8,table.treeTableWithIcons td.treeTableCellLevel8
{
	padding-left: 112pt;
}

table.treeTable td.treeTableCellLevel9,table.treeTableWithIcons td.treeTableCellLevel9
{
	padding-left: 128pt;
}

table.treeTable td.treeTableCellLevel10,table.treeTableWithIcons td.treeTableCellLevel10
{
	padding-left: 144pt;
}

table.treeTable td.treeTableCellLevel11,table.treeTableWithIcons td.treeTableCellLevel11
{
	padding-left: 160pt;
}

table.treeTable td.treeTableCellLevel12,table.treeTableWithIcons td.treeTableCellLevel12
{
	padding-left: 186pt;
}

table.treeTable td.treeTableCellLevel13,table.treeTableWithIcons td.treeTableCellLevel13
{
	padding-left: 202pt;
}

table.treeTable td.treeTableCellLevel14,table.treeTableWithIcons td.treeTableCellLevel14
{
	padding-left: 218pt;
}

table.treeTable td.treeTableCellLevel15,table.treeTableWithIcons td.treeTableCellLevel15
{
	padding-left: 234pt;
}

table.treeTable tr.treeTableCellLevel2,table.treeTableWithIcons tr.treeTableCellLevel2
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel3,table.treeTableWithIcons tr.treeTableCellLevel3
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel4,table.treeTableWithIcons tr.treeTableCellLevel4
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel5,table.treeTableWithIcons tr.treeTableCellLevel5
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel6,table.treeTableWithIcons tr.treeTableCellLevel6
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel7,table.treeTableWithIcons tr.treeTableCellLevel7
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel8,table.treeTableWithIcons tr.treeTableCellLevel8
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel9,table.treeTableWithIcons tr.treeTableCellLevel9
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel10,table.treeTableWithIcons tr.treeTableCellLevel10
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel11,table.treeTableWithIcons tr.treeTableCellLevel11
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel12,table.treeTableWithIcons tr.treeTableCellLevel12
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel13,table.treeTableWithIcons tr.treeTableCellLevel13
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel14,table.treeTableWithIcons tr.treeTableCellLevel14
{
	background-color:var(--backgroundColor2);
}

table.treeTable tr.treeTableCellLevel15,table.treeTableWithIcons tr.treeTableCellLevel15
{
	background-color:var(--backgroundColor2);
}

table.treeTable td.treeTableCellLevel2,table.treeTableWithIcons td.treeTableCellLevel2
{
	padding-left: 2.5%;
}

table.treeTable td.treeTableCellLevel3,table.treeTableWithIcons td.treeTableCellLevel3
{
	padding-left: 5%;
}

table.treeTable td.treeTableCellLevel4,table.treeTableWithIcons td.treeTableCellLevel4
{
	padding-left: 7.5%;
}

table.treeTable td.treeTableCellLevel5,table.treeTableWithIcons td.treeTableCellLevel5
{
	padding-left: 10%;
}

table.treeTable td.treeTableCellLevel6,table.treeTableWithIcons td.treeTableCellLevel6
{
	padding-left: 12.5%;
}

table.treeTable td.treeTableCellLevel7,table.treeTableWithIcons td.treeTableCellLevel7
{
	padding-left: 15%;
}

table.treeTable td.treeTableCellLevel8,table.treeTableWithIcons td.treeTableCellLevel8
{
	padding-left: 17.5%;
}

table.treeTable td.treeTableCellLevel9,table.treeTableWithIcons td.treeTableCellLevel9
{
	padding-left: 20%;
}

table.treeTable td.treeTableCellLevel10,table.treeTableWithIcons td.treeTableCellLevel10
{
	padding-left: 22.5%;
}

table.treeTable td.treeTableCellLevel11,table.treeTableWithIcons td.treeTableCellLevel11
{
	padding-left: 25%;
}

table.treeTable td.treeTableCellLevel12,table.treeTableWithIcons td.treeTableCellLevel12
{
	padding-left: 27.5%;
}

table.treeTable td.treeTableCellLevel13,table.treeTableWithIcons td.treeTableCellLevel13
{
	padding-left: 30%;
}

table.treeTable td.treeTableCellLevel14,table.treeTableWithIcons td.treeTableCellLevel14
{
	padding-left: 32.5%;
}

table.treeTable td.treeTableCellLevel15,table.treeTableWithIcons td.treeTableCellLevel15
{
	padding-left: 35%;
}

table.treeTable td img.treeNavigation {
	margin: 0;
	margin-right: 9px;
	padding: 0;
	float: left;
}

table.treeTable td input.treeNavigation {
	margin: 0;
	margin-right: 9px;
	padding: 0;
	float: left;
}

table.treeTable .invisible,table.treeTableWithIcons .invisible {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

table.treeTable tr:hover,table.treeTableWithIcons tr:hover,
body .ui-treetable .ui-treetable-data > tr:hover{
	background-color:var(--highlightBackgroundColor) !important;
}

/*Breakpoint small < 768px*/
	@media screen and ( max-width : 768px) {
	table.treeTable tr:hover, table.treeTableWithIcons tr:hover, body .ui-treetable .ui-treetable-data > tr:hover {
	  background-color: transparent !important;
	}
}

.scroller img {
	height:var(--imageSizeStandard);
	width:var(--imageSizeStandard);
}

.scrollerList, .scrollerList ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 1px 0;
	margin: 5px 3px 3px 3px;
	list-style: none;
}

.scrollerList{
	min-width:600px;
}

.scrollerList li{
	flex: 0 1 auto;
	margin: 0;
	margin-bottom: 1px;
  	margin-top: 3px;
}

ul.scrollerList li a,
ul.scrollerList li button.submit_linkLook,
ul.scrollerList li.activePage span.activePageSpan,
ul.scrollerList li span[class^="iconfont-resultset"].disabled
{
	border-radius: 20px;
	padding: 2px 7px;
}

ul.scrollerList li span[class^="iconfont-resultset"]{
	padding: 0px 0px;
}

ul.scrollerList li button.submit_linkLook {
	color: var(--basicFontColor);
}

ul.scrollerList li button.submit_linkLook,
ul.scrollerList li.activePage span.activePageSpan {
	border: var(--highlightBorderTransparent);
}

ul.scrollerList li.activePage a,
ul.scrollerList li.activePage span.activePageSpan{
	font-weight:bold;
	color:var(--contrastFontColor);
	padding:2px 7px;
	background-color:var(--accentFontColor) !important;
	border-radius: 20px;
}

ul.scrollerList li.activePage a:hover{
	color:var(--basicFontColor);
}

ul.scrollerList li.activePage a:focus{
	color:var(--contrastFontColor);
}

ul.scrollerList > li > a[disabled="true"], ul.scrollerList > li > a[disabled="disabled"]{
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

/*Zweck:Gestaltung des Paginators für Mobil und kleine Bildschirmgrößen verbessern und an Angular angleichen #320519*/
ul.scrollerList li ul li a, ul.scrollerList li ul li.activePage a{
	margin: 1px;
	padding: 7px 7px 7px 7px;
	border-radius: 5px;
}

ul.scrollerList li a {
	padding: 6px 10px 6px 10px;
	border-radius: 5px;
}

ul.scrollerList li {
	margin-bottom:10px;
	margin-top: 8px;
}

ul.scrollerList li.activePage a:hover {
	background-color: var(--highlightBackgroundColor) !important;
  	transition: var(--highlightTransition);
}

@media screen and (max-width: 768px){
	ul.scrollerList li ul li a, ul.scrollerList li ul li.activePage a {
		padding: 6px 10px 6px 10px;
	}	
}
/*Ende*/

.iconfont-resultset_first.disabled::before,
.iconfont-resultset_backward.disabled::before,
.iconfont-resultset_previous.disabled::before,
.iconfont-resultset_next.disabled::before,
.iconfont-resultset_forward.disabled::before,
.iconfont-resultset_last.disabled::before{
	color:var(--disabledFontColor);
}


/* Zweck: Vertikalzentrierte Ausrichtung von Text in Tabellenzellen */
.verticalAlignedTableCellText {
	display: table-cell;
	vertical-align: middle !important;
}

/* Zweck: Treeicon in Raumanfragen verwalten zentrieren #190801 */

.roomRequestTreeAlign .verticalAlignedTableCellText {
	vertical-align: top !important;
}

.roomRequestTreeAlign .verticalAlignedTableCellText button.treeTableIcon {
	margin-top:0;
}


/** Auszeichnung der Elemente bei Drag&Drop **/
tr.borderSolid td {
	border-top: 2px solid var(--disabledFontColor);
	border-bottom: 2px solid var(--disabledFontColor);
}

tr.borderSolid td:first-child {
	border-left: 2px solid var(--disabledFontColor);
}

tr.borderSolid td:last-child {
	border-right: 2px solid var(--disabledFontColor);
}

tr.borderSolidRed td {
	border-top: 2px solid var(--warningFontColor);
	border-bottom: 2px solid var(--warningFontColor);
}

tr.borderSolidRed td:first-child {
	border-left: 2px solid var(--warningFontColor);
}

tr.borderSolidRed td:last-child {
	border-right: 2px solid var(--warningFontColor);
}

/* Bilder vor Texten in Tabellenspalten */
.image_table {
	vertical-align: text-bottom;
	margin-bottom: 0;
	padding: 0 2px 0 1px;
	margin: 0;
	border:none;
	background: none;
}

.scrollerRowsFound * {
	vertical-align: baseline;
}

.scrollerRowsFound label {
	width: auto;
	vertical-align: baseline;
	top:0;
}

.scrollerRowsFound .dataScrollerResultText,
.scrollerRowsFound .dataScrollerPageText {
	border-right: 1px solid var(--basicFontColor);
	padding-right: 5px;
	margin-right: 5px;
}

/* Baumkomponente mit Icons und Kanten zwischen den Knoten  */
table.treeTable td.rootCollapsed, /* kein Bild */ table.treeTableWithIcons td.rootCollapsed,
	/* kein Bild */ table.treeTable td.rootExpanded, /* kein Bild */ table.treeTableWithIcons td.rootExpanded,
	/* Linie unten */ table.treeTable td.nodeCollapsed, /* kein Bild */
table.treeTableWithIcons td.nodeCollapsed, /* Linie links */ table.treeTable td.nodeExpanded,
	/* kein Bild */ table.treeTableWithIcons td.nodeExpanded,
	/* Linien links und unten */ table.treeTable td.child, /* kein Bild */
table.treeTableWithIcons td.child,
	/* Linien oben, rechts und unten - T */ table.treeTable td.childLast,
	/* kein Bild */ table.treeTableWithIcons td.childLast,
	/* Linien oben und rechts - L */ table.treeTable td.parent,
	/* kein Bild */ table.treeTableWithIcons td.parent,
	/* vertikale Linie - I */ table.treeTable td.parentLast,
	/* kein Bild */ table.treeTableWithIcons td.parentLast {
	/* kein Bild */
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	width: 1%;
}

/* Pfeil-Grafiken größer im Baum */
table.treeTable td.rootCollapsed img, table.treeTableWithIcons td.rootCollapsed img,
table.treeTable td.rootExpanded img,  table.treeTableWithIcons td.rootExpanded img,
table.treeTable td.nodeCollapsed img, table.treeTableWithIcons td.nodeCollapsed img,
table.treeTable td.nodeExpanded img, table.treeTableWithIcons td.nodeExpanded img{
	height:26px;
	width:26px;
}

table.treeTableWithIcons td.rootExpanded, table.treeTableWithIcons td.parent, table.treeTable th.parent,table.treeTableWithIcons th.parent {
	background-image: url("/HISinOne/images/icons/tree/tree_v.svg");
	background-size:20px;
	background-position: 6px 15px;
}

table.treeTableWithIcons td.parent {
	background-repeat: repeat-y;
}

table.treeTableWithIcons td.nodeExpanded {
	background-image: url("/HISinOne/images/icons/tree/tree_l_180.svg");
	background-position: 6px 0;
	background-size:20px;
}

/* table.treeTableWithIcons td.nodeExpanded .treeTableIcon.submit,
table.treeTableWithIcons td.rootExpanded .treeTableIcon.submit,
table.treeTableWithIcons td.nodeCollapsed .treeTableIcon.submit,
table.treeTableWithIcons td.rootCollapsed .treeTableIcon.submit{
	margin-left:-5px;
} */

table.treeTableWithIcons td.child {
	background-image: url("/HISinOne/images/icons/tree/tree_t_lang.svg");
	background-repeat:no-repeat;
	background-position:-20px 1px;
	background-size:80px;
}

table.treeTableWithIcons td.childLast {
	background-image: url("/HISinOne/images/icons/tree/tree_l_lang.svg");
	background-repeat:no-repeat;
	background-position:6px 0;
	background-size:50px;
}


table.treeTable input.treeTableIcon, table.treeTableWithIcons input.treeTableIcon,
table.treeTable img.treeTableIcon, table.treeTableWithIcons img.treeTableIcon{
	margin: 2px 3px 0 0;
	padding: 0;
	vertical-align: middle;
}

/*Baum mit Sortierfunktion und verborgenem Wurzelast*/
.hideTreeRootBranch table.treeTableWithIcons td.rootExpanded{
	display:none;
}

.hideTreeRootBranch .treeTableCellLevel1 .child{
	display:none;
}

.hideTreeRootBranch .treeTableCellLevel1 .childLast{
	display:none;
}

.hideTreeRootBranch .treeTableCellLevel2  .parent{
	display:none;
}

.hideTreeRootBranch .treeTableCellLevel2  .parentLast{
	display:none;
}

.hideTreeRootBranch table.treeTableWithIcons td.child {
	background-position:-26.0px 0;
}

.hideTreeRootBranch table.treeTableWithIcons td.nodeExpanded {
	background-image: url("/HISinOne/images/icons/tree/tree_v.svg");
	background-repeat:no-repeat;
	background-position:0 10px;
	margin:0;
	padding:0;
	width:1%;
}

/*Ende: Baum mit Sortierfunktion und verborgenem Wurzelast*/

table.tableWithSelect .dateInputCalendar {
	min-width: 9.0em;
	white-space: nowrap;
}

table.tableWithSelect .dateInputCalendar10em {
	width: 10em;
	white-space: nowrap;
}

.singleLine, .singleLineDisplayBlock {
	white-space: nowrap;
	display:inline-block;
}

.emailNotification {
	display: inline-block;
}

.tableOverflowFix {
	table-layout: fixed;
	width: 100%;
	margin-top: -4px;
}

@media screen and (max-width: 1024px){
	.tableOverflowFix .overflowAuto{
		overflow-y: auto;
	}
}

@media screen and (max-width: 768px){
	.tableOverflowFix{
		border-spacing:0;
	}
}

.tableOverflowFix td.descriptionText {
	max-width: 500px;
	width: 30%;
}

/** Styleguide Tabelle Spaltenbreite **/
.cellBorderMarked {
	min-width:40%;
}

/* Hervorgehobene Zeile in Tabellen und Bäumen, z.B. wenn ein Detail aufgeklappt ist*/
tr.rowHighlightedRose, tr.rowHighlightedGreen, tr.rowHighlightedRed, tr.rowHighlightedBlue, tr.rowHighlightedGrey, tr.rowHighlightedBeige, tr.rowHighlightedCrissCross	{
	vertical-align: top;
}

tr.rowHighlightedRose{
	background-color: var(--highlightBackgroundColor) !important;
	border:3px solid var(--backgroundColor7);
}

.rowHighlightedRose input:hover,.rowHighlightedRose input:focus {
	background-color:var(--highlightBackgroundColor);
}

tr.rowHighlightedGreen {
	background-color: var(--backgroundColor17) !important;
	border:2px solid var(--backgroundColor13);
}

tr.rowHighlightedRed{
	background-color: var(--backgroundColor24) !important;
	border:2px solid var(--backgroundColor6);
}

tr.rowHighlightedBlue {
	background-color: var(--backgroundColor23);
	border:2px solid var(--backgroundColor11);
}

tr.rowHighlightedBeige {
	background-color: var(--backgroundColor9)!important;
	border:2px solid var(--backgroundColor51);
}

tr.rowHighlightedGrey {
	background-color: var(--backgroundColor25) !important;
	color:var(--disabledFontColor);
	border:2px solid var(--backgroundColor44);
}

tr.rowHighlightedCrissCross{
	background-image:url("/HISinOne/images/icons/background_crisscross.gif") !important;
	background-color:var(--backgroundColor2) !important;
}

tr.rowHighlightedWhite{
	border: var(--border2);
	background-color:var(--backgroundColor2) !important;
}

/* Hover Effekt */
.listRowEvenHover,
tr.rowHighlightedRose:hover,
tr.rowHighlightedCrissCross:hover,
tr.rowHighlightedGrey:hover,
tr.rowHighlightedBeige:hover,
tr.rowHighlightedBlue:hover,
tr.rowHighlightedRed:hover,
tr.rowHighlightedGreen:hover,
tr.rowHighlightedCrissCross:hover{
	vertical-align: top;
	background-image:none !important;
	background-color:var(--backgroundColor9) !important;
}

/* Formatierung von Überschriften, Text und Unterüberschriften in Bäumen*/

.treeElementDescription {
	color:var(--basicFontColor);
	padding-left: 0;
}

.treeElementText span {
	margin-top: 1px;
	margin-bottom: 0;
	padding: 0;
}

.treeElementText {
	margin-top: 1px;
	margin-bottom: 1px;
	font-style: italic;
}

.treeBlockContent {
	padding-left: 22px;
	display: block !important;
}

.tableFooter {
	border-top: 2px solid var(--backgroundColor22);
	border-bottom: 2px solid var(--backgroundColor22);
	font-weight: bold;
	padding: 3px 5px 4px;
	text-align: left;
	line-height: 1.4em;
	vertical-align: top;
	background-color: var(--backgroundColor3) !important;
}

.tableFooter .textAlignRight {
	text-align: right !important;
}

.tableMultiFooter {
	padding:5px 0;
	min-height:24px;
	border: var(--border2);
}

/* .minWidth70 {
	min-width: 70%;
} */

.minWidth30 {
	min-width: 30%;
}

.width25 {
	width: 25%;
}

.tableSmallHeader {
	color:var(--basicFontColor);
	background-position: left bottom;
	background-repeat: repeat-x;
	border: none !important;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
	margin: 0;
	padding: 2px 4px;
	font-size: var(--fontSize5);
	border: var(--border2);
	background-color: var(--backgroundColor3) !important;
}

.tableSmallHeader th {
	padding: 2px 4px;
}

/* Regeleditor-Tabelle, bzw. Tabelle mit doppeltem Rahmen*/
.doubleBorderTable,.doubleBorderTable tr td {
	background-color:var(--backgroundColor2);
	vertical-align: middle !important;
	text-align: center;
	border-collapse: separate !important;
	padding: 0;
	margin-bottom: 10px;
	border: var(--border2);
}

.doubleBorderTable tr td {
	padding: 2px;
}

.und2 {
	font-weight: bold;
	color:var(--basicFontColor);
	background-color:var(--backgroundColor43) !important;
}

.oder2 {
	font-weight: bold;
	color:var(--basicFontColor);
	background-color: var(--backgroundColor3) !important;
}

.noBorderLeft {
	border-left: none !important;
}

/*Zweck: Hervorhebung der Spalte mit Select-Boxen innerhalb eines Baums */
.tree_select_background_requests {
	background-color:var(--backgroundColor22);
}

.tree_select_background_requestsubjects {
	background-color:var(--backgroundColor22);
}

/*Zweck: Definition eines linksseitigen Rahmens in einer td-zelle in einem Baum */
.leftBorder {
	border-left-color: var(--backgroundColor22);
	border-left-width: 1px;
	border-left-style: solid;
}

/*Pflichtfelder in Tabellen mit Hintergrundfarbe kennzeichnen*/
table .required:focus, table .required:hover, table .required:active{
	background-color:var(--highlightBackgroundColor);
}

table  div.required {
	background-image:none;
}

table  div.required:hover, table  div.required {
	background-image:none;
	background-color:transparent;
}

table input.required   {
	background-repeat:no-repeat;
	background-position:center right;
	background-size:16px 16px;
	padding-right:5px;
}

table.treeTableWithIcons tr.treeTableCellLevel1 td{
	border-top:var(--border2);
}

/*****************************************************************************/
/*             Studienplaner                                                 */
/*****************************************************************************/
.studyPlanerTree .listStyleIconSimple li,
.studyPlanerModuleEnroll .listStyleIconSimple li{
	background-image:none;
}

.studyPlanerTree tr .rowHighlightedRose,
.studyPlanerModuleEnroll tr .rowHighlightedRose{
	background-color:transparent !important;
}

.studyPlanerTree table.treeTable tr.treeTableCellLevel1:hover,
.studyPlanerTree table.treeTableWithIcons tr.treeTableCellLevel1:hover,
.studyPlanerModuleEnroll table.treeTable tr.treeTableCellLevel1:hover,
.studyPlanerModuleEnroll table.treeTableWithIcons tr.treeTableCellLevel1:hover{
	background-color:var(--backgroundColor4);
}

.studyPlanerTree table.treeTable tr.treeTableCellLevel1,
.studyPlanerTree table.treeTableWithIcons tr.treeTableCellLevel1,
.studyPlanerModuleEnroll table.treeTable tr.treeTableCellLevel1,
.studyPlanerModuleEnroll table.treeTableWithIcons tr.treeTableCellLevel1{
	background-color:var(--backgroundColor4);
}

.textStudyplanner {
	background-color:var(--backgroundColor3);
}

.textStudyplanner .submit_highlighted{
	font-weight:bold;
}

@media screen and (max-width: 768px){
	.studyPlanerTree .buttons_horizontal,  .studyPlanerModuleEnroll .buttons_horizontal{
		float:left;
		margin:10px 2px;
	}
	.studyPlanerTree .listStyleIconSimple{
		padding:0;
	}
	.treeFirstLevel{
		margin-left:0;
	}
}

.fieldsetSelectStudyTreeLeft{
	padding-right:20px;
	display:inline-block;
}

.fieldsetSelectStudyTreeRight{
	width:500px;
	display:inline-block;
}

/*Responsivität der Filter im Studienplaner, siehe Fehler im Studienplaner #298313*/
	
@media screen and (max-width: 768px){
	.fieldsetSelectStudyTreeRight{
	width:200px;
}
	
	}

#enrollTree .helpBox[id$=help_infoText_box]{
	margin-top:7px;
}

.th_help {
	background-color:var(--backgroundColor9) !important;
}

.studyPlanerTree .input_14{
	min-width:230px;
}

/* Zweck: Text und Popup-Icon in einer Tabellenzelle ausrichten*/
td span.alignSpan+div.displayInline.popupDismissable {
	vertical-align: middle;
}

/* Zweck: Modulplan */

table.modulePlan{
	border-spacing:4px;
	background-color:var(--backgroundColor2);
	margin-left:-4px;
	margin-top:4px;
}

.checkboxTick{
	background-image: url("/HISinOne/images/icons/checkbox_tick.svg") !important ;
	padding-left: 18px ;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight:bold;
	color:var(--basicFontColor);
	position:relative;
	top:10px;
}

.fieldsetSelectStudyTree .submit_checkbox .submit_checkbox_tick {
	font-weight:bold;
	color:var(--basicFontColor);
	position:relative;
	top:4px;
}

.buttonWidthStudyplan{
	width:135px;
}

/*Modulplan*/
table.modulePlan td, table.modulePlan th{
	border: var(--border2);
	text-align:center;
	padding:0;
}

table.modulePlan td:hover, table.modulePlan td:focus {
	background-color:var(--backgroundColor9) !important;
}

table.modulePlan .listRowEven{
	background-color: transparent;
}

table.modulePlan td .headerModulePlan {
	clear: both;
	padding-right:8px;
}

.headerModulePlan input {
	text-decoration: none;
	background-image: none;
	font-weight:bold;
}

@media screen and (max-width: 1024px){
	.headerModulePlan .submit_image{
		width: auto;
		height: auto;
	}
}

#partsTable td{
	background-color:var(--backgroundColor2);
	padding-right:8px;
	border:var(--border2);
}

.partsTable {
	border-spacing:4px;
	background-color:var(--backgroundColor2);
}

table.modulePlan td .headerModulePlan:hover, table.modulePlan td .headerModulePlan:focus {
	background-color:var(--backgroundColor9) !important;
}

table.modulePlan .listRowEven:hover, table.modulePlan .listRowOdd:hover {
	background-color:var(--backgroundColor2) !important;
}

.creditsHeader{
	font-style:italic;
	font-size:var(--fontSize5);
	font-weight:normal;
}

.textSmallExon{
	font-size:var(--fontSize5);
	line-height:1.2em;
	display:inline;
}

.textSmallExon.exonStatus {
	line-height: inherit;
	white-space:normal;
}

.showPartCredits{
	margin-left:4px;
}

.filterStudyPlan{
	float:right;
}

@media screen and (max-width: 786px){
	.filterStudyPlan{
	float:none;
	}
}

.overflowHidden{
	overflow:hidden;
}

.headerModulePlan input {
	text-decoration: none;
	background-image: none;
	font-weight:bold;
}

.studyPlanerTree .buttons_horizontal{
	float:right;
}

.studyPlanerTree table.treeTableWithIcons{
	border-spacing:0;
}

.fieldsetSelectStudyTree{
	padding:3px 11px;
	background-color: var(--backgroundColor3) !important;
}

.columnTwoThirdLeft.studyPlanerModuleEnroll{
	width:75%;
}

.linkTree > button, .linkTree > button:focus, .linkTree > button:hover,
.linkTree .popupDismissable button.submit_image{
	color:var(--basicFontColor);
	margin: 0;
	border: 0 none;
	background-color: transparent;
	white-space: normal;
	text-align: left;
	text-decoration: underline dotted var(--basicFontColor);
	padding: 3px;
	vertical-align:top;
}

.linkTree > button.submit_pencil{
	background-image: none !important;
}

.linkTree > button.submit_key{
	padding-left: 18px;
}
.linkTree > button:focus, .linkTree > button:hover{
	text-decoration: underline !important;
}

.linkTree .popupDismissable button.submit_image

/*****************************************************************************/
/*             Styles für VVZ - treeTable                                    */
/*****************************************************************************/
table.treeTable th.inTreeLevel1,table.treeTableWithIcons th.inTreeLevel1
{
	background-color:var(--backgroundColor17);
	text-align: left;
	color:var(--basicFontColor);
	border: var(--border2);
}

table.treeTable th.inTreeLevel2,table.treeTableWithIcons th.inTreeLevel2
{
	background-color:var(--backgroundColor17);
	text-align: left;
	color:var(--basicFontColor);
	border: var(--border2);
}

table.treeTable td.inTreeLevel1,table.treeTableWithIcons td.inTreeLevel1,table.treeTable td.inTreeLevel2,table.treeTableWithIcons td.inTreeLevel2
{
	border-top: none;
	border: var(--border2);
}

table.treeTable th.noBorderLevel2,table.treeTableWithIcons th.noBorderLevel2
{
	border-left: none;
	border-right: none;
	border-top: none;
	background-color:var(--backgroundColor2);
	border: var(--border1);
}

table.treeTable td.noBorderLeft,table.treeTableWithIcons td.noBorderLeft
{
	border-left: none;
	background-color:var(--backgroundColor2);
	border: var(--border2);
}

table.treeTable td.noBorderRight,table.treeTableWithIcons td.noBorderRight
{
	border-right: none;
	border-bottom: var(--border2);
	background-color:var(--backgroundColor2);
}

table.treeTable th.noBorderLevel1,table.treeTableWithIcons th.noBorderLevel1
{
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: var(--border2);
	background-color:var(--backgroundColor4);
}

@media screen and (max-width: 1024px){
	.treeTable,
	.treeTableWithIcons{
		font-size:110%;
	}
	button.treeTableIcon{
		margin: 2px 3px 0 1px;
	}
	img.treeTableIcon{
		margin: 2px 3px 0 6px;
	}
}

@media screen and (max-width: 786px){
	.treeTable,
	.treeTableWithIcons{
		font-size:110%;
	}
	button.treeTableIcon{
		margin: 0 3px 0 1px;
	}
	img.treeTableIcon{
		margin: 2px 3px 0 6px;
	}
	/*****************************************************************************/
	/*               Leistungen / Baumkomponente                                 */
	/*****************************************************************************/
	.mobileTreeList table.treeTableWithIcons input.treeTableIcon,
	.mobileTreeList table.treeTableWithIcons img.treeTableIcon{
		display:none;
	}
	.mobileTreeList table.treeTableWithIcons td.rootExpanded,
	.mobileTreeList table.treeTableWithIcons td.parent,
	.mobileTreeList table.treeTable th.parent,
	.mobileTreeList table.treeTableWithIcons th.parent,
	.mobileTreeList table.treeTableWithIcons td.childLast,
	.mobileTreeList table.treeTableWithIcons td.nodeExpanded,
	.mobileTreeList table.treeTableWithIcons td.child,
	.mobileTreeList table.treeTableWithIcons td.nodeCollapsed,
	.mobileTreeList table.treeTable td.rootCollapsed,
	.mobileTreeList table.treeTableWithIcons td.rootCollapsed,
	.mobileTreeList table.treeTable td.rootExpanded,
	.mobileTreeList table.treeTableWithIcons td.rootExpanded,
	.mobileTreeList table.treeTable td.nodeCollapsed,
	.mobileTreeList table.treeTableWithIcons td.nodeCollapsed,
	.mobileTreeList table.treeTable td.nodeExpanded,
	.mobileTreeList table.treeTableWithIcons td.nodeExpanded,
	.mobileTreeList table.treeTable td.child,
	.mobileTreeList table.treeTableWithIcons td.child,
	.mobileTreeList table.treeTable td.childLast,
	.mobileTreeList table.treeTableWithIcons td.childLast,
	.mobileTreeList table.treeTable td.parent,
	.mobileTreeList table.treeTableWithIcons td.parent,
	.mobileTreeList table.treeTable td.parentLast,
	.mobileTreeList table.treeTableWithIcons td.parentLast  {
		display:none;
	}
	/*Tabellenicons*/
	table.treeTable input.treeTableIcon,
	table.treeTableWithIcons input.treeTableIcon,
	table.treeTable img.treeTableIcon,
	table.treeTableWithIcons img.treeTableIcon{
		height:22px;
		width:22px;
	}
}

.titleInTree {
	width: 100%;
	color:var(--basicFontColor);
	background-color:var(--backgroundColor17);
	margin: 0;
	padding: 3px 1px 4px 5px;
	margin-left: -3px;
	margin-top: -3px;
	border-bottom: var(--border2);
	font-weight: bold;
}

.element_marked_invisible {
	background-color:var(--backgroundColor2);
	padding: 5px 5px 1px 2px;
	vertical-align: middle;
	margin-right: 3px;
	color:var(--basicFontColor);
	border: var(--border2);
}

.tableFilterEdit{
	float: right;
	padding-top: 0.1em;
}

.tableFilterApply {
	float:left;
}

/* Container mit overflowAuto für Tabellen */
.overflowAuto {
	margin: 0 -1px 0 -2px;
	padding: 0;
	overflow: auto;
	float: left;
	width: 100.3%;
}

/* für sehr breite Tabellen wird overflow:auto deaktiviert*/
.overflowVisible {
	margin: 0 -1px 0 -2px;
}


.overflowVisible .tableWithBorder, .overflowVisible .tableWithSelect, .overflowVisible .table {
	padding-right: 1px;
}

/* für sehr breite Bäume wird overflow:auto deaktiviert*/
.treeOverflowVisible .overflowAuto {
	overflow:visible;
}

.overflowAutoNoFloat {
	margin: 0;
	overflow: auto;
	float: none;
	width: 100%;
	padding: 2px;
}

/* Ort der Verwendung: Massenzuordnung Veranstaltungen pro Semester
Verwendungszweck: Spalten Baum Grund für Neuanlage: Überschreiben des Standard CSS*/
.withoutTopBorder {
	border-top: none !important;
}

/*Zweck:Portlet Meine Bewerbung Tabellenspalte*/
.applicationPortletColumn{
	width:50%;
}

/*baseline*/
.verticalAlignBaseline{
	vertical-align: baseline;
}

@media screen and (min-width: 1024px){
	.applicationPortletColumn{
		width:100%;}
}

/*****************************************************************************/
/*               Responsive table functionalities                            */
/*****************************************************************************/
@media screen and (max-width: 1024px){
	.table_caption {
		margin-top: 18px;
	}
	.scrollerRowsFound.floatRight{
		width:100%;
	}
}

/** Following is used for the hisResponsiveTables.js plugin **/

table.table td span[data-type="responsive"]{
	display:none;
}

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

	/*#253513 #3*/
	.dataTableTableGroup .tableOverflowFix .overflowAuto .tableWithSelect {
		position:static;
	}
	table.table{
		position:relative;	/*required to force absolute positioning of td:before within this container */
	}
	table.table thead, table.table th{
		display:none;
	}
	table.table td{
		display:inline-table;
	}
	table.table tbody, table.table tbody tr{
		width:100%;
	}
	table.table td{
		width:100% !important;
		padding:3px;
		border-bottom:var(--border1);
	}
	table.table td:last-child{
		border-bottom: 4px solid var(--backgroundColor44);
    	padding-bottom: 5px;;
	}
	table.table td:first-child{
		padding-top: 25px;
	}
	table.table tr:first-child td:first-child{
		padding-top: 20px;
		border-top: 4px solid var(--backgroundColor44);
	}	
	table.table td.chooseCheckboxCell{
		background-color:var(--backgroundColor2);
		padding-top:5px;
	}
	table.table tr:first-child td.chooseCheckboxCell:first-child{
		padding-top:5px;
	}
	
	table.table td.chooseCheckboxCell .iconfont-checkbox.chooseAllCheckbox,
	table.table .chooseCheckboxCell .checkboxNoLabelWrapperWithTitle label::after{
		font-weight:bold;
	}

	.tableWithBorder, .tableWithSelect, .table{
		border-spacing:0;
	}

	table.table td:first-child .submit_highlighted_text_iconfont span{
		color:var(--contrastFontColor);
	}
	table.table td:first-child span{
		color:var(--basicFontColor);
	}
	

	table.table td.recentlyCol:last-child {
		padding-bottom:2px;
		border-bottom: var(--border1);
	}
	table.table .checkboxNoLabelWrapperWithTitle label.checkbox-checked::after,
	table.table .checkboxNoLabelWrapperWithTitle label.checkbox-unchecked::after{
		right:4px;
		font-weight:normal;
	}
	

	/* zuletzt gesichtete Bewerbungen */
	table.table td.recentlyCol {
		width: auto !important;
	}
	table.table td.recentlyCol:first-child{
		padding-top:2px !important;
		border-top: none !important;
	}

	/* Alignment der Bezeichner in Veranstaltung bearbeiten */
	table.table td.singleLine.textAlignCenter.width1 {
		text-align: left;
	}
	table.table td span[data-type="responsive"]{
		left:6px;
		display:inline-block;
		width:35%;
		vertical-align:top;
		font-weight: bold;
	}
	table.layoutTable.table td span[data-type="responsive"]{
		width:0%;
	}
	table.table td > div{
		display:inline-block;
	}
	table.table td > div.singleLine{
		vertical-align: inherit;
	}
	table.table td > input{
		max-width:45% !important;
	}
	table.table td > ul{
		display:inline-block;
	}
	table.table td > .iconList li{
		padding-left:0;
	}
	table.table[data-responsive="true"] td.textAlignCenter,
	table.table[data-responsive="true"] td.textAlignRight{
		text-align:left;
	}
	table.table td.floatRight, table.table td.floatLeft{
		float:none !important;
	}
	table.table.belegungen .terminCol {
		width: 100% !important;
	}
	table.table.belegungen .statusCol, table.table.belegungen .aktionenCol {
		opacity:0;
	}
	table.table td span[data-type="responsive"] a,
	table.table td span[data-type="responsive"] .linkTable{
		padding-left:0;
		border:none;
	}
	table.table td .linkTable{
		padding-left:0;
		padding-top:0;
	}
	.tableWithBorder, .tableWithSelect, .table{
		background-color:transparent;
	}
	
	.iconfont-menu{
		display:none;
	}

	.modulePlan .table span[data-type="responsive"] {
		display:block;
		width:99%;
	}
	.modulePlan .table td span[data-type="responsive"] .tableHeaderGrey {
		text-align:center;
	}
	.modulePlan .table[data-responsive="true"] .buttons_horizontal,
	.modulePlan .table[data-responsive="true"] .buttons_horizontal li {
		float:none;
	}
}


@media screen and (max-width:640px){
	table.table td span[data-type="responsive"]{
		display:block;
		padding-left:0;
		width:99%;
		margin-bottom:0;
	}
	table.table td span[data-type="responsive"] span{
		vertical-align:bottom;
	}
	table.table td > input{
		max-width:100% !important;
	}
	table.table td{
		padding:1px 1px 5px 1px;
	}

	td.smallestPossible > .checkboxNoLabelWrapperWithTitle {
		margin-left: 5px;
	}
	.applicationPortletColumn{
		width:100%;
	}
	.dialogHeaderContainer span.singleLine {
		white-space: normal;
	}
	.dataScrollInfoWrapper {
		display: table;
		margin-left:3px;
	}
	.dataScrollInfoWrapper .scrollerRowsFound {
		float:none;
	}
	.dataScrollInfoWrapper .scroller {
		float:none;
		display: table-header-group;
		margin-bottom: 10px;
		font-size: var(--fontSize1);
	}
	table.scroller .activePage{
		background-color:var(--backgroundColor2);
	}
	.scrollerRowsFound .dataScrollerResultLabel {
		display:none;
	}
	.scrollerRowsFound > span {
		display: block;
		margin-top:5px;
	}
	.scrollerRowsFound .dataScrollerResultText,
	.scrollerRowsFound .dataScrollerPageText {
		border-right:none;
	}
	.scrollerList {
		min-width: auto;
		margin-left: -6px;
	}
	table.table{
		margin-bottom:10px;
	}
	td .textAlignCenter{
		text-align:left;
	}
	.datascroller{
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		margin:5px 5px 13px 5px;
	}
	.textAlignRight{
		text-align:left;
	}
	.table span[data-type=responsive] a{
		text-decoration:none !important;
	}
	table.table td span[data-type="responsive"] > span.iconfont_2022_03-button_action{
		display: none;
	}
	table.table td span[data-type="responsive"] > button.submit_linkLookBoldSortUp, table.table td span[data-type="responsive"] > button.submit_linkLookBoldSortDown {
		margin-right: 100%;
	}
}
/* 	NEW */
/* @media screen and (max-width:768px){

	table.table tr:first-child td.chooseCheckboxCell:first-child {
  padding-top: 5px;
  width: 250px !important;
  border-radius: 25px;
}

table.table tr:first-child td:first-child {
  padding-top: 0;
  border-top: none;
}
table.table .checkboxNoLabelWrapperWithTitle label.checkbox-checked::after, table.table .checkboxNoLabelWrapperWithTitle label.checkbox-unchecked::after {
  right: 4px;
  top: 3px;
  font-weight: normal;
  margin-top: 14px;
}
div.checkboxNoLabelWrapperWithTitle label {
  display: inline;
  margin: 0px;
    margin-right: 0px;
  padding: 0px;
  vertical-align: inherit !important;
  font-weight: normal;
}
label.checkbox-checked::after, label.checkbox-unchecked::after {
  position: relative;
  top: 0px;
  display: inline-block;
  right: -20px;
  font-family: "HISinOneIcons" !important;
  font-size: 18px;
  -webkit-transition: border-color .2s ease-in, background-color .2s ease-in;
  -moz-transition: border-color .2s ease-in, background-color .2s ease-in;
  -o-transition: border-color .2s ease-in, background-color .2s ease-in;
  -ms-transition: border-color .2s ease-in, background-color .2s ease-in;
  transition: border-color .2s ease-in, background-color .2s ease-in;
  font-weight: normal;
  background-color:var(--backgroundColor2);
}
}
@media screen and (max-width:640px){
table.table td span[data-type="responsive"] {
  display: inline;
  padding-left: 0;
  width: 99%;
  margin-bottom: 5px;
}
} */
/* 	NEW */




td.colNoWrap {
	white-space:nowrap;
}

td.smallestPossible, th.smallestPossible {
	width: 72px;
}

#genSearchRes td.smallestPossible, 
#genSearchRes th.smallestPossible,
div[id$="genericSearchResult"] td.smallestPossible {
	width: 20px;
}

td.alignRole {
	line-height: 2em;
}

td.alignRole em, td.alignRole span.alignSpan, span.alignSpan{
	vertical-align: middle;
}	

/** extra small **/
@media screen and (max-width:768px){
	table.table td.col-s, table.table th.col-s,
	table.table td.col-m, table.table th.col-m,
	table.table td.col-l, table.table th.col-l,
	table.table td.col-xl, table.table th.col-xl{
		display:none;
	}
}

/**small**/
@media screen and (min-width:768px) and (max-width:1000px)  {
	table.table td.col-m, table.table th.col-m,
	table.table td.col-l, table.table th.col-l,
	table.table td.col-xl, table.table th.col-xl{
		display:none;
	}
}

/**medium**/
@media screen and (min-width:1001px) and (max-width:1199px)  {
	table.table td.col-l, table.table th.col-l,
	table.table td.col-xl, table.table th.col-xl{
		display:none;
	}
}

/**large**/
@media screen and (min-width:1200px) and (max-width:1920px)  {
	table.table td.col-xl, table.table th.col-xl{
		display:none;
	}
}

/*Layouttabelle*/
.layoutTable thead{
	display:none;
}

table.tableWithBorder.iconsTable {
	background-color:var(--backgroundColor2) !important;
}

/** Pointer auf Tabellenauswahl checkbox, Untersuchmaske generische Suche. */
th.tableHeader > span.iconfont-checkbox,
th.tableHeader > span.iconfont-checkbox_tick {
	cursor: pointer;
}

/*Ausblenden Mehrfachauswahlcheckbox in Responsive und Einblenden des Labels "Auswahl" für die einfache Checkbox*/
@media screen and (max-width : 768px)  {
	.table span.chooseAllCheckbox::before{
		content:none;
	}
	.table span.chooseAllCheckbox{
		font-family: var(--font) !important;
		color: var(--basicFontColor);
		/* 	font-weight:bold; */
		font-size:100%;
		line-height:1.2em;
	}
}

@media screen and (min-width : 768px)  {
	.table .tableHeader span.chooseAllCheckbox{
		color:transparent;
		width:20px;
		display:block;
	}
}

.table_caption {
	margin: 12px 1.5px 0 0;
	padding: 0.3em 0.6em 0.3em 0.2em;
	white-space: normal;
	font-size: var(--fontSize3);
}


.alu-page-alumni-acquisition .table_caption,
.alu-page-alumni-acquisition th.tableHeader > span.iconfont-checkbox,
.alu-page-alumni-acquisition th.tableHeader > span.iconfont-checkbox_tick {
	display: none;
}

/* Einfache Tabelle Bafög Online Immatrikulation */
.simpleTable{
	background-color:var(--backgroundColor23);
	text-align: left;
}

.simpleTable tr{
	background-color:var(--backgroundColor2);
}

.simpleTable td, .simpleTable th{
	padding:4px;
}

/* Jruby Ergebnistabelle mit integrierter Liste */
.tableWithBorder td ol.jrubyResultTableOl{
	list-style-type:square;
}

.tableWithBorder td ol.jrubyResultTableOl li{
	max-width: max-content;
	overflow-wrap: break-word;
}

/*****************************************************************************/
/*               PrimeFaces Tabelle                                          */
/*****************************************************************************/

.ui-datatable-tablewrapper table tr:nth-child(1n) {
  background-color: var(--backgroundColor2);
}

.ui-datatable-tablewrapper {
  overflow: auto;
}

.ui-datatable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

body .ui-datatable thead th {
  background:var(--backgroundColor2);
  color: var(--basicFontColor);
  padding: 1rem 1rem;
  border: var(--border2);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-width: 0 0 1px 0;
  text-align: left;
  box-sizing: content-box;
  transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {  
  overflow: hidden;  
}

body .ui-datatable .ui-datatable-data > tr {
  background: var(--backgroundColor2);
  color:var(--basicFontColor);
  transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}

body .ui-datatable .ui-datatable-data > tr > td {
  padding: 1rem 1rem;
  overflow:hidden;
}

.ui-datatable tbody.ui-datatable-data {
  outline: 0;
}

.ui-datatable-tablewrapper table tr:nth-child(2n) {
  background-color: var(--backgroundColor4);
}


/* Reflow DataTable: Responsive Ansicht */
.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title,
.ui-datatable-reflow .ui-expanded-row-content td .ui-column-title {
    display: none;
}

.ui-datatable-reflow .ui-reflow-label,
.ui-datatable-reflow .ui-reflow-dropdown {
    margin-bottom: 10px;
    display: none;
}

@media ( max-width: 640px ) {
    .ui-datatable-reflow thead th,
    .ui-datatable-reflow tfoot td {
        display: none;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) { 
        text-align: left;
        display: block;
        border: 0px none;
        width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		clear: left;
    }
    
    .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
        border: 0px none;
    }
    
    .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
        border-left: 0px none;
        border-right: 0px none;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title { 
        padding: .4em; 
        min-width: 30%; 
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
    }
    
    .ui-datatable-reflow .ui-reflow-label,
    .ui-datatable-reflow .ui-reflow-dropdown {
        display: inline-block;
    }
    
    .ui-datatable-reflow .ui-reflow-dropdown {
        margin-left: 5px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    
    .ui-datatable-reflow tr.ui-datatable-empty-message > td {
        display: block;
        border: 0 none;
    }
}

/*****************************************************************************/
/*               PrimeFaces Treetable                                        */
/*****************************************************************************/

.ui-treetable table {
  border-collapse: collapse;
  width: 100%;
}

.ui-treetable table {
    table-layout: inherit !important;
}

body .ui-treetable thead th {
  background: var(--backgroundColor2);
  color:var(--basicFontColor);
  padding: 1rem 1rem;
  border: var(--border2);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-width: 0 0 1px 0;
  text-align: left;
  box-sizing: content-box;
  transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}

.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
  padding: 4px 10px;
  border-width: 1px;
  border-style: solid;
}

body .ui-treetable thead th .ui-column-title {
  font-weight: 700;
  vertical-align: middle;
}

body .ui-treetable .ui-treetable-data > tr {
  background:var(--backgroundColor2);
  color: var(--basicFontColor);
  transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}

body .ui-treetable > table > thead > tr > th {
	white-space: nowrap;
}

body .ui-treetable .ui-treetable-data > tr > td {
  padding: 1rem 1rem;
  border: var(--border2);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-width: 0 0 1px 0;
}

.compactTreeTable.ui-treetable > table > thead > tr > th {
	padding: 5px;
}

.compactTreeTable.ui-treetable .ui-treetable-data > tr > td{
	padding-bottom: 5px;
	padding-top: 5px;
}


.compactTreeTable.ui-treetable .ui-treetable-data > tr > td {
	padding-left: 2px;
	padding-right: 0px;
}

#examsByStudent\:degreeProgramProgressForReportAsTree\:degreeProgramProgressForReportAsTree_innerFieldset,
#examsByStudent\:examsOverview\:examsOverview_innerFieldset {
	min-width: 100%;
	max-width: 0;	
}

body #examsByStudent\:degreeProgramProgressForReportAsTree\:studyHistoryTree.ui-treetable th,
body #examsByStudent\:examsOverview\:kombiTree\:examOverviewForPersonKombiTree_new th {
	background: var(--backgroundColor1);
	color: var(--contrastFontColor);
}

body #examsByStudent\:degreeProgramProgressForReportAsTree\:studyHistoryTree.ui-treetable th > abbr,
body #examsByStudent\:examsOverview\:kombiTree\:examOverviewForPersonKombiTree_new th > abbr {
	text-decoration-color: var(--contrastFontColor);
}

.ui-treetable .tileLayout .ui-treetable-data > tr > td{
	padding:0;
}

.ui-treetable .ui-treetable-indent {
  width: 16px;
  height: 16px;
  float: left;
}

 body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td,  body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td{
	border: var(--border1);
}

 body .ui-treetable.ui-treetable-gridlines thead th,  body .ui-datatable.ui-datatable-gridlines thead th{
	border-width: 1px;
}


/* Kacheldesign*/
.responsiveTreeTileWrapper{
	display:inline-block;
}

.responsiveTreeTile{
	width:96%;
	display: grid;
    grid-template-columns: 1fr 1fr;
}

.tileLayout .tableGridContainer{
	padding:20px;
}

.treeTitle{
	display:inline-block;
	margin-left:2em;
}

.treeTogglerTitlePF{
	display: flex;
	justify-content: flex-start;
	overflow:hidden;
}

.tableGridContainer{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;	
}

.borderTileGreen {  
  border-right: 15px solid var(--backgroundColor22);
}

.borderTileGreenBlue {
  position: relative;
  border-right: 15px solid var(--backgroundColor22);
}

.borderTileGreenBlue:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 15px solid var(--backgroundColor23);
}

.borderTileGreenYellow {
  position: relative;
  border-right: 15px solid var(--backgroundColor22);
}

.borderTileGreenYellow:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 15px solid var(--backgroundColor9);
}

.tileLayout ul{
	padding:0;
	margin:0;
	list-style-type: "";
}

.tileLayout.tileList{
	margin-top:10px;
} 

.tileLayout.tileList .tableGridContainer{
	border-radius:20px; 
	margin-bottom:10px;	
	margin-bottom:10px;
}


@media screen and (max-width : 768px)  {
	.tableGridContainer{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	body .ui-treetable .ui-treetable-data > tr{
		border:15px solid var(--backgroundColor2);
		height: auto;
	}
}

@media screen and (max-width : 768px)  {
	
	.tileLayout .tableGridContainer{
		border-radius:20px;
		margin-bottom:10px;	
		margin-bottom:10px;
	}
	
	.noModule, .togglerContainer{
		display:none;
	}
	
	.tableGridContainer:after{
		content: "\e902" / "";
		font-family: "HISinOneIcons" !important;
		color: var(--disabledFontColor);
		font-size: 140%;
		position: absolute;
		top: 54px;
		right: 10px;
	}
}

@media screen and (max-width : 420px)  {
	.tableGridContainer{
	display: grid;
	grid-template-columns: 1fr;	
}

}
/* ENDE Kacheldesign */

/*Column Toggler with Text, verhindert Umbruch des Textes unter den Toggler*/
.tree-toggler-grid-container-pf {
  display: flex;
}

/* Icons Treetable PF*/

/*Auf- und zuklappen bei PF Treetable-Komponente*/
.ui-treetable button.ui-icon.ui-icon-triangle-1-s, .ui-treetable button.ui-icon.ui-icon-triangle-1-e {	
  display:inline;
  margin-right: 10px; 
  background-color: inherit;
}

.ui-treetable button.ui-icon.ui-icon-triangle-1-e::after {
  content: "\e902" / "";
  font-family: "HISinOneIcons" !important;
  color: var(--accentFontColor);
  font-size: 140%;
}


.ui-treetable button.ui-icon.ui-icon-triangle-1-s::after {
  content: "\e900" / "";
  font-family: "HISinOneIcons" !important;
  color: var(--accentFontColor);
  font-size: 140%; 
}

.ui-icon-carat-2-n-s, .ui-icon-triangle-1-n, .ui-icon-triangle-1-s {
	display: inline;
}

.ui-icon-carat-2-n-s::before {
	font-family: "HISinOneIcons" !important;
	font-size: 120%;
    font-weight: normal;
    color:var(--backgroundColor44);
	content:"\ea01" / "";
}

.ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n::before {
	font-family: "HISinOneIcons" !important;
	font-size: 120%;
    font-weight: normal;
    color:var(--backgroundColor44);
	content: "\ea02" / "";
}

.ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s::before {
	font-family: "HISinOneIcons" !important;
	font-size: 120%;
    font-weight: normal;
    color: var(--backgroundColor44);
	content: "\e9f1" / "";
}

.ui-treetable-indent {
    display:none;
}
    
.ui-treetable-data td {
	position:relative;
}

.ui-treetable-toggler {
	position: absolute;
    left: 0;
    top: 1em;
    text-indent: 0;
    margin: 0;
    cursor:pointer;
    padding: 0;
    background-color: transparent !important;
    border: none;
}

.ui-node-level-last { 
	position:absolute;
	top:50%;
	margin-top:-9px;
	pointer-events: none;
}

/* .ui-node-level-last[class^="iconfont-"]:before {
	font-size:100%;
} */

.ui-treetable-data > .ui-node-level-1 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-1 td.beforeToggler + td {
    padding-left: 40px;
}

.ui-treetable-data > .ui-node-level-1 .ui-treetable-toggler {
    left: 15px;
}

.ui-treetable-data > .ui-node-level-2 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-2 td.beforeToggler + td {
    padding-left: 55px;
}

.ui-treetable-data > .ui-node-level-2 .ui-treetable-toggler {
    left: 30px;
}

.ui-treetable-data > .ui-node-level-3 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-3 td.beforeToggler + td {
    padding-left: 70px;
}

.ui-treetable-data > .ui-node-level-3 .ui-treetable-toggler {
    left: 45px;
}

.ui-treetable-data > .ui-node-level-4 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-4 td.beforeToggler + td {
    padding-left: 85px;
}

.ui-treetable-data > .ui-node-level-4 .ui-treetable-toggler {
    left: 60px;
}

.ui-treetable-data > .ui-node-level-5 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-5 td.beforeToggler + td  {
    padding-left: 100px;
}

.ui-treetable-data > .ui-node-level-5 .ui-treetable-toggler {
    left: 75px;
}

.ui-treetable-data > .ui-node-level-6 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-6 td.beforeToggler + td  {
    padding-left: 115px;
}

.ui-treetable-data > .ui-node-level-6 .ui-treetable-toggler {
    left: 90px;
}

.ui-treetable-data > .ui-node-level-7 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-7 td.beforeToggler + td  {
    padding-left: 130px;
}

.ui-treetable-data > .ui-node-level-7 .ui-treetable-toggler {
    left: 105px;
}

.ui-treetable-data > .ui-node-level-8 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-8 td.beforeToggler + td {
    padding-left: 145px;
}

.ui-treetable-data > .ui-node-level-8 .ui-treetable-toggler {
    left: 120px;
}

.ui-treetable-data > .ui-node-level-9 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-9 td.beforeToggler + td {
    padding-left: 160px;
}

.ui-treetable-data > .ui-node-level-9 .ui-treetable-toggler {
    left: 135px;
}

.ui-treetable-data > .ui-node-level-10 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-10 td.beforeToggler + td {
    padding-left: 175px;
}

.ui-treetable-data > .ui-node-level-10 .ui-treetable-toggler {
    left: 150px;
}

.ui-treetable-data > .ui-node-level-11 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-11 td.beforeToggler + td {
    padding-left: 190px;
}

.ui-treetable-data > .ui-node-level-11 .ui-treetable-toggler {
    left: 165px;
}

.ui-treetable-data > .ui-node-level-12 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-12 td.beforeToggler + td {
    padding-left: 205px;
}

.ui-treetable-data > .ui-node-level-12 .ui-treetable-toggler {
    left: 180px;
}

.ui-treetable-data > .ui-node-level-13 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-13 td.beforeToggler + td  {
    padding-left: 220px;
}

.ui-treetable-data > .ui-node-level-13 .ui-treetable-toggler {
    left: 195px;
}

.ui-treetable-data > .ui-node-level-14 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-14 td.beforeToggler + td  {
    padding-left: 235px;
}

.ui-treetable-data > .ui-node-level-14 .ui-treetable-toggler {
    left: 210px;
}

.ui-treetable-data > .ui-node-level-15 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-15 td.beforeToggler + td  {
    padding-left: 250px;
}

.ui-treetable-data > .ui-node-level-15 .ui-treetable-toggler {
    left: 225px;
}

.ui-treetable-data > .ui-node-level-16 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-16 td.beforeToggler + td  {
    padding-left: 265px;
}

.ui-treetable-data > .ui-node-level-16 .ui-treetable-toggler {
    left: 240px;
}

.ui-treetable-data > .ui-node-level-17 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-17 td.beforeToggler + td  {
    padding-left: 280px;
}

.ui-treetable-data > .ui-node-level-17 .ui-treetable-toggler {
    left: 255px;
}

.ui-treetable-data > .ui-node-level-18 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-18 td.beforeToggler + td  {
    padding-left: 295px;
}

.ui-treetable-data > .ui-node-level-18 .ui-treetable-toggler {
    left: 270px;
}

.ui-treetable-data > .ui-node-level-19 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-19 td.beforeToggler + td  {
    padding-left: 310px;
}

.ui-treetable-data > .ui-node-level-19 .ui-treetable-toggler {
    left: 285px;
}

.ui-treetable-data > .ui-node-level-20 td:not(.beforeToggler):first-child,
.ui-treetable-data > .ui-node-level-20 td.beforeToggler + td  {
    padding-left: 325px;
}

.ui-treetable-data > .ui-node-level-20 .ui-treetable-toggler {
    left: 300px;
}

.ui-treetable-data tr > td > span.iconfont-bullet_mono.ui-node-level-last.ui-treetable-toggler {
	top: auto;
    margin-top: 0;
}

.compactTreeTable.ui-treetable .ui-treetable-toggler {
	top: 0px !important;
}

.ui-treetable > .treetableBreadcrumb-element {
	display:none;
}

.treetableBreadcrumb-node {
	float:left;
	position:relative;
	margin: 2px 10px 2px 3px;
}

.treetableBreadcrumb-break {
	clear:left;
}

.treetableBreadcrumb-node button {
	margin:0;
	padding:0;	
	background:none;
	border:none;
}

.treetableBreadcrumb-node:not([data-prk="root"]) {
	padding-left: 26px;
}

.treetableBreadcrumb-node:not([data-prk="root"]):before {
	content: "\e902" / "";
	font-family: "HISinOneIcons" !important;
  	color: var(--accentFontColor);
	position: absolute;
    left: 3px;
    top: 0.2em;
}

.treetableBreadcrumb-break:first-child { 
	display:none;
}

.treetableBreadcrumb, .breadcrumb-container {
	display:none;
}

.responsiveTreeTableHeader {
	display: none;
}

@media screen and (max-width: 768px) {
    
    .treeTableActions {  
        display:none;
    }
    
	.ui-treetable-data td {
		position:static;
	}
	.ui-treetable-data > tr {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    border-color:transparent;
	    border-radius: 10px;
	    margin-bottom: 1em;
	    position:relative;
	}
	
	body .ui-treetable .ui-treetable-data > tr {
		border: 2px solid var(--backgroundColor26);
		border-radius: 7px; 
		padding-right: 55px;
/*		box-shadow: 0 2px 2px 0 rgba(66, 66, 66, 0.08), 0 2px 4px 2px rgba(66, 66, 66, 0.16);*/
	}
	
	body .ui-treetable .ui-treetable-data > tr > td {
	    display: block;
	    border:none;
	    padding:0.6em;
	    min-height: 120px;
	}
	.ui-treetable-data > .ui-widget-content td:not(.beforeToggler):first-child,
	.ui-treetable-data > .ui-widget-content td.beforeToggler + td {
		padding-left:0.1em;
    	grid-column: 1/3;
	}
	
	.ui-breadcrumb {
		display:block;
	}

	.ui-treetable-data {
		border:none;
	}
	
	.ui-treetable thead {
		display:none;
	}
	
	.ui-treetable-data > .ui-widget-content .ui-treetable-toggler {
    	left: auto;
    	right: 0;
    	top: 50%;
        transform: translate(0%, -50%);
    }

	.ui-treetable-data > tr.js-hidden {
		display:none;
	}

	.ui-treetable table[data-expandedlevel="2"] tr.ui-widget-content[data-isParentExpanded="true"].ui-node-level-2,
	.ui-treetable table[data-expandedlevel="3"] tr.ui-widget-content[data-isParentExpanded="true"].ui-node-level-3,
	.ui-treetable table[data-expandedlevel="4"] tr.ui-widget-content[data-isParentExpanded="true"].ui-node-level-4,
	.ui-treetable table[data-expandedlevel="5"] tr.ui-widget-content[data-isParentExpanded="true"].ui-node-level-5,
	.ui-treetable table[data-expandedlevel="6"] tr.ui-widget-content[data-isParentExpanded="true"].ui-node-level-6,
	.ui-treetable table[data-expandedlevel="7"] tr.ui-widget-content[data-isParentExpanded="true"].ui-node-level-7,
	.ui-treetable table[data-expandedlevel="8"] tr.ui-widget-content[data-isParentExpanded="true"].ui-node-level-8,
	.ui-treetable table[data-expandedlevel="9"] tr.ui-widget-content[data-isParentExpanded="true"].ui-node-level-9,

	.ui-treetable table[data-istreeexpanded="true"] tr.ui-widget-content[data-isParentExpanded="true"][aria-expanded="true"],
	.ui-treetable table[data-istreeexpanded="true"] tr.ui-widget-content[aria-expanded="true"],
	.ui-treetable table[data-istreeexpanded="true"] tr.ui-widget-content {
		display:none;
	}
	
	.ui-treetable table[data-istreeexpanded="true"] tr.ui-widget-content[data-isParentExpanded="true"] {
		display:grid;
	}
    
    .treetableBreadcrumb-title {
        display:inline-block;
        margin:0.85em 5px 0.75em 0;
        padding:0;
        font-size: var(--fontSize5);
    }
	.treetableBreadcrumb {
		display:inline-block;
		margin:6px 0;
		padding:0;
		list-style-type:none;
		font-size: var(--fontSize4);
		text-decoration: underline dotted var(--basicFontColor);
	}
	
	.treetableBreadcrumb button{
		font-size: var(--fontSize4);
		color: var(--accentFontColor);
		font-weight:bold;
	}		
	.treetableBreadcrumb:after {
		content:"";
		display:block;
		clear:left;	
	}
	/*Unterste Ebene im Kacheldesign ohne Bullet*/
	.iconfont-bullet_mono.ui-node-level-last.ui-treetable-toggler::before {
  		content: "";
	}	
	/*Platz für Pfeil-Toggler in Kachelansicht*/
  	.ui-treetable table[data-istreeexpanded="true"] tr.ui-widget-content {  
	  padding-right: 65px;	
	  padding-left: 4px;
	}
	/*Größerer Pfeil-Toggler in Kachelansicht*/
	.ui-treetable-toggler.ui-icon.ui-icon-triangle-1-e::after {
  		font-size: 220%;
	}
	.responsiveTreeTableHeader {
	    display: block; 
	    color: var(--accentFontColor); 
	    font-weight: 700;
	}
	.studyPlannerTree .responsiveTreeTableHeader {
	   display: none;
	}
	
	div.breadcrumb-container {
		display: flex;
   		border-radius: 7px;
   		border: 2px solid;
   		border-color: var(--backgroundColor26);
   		background-color: var(--backgroundColor4);
   		margin: 0 0 13px 0;
   		padding: 3px;
   		transition: top 0.3s ease-in;
   		position: sticky;
   		top:0;
   		z-index: 1;
	}
	
	button.submit_highlighted_text_iconfont.breadcrumbBack {
		background-color: var(--backgroundColor1);
		margin-right: 5px;
		height: 42px;
	}		
		
	div.breadcrumb-container.noDisplay,
	.ui-treetable table[data-istreeexpanded="true"] tr.ui-widget-content[data-isParentExpanded="true"].noDisplay {
		display: none;
	}
	
	.submit_image.iconfont-arrow_thin_left.breadcrumbBack:before{
		font-size: 170%;
  		font-weight: bolder;
	}
	
	ul.treetableBreadcrumb {
	   	display: block;
	    word-wrap: break-word;
	}
	
	.droplist-menu{
		display: grid;
	    background-color: var(--backgroundColor4);
	    border: 2px solid var(--backgroundColor26);
	    border-radius: 7px;
	    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
	    list-style: none outside none;
	    padding: 5px 0;
	    margin-top: 4px;
	    position: absolute;
	    z-index: 1000;
	    min-width: 15em;
	}
	
	.previous > .droplist-menu > li, .previous.treetableBreadcrumb-node:not([data-prk="root"]) {
		padding-left: 10px;
	}
	
	.droplist-menu > li::before, .droplist-menu.noDisplay,
	.previous.treetableBreadcrumb-node:not([data-prk="root"])::before {
		display: none;
	}
}

td div.textAlignRight.floatLeft > label[id *= 'PeriodFieldTo_PLAM_LABEL'] {
	margin-right: 8.5px;
}

/*  Sticky Header */
.tableStickyHeader table th {
        position: sticky;
        top: 0;
        z-index: 1;
}

.tableStickyHeader .p-datatable>.p-datatable-wrapper,
.tableStickyHeader .overflowAuto {
    overflow: visible !important;
}

.frozenCol th:nth-child(1),
.frozenCol td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 2;
}

.frozenCol_2 th:nth-child(1),
.frozenCol_2 td:nth-child(1),
.frozenCol_2 th:nth-child(2),
.frozenCol_2 td:nth-child(2) {
    position: sticky;
    left: 0;
    z-index: 2;
}

.frozenCol_3 th:nth-child(1),
.frozenCol_3 td:nth-child(1),
.frozenCol_3 th:nth-child(2),
.frozenCol_3 td:nth-child(2),
.frozenCol_3 th:nth-child(3),
.frozenCol_3 td:nth-child(3) {
    position: sticky;
    left: 0;
    z-index: 2;
}

.frozenCol th:nth-child(1),
.frozenCol td:nth-child(1),
.frozenCol_2 th:nth-child(2),
.frozenCol_2 td:nth-child(2),
.frozenCol_3 th:nth-child(3),
.frozenCol_3 td:nth-child(3) {
    border-right: var(--border3);
}

.frozenCol_2 tfoot td:nth-child(1),
.frozenCol_2 tfoot td:nth-child(2),
.frozenCol_3 tfoot td:nth-child(1),
.frozenCol_3 tfoot td:nth-child(2),
.frozenCol_3 tfoot td:nth-child(3),
.frozenCol tfoot td:nth-child(1),
.frozenCol_2 th:nth-child(1),
.frozenCol_2 th:nth-child(2),
.frozenCol_3 th:nth-child(1),
.frozenCol_3 th:nth-child(2),
.frozenCol_3 th:nth-child(3),
.frozenCol th:nth-child(1) {
    z-index: 3;
}

.frozenCol_3 .listRowOdd td,
.frozenCol_2 .listRowOdd td,
.frozenCol .listRowOdd td {
    background-color: var(--backgroundColor2);
}

.frozenCol_3 .listRowEven td,
.frozenCol_2 .listRowEven td,
.frozenCol .listRowEven td {
    background-color: var(--backgroundColor4);
}

.frozenCol_3 tr.rowHighlightedRose td,
.frozenCol_2 tr.rowHighlightedRose td,
.frozenCol tr.rowHighlightedRose td {
    background-color: var(--highlightBackgroundColor) !important;
}

.frozenCol_3 tr.rowHighlightedGreen  td,
.frozenCol_2 tr.rowHighlightedGreen  td,
.frozenCol tr.rowHighlightedGreen  td{
    background-color: var(--backgroundColor17) !important;
}

.frozenCol_3 tr.rowHighlightedRed td,
.frozenCol_2 tr.rowHighlightedRed td,
.frozenCol tr.rowHighlightedRed td{
    background-color: var(--backgroundColor24) !important;
}

.frozenCol_3 tr.rowHighlightedBlue  td,
.frozenCol_2 tr.rowHighlightedBlue  td,
.frozenCol tr.rowHighlightedBlue  td{
    background-color: var(--backgroundColor23) !important;
}

.frozenCol_3 tr.rowHighlightedBeige  td,
.frozenCol_2 tr.rowHighlightedBeige  td,
.frozenCol tr.rowHighlightedBeige  td{
    background-color: var(--backgroundColor9)!important;
}

.frozenCol_3 tr.rowHighlightedGrey  td,
.frozenCol_2 tr.rowHighlightedGrey  td,
.frozenCol tr.rowHighlightedGrey  td {
    background-color: var(--backgroundColor25) !important;
}

.frozenCol_3 tr.rowHighlightedCrissCross td,
.frozenCol_2 tr.rowHighlightedCrissCross td,
.frozenCol tr.rowHighlightedCrissCross td {
    background-image:url("/HISinOne/images/icons/background_crisscross.gif") !important;
    background-color:var(--backgroundColor2) !important;
}

.frozenCol_3 tr.rowHighlightedWhite td,
.frozenCol_2 tr.rowHighlightedWhite td,
.frozenCol tr.rowHighlightedWhite td {
    background-color:var(--backgroundColor2) !important;
}

div.frozenCol .listRowEven:hover td, div.frozenCol .listRowOdd:hover td,
div.frozenCol_2 .listRowEven:hover td, div.frozenCol_2 .listRowOdd:hover td,
div.frozenCol_3 .listRowEven:hover td, div.frozenCol_3 .listRowOdd:hover td {
    background-color: var(--backgroundColor9) !important;
    vertical-align: top;
}

.frozenCol_3 tfoot td,
.frozenCol_2 tfoot td,
.frozenCol tfoot td {
    background-color: var(--backgroundColor3);
}

.virtualTableScrollWrap { 
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.24);
    background-color: var(--backgroundColor2);
    border:var(--border2);
    border-radius: 10px;
    position:sticky; left:10px; bottom:10px;
    z-index:99999;
    width:250px;
    clear:left;
}

.virtualTableScroll.ui-slider {
    width:200px;
    background-color: transparent;
    padding:0;
    margin:0 auto;
    border:none;
}

.virtualTableScroll.ui-slider .ui-slider-handle {
    background:var(--accentFontColor);
    border-radius: 10px;
    top:0;
    margin-left:-25px;
    width: 50px;
    height: 0.8em;    
}
/*.virtualTableScroll.ui-slider .ui-slider-handle:hover, .virtualTableScroll.ui-slider .ui-slider-handle:focus {
    background:var(--accentFontColor) !important;
}*/

.frozenCol:hover .virtualTableScrollWrap,
.frozenCol_2:hover .virtualTableScrollWrap,
.frozenCol_3:hover .virtualTableScrollWrap{
    opacity: 1;
}

.virtualTableScrollWrap.js-hidden {
    display:none;
}

.ui-treetable-data tr,
.frozenCol .ui-treetable-data td:nth-child(1),
.frozenCol_2 .ui-treetable-data td:nth-child(1),
.frozenCol_2 .ui-treetable-data td:nth-child(2),
.frozenCol_3 .ui-treetable-data td:nth-child(1),
.frozenCol_3 .ui-treetable-data td:nth-child(2),
.frozenCol_3 .ui-treetable-data td:nth-child(3) {
	background: var(--backgroundColor2);
}

#examsByStudent\:degreeProgramProgressForReportAsTree\:studyHistoryTree.ui-treetable .ui-treetable-data tr[data-level="1"],
.frozenCol_2 #examsByStudent\:degreeProgramProgressForReportAsTree\:studyHistoryTree.ui-treetable .ui-treetable-data tr[data-level="1"] > td:nth-child(1),
.frozenCol_2 #examsByStudent\:degreeProgramProgressForReportAsTree\:studyHistoryTree.ui-treetable .ui-treetable-data tr[data-level="1"] > td:nth-child(2),
.frozenCol_3 #examsByStudent\:degreeProgramProgressForReportAsTree\:studyHistoryTree.ui-treetable .ui-treetable-data tr[data-level="1"] > td:nth-child(1),
.frozenCol_3 #examsByStudent\:degreeProgramProgressForReportAsTree\:studyHistoryTree.ui-treetable .ui-treetable-data tr[data-level="1"] > td:nth-child(2),
.frozenCol_3 #examsByStudent\:degreeProgramProgressForReportAsTree\:studyHistoryTree.ui-treetable .ui-treetable-data tr[data-level="1"] > td:nth-child(3) {
	background-color: var(--backgroundColor17);
}

.ui-treetable-data td {
    background-clip: padding-box;
}

.treetable-width150 table {
    width:150%;
}

@media screen and (max-width:768px){
    .frozenCol th:nth-child(1),
    .frozenCol td:nth-child(1),
    .frozenCol_2 th:nth-child(1),
    .frozenCol_2 td:nth-child(1),
    .frozenCol_2 th:nth-child(2),
    .frozenCol_2 td:nth-child(2),
    .frozenCol_3 th:nth-child(1),
    .frozenCol_3 td:nth-child(1),
    .frozenCol_3 th:nth-child(2),
    .frozenCol_3 td:nth-child(2),
    .frozenCol_3 th:nth-child(3),
    .frozenCol_3 td:nth-child(3),
    .tableStickyHeader table th {
        position:static;
    }
    .tableStickyHeader .overflowAuto {
        overflow: auto;
    }
    .virtualTableScrollWrap{
        display:none;
    }
    .frozenCol th:nth-child(1),
    .frozenCol td:nth-child(1),
    .frozenCol_2 th:nth-child(2),
    .frozenCol_2 td:nth-child(2),
    .frozenCol_3 th:nth-child(3),
    .frozenCol_3 td:nth-child(3) {
        border-right: none;
    }
    
}

@media screen and (min-width:769px){
	table:not([sortable]) tr[aria-expanded="true"][data-prk="root"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr[aria-expanded="true"][data-prk="root"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
    	background-size: 20px;
    	background-position: 16px 28px;
    	background-repeat: no-repeat;
	}
	
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="2"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="2"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="2"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="2"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 24px -4px;
	    background-size: 12px;
	}
	
	/* Zeichnet den Strich vom Button nach unten beim aufgeklappten Element */
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="2"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="2"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 31px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="2"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="2"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="2"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="2"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 24px 0px;
    	background-size: 10px;
	}
	
	/* Level 3 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="3"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="3"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="3"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="3"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 39px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="3"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="3"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 47px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="3"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="3"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="3"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="3"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 39px 0px;
    	background-size: 10px;
	}
	
	/* Level 4 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="4"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="4"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="4"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="4"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 55px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="4"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="4"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 61px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="4"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="4"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="4"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="4"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 55px 0px;
    	background-size: 10px;
	}
	
	/* Level 5 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="5"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="5"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="5"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="5"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 69px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="5"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="5"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 76px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="5"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="5"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="5"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="5"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 69px 0px;
    	background-size: 10px;
	}
	
	/* Level 6 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="6"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="6"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="6"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="6"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 84px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="6"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="6"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 91px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="6"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="6"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="6"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="6"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 84px 0px;
    	background-size: 10px;
	}
	
	/* Level 7 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="7"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="7"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="7"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="7"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 99px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="7"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="7"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 106px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="7"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="7"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="7"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="7"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 99px 0px;
    	background-size: 10px;
	}
	
	/* Level 8 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="8"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="8"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="8"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="8"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 114px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="8"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="8"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 121px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="8"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="8"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="8"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="8"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 114px 0px;
    	background-size: 10px;
	}
	
	/* Level 9 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="9"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="9"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="9"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="9"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 129px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="9"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="9"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 136px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="9"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="9"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="9"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="9"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 129px 0px;
    	background-size: 10px;
	}
	
	/* Level 10 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="10"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="10"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="10"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="10"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 144px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="10"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="10"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 151px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="10"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="10"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="10"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="10"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 144px 0px;
    	background-size: 10px;
	}
	
	/* Level 11 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="11"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="11"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="11"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="11"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 159px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="11"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="11"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 166px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="11"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="11"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="11"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="11"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 159px 0px;
    	background-size: 10px;
	}
	
	/* Level 12 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="12"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="12"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="12"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="12"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 174px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="12"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="12"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 181px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="12"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="12"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="12"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="12"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 174px 0px;
    	background-size: 10px;
	}
	
	/* Level 13 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="13"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="13"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="13"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="13"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 189px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="13"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="13"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 196px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="13"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="13"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="13"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="13"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 189px 0px;
    	background-size: 10px;
	}
	
	/* Level 14 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="14"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="14"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="14"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="14"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 204px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="14"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="14"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 211px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="14"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="14"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="14"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="14"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 204px 0px;
    	background-size: 10px;
	}
	
	/* Level 15 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="15"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="15"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="15"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="15"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 219px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="15"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="15"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 226px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="15"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="15"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="15"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="15"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 219px 0px;
    	background-size: 10px;
	}
	
	/* Level 16 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="16"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="16"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="16"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="16"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 234px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="16"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="16"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 241px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="16"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="16"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="16"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="16"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 234px 0px;
    	background-size: 10px;
	}
	
	/* Level 17 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="17"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="17"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="17"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="17"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 249px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="17"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="17"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 256px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="17"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="17"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="17"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="17"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 249px 0px;
    	background-size: 10px;
	}
	
	/* Level 18 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="18"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="18"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="18"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="18"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 264px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="18"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="18"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 271px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="18"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="18"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="18"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="18"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 264px 0px;
    	background-size: 10px;
	}
	
	/* Level 19 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="19"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="19"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="19"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="19"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 279px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="19"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="19"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 286px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="19"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="19"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="19"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="19"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 279px 0px;
    	background-size: 10px;
	}
	
	/* Level 20 */
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="20"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="20"] > td.beforeToggler + td,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="20"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="20"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 294px -4px;
	    background-size: 12px;
	}
	
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="20"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="20"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 16px;
	    background-size: 20px;
	    position: absolute;
	    left: 301px;
	    width: 10%;
	    height: 100%;
	}
	
	table:not([sortable]) tr.isLastLeaf[data-level="20"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastLeaf[data-level="20"] > td.beforeToggler + td,
	table:not([sortable]) tr.isLastNotLeaf[data-level="20"] > td:not(.beforeToggler):first-child,
	table:not([sortable]) tr.isLastNotLeaf[data-level="20"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 294px 0px;
    	background-size: 10px;
	}
	
	
	/* ConnectingLines */
	table:not([sortable]) tr[data-level="2"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="2"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="3"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="3"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="4"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="4"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="5"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="5"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="6"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="6"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="7"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="7"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="8"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="8"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="9"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="9"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="10"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="10"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="11"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="11"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="12"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="12"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_0,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_0,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_0 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 16px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="4"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="4"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="5"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="5"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="6"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="6"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="7"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="7"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="8"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="8"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="9"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="9"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="10"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="10"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="11"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="11"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="12"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="12"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_1,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_1,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_1 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 31px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="5"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="5"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="6"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="6"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="7"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="7"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="8"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="8"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="9"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="9"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="10"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="10"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="11"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="11"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="12"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="12"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_2,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_2,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_2 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 47px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="6"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="6"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="7"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="7"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="8"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="8"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="9"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="9"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="10"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="10"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="11"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="11"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="12"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="12"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_3,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_3,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_3 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 61px;
	    bottom: -1px 
	}
	
	table:not([sortable]) tr[data-level="7"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="7"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="8"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="8"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="9"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="9"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="10"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="10"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="11"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="11"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="12"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="12"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_4,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_4,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_4 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 76px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="8"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="8"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="9"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="9"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="10"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="10"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="11"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="11"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="12"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="12"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_5,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_5,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_5 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 91px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="9"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="9"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="10"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="10"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="11"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="11"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="12"] > td:not(.beforeToggler):first-childspan.connectingLine_6,
	table:not([sortable]) tr[data-level="12"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_6,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_6,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_6 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 106px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="10"] > td:not(.beforeToggler):first-child span.connectingLine_7,
	table:not([sortable]) tr[data-level="10"] > td.beforeToggler + td span.connectingLine_7,
	table:not([sortable]) tr[data-level="11"] > td:not(.beforeToggler):first-child span.connectingLine_7,
	table:not([sortable]) tr[data-level="11"] > td.beforeToggler + td span.connectingLine_7,
	table:not([sortable]) tr[data-level="12"] > td:not(.beforeToggler):first-child span.connectingLine_7,
	table:not([sortable]) tr[data-level="12"] > td.beforeToggler + td span.connectingLine_7,
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_7,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_7,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_7,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_7,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_7, 
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_7,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_7, 
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_7,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_7, 
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_7,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_7, 
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_7,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_7, 
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_7,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_7, 
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_7 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 120px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="11"] > td:not(.beforeToggler):first-child span.connectingLine_8,
	table:not([sortable]) tr[data-level="11"] > td.beforeToggler + td span.connectingLine_8,
	table:not([sortable]) tr[data-level="12"] > td:not(.beforeToggler):first-child span.connectingLine_8,
	table:not([sortable]) tr[data-level="12"] > td.beforeToggler + td span.connectingLine_8,
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_8,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_8,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_8,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_8,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_8,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_8,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_8,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_8,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_8,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_8,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_8,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_8,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_8,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_8,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_8,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_8 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 135px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="12"] > td:not(.beforeToggler):first-child span.connectingLine_9,
	table:not([sortable]) tr[data-level="12"] > td.beforeToggler + td span.connectingLine_9,
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_9,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_9,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_9,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_9,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_9,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_9,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_9,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_9,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_9,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_9,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_9,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_9,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_9,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_9,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_9,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_9 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 150px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="13"] > td:not(.beforeToggler):first-child span.connectingLine_10,
	table:not([sortable]) tr[data-level="13"] > td.beforeToggler + td span.connectingLine_10,
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_10,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_10,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_10,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_10,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_10,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_10,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_10,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_10,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_10,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_10,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_10,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_10,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_10,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_10 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 166px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="14"] > td:not(.beforeToggler):first-child span.connectingLine_11,
	table:not([sortable]) tr[data-level="14"] > td.beforeToggler + td span.connectingLine_11,
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_11,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_11,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_11,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_11,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_11,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_11,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_11,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_11,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_11,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_11,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_11,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_11 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 180px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="15"] > td:not(.beforeToggler):first-child span.connectingLine_12,
	table:not([sortable]) tr[data-level="15"] > td.beforeToggler + td span.connectingLine_12,
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_12,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_12,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_12,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_12,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_12,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_12,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_12,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_12,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_12,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_12 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 195px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="16"] > td:not(.beforeToggler):first-child span.connectingLine_13,
	table:not([sortable]) tr[data-level="16"] > td.beforeToggler + td span.connectingLine_13,
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_13,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_13,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_13,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_13,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_13,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_13,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_13,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_13 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 210px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="17"] > td:not(.beforeToggler):first-child span.connectingLine_14,
	table:not([sortable]) tr[data-level="17"] > td.beforeToggler + td span.connectingLine_14,
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_14,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_14,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_14,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_14,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_14,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_14 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 225px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="18"] > td:not(.beforeToggler):first-child span.connectingLine_15,
	table:not([sortable]) tr[data-level="18"] > td.beforeToggler + td span.connectingLine_15,
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_15,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_15,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_15,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_15 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 240px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="19"] > td:not(.beforeToggler):first-child span.connectingLine_16,
	table:not([sortable]) tr[data-level="19"] > td.beforeToggler + td span.connectingLine_16,
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_16,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_16 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 255px;
	    bottom: -1px;
	}
	
	table:not([sortable]) tr[data-level="20"] > td:not(.beforeToggler):first-child span.connectingLine_17,
	table:not([sortable]) tr[data-level="20"] > td.beforeToggler + td span.connectingLine_17 {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-size: 20px;
	    background-position: 0px -11px;
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 10%;
	    height: 100%;
	    left: 270px;
	    bottom: -1px;
	}
	
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[aria-expanded="true"] > td:first-child > span.node.treeTableLines,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_0,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_1,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_2,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_3,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_4,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_5,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_6,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_7,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_8,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_9,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_10,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_11,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_12,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_13,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_14,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_15,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_16,
	#studyPlanner\:container\:content-container\:studyPlannerTree > table:not([sortable]) tr > td:first-child span.connectingLine_17 {
		width: 3%;
	}
	
	/*Kompaktere Baumdarstellung mit der Klasse .compactTreeTable*/
	.compactTreeTable table:not([sortable]) tr[aria-expanded="true"][data-prk="root"] > td:not(.beforeToggler):first-child,
	.compactTreeTable table:not([sortable]) tr[aria-expanded="true"][data-prk="root"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
    	background-size: 20px;
    	background-position: 16px 17px;
    	background-repeat: no-repeat;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="2"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="2"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="2"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="2"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 24px -18px;
	    background-size: 12px;
	}
	
	/* Zeichnet den Strich vom Button nach unten beim aufgeklappten Element */
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="2"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="2"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 31px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="2"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="2"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="2"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="2"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 24px -13px;
    	background-size: 10px;
	}
	
	/* Level 3 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="3"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="3"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="3"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="3"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 39px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="3"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="3"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 47px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="3"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="3"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="3"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="3"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 39px -13px;
    	background-size: 10px;
	}
	
	/* Level 4 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="4"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="4"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="4"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="4"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 55px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="4"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="4"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 61px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="4"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="4"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="4"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="4"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 55px -13px;
    	background-size: 10px;
	}
	
	/* Level 5 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="5"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="5"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="5"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="5"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 69px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="5"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="5"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 76px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="5"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="5"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="5"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="5"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 69px -13px;
    	background-size: 10px;
	}
	
	/* Level 6 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="6"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="6"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="6"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="6"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 84px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="6"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="6"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 91px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="6"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="6"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="6"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="6"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 84px -13px;
    	background-size: 10px;
	}
	
	/* Level 7 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="7"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="7"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="7"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="7"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 99px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="7"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="7"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 106px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="7"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="7"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="7"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="7"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 99px -13px;
    	background-size: 10px;
	}
	
	/* Level 8 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="8"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="8"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="8"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="8"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 114px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="8"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="8"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 121px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="8"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="8"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="8"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="8"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 114px -13px;
    	background-size: 10px;
	}
	
	/* Level 9 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="9"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="9"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="9"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="9"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: no-repeat;
	    background-position: 129px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="9"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="9"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 136px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="9"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="9"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="9"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="9"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 129px -13px;
    	background-size: 10px;
	}
	
	/* Level 10 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="10"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="10"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="10"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="10"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 144px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="10"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="10"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 151px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="10"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="10"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="10"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="10"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 144px -13px;
    	background-size: 10px;
	}
	
	/* Level 11 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="11"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="11"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="11"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="11"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 159px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="11"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="11"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 166px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="11"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="11"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="11"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="11"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 159px -13px;
    	background-size: 10px;
	}
	
	/* Level 12 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="12"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="12"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="12"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="12"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 174px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="12"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="12"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 181px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="12"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="12"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="12"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="12"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 174px -13px;
    	background-size: 10px;
	}
	
	/* Level 13 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="13"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="13"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="13"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="13"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 189px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="13"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="13"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 196px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="13"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="13"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="13"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="13"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 189px -13px;
    	background-size: 10px;
	}
	
	/* Level 14 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="14"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="14"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="14"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="14"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 204px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="14"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="14"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 211px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="14"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="14"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="14"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="14"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 204px -13px;
    	background-size: 10px;
	}
	
	/* Level 15 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="15"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="15"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="15"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="15"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 219px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="15"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="15"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 226px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="15"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="15"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="15"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="15"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 219px -13px;
    	background-size: 10px;
	}
	
	/* Level 16 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="16"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="16"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="16"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="16"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 234px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="16"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="16"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 241px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="16"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="16"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="16"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="16"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 234px -13px;
    	background-size: 10px;
	}
	
	/* Level 17 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="17"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="17"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="17"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="17"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 249px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="17"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="17"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 256px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="17"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="17"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="17"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="17"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 249px -13px;
    	background-size: 10px;
	}
	
	/* Level 18 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="18"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="18"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="18"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="18"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 264px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="18"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="18"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 271px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="18"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="18"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="18"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="18"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 264px -13px;
    	background-size: 10px;
	}
	
	/* Level 19 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="19"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="19"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="19"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="19"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 279px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="19"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="19"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 286px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="19"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="19"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="19"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="19"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 279px -13px;
    	background-size: 10px;
	}
	
	/* Level 20 */
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="20"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isFirstNotLeaf:not([data-prk="root"])[data-level="20"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="20"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.notLast:not([data-prk="root"])[data-level="20"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_t_lang.svg);
	    background-repeat: repeat-y;
	    background-position: 294px -18px;
	    background-size: 12px;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="20"][aria-expanded="true"] > td:not(.beforeToggler):first-child > span.node.treeTableLines,
	.compactTreeTable.ui-treetable table:not([sortable]) tr:not([data-prk="root"]):not([data-isleaf="true"])[data-level="20"][aria-expanded="true"] > td.beforeToggler + td > span.node.treeTableLines {
		background-image: url(/HISinOne/images/icons/tree/tree_v.svg);
	    background-repeat: no-repeat;
	    background-position: 0px 11px;
	    background-size: 20px;
	    position: absolute;
	    left: 301px;
	    width: 10%;
	    height: 100%;
	}
	
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="20"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastLeaf[data-level="20"] > td.beforeToggler + td,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="20"] > td:not(.beforeToggler):first-child,
	.compactTreeTable.ui-treetable table:not([sortable]) tr.isLastNotLeaf[data-level="20"] > td.beforeToggler + td {
		background-image: url(/HISinOne/images/icons/tree/treetable_l_lang.svg);
    	background-repeat: no-repeat;
    	background-position: 294px -13px;
    	background-size: 10px;
	}
}