.ui-widget {
	font-family: "Segoe UI", Verdana, Arial, sans-serif;
	font-size: 12px;
}
.ui-widget .ui-widget {
	font-size: 12px;
}
.touch-mode {
}
.bmp-toolbar-button {
	width: 40px;
	/*height: 40px;*/
	font-size: 12px;
}
.bmp-toolbar-icon {
	width: 25px;
	/*height: 25px;*/
	top: 33% !important;
}
.bmp-toolbar-button-header {
	width: 40px !important;
	height: 40px !important;
	font-size: 11px !important;
}
.bmp-toolbar-icon-header {
	width: 35px !important;
	height: 35px !important;
	top: 30% !important;
	left: 5% !important;
}
.bmp-toolbar-button-header-print {
	width: 40px !important;
	height: 40px !important;
	font-size: 11px !important;
}
.bmp-toolbar-icon-header-print {
	width: 20px !important;
	height: 20px !important;
	top: 25% !important;
	left: 25% !important;
}
.bmp-toolbar-button-header-print .ui-button-text  {
	text-align: center;
	width: 35px;
	position: absolute;
	top: 54%;
	left: -19%;
	font-size: 10px;
}


.ui-menubutton .ui-button {
	margin: 0;
	font-size: 10px;
	height: 40px;
	vertical-align: top;
	margin-right: 1px;
}
.ui-menubutton {
	display: inline;
}
.ui-accordion .ui-accordion-header .ui-icon {
	display: inherit;
}
/*.ui-menu-dynamic .ui-menuitem {
	border: none;
	float: left;
	display: inline;
	width: 50%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 5px;
	clear: none;
}*/
.ui-accordion .ui-accordion-content {
	overflow: hidden;
}
body .ui-clock {
	font-size: 1.1rem !important;
	background-color: transparent;
	background-image: none;
	border: none;
	margin: 0px 0px 0px 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: var(--emro-color-text) !important;
}
.ui-datatable .ui-row-toggler {
	float: left;
	margin-right: 5px;
}
.ui-datatable tr.ui-state-highlight {
	cursor: pointer;
	border: 2px solid;
	border-color: var(--emro-color-action);
	background: var(--emro-color-surface);
	color: var(--emro-color-text);
}
.ui-datatable .ui-state-highlight .ui-icon {
}
.ui-datatable .ui-datatable-data tr.ui-state-hover {
	cursor: pointer;
	border: 2px solid;
	border-color: var(--emro-color-border);
	background: var(--emro-color-surface);
	font-weight: bold;
	color: var(--emro-color-text);
}
.ui-datatable .ui-state-hover .ui-icon {
}
.dw-calendar input {
	max-width: inherit;
	width: inherit;
	height: inherit;
	color: inherit;
}
.west {
	top: 7px !important;
}
.tab-icon {
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	float: left;
}
.ui-layout, .ui-layout-doc, .ui-layout-unit, .ui-layout-wrap, .ui-layout-bd, .ui-layout-hd{
	border: none;
}	
body .ui-datepicker .ui-datepicker-header
{
	padding:0px 0px 0px 0px !important;
}			
.mainTab > .ui-tabs-panels > .ui-tabs-panel {
	padding:0px 0px 0px 0px !important;
}
.row {
	margin-right: -5px !important;
	margin-left: -5px !important;
	margin-top: 5px !important;
}



.ui-panelgrid tbody tr td{
	border-bottom-color: white !important;
	border-left-color: white !important;
	border-right-color: white !important;
	border-top-color: white !important;
}
.ui-button{
	overflow: hidden !important;
}
.ui-button-text{
	
	padding-top: 8px !important;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: center;
}
.ui-button-icon-left{
	left: 2px !important;
}
.ui-button-icon-only .ui-button-text{
	padding-top: 1px !important;
}
.ui-button-icon-only .ui-icon{
	margin-left: 4px !important;
}
.ui-panel{
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	height: 100% !important;
	padding-right: 0px;
	padding-left: 0px;
}
.ui-panel .ui-panel-content{
	height: 100% !important;
	padding-left: 1px !important;
}
.ui-tabs-top .ui-tabs-panels{
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	color: var(--emro-color-text) !important;
}

