/* column */
.levelColumn {
	background: none;
	padding-right: 5px;
}

/* view area of panel, including workspace menu */
.panelContent {
	overflow: hidden;
}

/* header/workspace menu */


/* header/workspace menu action buttons */
.workspace_menu_actionButton_left {
	font-size: 10px;
}

/* filter area */
.panelbar_header_table {
	padding: 0px 1px;
}

.panelbar_header_table td {
	vertical-align: middle;
	position: relative;
}

/* filter area is grid with 7 cols */
.panelbar_header_table td:nth-child(2) {
	width: 100%;
}

/* .panelbar_header_table td:nth-child(5) {
	display: none;
} */

/* special inputs in workspace menu */

.workspace_menu .comboBox,
.workspace_menu .filterInput,
.workspace_menu .textInput,
.comboBox.small,
.filterInput.small,
.textInput.small {
	width: auto;
	height: 22px !important;
	line-height: 20px !important;
	font-size: 11px;
	min-height: auto;
}

.workspace_menu .filterInput {
	width: 100%;
	padding-right: 16px;
}

.workspace_menu .filterInput + .reset:hover {
	background-color: #D0D0D0;
}

.workspace_menu .comboBox {
	max-width: 75px;
}

.level-toggle-button.show > i:before {
	content: '\f78c';
}

input[type=submit].saveButton,
input[type=button].saveButton,
input[type=submit].cancelButton,
input[type=button].cancelButton,
button.saveButton,
button.cancelButton {
	padding: 0px 15px;
	/* font-weight: bold; */
	
	font-size: 11px;
	line-height: 30px;
	height: 30px;
	color: #FFF;
}

/* action buttons (button size) */
input[type=submit].saveButton,
input[type=button].saveButton,
button.saveButton {
	background-color: #3A7B00;
}

input[type=submit].saveButton:focus,
input[type=button].saveButton:focus,
button.saveButton:focus {
	-webkit-box-shadow: 0px 0px 0px 2px #b0ca99;
	-moz-box-shadow: 0px 0px 0px 2px #b0ca99;
	box-shadow: 0px 0px 0px 2px #b0ca99;
}

input[type=submit].saveButton:hover,
input[type=button].saveButton:hover,
button.saveButton:hover {
	background-color: #619533;
}

input[type=submit].cancelButton,
input[type=button].cancelButton,
button.cancelButton {
	background-color: #888888;
}

input[type=submit].cancelButton:focus,
input[type=button].cancelButton:focus,
button.cancelButton:focus {
	-webkit-box-shadow: 0px 0px 0px 2px  #cfcfcf;
	-moz-box-shadow: 0px 0px 0px 2px  #cfcfcf;
	box-shadow: 0px 0px 0px 2px  #cfcfcf;
}

input[type=submit].cancelButton:hover,
input[type=button].cancelButton:hover,
button.cancelButton:hover {
	background-color: #a0a0a0;
}

/* more/maximize panel visiblity */

