/*
 * primefaces-custom.css: customize primefaces builtin styles, without any specific TaskHub custom classes or id
 */
 
 /* Moved from general.css. TODO: to be cleanup */
 
 /*replicated copy of the below text for safekeeping
input.ui-state-hover,
input:not([type]):not([readonly]):not([disabled]):not(:hover):not(:focus):not(.ui-column-filter),
input[type=text]:not([readonly]):not([disabled]):not(:hover):not(:focus):not(.ui-state-error),
input[type=password]:not([readonly]):not([disabled]):not(:hover):not(:focus),
textarea:not([readonly]):not([disabled]):not(:hover):not(:focus) {    
    border-color: #bcbcbc;
}
*/

input.ui-state-hover,
input:not([type]):not([readonly]):not([disabled]):not(:focus):not(.ui-column-filter),
input[type=text]:not([readonly]):not([disabled]):not(:focus):not(.ui-state-error),
input[type=password]:not([readonly]):not([disabled]):not(:focus),
textarea:not([readonly]):not([disabled]):not(:focus) {    
    border-color: #bcbcbc;
}

.ui-selectonemenu.ui-state-disabled {
	opacity:1;
	background: rgba(0,0,0,0.05);
	border:1px solid #e4e4e4;
}

.ui-calendar .ui-state-readonly {
	opacity:1;
	border: none;
	background-color: transparent !important;
	padding: 0px;
}

.ui-calendar .ui-state-disabled {
	opacity:1;
}



/*Vincent: Creates the border highlight - Need check for disabled - hopefully it cannot be onFocus
input:focus,
textarea:focus {
	box-shadow: 0px 0px 0px 1px #5092e4 inset !important;
}
*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-radius: 5px;
}

.ui-widget-overlay {
	background: var(--syn-overlay-background-color);
	opacity: .25;	
}

.ui-widget-shadow {
	box-shadow:0px 2px 4px rgba(0,0,0,0.3);
}

body .ui-shadow {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.ui-menu {
	padding:0px;
}

.ui-menu .ui-menu-list .ui-menuitem {
	margin:0px;
}

.ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
	background-color: var(--syn-hover-background-color);
}

.ui-menu .ui-menuitem-link .ui-menuitem-icon {
	margin-right: 5px;
}

.ui-menuitem-link .ui-menuitem-icon:before {
	color: var(--syn-link-icon-color);	
}

 
.ui-button, .ui-button > span.ui-button-text {
	white-space: nowrap;
}

/**** Tabs ****/
.ui-tabs {
	display:flex;
	flex:1;
	flex-direction: column;
	overflow:auto;
}

.ui-tabs .ui-tabs-panels {
	flex:1;
	display:flex;
	overflow:auto;
	z-index:8;
}

.ui-tabs .ui-tabs-panels .ui-tabs-panel {
	flex:1;
	overflow:auto;
}

.ui-tabs {
	border: none;
	background: none;
	padding: 0px;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
	background: var(--syn-tabs-background);
	border-top:1px solid var(--syn-border-color);
	border-radius:0px;
	box-shadow:0px 1px 1px rgba(0,0,0,0.15);
	position: relative;
	z-index: 1;
	/* z-index: 8; */
	margin-bottom: 1px; 
}

.e23 .ui-tabs.ui-tabs-top > .ui-tabs-nav {
	background: var(--drawer-background);
}