.ui-tabs-top .ui-tabs-navscroller{
	padding-left: 0px !important;
}
.bigmenu{
	border-right-color: var(--emro-color-border-strong);
}
.bmp-toolbar-icon{
	top: 43% !important;
	width: 19px;
	height: 19px;
}
.ui-panelgrid .ui-panelgrid-cell{
	padding-left: 0px;
	padding-right: 0px;
}
.Container100{
	float: none;
}
.Container85{
	width: 86%;
}
.ui-inputfield{
	color: var(--emro-color-text) !important;
}
.ui-selectoneradio label{
	color: var(--emro-color-text) !important;
}

.ui-icon-help{
	background-position-x: -43px;
}

.ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet{
	margin-top: 0px;
	margin-left: 1px;
}
.bmp-info-bmp {
	background-repeat: no-repeat;
}
.bmp-closeui-bmp {
	background-repeat: no-repeat;
}
/*.ui-chkbox-box .ui-icon-check{
	padding-top: 14px;
	padding-left: 0px;
	margin-left: 3px;
}*/
.ui-datatable tr .ui-state-highlight{
	border-top-color: var(--emro-color-action);
	border-right-color: var(--emro-color-action);
	border-bottom-color: var(--emro-color-action);
	border-left-color: var(--emro-color-action);
}
.ui-datatable .ui-datatable-tablewrapper table thead tr th,.ui-datatable .ui-datatable-tablewrapper table tfoot tr td,.ui-datatable table thead tr th{
	color: black;
}
.ui-outputlabel, table tbody tr td{
	color: black;
}
.ui-menubutton .ui-button{
	height: 28px;
	/*margin-top: 6px;*/
}

.ui-menu{
	width:auto;
}
/* .ui-fieldset-legend .ui-icon-minusthick{
	background-image: url("/emro/jakarta.faces.resource/images/minus-sign.svg.trax?ln=primefaces-sentinel");
}
.ui-fieldset-legend .ui-icon-plusthick{
	background-image: url("/emro/jakarta.faces.resource/images/plus-sign.svg.trax?ln=primefaces-sentinel");
}

.ui-tree .ui-icon-triangle-1-e{ 
	background-image: url("/emro/jakarta.faces.resource/images/rightarrow-gray.svg.trax?ln=primefaces-sentinel");
}
.ui-tree .ui-icon-triangle-1-s{ 
	background-image: url("/emro/jakarta.faces.resource/images/downarrow-gray.svg.trax?ln=primefaces-sentinel");
}
 */

.dw-single-row .ui-spinner-input {
	padding-right: 6px;
	width: 82%;
	text-align: left;
}
.dw-cell .ui-spinner-input {
	padding-right: 6px;
	width: 96%;
	text-align: left;
}