.panel_more_toggle {
	background-color: #3A7B00;
	cursor: pointer;
	text-align: center;
	color: #FFF;
	font-size: 10px;
	line-height: 16px;
	
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.panel_more_toggle:hover {
	background-color: #619533;
}

.panel_more_toggle ~ div {
	display: none;
}

.panel_more_toggle.show ~ div {
	display: block;
}

.panel_more_indicator {
	position: absolute;
	left: 5px;
	bottom: 0px;
	font-size: 12px;
	padding: 3px 10px 0px;
	line-height: 18px;
	font-weight: bold;
	cursor: pointer;
	
	background-color: #89b066;
	color: #FFF;
	text-align: center;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}

.panel_more_indicator:hover {
	background-color: #4e881a;
}

/* prevent white spaces in formulars (modal panel cases) */

/*
.tableCellNoFontSize {
	font-size: 0pt;
}
*/

.modalTemplate td > input[type=checkbox]:last-child,
.modalTemplate td > input[type=radio]:last-child {
	margin-right: 0px;
}

/* datascroller */

.data_scroller_wrapper {
	text-align: center;
	padding: 3px 3px 5px 3px;
}

/* managing table gui */


.managing_wrapper_table {
	width: 100%;
}

.managing_wrapper_table div.rf-edt {
	width: 100%;
}

.highlightable .rf-edt-b .rf-edt-tbl tr.rowEven:hover,
.highlightable .rf-edt-b .rf-edt-tbl tr.rowOdd:hover {
	background-color: #cedebf;
}


/* hierarchy */


.hierarchy_tree {
	display: none;
}

.hierarchy_wrapper_table {
	border: none;
	width: 100%;
	vertical-align: top;
}

.hierarchy_object_panel {
	position: relative;
}

/* <ui:param name="hierarchyLevelWidth" value="4px" /> */

.hierarchy_object_panel.level_0 { padding-left: inherit; }
.hierarchy_object_panel.level_1 { padding-left: -moz-calc(10px + 4px * 1) !important;  padding-left: calc(10px + 4px * 1) !important; }
.hierarchy_object_panel.level_2 { padding-left: -moz-calc(10px + 4px * 2) !important;  padding-left: calc(10px + 4px * 2) !important; }
.hierarchy_object_panel.level_3 { padding-left: -moz-calc(10px + 4px * 3) !important;  padding-left: calc(10px + 4px * 3) !important; }
.hierarchy_object_panel.level_4 { padding-left: -moz-calc(10px + 4px * 4) !important;  padding-left: calc(10px + 4px * 4) !important; }
.hierarchy_object_panel.level_5 { padding-left: -moz-calc(10px + 4px * 5) !important;  padding-left: calc(10px + 4px * 5) !important; }
.hierarchy_object_panel.level_6 { padding-left: -moz-calc(10px + 4px * 6) !important;  padding-left: calc(10px + 4px * 6) !important; }
.hierarchy_object_panel.level_7 { padding-left: -moz-calc(10px + 4px * 7) !important;  padding-left: calc(10px + 4px * 7) !important; }
.hierarchy_object_panel.level_8 { padding-left: -moz-calc(10px + 4px * 8) !important;  padding-left: calc(10px + 4px * 8) !important; }
.hierarchy_object_panel.level_9 { padding-left: -moz-calc(10px + 4px * 9) !important;  padding-left: calc(10px + 4px * 9) !important; }
.hierarchy_object_panel.level_more { padding-left: -moz-calc(10px + 4px * 10) !important;  padding-left: calc(10px + 4px * 10) !important; }

.hierarchy_tooltip_trigger {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 0px;
	
	background: repeating-linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0) 2px, #3A7B00 2px, #3A7B00 4px);
}

.hierarchy_object_panel.level_1 .hierarchy_tooltip_trigger { width: -moz-calc(4px * 1);  width: calc(4px * 1); }
.hierarchy_object_panel.level_2 .hierarchy_tooltip_trigger { width: -moz-calc(4px * 2);  width: calc(4px * 2); }
.hierarchy_object_panel.level_3 .hierarchy_tooltip_trigger { width: -moz-calc(4px * 3);  width: calc(4px * 3); }
.hierarchy_object_panel.level_4 .hierarchy_tooltip_trigger { width: -moz-calc(4px * 4);  width: calc(4px * 4); }
.hierarchy_object_panel.level_5 .hierarchy_tooltip_trigger { width: -moz-calc(4px * 5);  width: calc(4px * 5); }
.hierarchy_object_panel.level_6 .hierarchy_tooltip_trigger { width: -moz-calc(4px * 6);  width: calc(4px * 6); }
.hierarchy_object_panel.level_7 .hierarchy_tooltip_trigger { width: -moz-calc(4px * 7);  width: calc(4px * 7); }
.hierarchy_object_panel.level_8 .hierarchy_tooltip_trigger { width: -moz-calc(4px * 8);  width: calc(4px * 8); }
.hierarchy_object_panel.level_9 .hierarchy_tooltip_trigger { width: -moz-calc(4px * 9);  width: calc(4px * 9); }
.hierarchy_object_panel.level_more .hierarchy_tooltip_trigger { width: -moz-calc(4px * 10);  width: calc(4px * 10); }