.ui-tabs .ui-tabs-panel{
	padding: 10px;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-state-active {
	border:none;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-state-default {
	border:none;
	background-color:transparent;
	box-sizing:border-box;
}


.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-state-default a {
	color: #515151;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-state-default a:hover {
	color:#cccccc;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav > li.ui-tabs-selected {
	border-radius:0px;
	border-bottom:3px solid var(--action-icon-default);
	background-color: var(--syn-tabs-selected-background);
}

/* .e23 .ui-tabs.ui-tabs-top > .ui-tabs-nav > li.ui-tabs-selected {
	background-color: var(--drawer-background);
} */

.ui-tabs.ui-tabs-top > .ui-tabs-nav > li.ui-tabs-selected a:hover,
.ui-tabs.ui-tabs-top > .ui-tabs-nav > li.ui-tabs-selected a {
	color:var(--action-icon-default);	
}


.ui-tabs > .ui-tabs-panels,
.ui-panel, .ui-panel > .ui-panel-content.ui-widget-content,
.ui-accordion > .ui-accordion-content {
	background-color: var(--syn-panel-background-color);	
}

/* .e23 .ui-tabs > .ui-tabs-panels {
	background-color: var(--drawer-background);
} */

/*** General Stuffs ****/
.ui-panel {
	box-sizing: border-box;
	padding: 0px;
}

.ui-panel .ui-panel-title {
	margin:0px;
}

.ui-growl {
	right: 200px;
	top: 100px;	
}


.ui-datatable .ui-selection-column .ui-chkbox-all {
	width:20px;
	height:20px;
	display:contents;
}

.ui-row-editor,
.ui-row-toggler,
.ui-chkbox {
	text-align:center;
}

.ui-chkbox {
	font-size:1.1em;
	cursor: pointer;
}

.ui-chkbox-box.ui-state-disabled {
	cursor: default;
}

div.ui-chkbox > div.ui-chkbox-box.ui-state-default{
	background-color: white;
	border:1px solid #bcbcbc;
}

div.ui-chkbox > div.ui-chkbox-box.ui-state-active {
	background-color: #62cfc0;
	border:1px solid #62cfc0;
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
	vertical-align: middle;
}

div.ui-chkbox > div.ui-chkbox-box.ui-state-active .ui-chkbox-icon:before {
	color:white;
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon.ui-icon-check.ui-c {
	text-align:center;
}

/*no idea what the below does
-set width and alignment for multiple select column like delete 
*/
.ui-selection-column, 
.ui-row-toggler-column {
	width: 16px;
	text-align: center;	
}

.ui-row-toggler, .ui-row-editor {
	display: inline-block !important;
}

.ui-row-toggler:before {
	font-size:18px; 
	color:#3C8EF8;
}

/*no idea what the top does*/

/*checkboxmenu*/

.ui-selectcheckboxmenu-multiple-container.ui-inputfield:hover{
	background-color:transparent;
}

.ui-selectonemenu {
	background-color: transparent;
	border: 1px solid transparent;
	box-sizing:border-box;
}

.ui-selectonemenu:hover {
	background-color:#fff;
	border: 1px solid #bcbcbc;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-focus,
.ui-selectonemenu .ui-selectonemenu-trigger,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
	background: none;
	border:none;
}
.ui-selectcheckboxmenu.ui-state-default,
.ui-selectonemenu.ui-state-default {
	border: 1px solid #bcbcbc;
}
.e23 .ui-selectcheckboxmenu.ui-state-default,
.e23 .ui-selectonemenu.ui-state-default {
	border-color: transparent;
}
.e23 .ui-selectcheckboxmenu.ui-state-hover,
.e23 .ui-selectonemenu.ui-state-hover {
	border-color: var(--main-outline-primary);
}
.ui-selectcheckboxmenu.ui-state-focus,
.ui-selectonemenu.ui-state-focus{
	border: 1px solid #5092e4 !important;
	background-color:#fff;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-focus,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus{
	border:none;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-focus .ui-icon:before,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus .ui-icon:before {
	color:#607db8;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
 border:none;	
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
	top:0px;
	margin-top:3px;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
	top: 3px;
}

.ui-datatable th.ui-sortable-column {
	white-space: nowrap;
}

.ui-column-title {
	font-size:0.9em;
	white-space: nowrap;
	display: inline-block;
}

.ui-datatable .ui-column-filter {
	margin-top:5px;
}

.ui-datatable th .ui-chkbox {
	margin-top:5px;
}

.ui-datatable th .ui-selectonemenu {
	margin-top:5px;
	min-width:100% !important;
	border:1px solid #e4e4e4;
}

.ui-datatable th table > tbody > tr > td  {
	border:0px;
}


div.ui-datepicker .ui-datepicker-prev-hover,
div.ui-datepicker .ui-datepicker-next-hover {
	cursor: pointer;
}
div.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}
div.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}


.ui-datepicker {
	background-color:#FFFFFF !important;
	box-shadow:0px 0px 5px rgba(0,0,0,0.15);
	padding:0px !important;
	width:auto;
}
.ui-datepicker table {
	font-size:1em;
}
.ui-datepicker-calendar {
	width:100% !important;
	border-collapse:collapse !important;
	border-radius:0px;
}

.ui-datepicker-header {
	background:#6086d5;
	color:#ffffff;
	border:none;
	border-radius:0px;
	padding:0.5em 0.2em !important;
	vertical-align:middle;
}

.ui-datepicker-header .ui-icon:before {
	color:#ffffff;
}

.ui-datepicker-calendar thead tr{
	background-color:#6086d5;
	font-size:0.9em;
	border-bottom:1px solid #e4e4e4;
	color:#fff;
}


.ui-datepicker-calendar > tbody > tr > td  > a,
.ui-datepicker-calendar > tbody > tr > td  > span {
	border:none !important;
	text-align:center;
	padding:5px;
}

.ui-datepicker-calendar > tbody > tr > td  > a:hover{
	background-color:#E0EDFA;
}

.ui-datepicker-next,
.ui-datepicker-next-hover,
.ui-datepicker-prev,
.ui-datepicker-prev-hover {
	text-align:center;
	top:0px!important;
	height:2.7em !important;
	border:none !important;
	background:transparent !important;
	
}

.ui-datepicker-today a.ui-state-highlight {
	background-color:transparent;
	border:1px solid #6086d5 !important;
	color:#6086d5;
}

.ui-datepicker-calendar > tbody > tr > .ui-datepicker-days-cell-over a.ui-state-active {
	background-color:#6086d5;
	color:#fff;
	
}

/**** Table Settings ****/

.ui-datatable {
	display: inline-block;
	width:auto;
}

table:not([role="grid"]) {
    border-collapse: initial;
    table-layout: initial;
    width: initial;
}

table:not([role="grid"][.schedule-table]) > thead > tr > th,
table:not([role="grid"][.schedule-table]) > thead > tr > td,
table:not([role="grid"][.schedule-table]) > tbody > tr > th,
table:not([role="grid"][.schedule-table]) > tbody > tr > td,
table:not([role="grid"][.schedule-table]) > tfoot > tr > th,
table:not([role="grid"][.schedule-table]) > tfoot > tr > td {
    border-style: initial;
    border-width: initial;
    overflow: initial;
    padding: initial;
}

.ui-datatable > .ui-datatable-tablewrapper > table[role="grid"] {
	border-collapse: collapse;
	width: 100%;
	table-layout: auto;
}

.ui-treetable table {
    border-collapse: collapse !important;
    table-layout: fixed;
    width: initial;
}

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

.ui-datatable-footer {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}


.ui-treetable-header,
.ui-datatable-header {
	padding:7px !important;
	overflow:auto;
	height:auto;
	background-color: #f8f8f8;	
}

.transparent-footer .ui-datatable-footer {
	all:unset;
	display:block;
	margin-top:10px;
}

.transparent-header .ui-datatable-header {
	all:unset;
	display:block;
	margin-bottom:10px;
}

.synfaces-table-notselectable > .ui-datatable-tablewrapper > table > tbody .ui-datatable-odd:hover {
	background-color:transparent !important;
}

.not-selectable > .ui-datatable-tablewrapper > table > tbody .ui-datatable-odd:hover,
.not-selectable > .ui-datatable-tablewrapper > table > tbody .ui-datatable-even:hover
.synfaces-table-notselectable > .ui-datatable-tablewrapper > table > tbody .ui-datatable-odd:hover,
.synfaces-table-notselectable > .ui-datatable-tablewrapper > table > tbody .ui-datatable-even:hover {
	background-color:transparent !important;
}

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

.e23 tr.ui-datatable-odd {
	background-color: var(--syn-table-even);
}

tr.ui-datatable-even {
	background-color: #ffffff;
}

.ui-treetable > .ui-datatable-tablewrapper > table > thead > tr > th,
.ui-treetable > .ui-datatable-tablewrapper > table > tfoot > tr > th,
.ui-datatable > .ui-datatable-tablewrapper > table > thead > tr > th, 
.ui-datatable > .ui-datatable-tablewrapper > table > tfoot > tr > th {
	padding:6px;
    white-space:nowrap;
    background-color: #E1E6EE;;
    vertical-align:top;
    color: #23365A;
}

.ui-datatable > .ui-datatable-tablewrapper > table > thead > tr > th.ui-selection-column {
	vertical-align: bottom;
	padding-bottom: 8px;
	line-height: inherit;
}

.ui-datatable > .ui-datatable-tablewrapper > table > tbody > tr > td{
	padding: 6px;
}

.inner-table-no-border tr td {
	border:none !important;	
}

.inner-table-no-padding tr td {
	padding:0px !important;
}

.ui-datatable tbody > tr > td .ui-selectonemenu {
	min-width:0px !important;
	width:100%;
}

/* syn:dataTable */
.ui-datatable-data > tr:hover {
	background:#E0EDFA !important;
}

.ui-datatable-data > tr:hover td {
	border-color:var(--syn-hover-background-color);
}

tr.synfaces-row-single-selected, 
tr[node-selected=true] {
	background-color:#E0EDFA !important;
}

tr:first-child.synfaces-row-single-selected,
tr.synfaces-row-single-selected, 
tr[node-selected=true] {
	box-shadow: 0px 1px 0px 0px #5092e4 inset, 0px -2px 0px 0px #5092e4 inset !important;
	background-color:#E0EDFA !important;
}

.synfaces-row-single-selected td {
	background-color:transparent !important;
}

.synfaces-row-single-selected:has(.sticky-last-column) td {
	background-color:inherit !important;
}

.ui-datatable tr.synfaces-row-single-selectable {
	cursor: pointer;
}

tr.ui-datatable-empty-message {
	pointer-events:none;
}
.ui-datatable th.ui-state-focus,
.ui-treetable th.ui-state-focus {
	border:none;
}

th.ui-state-active,
.ui-treetable th.ui-state-active {
	background-color:#ffbc70 !important;
	border:none !important;
}

td.ui-single-selection-column,
th.ui-single-selection-column {
	display: none;
}

/* unreleased styling for next version
.ui-datatable-data tr.ui-state-highlight.ui-state-hover,
.ui-datatable-data tr.ui-state-highlight {
	background-color:#edfff6 !important;
}
*/

/*this is only used in Work Order and PU - Eric's CSS*/
.synfaces-standard-columns-collapsed .ui-standard-hiddable-column {
	display: none;
}

/* Paginator */
.ui-datatable .ui-paginator {
	height:auto;
	padding:7px;
	background-color: #f8f8f8;
}

.ui-paginator .ui-paginator-pages {
	padding:0px 6px;
	vertical-align:
}

.ui-paginator-first.ui-state-default,
.ui-paginator-prev.ui-state-default,
.ui-paginator-next.ui-state-default,
.ui-paginator-last.ui-state-default,
.ui-paginator-page.ui-state-default{
	font-size:1em;
	vertical-align:middle;
	background-color:#fff;
	border-radius:0px;
}
.ui-paginator-first.ui-state-default,
.ui-paginator-prev.ui-state-default,
.ui-paginator-next.ui-state-default,
.ui-paginator-last.ui-state-default,
.ui-paginator-first.ui-state-default:hover,
.ui-paginator-prev.ui-state-default:hover,
.ui-paginator-next.ui-state-default:hover,
.ui-paginator-last.ui-state-default:hover{
	color:transparent;
    text-align: right;
}

.ui-paginator-first:hover,
.ui-paginator-prev:hover,
.ui-paginator-next:hover,
.ui-paginator-last:hover,
.ui-paginator-page:hover {
	background-color:#E0EDFA;
	color:#505050;
}

.ui-paginator-page.ui-state-active,
.ui-paginator-page.ui-state-active:hover {
	background-color:#6086d5;
	color:#FFFFFF;
}

.ui-paginator .ui-paginator-current, 
.ui-paginator .ui-paginator-rpp-options {
	border-radius:0px;
	background-color:#ffffff;
	vertical-align:middle;
	font-size:1em;
}

/**** Accordion ****/

.ui-accordion {
	display: inline-block;
	background-color: transparent;
	width: 100%;
	box-sizing: border-box;
}

.ui-accordion .ui-accordion-header {
	border: 1px solid #e4e4e4;
	background: #FFFFFF;
	color: #FF9966;
	margin: 0px;
	outline:none;
}

.ui-accordion .ui-accordion-header.ui-state-active {
	border-bottom:0px;
}

.ui-accordion .ui-accordion-content {
	border: 1px solid #e4e4e4;
	background-color: #FFFFFF;
	padding:5px 10px;
	margin: 0px;
	border-top: none;
	margin-top:-2px;
	
}

.ui-accordion .ui-accordion-header .ui-icon:before,
.ui-accordion .ui-accordion-header .ui-icon:after {
	color:#FF9966;
}

.ui-accordion .ui-accordion-header > .ui-icon {
	left: 8px;
}

.ui-selectmanycheckbox.ui-widget td, 
.ui-selectoneradio.ui-widget td {
	white-space: nowrap
}
/*
.ui-widget.ui-radiobutton .ui-radiobutton-box {
	background-color: white;
	border-color: #505050;	
    border-radius: 10px; 
    width: 12px;
    height: 9px;
    padding-bottom: 3px;
    line-height: 9px;
    text-align: center !important;    
}
*/

.syn-radio-button label,
.syn-radio-button input {
	cursor:pointer;
}

/*** Default settings for Buttons ****/

.ui-button.ui-state-default {
	background-color: transparent;
	border: none;
    border-radius: 5px;
    color: var(--text-buttons);
}
.e23 .ui-button-text-only {
	color: var(--action-icon-default);
}

button.ui-button.ui-state-default.ui-button-no-border{
	background: transparent;
	border: none;
}

.ui-button.ui-state-hover {
	background-color: transparent;
	border: none;
    border-radius: 5px;
    color: var(--text-buttons);
}

.ui-button.ui-state-active {
	background-color: #f2f2f2;
	color:#333;
	border: none;
}

.ui-button-border {
	border: 1px solid var(--action-icon-default);
}

.ui-button-noborder {
	border: none;
}

/*** Select One Button ***/
.ui-selectonebutton .ui-state-default {
	background-color: #e3e3e3;
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.15);
	border:none;
	color:#B2AEAE;
}

.ui-selectonebutton .ui-state-active {
	background-color: var(--action-icon-default);
	box-shadow:1px 1px 2px rgba(0,0,0,0.15);
	border:none;
	color:#fff;
}

div.ui-selectonebutton .ui-state-default.ui-button-text-only {
	background-color: #e3e3e3;
}

div.ui-selectonebutton .ui-state-active.ui-button-text-only {
	background-color: var(--action-icon-default);
}

.e22-switch-data-button-2:has(.ui-corner-right.ui-state-active) {
	padding: 2px;
    background-color: #DC8C16
}

.e22-switch-data-button-2:has(.ui-corner-left.ui-state-active) {
	padding: 2px;
    background-color: #558a4d
}

.e22-switch-data-button-2.ui-selectonebutton .ui-corner-right.ui-state-active {
	background-color: #DC8C16;
}

.e22-switch-data-button-2.ui-selectonebutton .ui-corner-left.ui-state-active {
	background-color: #458C48;
}

/*default ui-panel*/

.ui-panel {
	border-radius:0px;
}

.ui-panel .ui-panel-titlebar {
   	background-color:#fff;
	color:var(--section-title);
	border: none;
	border-radius: 0px;
	padding:5px 10px;
	font-size: 1.1em !important;
	height: auto;
	border-bottom:1px solid #e4e4e4;
	display: flow-root;
}

.ui-panel .ui-panel-titlebar {
    line-height: 2em;
}

.ui-panel .ui-panel-content {
	overflow: auto;
}

/*Pop Up*/

.ui-dialog {
	box-shadow:0px 0px 4px rgba(0,0,0,0.3);
	border:none;
	border-radius:0px;
}

.ui-dialog .ui-dialog-titlebar {
	background-color:#fcfcfc;
	background-color:#fcfcfc;
	border-bottom:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	padding:10px;
	font-size:14px;
	height:30px;
	border-radius:0px;

}

.ui-dialog-titlebar .ui-dialog-title {
	color:#FF9966;
	color:#FF9966;
	line-height:30px;
	margin:0px;
	padding-left:10px;
}

.ui-dialog .ui-dialog-titlebar-close {
	padding:0px;
	
}

.ui-dialog .ui-dialog-titlebar-close span {
	text-align: center;
	line-height:30px;
	width: 30px;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog .ui-dialog-titlebar-close.ui-state-active,
.ui-dialog .ui-dialog-titlebar-close .ui-icon::before,
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover .ui-icon::before,
.ui-dialog .ui-dialog-titlebar-close.ui-state-active .ui-icon::before  {
	color:#E17B7E;
	color:#e17b7e;
	border:none !important;
	padding:0px;
	background-color:transparent;
	font-size:18px;
}

.ui-dialog-content {
	min-width:200px !important;
	max-height: 85vh !important;
	max-width:85vw !important;
	overflow:auto !important;
}

.ui-dialog .ui-dialog-content {
	background-color:tranparent;
	padding:20px;
}

.ui-dialog .ui-dialog-buttonpane {
	background-color:transparent;
	padding:10px;
	text-align:center;
}
.ui-confirm-dialog-severity {
	width:40px;
}

.ui-confirm-dialog-severity:before {
	font-size: 24px;
	color: #ff7e00;
}

.ui-dialog .ui-dialog-content .synfaces-form-grid-table {
	width:auto;
}

/*** Tooltip ****/
.ui-tooltip-global.ui-widget-content {
	border-width: 5px;
	font-weight: bold;
	color: #F86568; 
}

/*** text area ****/

textarea.ui-inputtextarea.ui-inputtextarea-resizable:not(:focus) {
	max-height: 40px !important;
	min-height: 40px !important;
	height: 40px ;
	overflow-y: hidden !important; 
}

.e23-mobile textarea.unlimitedHeight.ui-inputtextarea.ui-inputtextarea-resizable:not(:focus) {
    height: auto;
    max-height: none !important;
    min-height: auto !important;
}

.e23 textarea.ui-inputtextarea.ui-inputtextarea-resizable:not(:focus) {
	padding-right: 20px;
	/* border-color: transparent; */
}

/*** disabled ***/
.ui-state-disabled {
	pointer-events:none;
}


/** MISC **/
.ui-breadcrumb > ul > li:first-child {
	width:0px; !important;
}

.ui-breadcrumb > ul > li.ui-icon {
	display:none !important;
}

.ui-breadcrumb > ul > li > span {
	margin-left:12px;
}
/*---------------------------------------------
  UI-INPUTGROUP-ADDON
----------------------------------------------*/
.ui-inputgroup-addon {
	width: 30px;
	border: 1px solid #c9c9c9;
	border-left: none !important;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	background-color: white !important;
	color: #808080;
	font-size: 11px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.ui-inputgroup-addon-text {
	padding: 4px;
	text-align: center;
}

.e23 .ui-inputgroup-addon {
	border: 1px solid transparent;
}
.e23 .ui-inputgroup:has(input.ui-state-focus) .ui-inputgroup-addon {
	border: 1px solid var(--action-icon-default);
}
/*---------------------------------------------
  ToggleSwitch 
----------------------------------------------*/

body .ui-toggleswitch .ui-toggleswitch-slider::before {
    background-color: #ffffff;
}

body .ui-toggleswitch .ui-toggleswitch-slider {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border-radius: 30px;
    background: #cccccc;
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background-color: var(--action-icon-default);
}

/* size-small ToggleSwitch */  

.small-size.ui-toggleswitch {
    width: 2em;
    height: 1.25em;
}

.small-size.ui-toggleswitch .ui-toggleswitch-slider:before {
    width: 0.9em;
    height: 0.9em;
    left: 0.175em;
    bottom: 0.175em;
}

.small-size.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    transform: translateX(0.75em);
}
/* Change color highlight line in detail table */
.e22-entry-details-tabview .ui-tabs-panels .ui-datatable tbody tr.ui-state-highlight {
	background: rgba(249, 228, 199) !important;
	box-shadow: none !important;
}

.e22-details-table .ui-datatable-data > tr:hover,
.e22-details-table .ui-treetable-data > tr:hover  {
	background: rgba(249, 228, 199, 0.6) !important;
}

.e23 .e22-details-table .ui-datatable-data > tr:hover,
.e23 .e22-details-table .ui-treetable-data > tr:hover {
	background: var(--syn-row-single-selected) !important;
}

.e22-details-table tr:first-child.synfaces-row-single-selected,
.e22-details-table tr.synfaces-row-single-selected, 
.e22-details-table tr[node-selected=true] {
	box-shadow: none !important;
	background-color:#F9E4C7 !important;
}

.e23 .e22-details-table .ui-datatable-data tr textarea {
	border-color: transparent;
	background-color: transparent;
}

.e23 .e22-details-table .ui-datatable-data tr input {
	background-color: transparent;
}

.e23 .e22-details-table .ui-datatable-data tr:hover input,
.e23 .e22-details-table .ui-datatable-data tr:hover textarea {
	background-color: white;
}

.e23 .ui-datatable-data table tr:hover .ui-selectonemenu-trigger .ui-icon::before {
	color: var(--action-icon-default);
}

.e23 .e22-details-table .ui-datatable-data tr:hover .ui-selectonemenu.ui-state-default {
	background-color: white;
}

.e23 .e22-details-table .ui-treetable-data tr input {
	background-color: transparent;
}

.e23 .e22-details-table .ui-treetable-data tr:hover input {
	background-color: white;
}

/* fix ui-message-warn-icon */
.synfaces-div.ui-messages-warn {
	position: relative;
}
.synfaces-div.ui-messages-warn .ui-message-warn-icon {
	position: absolute;
  	top: 3px;
  	width: auto !important;
}
.synfaces-div.ui-messages-warn .ui-message-warn-icon img {
	padding-right: 10px;
}

.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #89b5ee;
  color: #89b5ee;
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse 1.5s infinite linear;
  animation-delay: 0.25s;
}
.dot-pulse::before, .dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #89b5ee;
  color: #89b5ee;
}
.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
}
.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after 1.5s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }
  30% {
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px;
  }
}
@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }
  30% {
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px;
  }
}
@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }
  30% {
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px;
  }
}


