body
{
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:0.8em;
	padding: 0px;
	background: white;
}

/* Farbe von Markierten Textteilen */
::selection
{
	background-color:#FFF4AD;
	color:black;
}

.ui-scrollbar-thin, .ui-datatable-tablewrapper {
	scrollbar-width: thin;
}
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: #F0F0F0;
}
::-webkit-scrollbar-thumb {
	background: #CDCDCD;
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: #A6A6A6;
}

#idDlgSpinner .ui-dialog-content {
	text-align: center;
}
.ui-widget.ui-dialog.ui-dialog-semi-transparent {
	background: rgba(255,255,255,0.25);
}
.ui-widget.ui-dialog.ui-dialog-semi-transparent > .ui-dialog-content {
	background: none;
}
.ui-spinner-image {
	text-align:center;
}
.ui-spinner-text {
	font-weight:bold;
	color: #222;
	font-size: 14px;
	background-color: #FFF8;
	box-shadow: 0px 0px 12px #FFF;
	display: inline-block;
	padding: 0.125em 0.5em;
	border-radius: 6px;
	user-select: none;
}

.ui-widget
{
	font-family: Arial, sans-serif;
	font-size: 1em;
    background: #ffffff;
}
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button
{
	font-family: Arial, sans-serif;
}

.ui-dialog.ui-widget.ui-widget-content.ClsDlgAsSidebarRight
{
	left: unset !important;
	right: 0px !important;
	min-width: 400px !important;	/* sonst ist die Sidebar nicht bedienbar */
}
.fa-share-alt-noAdBlock:before
{
	content:"\f1e0"
}

.fa--rotate90 {
	transform:rotate(90deg);
	text-align:left;
	width: 16px;
}

.ui-error-code {
	margin-top:1em;
	border-top: dotted 2px #880000;
	color: #880000;
	font-family: Consolas, Courier New;
}

.ui-error-hint {
	margin-top:1em;
	border-top: dotted 2px #2779AA;
	color: #2779AA;
	white-space: pre-line;
}

.ui-error-details
{
	margin-top:1em;
	overflow-y: auto;
	max-height: 125px;
	padding: 0.5em;
	box-shadow: 0px 0px 6px grey;
	border-radius: 6px;
}