.nav-pad > .ui-accordion-content  {
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.ui-tabs .ui-tabs-nav li .ui-icon {
	float: left;
	margin: 0 0 0 0;0
	cursor: pointer;
	top: -5%;
	/*left: -10%;*/
}
.object-padding > .ui-panel-content {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
}
.ui-selectonemenu label.ui-selectonemenu-label {
	width: 95% !important;
}

.ui-autocomplete-input{
    height: 95%;
}

/* Custom styles for the Timeline */
div.timeline-frame {
	border-color: var(--emro-color-action-hover);
	border-radius: 5px;
}

div.timeline-axis {
	border-color: var(--emro-color-action-hover);
	background-color: var(--emro-color-action-hover);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--emro-color-action-hover)', endColorstr='var(--emro-color-action)') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(var(--emro-color-action-hover)), to(var(--emro-color-action)));
	background: -moz-linear-gradient(top,  var(--emro-color-action-hover),  var(--emro-color-action));
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

div.timeline-groups-axis {
	border-color: var(--emro-color-action-hover);
}

div.timeline-groups-axis-onleft {
	border-style: none solid none none;
}

div.timeline-axis-text {
	color: white;
	font-size: 10px !important;
}

div.timeline-event {
	color: white !important;
	border-radius: 5px !important;
	
}

div.timeline-event-content {
	padding: 0px !important;
	text-shadow: none;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}

.ui-fileupload-choose{
	overflow: hidden;
	width: 25px;
	height: 25px;
	background-color: var(--emro-color-surface);
}
.ui-fileupload-buttonbar .ui-button{
	width: 25px;
	height: 25px;
	overflow: hidden;
	background-color: var(--emro-color-surface);
}
.bmp-toolbar-button{
	height: 28px;
	background-color: var(--emro-color-action);
	overflow: hidden;
	vertical-align: 0px;
	position: relative;
	margin-right: 5px;
	float: left;
}
.bmp-toolbar-button-cell{
	height: 28px;
	background-color: var(--emro-color-surface);
	overflow: hidden;
	vertical-align: 0px;
	position: relative;
	margin-right: 5px;
	float: left;
}
/* .ui-icon-circle-triangle-s
{
	background-image: url("/emro/jakarta.faces.resource/images/downarrow-gray.svg.trax?ln=primefaces-sentinel")!important;
	    background-size: 100%;
	background-position: 0px 0px;
	
}
.ui-icon-circle-triangle-e
{
	 background-image: url("/emro/jakarta.faces.resource/images/rightarrow-gray.svg.trax?ln=primefaces-sentinel")!important;
	    background-size: 100%;
	    background-position: 0px 0px;
	
}
.ui-dialog .ui-dialog-content .ui-icon{
	 background-image: url("/emro/jakarta.faces.resource/images/rightarrow-gray.svg.trax?ln=primefaces-sentinel");
}

.ui-treetable .ui-icon-triangle-1-e {
    background-image: url("/emro/jakarta.faces.resource/images/rightarrow-gray.svg.trax?ln=primefaces-sentinel");
}
.ui-treetable .ui-icon-triangle-1-s { 
	background-image: url("/emro/jakarta.faces.resource/images/downarrow-gray.svg.trax?ln=primefaces-sentinel");
}

.controlTabOrder  .ui-icon-triangle-1-e {
	background-image: url("/emro/jakarta.faces.resource/images/plus-sign-gray.svg.trax?ln=primefaces-sentinel");
}
.controlTabOrder  .ui-icon-triangle-1-s {
	background-image: url("/emro/jakarta.faces.resource/images/minus-sign-gray.svg.trax?ln=primefaces-sentinel");
}

 */

.controlPanelBar .ui-panel-titlebar{
	background-image: none;
	border-color: transparent;
}
.controlPanelBar .ui-panel-titlebar-icon{
	float: left;
}
.controlPanelBar .ui-panel-titlebar-icon span
{
	background-color: var(--emro-color-action) !important;
	border-radius: 3px;
	
}
.ui-datalist
{
  border: 0px !important;
}

.ui-calendar, .ui-calendar input, editResetDate{
	width: 120px !important;
}

.controlTab input{
	width: 80px !important;
	max-width: 80px !important;
}


.hide-column-names table thead tr {
    display: none;
    line-height: 12 px;
}
.hide-column-names  table tbody tr td
{
	padding: 4px !important;
}
.hide-column-names .ui-icon-triangle-1-e {
	width:32px;
	height:32px;
	}
	.hide-column-names .ui-icon-triangle-1-s {
	width:32px;
	height:32px;
	}
	
	.hide-column-eff-names  table tbody tr td
	{
		padding: 4px !important;
	}
	
	.hide-column-eff-names .ui-icon-triangle-1-e {
	width:32px;
	height:32px;
	}
	.hide-column-eff-names .ui-icon-triangle-1-s {
	width:32px;
	height:32px;
	}
.overlaybutton
{
	color:white;
	padding-bottom:0 px;
	padding-top:0 px;
	padding-left:0 px;

}

	div[id$="myPanel"] .ui-overlaypanel-content
	{

	}
.hide-column-names .ui-overlaypanel .ui-overlaypanel-content 
{
	padding: 5px 10px !important;
margin:5px;

	}
	.hide-column-names .ui-overlaypanel .ui-overlaypanel-content ul
	{
		margin-top:2px !important;
margin-bottom:2px !important;
	}
.overlaybutton .ui-button-text
{
		color:white;
	padding-bottom:4px !important;
	padding-top:4px !important;
	
    /* border: solid 1px #175787; */
    border: none !important;
    box-shadow: none !important;
    text-shadow:none !important;
    color: gray !important;
    /* text-shadow: 0 -1px 0 #0A385E; */
    /* -webkit-box-shadow: inset 0 0 0 1px #26A3DB; */
    -moz-box-shadow: inset 0 0 0 1px var(--emro-color-surface) !important; 
    /* box-shadow: inset 0 0 0 1px #26A3DB; */
    /* background: #1578c9; */
    background: white !important;
   
	
}
.overlaymenuIcon
{
	width: 16px; height: 16px; max-width: 99%; background-repeat: no-repeat; display: inline-table; overflow: auto;
}
.overlaymenuIconBlur
{
		width: 16px; height: 16px; max-width: 99%; background-repeat: no-repeat; display: inline-table; overflow: auto;
	
 -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    filter: gray;
    filter: opacity(25%);
}
.overlaybuttonLink
{
	 top:0px;
	 left:5px;
	 position:relative;
	 color:gray;
	
}
.overlaymenulist
{
	list-style-type: none; -webkit-padding-start: 0px; -moz-padding-start:0px; margin-left:0px; padding-left:0px;
	margin-top:5px;
	margin-bottom:5px;
}
.overlaymenulist li
{
	width:110%;
	 margin-right:20px;
}

.overlaymenulist div
{
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
	
}
.externalTreeTableOverlayPanel{
	background-color: white;
}

.externalTreeTableOverlayPanel .ui-overlaypanel-content
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	
}