li.ui-widget.ui-menuitem.ui-corner-all.ui-menu-parent {
    padding-bottom: 10px;
    margin-bottom: -10px;
}


/* Customize paginator bottom  */
.ui-paginator.ui-paginator-bottom {
	background-color: #fff;
    border: none;
    padding: 5px;
}

.ui-paginator.ui-paginator-bottom a.ui-paginator-page {
	border-radius: 5px;
	border: unset;
	padding: 3px 7px;
	font-weight: 500;
}

.ui-paginator.ui-paginator-bottom .ui-paginator-current {
	font-weight: 500;
}

.ui-paginator.ui-paginator-bottom a.ui-paginator-prev,
.ui-paginator.ui-paginator-bottom a.ui-paginator-next,
.ui-paginator.ui-paginator-bottom a.ui-paginator-first,
.ui-paginator.ui-paginator-bottom a.ui-paginator-last {
	border: none;
	border-radius: 5px;
}

.ui-paginator.ui-paginator-bottom a.ui-paginator-prev > span.ui-icon,
 .ui-paginator.ui-paginator-bottom a.ui-paginator-next > span.ui-icon,
 .ui-paginator.ui-paginator-bottom a.ui-paginator-first > span.ui-icon,
 .ui-paginator.ui-paginator-bottom a.ui-paginator-last > span.ui-icon {
	width: 7px;
}

 .ui-paginator.ui-paginator-bottom a.ui-paginator-prev:hover,
 .ui-paginator.ui-paginator-bottom a.ui-paginator-next:hover,
 .ui-paginator.ui-paginator-bottom a.ui-paginator-first:hover,
 .ui-paginator.ui-paginator-bottom a.ui-paginator-last:hover {
	background-color: #C8C8C8;
}

 .ui-paginator.ui-paginator-bottom a.ui-paginator-page.ui-state-active {
	background-color: rgb(200, 200, 200);
	color: var(--syn-text-color);
}
 .ui-paginator.ui-paginator-bottom a.ui-paginator-page.ui-state-hover,
 .ui-paginator.ui-paginator-bottom a.ui-paginator-page.ui-state-focus {
	background-color: rgb(200, 200, 200);
}