.ui-shadow-none
{
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-growl-icon-close.ui-icon.ui-icon-closethick
{
	display: block !important;
}

.ui-widget-overlay
{
	background: none;
	background-color: rgba(0,0,0,0.4);
}
 
.ui-datatable tr.ui-state-highlight.ui-state-noclick
{
	cursor: default;
}
  
.ui-widget-content
/*, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default*/
{
    background: #ffffff;
}
/* Ausnahmen -> weisser Hintergrund muss transparent!!! */
.ui-selectcheckboxmenu-header .ui-chkbox, 
.ui-column-title > .ui-chkbox, 
td > .ui-chkbox, 
.ui-column-customfilter > .ui-widget, 
div.ui-growl, 
div.ui-tooltip
{
	background: transparent;
}
.ui-expanded-row-content, 
.ui-expanded-row-content .ui-widget-content
{
	background-color: rgb(242, 245, 247);
}

/* Beg PrimeFaces 10 */
body .ui-layout-resizer {
	background-color: #EEE;
}
body .ui-layout-unit {
	border-radius: 6px;
}
body .ui-layout-unit .ui-layout-unit-header {
	padding: 0px;
}
.ui-panel .ui-panel-content {
	padding: 6px;
}
.ui-panel.ui-layout-pane {
	padding: 0px;
}
.ui-datatable .ui-column-customfilter {
	margin: 0px;
}
/* End PrimeFaces 10 */


/* IETDView -------------------------------------------------------------------------------------------------------*/
.ui-panel .ui-panel-titlebar
{
	padding: 10px 1em;
}
.ui-dialog .ui-dialog-titlebar 
{
/*    border: none;*/
    background: #3baae3 url("/rsiv/img/ui-bg_glass_50_3baae3_cupertino.png") 50% 50% repeat-x;
    color: #ffffff;

/*	padding: 10px 1em;*/
}
.ui-dialog-titlebar > .ui-dialog-titlebar-close > .ui-icon-closethick
{
	background-image: url("/rsiv/img/ui-icons_ffffff_256x240.png");
}
.ui-dialog-titlebar > .ui-state-hover > .ui-icon-closethick,
.ui-dialog-titlebar > .ui-state-focus > .ui-icon-closethick
{
	background-image: url("/rsiv/img/ui-icons_72a7cf_256x240.png");
}
.ui-layout-toggler.ui-layout-toggler-north
{
	display: none;
}
.ui-menuitem, .ui-tabs-header, .ui-button, .ClsSubMenuUsr {
	user-select: none;
}

.ui-menu .ui-menu-parent > .ui-submenu-link {
	width: auto;	/* fix submenu link, otherwise arrow-right will break*/
}

.ui-menu .ui-menu-parent .ui-menu-child {
	width: auto;	/* fix submenu width (otherwise will be set to 92% by framework) */
	padding-right: 16px;
}

.ui-menu .ui-menu-parent .ui-menu-child .ui-menuitem .ui-menuitem-link {
	display: inline-block;
	padding-right: 24px;	/* icon width */
}

/* TOOLBAR --------------------------------------------------------------------------------------------------------*/
div.ClsIETDBar, 
div.ClsToolBar,
.ui-dataview-with-toolbar .ui-dataview-header
{
    border: none; /*1px solid #2694e8;*/
    background: #3baae3 url("/rsiv/img/ui-bg_glass_50_3baae3_cupertino.png") 50% 50% repeat-x;
	color: #ffffff;
}
div.ClsIETDBar
{
	user-select: none;
	padding: 3px 10px 9px 10px;
	height: 26px;
	margin: 3px 0px 10px 0px;
}
div.ClsIETDBar > .ui-toolbar-group-right
{
	padding-top: 3px;
}
div.ClsIETDBar > .ui-toolbar-group-left
{
	padding-top: 2px;
}
.ClsToolBar > .ui-toolbar-group-left,
.ClsToolBar > .ui-toolbar-group-right {
	display: inline-block;
}

div.ClsToolBar,
.ui-dataview-with-toolbar .ui-dataview-header
{
	padding: 2px 10px 1px;
	height: 22px;
	margin: 0px 0px 10px 0px;
}
.ClsToolBar.ui-g {
	height: 25px; /* frag mich nicht warum, aber es resultiert eine Höhe von 22px */
}
.ClsToolBar.ui-g > .ui-g-6 {
	padding: 0px;
}
.ClsToolBar .ui-toggleswitch.ui-widget {
	background: none;
	height: 1.5em;
}
.ClsToolBar .ui-toggleswitch.ui-widget .ui-toggleswitch-slider {
	border: solid 1px white;
}
.ClsToolBar .ui-toggleswitch .ui-toggleswitch-slider::before {
	height: 1.125em;
	width: 1.125em;
	top: 0.1em;
}
.ui-dataview.ui-dataview-list.ui-dataview-list-only .ui-dataview-layout-options.ui-selectonebutton.ui-buttonset {
	display: none;
}

.ui-dataview-simple .ui-dataview-content .ui-dataview-row .ui-dataview-column {
	border: solid 1px #AAA;
	border-radius: 6px;
}

.ClsDlgHeader.ui-widget-header > .ui-toolbar-group-left {
	display: inline-block;
}
.ClsDlgHeader.ui-widget-header > .ui-toolbar-group-right {
	float: right;
}

.ClsToolBar .ui-button-icon-only .ui-button-text,
.ClsDlgHeader .ui-button-icon-only .ui-button-text,
.ClsTocHeader .ui-button-icon-only .ui-button-text,
.ClsDocHeader .ui-button-icon-only .ui-button-text,
.ClsFigHeader .ui-button-icon-only .ui-button-text
{
    padding: 2px .3em;
}

.ClsToolBar .ui-button-text-only .ui-button-text
{
    padding: 2px 10px;
}
.ClsToolBar .ui-button-text-icon-left .ui-button-text
{
    padding: 2px 1em 2px 2.1em;
}

.ui-widget-header .ui-separator > .ui-icon 
{
    background-image: url("/rsiv/img/ui-icons_ffffff_256x240.png");
}

.ui-datatable .ui-datatable-header
{
    border: none;/*1px solid #2694e8;*/
    background: #3baae3 url("/rsiv/img/ui-bg_glass_50_3baae3_cupertino.png") 50% 50% repeat-x;
    color: #ffffff;
}


/* MENU ----------------------------------------------------------------------------------------------------------*/
.ui-menu .ui-menu-list .ui-widget-header.ClsSubMenuUsr
{
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
}
.ui-menu .ui-menu-list .ui-widget-header.ClsSubMenuUsr > h3 > .ui-icon
{
	padding-left: 1px;
	padding-right: 3px;
	margin-top: 0px;
	font-size: 18px;
	overflow: visible;
}
.ClsButMenu > .ui-menu-list > .ui-widget-header > h3
{
	color: #2779aa;
	background-color: transparent;
	font-weight:normal;
	padding-right: 10px;
	padding-bottom: 0.125em;
}
.ui-menu .ui-menu-list .ui-menuitem-icon {
	overflow: visible;
	margin-top: 2px;
	height: 12.8px;
}
.ui-menu .ui-menuitem-text {
	float: unset;
}

.ui-menu .ui-divider-horizontal {
	width: calc(100% - 0.5rem);
}


/* TABS -----------------------------------------------------------------------------------------------------------*/
.ui-tabs > ul.ui-tabs-nav > li.ui-tabs-selected > a
{
	cursor: default;	/* auf selektiertem Tab keinen speziellen Cursor anzeigen */
}
.ui-tabs .ui-tabs-panel, .ui-accordion .ui-accordion-content 
{
    padding: 10px 2px;
}
.ui-tabs .ui-tabs-nav li a 
{
    padding: 2px 15px;
}
.ui-tabs .ui-tabs-nav li.ClsTabIcoDbl a 
{
	padding: 2px 6px;
}
.ui-tabs > .ui-tabs-nav > li > a				/* Tab-Titel */ 
{
    font-size: 14px;
}

.ui-accordion .ui-accordion-content .ui-tabs > .ui-tabs-nav > li > a
{
	font-size: 12.8px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a 
{
	color: #2779aa;
}
.ui-tabs .ui-tabs-nav li.ui-state-active, 
.ui-accordion .ui-accordion-header.ui-state-active
{
	border: 1px solid #E5D75B;
    background: #FFF599 url("/rsiv/img/ui-bg_glass_yellow_dark.png") 50% 50% repeat-x;
    font-weight: bold;
}
.ui-accordion .ui-accordion-header
{
	color: #2779aa;
	padding: 4px 6px 4px 24px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ui-accordion .ui-accordion-header.ClsNoOpenToggler {
	padding: 4px 6px;
}
.ui-accordion .ui-accordion-header.ui-state-active .ui-icon
{
    background-image: url("/rsiv/img/ui-icons_3d80b3_256x240.png");
    background-color: transparent;
}


/* TABLE ---------------------------------------------------------------------------------------------------------*/
.ui-datatable .ui-datatable-header		/* Tabellen-Header */
{
	text-align: left;
    font-size: 14px;
}
.ui-paginator .ui-paginator-page, 
.ui-paginator .ui-paginator-pages, 
.ui-paginator .ui-paginator-next, 
.ui-paginator .ui-paginator-last, 
.ui-paginator .ui-paginator-first, 
.ui-paginator .ui-paginator-prev, 
.ui-paginator .ui-paginator-current 
{
    padding: 1px 5px;
}
div.ui-datatable.ClsTblEventLog > div.ui-datatable-footer, 
div.ui-datatable.ClsTblRights > div.ui-datatable-footer
{
    padding: 2px 10px;
    font-weight: normal;
    color: #2779aa;
}
.ClsTblEventLog .ui-datatable-footer .ui-button-icon-only .ui-button-text
{
    padding: 1px .3em;
}
.ui-paginator-current
{
    font-weight: normal;
    color: #2779aa;
}

.ui-datatable-odd
{
	background-color: #f7fafc;
}

div.ui-datatable.ClsNoHandCursor .ui-state-highlight
{
	cursor: inherit;
}

.ClsEllipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* --------------- Tabelle --------------- */
td.ClsTdEllipsis				/* Zelleninhalt wird abgeschnitten und stattdessen ... eingeblendet */
{
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 0px;
}
.ui-datatable thead th			/* Header linksbündig und unten */
{
    text-align: left;
    vertical-align: bottom;
}
.ClsFilterHeadSelectOneMenu		/* Combobox im Filterheader */
{
    vertical-align: bottom;
}
.ui-datatable .ui-column-filter
{
 	width: 100%;
  	margin: 0px;
}
.ui-column-title > .ui-autocomplete
{
 	width: 90%; /* fallback if needed */
  	width: calc(100% - 15px);
  	margin: 0px;
}
.ui-filter-column > div.ui-column-customfilter > span.ui-autocomplete
{
	width: 100%
}
.ui-column-title > .ui-autocomplete > .ui-autocomplete-input, 
.ui-filter-column > div.ui-column-customfilter > span.ui-autocomplete > input.ui-autocomplete-input,
.ui-filter-column > div.ui-column-customfilter > input.ui-inputfield
{
  	width: calc(100% - 10px);
  	min-width: 30px;
}

.ui-column-customfilter > input.ClsFilterInputBox
{
	background-color:white !important;
	padding-top:3px;
	padding-bottom:1px;
}

/* Filtereingabefelder weniger hoch */
th > .ui-column-filter, 
th > .ui-column-customfilter > .ui-selectonemenu > .ui-selectonemenu-label, 
.ui-autocomplete > .ui-autocomplete-input, 
th > .ui-column-customfilter > .ui-calendar > .ui-inputfield
{
	padding: 3px 4px 1px 4px;
}
th > .ui-column-filter /*, th > .ui-column-customfilter > .ui-calendar > .ui-inputfield*/	/*, .ui-selectonemenu > .ui-selectonemenu-label*/
{
 	width: 90%; /* fallback if needed */
  	width: calc(100% - 10px);
}
.ui-datatable thead th.ClsTabCheckbox
{
	padding-bottom: 1px;
}
.ClsTabCheckbox > .ui-column-title > .ui-chkbox
{
	padding-top: 3px;
}
.ui-chkbox .ui-chkbox-label 
{
    margin-left: 6px;
    margin-top: 2px;
}

.ui-selectonebutton > .ui-button > span.ui-button-text
{
	padding: 2px .4em;
/*	padding: .2em .4em;*/
/*	font-size: 12.8px;*/
}

.ui-selectbooleanbutton > .ui-button-text {
	padding-top: 2px;
	padding-bottom: 2px;
}

.ui-selectcheckboxmenu
{
	width: 100%	
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label
{
    padding: 3px 26px 1px 5px;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label.ui-state-hover 
{
    background: transparent;
}
.ui-selectonemenu .ui-selectonemenu-label 
{
    padding: 3px 4px 1px 5px;
}

/* TABLE-ICONS --------------------------------------------------------------------------------------------------------*/
.ClsButCellBlueTrans, 
.ClsButCellBlue, 
.ClsButCellGrey
{
	margin-top: 2px;
	padding-top: 2px;
	height: 16px;
}
.ClsButCellBlueTrans
{
	color: #2779aa;
	background-color: transparent;
}
.ClsButCellBlue
{
	color: #2779aa;
	background-color: white;
}
.ClsButCellGrey
{
	color: #e4e4e4;
	background-color: white;
}
.ClsButCellGrey > .ui-icon.fa {
	color: #AAA;
}
.ClsIcoCellBlue {
	color: #2779aa;
	height: 12.8px;
	overflow: visible;
	margin-top: 2px;
}
.ui-datatable-data > tr > td > .fa-fw, 
.ui-datatable-data > tr > td > a > .fa-fw
{
	text-align: center;
}
.ui-datatable-data > tr > td > .ClsTabLink
{
	text-decoration: none;
	background-color: transparent;
}
button.ui-button.ui-widget.ui-button-icon-only.ClsButFlat {
	position:relative;
	top:4px;
}
button.ui-button.ui-widget.ui-button-icon-only.ClsButFlat,
.ui-datatable-data > tr > td > button.ClsTabButFlat
{
	border: none;
	background: transparent;
	width: 16px;
	height: 16px;
}
.ui-datatable-data > tr > td > button.ClsTabButFlat > .ui-icon
{
	margin-top: -5px;
}

.ui-datatable-data > tr > td > button.decent
{
	background: transparent;
	border: none;
	width: 1em;
}
.ui-datatable-data > tr > td > button.decent > .ui-button-text
{
	font-size:12.8px;
	padding: 0px;
}


.ui-datatable-data > .ui-datatable-summaryrow > td
{
	padding-top: 8px;
	padding-bottom: 8px;
} 

.ui-datatable td.ClsTabCheckbox
{
	padding-top: 1.5px;
	padding-bottom: 1px;
	font-size: 0.8em;
}
.ui-datatable td.ClsTabCheckbox > .ui-chkbox, 
.ui-datatable td.ClsTabCheckbox > .ui-chkbox > .ui-chkbox-box
{
	vertical-align: bottom;
}
.ui-datatable-data > tr > .ClsTabTD,
.ui-datatable-resizable > tr > .ClsTabTD
{
	padding-top: 2px;
	padding-bottom: 2px;
}
.ui-datatable-data > tr > .ClsTabTDCheck
{
	padding-top: 3px;
	padding-bottom: 0px;
}
.ui-datatable-data > tr > .ClsTabTDCheck > .ui-chkbox > .ui-chkbox-box > .ui-chkbox-icon
{
	background-image: url("/rsiv/img/ui-icons_ffffff_256x240.png");
}
.ui-datatable-data > tr > .ClsTabTDIcon
{
	padding-top: 1.5px;
	padding-bottom: 1px;
}
.ui-datatable-data > tr > .ClsTabTDIcon > .ui-chkbox, 
.ui-datatable-data > tr > .ClsTabTDIcon > .ui-chkbox > .ui-chkbox-box
{
	vertical-align: bottom;
}

thead > tr > .ClsTabTDIcon
{
	padding-bottom: 6px;
}
.ui-datatable-data > tr > .ClsTabCol1
{
	background-color: white;
}
.ui-datatable-data > tr.ui-state-hover > .ClsTabCol1, 
.ui-datatable-data > tr.ui-state-highlight > .ClsTabCol1
{
	background-color: transparent;
}

.ui-datatable-tablewrapper > table > thead > tr > .ui-filter-column > .ui-column-customfilter > .ui-selectcheckboxmenu.ClsFilterSelectBoxAll
{
    background: #d7ebf9 url("/rsiv/img/ui-bg_glass_80_d7ebf9_cupertino.png") 50% 50% repeat-x;
}
.ui-datatable-tablewrapper > table > thead > tr > .ui-filter-column > .ui-column-customfilter > .ui-selectcheckboxmenu.ClsFilterSelectBoxFiltered
{
	background-color:#FFEA66 !important;
	background:#FFF599 url("/rsiv/img/ui-bg_glass_yellow_dark.png") 50% 50% repeat-x;
	
}
.ui-selectcheckboxmenu.ui-widget  .ui-selectcheckboxmenu-label-container {
	border: none;
	color: #2779AA;
}

/* Pfeil bei Sortierung in Filter-Selectbox */
th.ui-state-active .ClsFilterSelectBoxFiltered .ui-icon, 
th.ui-state-active .ClsFilterSelectBoxAll .ui-icon, 
th.ui-state-active .ClsFilterHeadSelectOneMenu .ui-icon
{
    background-image: url("/rsiv/img/ui-icons_3d80b3_256x240.png");
}

.ClsTblPackets > .ui-datatable-tablewrapper > .ui-datatable-resizable > thead > tr > th
{
	padding: 4px 10px;
}
.ClsTblPackets > .ui-datatable-tablewrapper > .ui-datatable-resizable > .ui-datatable-data > .ui-datatable-summaryrow > td
{
	padding: 4px 10px;
}

tr.ui-widget-content.ui-datatable-empty-message > td,
.ui-dataview.ui-dataview-empty > .ui-dataview-content 
{
	font-style: italic;
}

/* TABLE-EDIT ------------------------------------------------------------------------------------------------------*/
/* editieren von Tabellen-Zellen in blauer Schrift */
.ui-cell-editor > .ui-cell-editor-input > input
{
 	width: 100%; /* fallback if needed */
  	width: calc(100% - 14px);
	padding-left:9px;
	color: #2779aa;
}
.ui-cell-editor > .ui-cell-editor-input > select
{
	padding-top: 1px;
	padding-bottom: 1px;
 	width: 100%; /* fallback if needed */
  	width: calc(100% - 4px);
	padding-left:9px;
	color: #2779aa;
}
/* Combobox in Tabellenzelle mit 100% */
.ui-cell-editor-input > .ui-selectonemenu
{
 	width: 100%; /* fallback if needed */
  	width: calc(100% - 28px);
	color: #2779aa;
}
.ui-cell-editor-input > .ui-selectonemenu > .ui-selectonemenu-label
{
	width: 100%;
	overflow: visible;	/* sonst "hidden" und die Zeile zu hoch! */ 
	padding-left:9px;
	color: #2779aa;
}
/* editieren in UserList mit schmalen Zeilen */
.ClsTblUsr .ui-cell-editor > .ui-cell-editor-input > input, 
.ClsTblUsr .ui-cell-editor-input > .ui-selectonemenu > .ui-selectonemenu-label
{
	padding-top: 2px;
	padding-bottom: 2px;
	color: #2779aa;
}
.ClsTblUsr .ui-cell-editor > .ui-cell-editor-input > input.ClsMandatory
{
	background-color: #FEFFEA;
}

/* BUTTON ---------------------------------------------------------------------------------------------------------*/
.ui-button-icon-only .fa.ui-icon, 
.ui-button-text-icon-left .fa.ui-icon, 
.ui-button-text-icon-right .fa.ui-icon 
{
    margin-top: -6px;
    overflow: visible;	/* damit font-awesome icons nicht abgeschnitten werden (relevant ab v6.4) */
}

.ui-button-icon-only.ui-button-no-cell .fa.ui-icon {
	margin-top: -9px;
}

.ui-tabs-panel .ui-tabs-panel .ui-button-icon-only .fa.ui-icon {
	line-height: 12.0px;
	margin-top: -5px;
}

.ui-menubutton > .ui-button
{
	width: 30px;
}
.ui-menubutton.ClsButWithText > .ui-button
{
	width: auto;
}

/* MSG / COLOR -----------------------------------------------------------------------------------------------------*/
.ui-messages-info, 
.ui-messages-warn, 
.ui-messages-error, 
.ui-messages-fatal 
{
    padding: 6px 10px 6px 10px;
}
/* Info-Growl in grau */
.ui-messages-info, 
.ui-message-info 
{
    /*color: #3a87ad;*/
    color: #7FA87F;
    background-color: #EBF4EB;
    border-color: #C3D8C3;
}

.ui-messages-warn,
.ui-message-warn
{
	color: #938136;
	background-color: #FCF8E3;
	border-color: #EAE0AD;
}

.ui-messages
{
	text-align: left;
}
.ui-messages ul 
{
    margin: 0 15px 0 24px;
}
.ui-messages .ClsMessageContent .ui-messages-fatal-summary
{
	margin-left:0px !important;
}
.ui-messages .ClsMessageContent
{
	margin-left:15px;
}
.ui-messages-info-summary, 
.ui-messages-warn-summary, 
.ui-messages-error-summary, 
.ui-messages-fatal-summary, 
.ui-message-info-summary, 
.ui-message-warn-summary, 
.ui-message-error-summary, 
.ui-message-fatal-summary 
{
    margin-left: 0px;
}

.ui-messages-fatal .ui-messages-fatal-icon,
.ui-messages-info .ui-messages-info-icon,
.ui-messages-error .ui-messages-error-icon,
.ui-messages-warn .ui-messages-warn-icon
{
	background: none;
}

.ui-messages-fatal .ui-messages-fatal-icon::before,
.ui-messages-info .ui-messages-info-icon::before,
.ui-messages-error .ui-messages-error-icon::before,
.ui-messages-warn .ui-messages-warn-icon::before
{
	font-family: FontAwesome;
	font-size: 1.5em;
}

.ui-messages-error .ui-messages-error-icon::before { content: "\f057";}
.ui-messages-fatal .ui-messages-fatal-icon::before { content: "\f06a";}
.ui-messages-warn  .ui-messages-warn-icon::before  { content: "\f071";}
.ui-messages-info  .ui-messages-info-icon::before  { content: "\f05a";}

.ClsMsgErr
{
	font-weight:bold;
	font-size:1em;
	color:#BF0000;
}
.ClsMsgInfo
{
	color: #BF0000;
	font-size: smaller;
	margin-bottom: 8px;
}

.ClsBlueColor /*, .ui-editor-toolbar */
{
    background: linear-gradient(#F1F7FB, #DEEDF7);
}
.ClsDraftColor,
.ClsDraftColor  .ui-treenode-content
{
    background: linear-gradient(#F6FBF1, #EAF7DE);
/*	background-color:#D7FFB2;*/
}
.ClsOutdatedColor,
.ClsOutdatedColor .ui-treenode-content
{
    background: linear-gradient(#f2f5f7, #E0E3E5);
/*	background-color:#D7FFB2;*/
}
.ClsNoViewRight
{
	text-decoration: line-through;
	color: #AAA;
}
.ClsSuspendColor,
.ClsSuspendColor .ui-treenode-content
{
    background: linear-gradient(#FBF6F1, #F7EADE);
/*	background-color:#FFD7B2;*/
}
.ClsFreshColor
{
    background: linear-gradient(#F9F9D4, #F4F492);
/*	background-color:#F4F4DC;*/
}
.ClsDisabledColor,
.ClsDisabledColor .ui-treenode-content
{
	background: linear-gradient(#F6F6F6, #ECECEC);
}

.ClsTblBg
{
	margin-top: 5px;
}
.ClsTblBg.ClsDraftColor > tbody > tr, 
.ClsTblBg.ClsDraftColor > tbody > tr .ui-breadcrumb,
.ClsTblBg.ClsSuspendColor > tbody > tr, 
.ClsTblBg.ClsSuspendColor > tbody > tr .ui-breadcrumb,
.ClsTblBg.ClsBlueColor > tbody > tr, 
.ClsTblBg.ClsBlueColor > tbody > tr .ui-breadcrumb,
.ClsTblBg.ClsBlueColor > tbody > tr .ClsButCellBlue
{
    background: transparent;
}

.ClsTblBg.ClsBlueColor > tbody > tr .ui-button
{
	background:inherit !important;
}

div.ui-breadcrumb.ClsNotSelectable.ClsNotUnderlined a
{
	color: black;
}
.ui-breadcrumb-chevron 
{
    margin-top: 1px;
}
.ui-breadcrumb.ClsNotSelectable.ClsNotUnderlined
{	/* zusätzlich */
	padding-top: 1px;
	padding-bottom: 3px;
	font-style: italic;
	font-weight: normal;
	color: black;
	font-size: 0.85em;
}
.ui-breadcrumb.ClsNotSelectable.ClsNotUnderlined > .ui-breadcrumb-items > li > .ui-menuitem-link.ui-state-disabled
{
	opacity: 1;
}

.ui-breadcrumb .ui-breadcrumb-home-icon {
	margin-right: 3px;
}

.ui-breadcrumb > .ui-breadcrumb-items > li > .ui-menuitem-link > .ui-menuitem-icon
{
	display: inline;
	padding:6px;
}
.ClsDlgBreadCrumb
{
	padding: 4px 0px;
}

.ClsNotSelectable, 
.ClsNotSelectable *
{
	cursor:default;
}
.ClsNotUnderlined, 
.ClsNotUnderlined *
{
	text-decoration:none;
}

.ClsMissingPacket, 
.ClsMissingPacket > td > .ui-outputlabel 
{
	background-color:#f7f7f7;
	color: #808080;
}


/* DIALOG ---------------------------------------------------------------------------------------------------------*/
.ClsButOKCancel							/* OK/Cancel abgesetzt */
{
	margin-top: 1.5em;
}

.ClsFSTitle
{
	margin-top: 1em;
}
.ClsFSTitle > legend {
	border: 1px solid #aed0ea;
	background: #deedf7 url("/rsiv/jakarta.faces.resource/images/ui-bg_highlight-soft_100_deedf7_1x100.png.xhtml?ln=primefaces-cupertino") 50% 50% repeat-x !important;
	color: #222222;
	font-weight: bold;
}
.ui-fieldset .ui-fieldset-legend
{
	padding-top: 2.5px;
	padding-bottom: 2.5px;
}

.ui-widget-content > .ClsLoginCellLeft		/* Padding Celle links */
{
	padding: 2px 10px 2px 10px;
	text-align: left;
	width: 90px;
}
.ui-widget-content > .ClsLoginCellRight	/* Padding Celle rechts */
{
	padding: 2px 0px 2px 0px;
	text-align: left;
}
.ui-widget-content > .ClsPGCellLeft		/* Padding Celle links */
{
	padding: 2px 10px 2px 0px;
}
.ui-widget-content > .ClsPGCellRight	/* Padding Celle rechts */
{
	padding: 2px 0px 2px 0px;
}
.ui-widget-content > .ClsPGCellMiddle	/* Padding Celle mittig */
{
	padding: 2px 10px;
}
.ui-panelgrid-cell > .ClsWidth250		/* Länge Eingabefelder */
{
	width: 250px;
}
.ui-panelgrid-cell > .ClsWidth250[type='search'] {
	box-sizing: content-box;
}
.ui-panelgrid-cell > .ClsWidth300		/* Länge Eingabefelder */
{
	width: 300px;
}
.ClsACWidth40
{
	width: 40px;
}
.ClsACWidth300
{
	width: 309px;	/* +9px, ist sonst zu anderen Inputs zu kurz */
}
.ClsACWidth300.ui-autocomplete > input, 
.ClsACWidth40.ui-autocomplete > input
{
 	width: 90%; /* fallback if needed */
  	width: calc(100% - 39px);
  	margin: 0px;
  	padding-top: 4px;
  	padding-bottom: 4px;
}

.ClsDlgHeader
{
	text-align: left;
	padding: 5px 10px 3px;
	margin: 8px 0 4px;
	color: #2779aa;
}
.ui-accordion-content .ClsDlgHeader
{
	margin: 0px;
}

/*-------------------------------------------------------------------------*/
/* Selektion (Highlight) */
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight
{
	border: 1px solid #dddddd; /*FFFFC6;*/
    background: linear-gradient(#FDFBE7, #FDF6C5);
}

.ui-state-highlight .ui-icon 
{
    background-image: url("/rsiv/img/ui-icons_3d80b3_256x240.png");
}
.ui-state-highlight .ClsTabTDIcon .ui-icon 
{
    background-image: url("/rsiv/img/ui-icons_ffffff_256x240.png");
}


/* watermark/placeholder in grey (default color is too intense/black) */
input::placeholder 
{
   color: #CCC;
   opacity: 1;	/* override firefox's default value */
}

/* ----------------------------------------------------------------------------------------------------------------*/
.ClsDarkPlane
{
	background-color:black;
	opacity:0.75;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
}
.ClsNoJScript
{
	z-index:1001;
	position:absolute;
	top:4em;
	width:50%;
	margin-left:25%;
}
.ClsNoJScript, 
.ClsNoJScript *
{
	cursor:default;
}
.ClsNoSelect, 
.ClsNoSelect *
{
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
            user-select: none; /* Non-prefixed version */
}
.ClsNoJScriptTitle
{
	padding:10px;
}
.ui-menu-dynamic,
.ui-autocomplete-panel
{
	width: auto;
	white-space: nowrap;
}
.ClsDlgInputTA
{
	width: 100%;
}
.ClsDlgInputNum > input
{
	padding: 3px 4px 1px;
}
.ClsPGTextArea
{
	width: 100%;
	vertical-align: top;
	margin-bottom: 10px;
}
.ClsDlgInputNum > input
{
	text-align: right;
	width: 30px;
}
.ClsDlgCalendar > button
{
	margin-left: 10px;
}


/* SUCHE ----------------------------------------------------------------------------------------------------------*/
/* (Such-)Dialoge */
.ClsDlgTitleInline
{
	font-weight:bold;
	margin-top:6px;
	margin-bottom:8px;
}
.ClsDlgTitleBig
{
	font-size:16pt;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:15px;
	color: #2779aa;
}
.ClsDlgTxtBlue
{
	color: #2779aa;
}

td > a.ClsFileLink
{
	color: #2779aa;
	text-decoration:none;
}
td > a.ClsFileLink:hover
{
	background-color:#E8F3FB;
}

/* alle Eingabe-Felder im Suchbereich */
.ClsDlgSearchHeader > input.ui-inputfield, 
.ClsDlgSearchHeader > div > label.ui-inputfield
{
	padding-bottom: 2px;	/* anstatt 4px */
}
.ClsDlgSelOneRadio
{
	margin-bottom:5px;
}
.ClsDlgSelOneRadio > tbody > tr > td > label
{
	margin-right: 10px;
	margin-top: 2px;
}
.ClsDlgUserSettings > tbody > tr > td:nth-child(3) > div		/* weil die Radiobutton in einer Tabelle stehen 1=Kreis, 2=Text, 3=Kreis, 4=Text */
{
	margin-left: 20px;
}

.ClsSearchTable .ui-datatable-data > tr > td > button.ClsTabButFlat, 
.ClsSearchTable .ui-datatable-data > tr > td > span.ClsButCellBlue,
.ClsNotes .ui-datatable-data > tr > td > span.ClsButCellBlueTrans
{
	padding: 2px 0 0 0;
	margin-top: -2px;
	margin-bottom: -2px;
}
.ClsDlgSearchDetails
{
    margin: 0 0 0 8px;
    border-spacing: 5px;
    border-collapse: separate;
}
.ClsSrchRangeIcon
{
	vertical-align:top;
	margin-top:1.5px;
	margin-right:4px;
	font-size:18px;
	color:#2779AA;
}
.ui-panelgrid-cell.ClsDlgSearchDetailsLeft
{
	padding-left: 0px;
	padding-right: 10px;
}
.ui-panelgrid-cell.ClsDlgSearchDetailsRight
{
	padding-left: 0px;
}

.ClsSysConf .ui-accordion-content
{
	padding-right: 0px;
	
}
.ui-panelgrid.ClsSysConfTabFeat .ui-panelgrid-cell
{
	padding: 0px 10px 0px 0px;
}
.ui-panelgrid.ClsSysConfTab .ui-panelgrid-cell
{
	padding: 2px 10px 2px 0px;
}
/*------------- Text Search Layout ------------- */
div.ClsDlgSearchHeader > table.ui-panelgrid > tbody > tr > td .ClsDlgSearchGroup 
{
	border: 1px solid;
    border-color: #dddddd;
    margin: 4px 10px;
    padding-top: 2px;
    padding-bottom: 0px;
}
.ClsDlgSearchGroup > .ClsDlgSelOneRadio, .ClsDlgSelOneRadio > tbody > tr > td > label
{
    padding: 0px 4px;
}

.ClsDlgSearchGroup > .ui-selectonemenu .ui-selectonemenu-label,
.ClsDlgSearchGroup > .ui-selectbooleancheckbox .ui-chkbox-label
{
    padding: 4px;
}

.ClsDlgSearchGroup .ui-selectbooleancheckbox .ui-chkbox-box {
	margin-left:8px;
	margin-top:4px;
	margin-bottom:4px;
}

.ClsDlgSearchGroup .ui-selectonemenu {
	margin:4px;
}

.ClsSearchOptsBlock {
	display: none;
	border-left: solid 4px #aed0ea;
}

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close 
{
	margin-left: 10px;
}

/* TOOLTIP --------------------------------------------------------------------------------------------------------*/
.ui-tooltip .ui-tooltip-text 
{
   	padding: 2px 8px;
/*    background-color: #eeeeee;*/
    color: #4c4c4c;
    font-size: 0.9em;
    background: linear-gradient(160deg, #FFFFFF, #CDD6E9);
    border: 1px solid;
    border-color: #4c4c4c;
}

.ui-with-tooltip {
	cursor: help;
	border-bottom: dotted 2px white;
}

.ClsWhiteTooltip .ui-tooltip-text
{
	background: linear-gradient(160deg, #FFFFFF, #CDD6E9);
}
.ClsWhiteTooltip .ui-tooltip-text > p
{
	margin-top: 6px;
	margin-bottom: 6px;
}


/*-------------------------------------------------------------------------------------------------------------------*/
.ClsEditor p
{
	margin-top:0.25em;
	margin-bottom:0.25em;
}

.ClsButCellHover tr button
{
	opacity: 0;
}
.ClsButCellHover tr:hover button
{
	opacity: 0.5;
}
.ClsButCellHover tr button:hover
{
	opacity: 1;
}

.ClsButCellHover tr button.ui-state-disabled
{
	visibility: hidden !important;
}

.ClsCellEdited
{
	background-color : #D8A2D0;
}
.ClsTextCellHeaderRightDefault
{
	color: darkgoldenrod;
}
.ClsCheckboxEmpty, 
.ClsCheckboxPartial, 
.ClsCheckboxFull
{
	padding-right: 5px;
}
.ClsCheckboxEmpty > .ui-chkbox-box > .ui-chkbox-icon
{
	background-color: white;
}
.ClsCheckboxPartial > .ui-chkbox-box > .ui-chkbox-icon
{
	background-color: lightGray;
}
.ClsCheckboxFull > .ui-chkbox-box > .ui-chkbox-icon
{
	background-color: transparent;
}
.ClsMoiRestrict, .ClsMoiRestrict:hover, .ClsMoiRestrict .ui-button-icon.ClsButCellBlue,
.ClsPubRestrict, .ClsPubRestrict:hover, .ClsPubRestrict .ui-button-icon.ClsButCellBlue,
.ClsRightsModelRestricted,
.ClsMoiRestrict.ui-accordion-header
{
	color: indianred;
}

td.ClsMoiRestrictCell
{
	background: linear-gradient(#FBF2F1, #FBF2F1, #F7E0DE, #F7E0DE);
	border: solid 1px #FFC5C0 !important;
	color: indianred;
}

.ClsRightsCountEmpty
{
	color: lightgray;
}
.ClsRightsCountPartial
{
	color: lightslategray;
}
.ClsRightsCountFull
{
	color: black;
}

.ClsCheckboxOneRow
{
	display: flex;
}

/* Einfärbung der Dokumentationsergänzungen nach Typ */
.ClsSupplType > .num                       { display:inline-block; background-color: white; padding:0.25em 0.5em; border-radius:0.75em }
.ClsSupplType    , .ClsSupplType:hover     { background: repeating-linear-gradient(135deg, rgba(128,128,128,0.5), rgba(128,128,128,0.5) 10px, #FFFFFF 10px, #FFFFFF 20px); }
.ClsSupplType.BTE, .ClsSupplType.BTE:hover { background: repeating-linear-gradient(135deg, rgba(255,124,128,0.5), rgba(255,124,128,0.5) 10px, #FFFFFF 10px, #FFFFFF 20px); }
.ClsSupplType.TA , .ClsSupplType.TA:hover  { background: repeating-linear-gradient(135deg, rgba(102,153,255,0.5), rgba(102,153,255,0.5) 10px, #FFFFFF 10px, #FFFFFF 20px); }


button.ui-button.ClsSupplButtonActive
{
	box-shadow: inset 0px 0px 6px #444;
}

.ClsIconBlue
{
	color: #2779AA;
}
.ClsIconGrey
{
	color: #DDDDDD;
}
.ClsIconWeak
{
	color: #AAAAAA;
}
.ClsIconDimmed
{
	opacity: 0.33;
	filter: grayscale(0.66);
}
.ClsTblStatus
{
	max-width: 400px;
}

.ClsEstTimeInvalid
{
	background-color: #FF8080;
	background: linear-gradient(#FFAAAA, #FF8080);
}

.ClsCursorHelp
{
	cursor: help;
}

.ClsEstTimeInvalidMsg
{
	text-align: right;
	font-style: italic;
	padding: 2px 4px;
	margin-top: 6px;
	border-radius: 6px;
	border: solid 1px #AA0000;
	color: black;
	font-size: 1.125em !important;
}

#idDocFrameMask,
#idFigFrameMask,
#idLegFrameMask
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	display: none;
}
.ql-snow.ui-editor-toolbar
{
	padding: 4px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: linear-gradient(#FFFFFF, #EEEEEE);
}
.ql-snow.ql-container
{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.ql-picker .ql-picker-options {
	background-color: white;
}

/* customize datePicker component */
.ui-datepicker-group button,
.ui-timepicker-timeinput button {
	background: none;
	border: none;
	cursor: pointer;
	filter: brightness(75%);
}
.ui-datepicker-group button:hover,
.ui-timepicker-timeinput button:hover {
	filter: brightness(100%);
}
.ui-datepicker .ui-icon {
	left: 0;
}
.ui-timepicker-timeinput .ui-inputfield {
	box-shadow: none;
	border: 1px solid #aed0ea;
	border-radius: 6px;
}

.ClsRepubProgress
{
	border-radius:6px;
	border: 1px solid #2694e8;
	background: linear-gradient(#62BBE8 0%, #62BBE8 25%, #62BBE8 50%, #3BAAE3 50%, #75C3EB 75%, #75C3EB 100%);
	color: white;
	overflow: hidden;
}

.ui-layout-container > .ui-layout-north,
.ui-layout-container > .ui-layout-west,
.ui-layout-container > .ui-layout-center,
.ui-layout-container > .ui-layout-east
{
	display: none;	/* workaround, damit die Layout Panes beim Laden nicht zappeln */
}

.ui-sidebar-right
{
	right:-10px;	/* damit der Schatten bei geschlossener Sidebar nicht zu sehen ist */
}

.ui-sidebar.ui-sidebar-top,
.ui-sidebar.ui-sidebar-bottom {
	height: auto !important;
	padding-bottom: 1em;
}
.ui-sidebar.ui-sidebar-top    .ui-sidebar-content,
.ui-sidebar.ui-sidebar-bottom .ui-sidebar-content {
	border: none;
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-icon
{
	color: #2779AA;
	padding-right:0.5em;
}
.ClsWebkitScrollable
{
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll
}
.ui-inplace-display
{
	background-color: #E8F4FC;
}
.ui-fileupload.ClsUploadHideUpload > .ui-fileupload-buttonbar > .ui-button.ui-fileupload-upload,
.ui-fileupload.ClsUploadHideCancel > .ui-fileupload-buttonbar > .ui-button.ui-fileupload-cancel
{
	display: none;
}
.ui-fileupload.ClsUploadOneLiner .ui-fileupload-row > div:nth-child(1) { display: none; }			/* preview */
.ui-fileupload.ClsUploadOneLiner .ui-fileupload-row > div:nth-child(2) { display: inline-block; }	/* filename */
.ui-fileupload.ClsUploadOneLiner .ui-fileupload-row > div:nth-child(3) { display: none; }			/* filesize */
.ui-fileupload.ClsUploadOneLiner .ui-fileupload-row > div:nth-child(4) { display: block; }			/* progress bar */
.ui-fileupload.ClsUploadOneLiner .ui-fileupload-row > div:nth-child(5) { vertical-align: top; }		/* remove button */


.ui-fileupload-files 
{
    margin: 0;
}

body .ui-toggleswitch .ui-toggleswitch-slider
{
  transition: background-color .3s;
  border-radius: 30px;
  background: #ccc;
}

body .ui-toggleswitch .ui-toggleswitch-slider::before
{
  background-color: #fff;
  height: 1.250em;
  width: 1.250em;
  left: .25em;
  bottom: .25em;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
}

.ui-toggleswitch-slider::before {
  position: absolute;
  content: "";
  height: 1.250em;
  width: 1.250em;
  left: .25em;
  bottom: .25em;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
}

body .ui-toggleswitch.ui-widget.ui-toggleswitch-checked .ui-toggleswitch-slider {
  background-color: #2779AA;
}

body .ui-toggleswitch.ui-widget.ui-toggleswitch-checked .ui-toggleswitch-slider::before {
	left: 1.5em;
}

.ui-panel-titlebar.ui-widget-header > .ui-toggleswitch {
	font-size: 9px;
	background: none;
}

.ClsHeadAppLogo		{ margin-left:1px;margin-right:5px;width:24px;height:24px;vertical-align:top;border-radius:5px;transition-property:transform;transition-duration:0.125s; }
.ClsHeadPortalIcon	{ margin-left:24px;vertical-align:bottom;height:28px; }
.ClsHeadPortalName	{ font-size:18px;vertical-align:baseline;font-style:italic;font-weight:normal;padding-left:0.5em;color:#EEE; }
.ClsHeadAppLogo.hoverable:hover { box-shadow: 0px 0px 3px 1px #FFF;transform:scale(1.25); }

.ClsTabSubTitle	{ font-size: 1.25em; line-height:22px; font-weight: bold; }
.ClsHlp			{ cursor: help; }
.ClsTabIco		{ display: none; }
.ClsTabTxt		{ display: inline-block; }
.ClsOnlyMobile	{ display: none; }
.ClsOnlyDesktop { display: inline-block; }
.ClsPara		{ padding:0.5em 0em; }

.ui-tooltip-text > ul {
	padding-left: 16px;
	margin: 0.5em 0em;
}

.ui-paginator-rpp-options.ui-widget {
	background: #d7ebf9 url("/rsiv/img/ui-bg_glass_80_d7ebf9_cupertino.png") 50% 50% repeat-x;
}

.ClsClickable
{
	background-color: transparent;
	color: #2779AA !important;
	text-decoration: none;
}
.ClsClickable:hover
{
	text-decoration: underline;
}
#idFrmApplFiltEdit .ClsApplParamVector .ui-datatable-scrollable-body .ui-editable-column,
#idFrmApplFiltEdit .ClsDlgHeader .ui-inputfield {
	padding: 2px 10px;
}
#idFrmApplFiltEdit .ClsDlgHeader {
	padding: 3px 10px;
}
#idFrmApplFiltEdit .ui-tabs-panels .ui-tabs-panel {
	padding: 5px 0px 0px;
}
#idFrmApplFiltEdit .ui-tabs-nav .ui-tabs-actions {
	margin-right: 7px;
}
#idFrmApplFiltEdit .ui-datatable-header.ui-widget-header.ui-corner-top .ui-button.ui-button-icon-only {
	font-size: 12px !important;
	height: 19px;
	width: 28px;
}
.ClsApplParamGrp > .ui-invalid {
	text-decoration: #BF0000 wavy underline;
	cursor: help;
}
.ClsApplParamGrp {
	font-family:Consolas, Courier New;
}
.ClsApplParamVector .ui-row-editor.ui-helper-clearfix {
	float:right;
}
.ClsApplParamVector .ui-row-editor.ui-helper-clearfix > a.ui-row-editor-close {
	display:none !important;
}
.ClsApplParamVector .ui-row-editor.ui-helper-clearfix > a.ui-row-editor-check {
	margin-right:0.75em;
}
.ClsApplParamVector .ui-editable-column .ui-button.ui-button-icon-only {
	background:none;
	border:none;
}
.ClsApplParamVector .ui-editable-column .ui-button .ui-button-text.ui-c {
	margin:0px;
	padding:0.125em;
}
.ClsApplParamVector .ui-editable-column .ui-button.ClsTakeVal,
.ClsApplParamVector .ui-editable-column .ui-button.ClsRemoveVal {
	float:right;
	width:1.5em;
}
.ui-cell-editor-disabled .ui-row-editor {
	display:none;
}

.ui-tabs-actions > button.ui-button > .ui-button-text {
	padding:0.125em;
}

.ClsIpcSearchInfo {
	border: 1px solid #2799AA;
	border-radius: 6px;
	box-shadow: 0px 0px 6px grey;
	padding:0.75em;
}

.ClsApplIpcSearch .ui-datalist-empty-message {
	margin-bottom:50px;
}

.ClsAttachList {
	resize: vertical;
	height: 100px;
	overflow-y:auto;
	border-bottom: 3px dotted #AAA
}

.ClsAttachList.ui-disabled {
	color: #B2B2B2;
}

.ClsAttachUpload {
	resize: vertical;
}
.ClsAttachUpload .ui-fileupload-buttonbar {
	position: sticky;
	top: 0px;
	z-index: 1000;
}

.ClsDefRepState {
	display:inline-block;
	color:white;
	background-color:#B5B9BC;
	padding:0.25em 0.75em;
	border-radius:0.5em;
	cursor: default;
}

.ui-divider.ui-divider-solid.ui-divider-horizontal {
	padding: 2px 0px 8px;
}
.ui-divider.ui-divider-solid.ui-divider-horizontal::before {
	color: #d7ebf9;
	border-width: 2px;
}

.ui-editor-toolbar .ql-formats .ql-stroke {
	stroke: #222;
}
.ui-editor-toolbar .ql-formats .ql-picker-label {
	color: #222;
}
.ui-confirm-dialog-severity.fa.fa-fw.fa-triangle-exclamation {
	position: relative;	/* #WA Workaround, Icons sitzt von Natur aus zu hoch */
	top: 0.2em;
}
code, .ui-code-block {
	font-family: Consolas;
}

.ClsSsoCfg .ui-inputtext,
.ClsSsoCfg .ui-inputtextarea,
.ClsSsoCfg .ui-password {
	width: 31.125em;
	font-family: Consolas, Courier New, Arial, sans-serif;
}
.ClsSsoCfg .ui-semi-width {
	width: 15em;
}
.ClsSsoCfg .ui-semi-width:first-child {
	margin-right: 0.25em;
}
.ClsSsoCfg .ui-inputfield.ui-width-minus-button {
	width: calc(100% - 3.5em);	
}
.ClsSsoCfg .ui-inputfield[readonly] {
	color: #888;
}

.ClsPubTreeSelBooks .ui-tree-container .ui-treenode {
	margin-bottom: 0.5em;
}
.ClsPubTreeSelBooks .ui-chkbox.ui-widget.ui-selection {
	margin-right: 0.5em;
}
.ui-tree-container .ui-multiline-node .ui-treenode-content .ui-treenode-icon,
.ui-tree-container .ui-multiline-node .ui-treenode-content .ui-chkbox {
	vertical-align: baseline;
}
.ui-tree-container .ui-treenode-content .ui-multiline-1 {
	font-weight: bold;
}
.ui-tree-container .ui-treenode-content .ui-multiline-2 {
	color: #AAA;
	font-family: Consolas;
}

.ClsPubMissing {
	color: #AAA;
}
.ClsPubMissing .ui-treenode-label {
	text-decoration: line-through;
}

.ui-validation-code {
	font-size: 1.75em;
	font-family: Consolas;
	color: #2779AA;
}

.html5-qrcode-element {
	border: 1px solid #aed0ea;
	background: #d7ebf9 url("/rsiv/jakarta.faces.resource/images/ui-bg_glass_80_d7ebf9_1x400.png.xhtml?ln=primefaces-cupertino&v=13.0.5&e=13.0.5") 50% 50% repeat-x;
	font-weight: bold;
	color: #2779aa;
	border-radius: 6px;
	padding: 3.8px 12.8px;
	cursor: pointer;
}
.html5-qrcode-element:hover {
	border: 1px solid #74b2e2;
	background: #e4f1fb url("/rsiv/jakarta.faces.resource/images/ui-bg_glass_100_e4f1fb_1x400.png.xhtml?ln=primefaces-cupertino&v=13.0.5&e=13.0.5") 50% 50% repeat-x;
	color: #0070a3;
}

span.html5-qrcode-element {
	margin-top: 0.5em;
	display: inline-block;
	text-decoration: none !important;
}

/* --------------- Responsive ------------------------- */
.ClsMobileOnly {
	display: none;
}

.ClsDesktopOnly {
	display: inline-block;
}

@media (max-width:800px) {
	.ClsMobileOnly {
		display: inline-block;
	}
	
	.ClsDesktopOnly {
		display: none;
	}
}

.ui-datatable .ui-rowgroup-header .ui-rowgroup-toggler .ui-rowgroup-toggler-icon {
	left: 0px;	/* workaround for firefox css bug -> set left position explicitly */
}

.ui-drop-zone.ui-state-drag {
	border: 3px dashed #2779AA;
	margin: -3px;
	border-radius: 12px;
	opacity: 0.5;
}