.treetablenodelink span:active
{
	color:	var(--emro-color-action-hover) !important;
}

.ui-inputnumber > input
{
       text-align:right;
}

.red-inputnumber > input
{
       color: var(--emro-color-danger) !important;
}

body .ui-panel .ui-panel-content
{
	padding: 5px !important;
}
body .ui-datatable thead th{
	padding: none;
    font-size: 12px;
}

.layout-wrapper .layout-topbar{
	background: linear-gradient(-206deg, var(--emro-color-shell-strong) 5%, var(--emro-color-shell-strong) 100%);
}

body .ui-button{
	background-color: var(--emro-color-action, var(--emro-color-shell-strong)) !important;
  	border: 1px solid var(--emro-color-action, var(--emro-color-shell-strong)) !important;
  	color: white;
}

body .ui-datatable .ui-datatable-data tr.ui-state-highlight{
	background-color: var(--emro-color-selected);
}
.panel-no-border{
	border: none !important;
	background-color: transparent !important;
}
body .ui-state-active, body .ui-state-highlight{
	background-color: var(--emro-color-selected);
}
body .fc .fc-event{
	background-color: var(--emro-color-selected);
}
.stack-panel.vertical .stack-slot {
    clear:left;
    float:left;
}


div#moduleSearchArea{
	margin: 7% 7% !important;
}

div#moduleSearchArea input[type=text].ui-autocomplete-input{
	width:90% !important;
}

/* ---- PF15 adaptations (V8.1 only) ----
   PrimeFaces 15 renders some components with different markup than PF13, so
   trunk's shared rules below need a PF15-specific correction here. PF13 trunk
   renders paginator page numbers as anchors (the generic accent .ui-button
   rule never touches them); PF15 renders them as .ui-button buttons, which
   the generic rule would fill with the accent color. Restore the trunk look:
   inactive numbers read as plain text, only the active page is filled -- in
   gray, not the accent (EUP-258: paging is navigation, the accent stays with
   a grid's primary action; same tokens as emro-primefaces-theme.css). */
body .ui-paginator .ui-paginator-page.ui-button {
	background: transparent !important;
	border: 1px solid transparent !important;
	color: var(--emro-color-text) !important;
}
body .ui-paginator .ui-paginator-page.ui-button:not(.ui-state-active):hover {
	background: var(--emro-color-surface) !important;
	border-color: var(--emro-color-border-strong) !important;
}
body .ui-paginator .ui-paginator-page.ui-button.ui-state-active {
	background: var(--emro-color-border) !important;
	border-color: var(--emro-color-border-strong) !important;
	color: var(--emro-color-text) !important;
}

/* The PF15 California theme pads every input with 0.5rem (theme.css
   body .ui-inputfield); the PF13 theme this design was tuned on used 4px,
   which is what keeps grid filter rows and criteria fields at V7 parity
   height. local.css loads after theme.css, so the equal-specificity rule
   below wins. More specific emro rules (criteria fields, etc.) are
   unaffected. */
body .ui-inputfield {
	padding: 4px;
}