.hierarchy_object_panel.level_more .hierarchy_tooltip_trigger::after {
	background-color: #FFF;
	position: absolute;
	width: 20px;
	height: 20px;
	
	top: -moz-calc(50% - 10px);
	top: calc(50% - 10px);
	left: -moz-calc(50% - 10px);
	left: calc(50% - 10px);
	
	background-image: url('/../images/icons/svg/ALPHA_GREEN/BILLING/icon_FURTHER1.svg');
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: center center;

	
	content: "";
	
	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
  	border-radius: 10px;
}

.hierarchy_tree {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	left: 0px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	max-width: 0px;
	padding: 5px 0px 5px 0px;
	
	background-color: #FAFAFA;
	z-index:2;
	box-shadow: 6px 0px 5px -6px rgba(0,0,0,0.2);
	
	-webkit-transition: max-width 200ms linear;
	-moz-transition: max-width 200ms linear;
	-o-transition: max-width 200ms linear;
	transition: max-width 200ms linear;
}

.hierarchy_object_panel.level_0 .hierarchy_tree {
	display: none;
}

.hierarchy_tooltip_trigger:hover + .hierarchy_tree,
.hierarchy_tree:hover {
	max-width: 100%;
}

.hierarchy_tree div {
	color: #555;
	font-size: 11px;
	line-height: 18px;
	height: 18px;
	padding: 1px 10px 1px 28px;
	position: relative;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hierarchy_tree div:first-child {
	padding-left: 10px;
}

.hierarchy_tree div:last-child {
	color: #3A7B00;
	font-weight: bold;
}

.hierarchy_tree div:nth-child(3) { margin-left: -moz-calc(18px * 1);  margin-left: calc(18px * 1); }
.hierarchy_tree div:nth-child(4) { margin-left: -moz-calc(18px * 2);  margin-left: calc(18px * 2); }
.hierarchy_tree div:nth-child(5) { margin-left: -moz-calc(18px * 3);  margin-left: calc(18px * 3); }
.hierarchy_tree div:nth-child(6) { margin-left: -moz-calc(18px * 4);  margin-left: calc(18px * 4); }
.hierarchy_tree div:nth-child(7) { margin-left: -moz-calc(18px * 5);  margin-left: calc(18px * 5); }
.hierarchy_tree div:nth-child(8) { margin-left: -moz-calc(18px * 6);  margin-left: calc(18px * 6); }
.hierarchy_tree div:nth-child(n+9) { margin-left: -moz-calc(18px * 7);  margin-left: calc(18px * 7); }

.hierarchy_tree div::before {
	width: 18px;
	height: 18px;
	content: "";
	display: block;
	position: absolute;
	left: 8px;
	top: -1px;

	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	content: "\f3e5";
	color: var(--secondary-color);
	
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.hierarchy_tree div:first-child::before {
	display: none;
}

.hierarchy_tree::before,
.hierarchy_tree::after {
	content: "";
	position: absolute;
	left: 2px;
	top: 0px;
	width: 2px;
	height: 100%;
	background-color: #DDD;
}

.hierarchy_tree::after {
	left: auto;
	right: 0px;
	width: 1px;
	background-color: #CCC;
}

/* special compact datatable version */


*.rf-dt.legend_table {
	margin: 5px 0px;
	overflow: auto;
	border: none;
	border-top: 1px solid #EEE;
	position: relative; 
}

*.rf-dt.legend_table .rf-dt-shdr,
*.rf-dt.legend_table .rf-dt-shdr-c,
*.rf-dt.legend_table .rf-dt-c-srt {
	background-color: transparent;
	padding: 5px;
	text-align: left;
	border-right: none;
	border-bottom: 2px solid #b0ca99;
}

*.rf-dt.legend_table .rf-dt-shdr-c:last-child {
	padding-right: 15px;
}

*.rf-dt.legend_table .rf-dt-r {
	background-color: transparent;
}

*.rf-dt.legend_table .rf-dt-c {
	line-height: 20px;
	border-right: none;
	border-bottom-color: #EEE;
	color: #666;
	font-weight: normal;
	text-align: left !important;
	text-overflow: ellipsis !important;
	overflow: hidden;
	white-space: nowrap !important;
}

*.rf-dt.legend_table .rf-dt-c:last-child {
	padding-right: 15px;
}

*.rf-dt.legend_table .rf-dt-c [id$=group_image] {
	background-size: auto 14px !important;
	line-height: 14px;
	padding: 0px 0px 0px 20px;
}

/* hide rows from index */
*.rf-dt.legend_table .rf-dt-r:nth-child(n+5) {
	display: none;
}

*.rf-dt.legend_table:not(:hover) .rf-dt-r:nth-child(4) .rf-dt-c {
	font-size: 0.1pt;
	line-height: 0px;
	border: none;
}

*.rf-dt.legend_table:not(:hover) .rf-dt-r:nth-child(4) .rf-dt-c:nth-child(n+2) * {
	display: none;
}

*.rf-dt.legend_table .rf-dt-r:nth-child(4) .rf-dt-c:first-child::before {
	display: block;
	height: 100%;
	text-align: center;
	background-color: #3A7B00;
	
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f103";
	color: #FFFFFF;
	padding-top: 15px;
	
}

*.rf-dt.legend_table:hover .rf-dt-r:nth-child(n+4) {
	display: table-row;
}

*.rf-dt.legend_table:hover .rf-dt-r:nth-child(4) .rf-dt-c:first-child::before {
	display: none;
}

/*** in billinglinesCompare.xhtml  ***/

.billing_line_table *.rf-edt-c table.borderless tr td {
	padding: 0px 0px 2px;
}

.billing_line_table .rf-edt-td-entryLevel {
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
}

.billing_line_table .rf-edt-td-entryLevel.sumRow + td,
.billing_line_table .rf-edt-td-entryLevel.sumRow ~ td + td {
	background-color: #e1ebd9;
}

.billing_line_table .rf-edt-td-entryLevel.sumRow .objectPanel.hierarchy_object_panel:after {
	position: absolute;
	top: 0px;
	left: 22px;
	content: '=';
	font-weight: bold;
    font-size: 22px;
    line-height: 10px;
    display: block;
    height: 10px;
	color: #9dbd80;
}

.billing_line_table .objectPanel.hierarchy_object_panel {
	background-color: transparent;
	border-top: none;
	position: absolute;
	top: 1px;
	left: 0px;
	bottom: 1px;
	width: auto;
	height: auto;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	overflow: visible;
}

.billing_line_table .objectPanel.hierarchy_object_panel .hierarchy_tooltip_trigger:hover + .hierarchy_tree,
.billing_line_table .objectPanel.hierarchy_object_panel .hierarchy_tree:hover {
	min-width: 200px;
	min-height: auto;
	bottom: auto;
	max-width: none;
	
	border-color: #CCC;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	z-index: 1;
}

/* ticket modal panel tree grid */

#dhtmlxTreeGridUserComments table.obj.row20px tr td .treegrid_cell img[src$='leaf.gif'],
#dhtmlxTreeGridUserComments table.obj.row20px tr td .treegrid_cell img[src$='folder.gif'] {
	display: none;
}

#dhtmlxTreeGridUserComments table.obj.row20px tr td:first-child i {
	vertical-align: middle;
	width: 16px;
	color: #3A7B00;
	font-size: 13px;
	text-align: center;
}

#dhtmlxTreeGridUserComments table.hdr td:last-child div.hdrcell {
	text-align: right;
}