/* ---------------------------------
	COMMON STYLES
	----------------------------------- */
	.e2-main-panel-details-table .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable.ui-resizable{
 		width: 600px !important;
 	}
	.e2-details-container *{
	   	font-size: 12px !important;	   	
	}
	.e2-details-container .ui-panel .ui-panel-titlebar span.ui-panel-title{
		font-size: 14px !important;
	}
	.e2-details-side-panel-team-members .flex-row {
		align-items: center;
	}
	.e2-details-container .ui-g-8,.e2-details-container .ui-g-4, div.ui-g-8, .e2-details-side-panel.ui-g-4,
	.e2-details-side-panel-team-members .ui-panel .ui-panel-content, .e2-details-side-panel-team-members .ui-g-7,
	.e2-details-side-panel-team-members .ui-g-5, .e2-details-side-panel-team-members .ui-panel > .ui-panel-content.ui-widget-content,
	.e2-details-side-panel .ui-tabs .ui-tabs-panel{
		padding: 0;
	}
	 div.e2-detail-main-panel-header,
	.bg-dimis,
	.bg-dimis.ui-panel,
	.bg-dimis.ui-panel > .ui-panel-content.ui-widget-content,
	.e2-side-panel-attachments-tab .ui-panel > .ui-panel-content.ui-widget-content,
	.e2-side-panel-attachments-tab  .ui-panel,
	.e2-details-container .bg-dimis-table tr td{
		background-color: #F8FBFE;
	}
	
	.e23 div.e2-detail-main-panel-header,
	.e23 .bg-dimis,
	.e23 .bg-dimis.ui-panel,
	.e23 .bg-dimis.ui-panel > .ui-panel-content.ui-widget-content,
	.e23 .e2-side-panel-attachments-tab .ui-panel > .ui-panel-content.ui-widget-content,
	.e23 .e2-side-panel-attachments-tab  .ui-panel,
	.e23 .e2-details-container .bg-dimis-table tr td{
		background-color: var(--drawer-background);
	}
	
	 
	.e2-details-container .e2-details-main-panel-detail-table-remark .synfaces-grid-item textarea.ui-inputtextarea.ui-inputtextarea-resizable:not(:focus),
	.e2-details-container .e2-details-main-panel-detail-table-remark.synfaces-grid-item textarea.ui-inputtextarea.ui-inputtextarea-resizable:not(:focus),
	.e2-details-container .e2-details-main-panel-detail-table-remark.synfaces-grid-item textarea.ui-inputtextarea.ui-inputtextarea-resizable:focus,
	.e2-details-container .e2-details-main-panel-detail-table-remark .synfaces-grid-item textarea.ui-inputtextarea.ui-inputtextarea-resizable:focus,
	.e2-details-container .e2-side-panel-remarks-tab textarea.ui-inputtextarea.ui-inputtextarea-resizable:not(:focus),
	.e2-details-container .e2-side-panel-remarks-tab textarea.ui-inputtextarea.ui-inputtextarea-resizable:focus{
		max-height: 80px !important;
		min-height: 80px !important;
		height: 80px !important;
	}
	.pfs-pj-order-draft-project-date span input,
	.pfs-pj-order-ost-project-date span input,
	.hasDatepicker{
		width: 95px;
	}
	table.transparent-bg-form-grid-table.synfaces-form-grid-table > tbody > tr > td.synfaces-grid-item{
		background: transparent;
	}
	.btn-delete-all.ui-button-text-icon-left .ui-button-icon-left{
		left: 1px;
	}
	.btn-delete-all.ui-button-text-icon-left  .ui-button-text{
		padding: 1em;
	}
	.e2-main-panel-width.main-data-panel,
	.e2-details-container.ui-g > .ui-g-8{
		width: 67%;
		padding-left: 10px;
	}
	body:has(#contentPane.e23) #globalEmbeddedPreview.e2-main-panel-width.main-data-panel {
		top: 48px !important; 
		padding-left: 46px !important;
		width: calc(66% + 16px);
		max-width: calc(66% + 46px) !important;
		box-sizing: border-box;
	}
	body:has(#contentPane.e23 .e22-entry-drawer) #globalEmbeddedPreview.e2-main-panel-width.main-data-panel {
		width: calc(100% - 545px);
    	max-width: calc(100% - 545px) !important;
	}
	.info-panel, 
	.e2-side-panel-width,
	.e2-details-container.ui-g > .ui-g-4{
		width: 33%;
	}
	 
	.synfaces-button-bar.synfaces-top-buttons .e2-top-button-bar button.primary-icon-button .fa-edit.ui-icon{
		margin-top: -7px;
	}
	.synfaces-button-bar.synfaces-top-buttons .e2-top-button-bar .synfaces-embedded-preview-button,
	.e2-top-button-bar.synfaces-button-bar.synfaces-top-buttons .synfaces-embedded-preview-button{
		margin-right: 10px;
	}
	button.primary-icon-button-e2.ui-button.ui-state-default{
		border: transparent;
		background-color: #0066CC;
		color: #ffff;
	}
	button.primary-icon-button-e2 span.ui-icon::before{
		color: #ffff;
	}
	.input-date-custom .hasDatepicker{
		width: 75px;
	}
	 
	/* SCROLL THE WHOLE PAGE */
	
	#mainFormPagePanel .ui-tabs.e2-details-main-panel-tabview .ui-tabs-panels .ui-tabs-panel,
	#mainFormPagePanel .ui-tabs.e2-details-main-panel-tabview{
		overflow: visible;
		background-color: #F8FBFE;
	}
	#mainFormPagePanel .ui-tabs.e2-details-main-panel-tabview .ui-tabs-panels .ui-tabs-panel{
		height: 100%;
	}
	
	#mainFormPagePanel .ui-tabs.e2-details-main-panel-tabview .ui-tabs-panels{
		display: block;
		background-color: #F8FBFE;
		overflow: visible;
	}
	
	/* DISPLAY INLINE FOR SYN:GRIDITEM */
	.inline-form-grid-table-container table.synfaces-form-grid-table .synfaces-grid-item,
	.inline-form-grid-table-container table.synfaces-form-grid-table .synfaces-form-grid-row,
	.inline-form-grid-table-container .synfaces-grid-group-item,
	.inline-form-grid-table-container .synfaces-form-grid-group-table tr
	{
		display: flex;
		align-items: center;
		background: transparent;
		width: 100%;
	}
	.e2-details-main-panel-header.inline-form-grid-table-container table.synfaces-form-grid-table .synfaces-grid-item{
		align-items: flex-start;
	}
	
	.inline-form-grid-table-container td.synfaces-grid-group-item .synfaces-grid-label,
	.inline-form-grid-table-container td.synfaces-grid-group-item .synfaces-grid-value{
		width: 50%;
	} 
	
	.inline-form-grid-table-container table.synfaces-form-grid-table .synfaces-grid-item .synfaces-grid-label{
		width: 150px;
		min-width: 150px;
		text-align: left;
	}
	.ui-treetable-footer .inline-form-grid-table-container table.synfaces-form-grid-table .synfaces-grid-item .synfaces-grid-label{
		width: 147px;
		min-width: 147px;
	}
	.inline-form-grid-table-container table.synfaces-form-grid-table{
		border-collapse: collapse;
	}
	
	.sourcing-header-label,
	.sourcing-header-label span,
	.e2-details-main-panel-header div.synfaces-grid-label,
	.e2-details-side-panel .synfaces-grid-item > .synfaces-grid-label {
		color: #000000;		
	}
	
	.sourcing-header-label {
		width: 12% !important;
		vertical-align: top !important;
		padding-bottom: 20px !important;
		min-width: 147px;
	}

	.sourcing-header-value {
		padding-right: 50px !important;
		vertical-align: top !important;
		width: 38% !important;
	}
	.e2-details-main-panel-header tr > td:nth-child(2){
		padding-right: 50px !important;
	}
	.e2-details-main-panel-header table.inner-table-no-border > tbody > tr td:nth-child(2),
	.e2-details-main-panel-header table > tbody > tr > td table > tbody > tr td:nth-child(2){
		padding-right: 0 !important;
	}
	
	
	/*----------------------------------
	 SUMMARY E2 Narrow Tabs
	 ----------------------------------*/
	.summary-main-panel .summary-tabs-container .ui-helper-reset {
		line-height: 1.3;
		font-size: 87%;
		list-style: none;
	} 
	.summary-table *{
			font-size: 12px !important;			
	}
	.summary-layout  .summary-main-panel {
		padding : 0px;
	}

	.ui-tabs.ui-tabs-top.summary-tabs-container > .ui-tabs-nav li.ui-tabs-selected::after {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #00CCCC;
		position: absolute;
		top: 13px;
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li a:before{
		font-family: var(--fontawesome);
		padding-right:1.8rem;
		font-size: 20px;
	}
	.ui-tabs.ui-tabs-top.summary-tabs-container > .ui-tabs-nav li a::after{
		color : #ffff;
		position: absolute;
		top: 11%;
		left: 35px;
	}
	
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.draft-tab-icon a:before{
		content: "\f044";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.all-tab-icon a:before{
		content: "\f0ac";
	}	
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.pending-tab-icon a:before{
		content: "\f252";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.scheduling-icon a:before,
	.ui-tabs.ui-tabs-top.summary-tabs-container > .ui-tabs-nav li.summary-scheduling-tab a:before{
		content: "\f073";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.outstanding-tab-icon a:before,
	.ui-tabs.ui-tabs-top.summary-tabs-container > .ui-tabs-nav li.summary-outstanding-tab a::before{
		content: "\f110";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.history-tab-icon a:before,
	.ui-tabs.ui-tabs-top.summary-tabs-container > .ui-tabs-nav li.summary-history-tab a::before{
		content: "\f1da";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.file-text-tab-icon a:before{
		content: "\f0f6";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.square-check-tab-icon a:before{
		content: "\f14a";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.eye-tab-icon a:before{
		content: "\f06e";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.cubes-tab-icon a:before{
		content: "\f1b3";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.cogs-tab-icon a:before{
		content: "\f085";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.list-tab-icon a:before{
		content: "\f0ca";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.pause-tab-icon a:before{
		content: "\f28b";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.dashboard-tab-icon a:before{
		content: "\f625";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.certificate-tab-icon a:before{
		content: "\f0a3";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.search-tab-icon a:before{
		content: "\f002";
	}
	.summary-main-panel .summary-tabs-container > .ui-tabs-nav li.unused-tab-icon a:before{
		content: "\f070";
	}
	
	.summary-table .ui-datatable-header .ui-button .ui-icon:before {
		color: var(--syn-text-color);
	}
	
	/*----------------------------------
	 DETAIL - MAIN PANEL HEADER
	 ----------------------------------*/
/* 	.e2-top-button-bar.synfaces-button-bar{
	    	width: 66%;
	    	text-align:left;
    } */
    .synfaces-button-bar .e2-header-button-bar{
    	width: 67%;
    	justify-content: space-between;
    }
    .e2-details-main-panel-header{
    	padding-top: 5px;
    }
    .e2-details-main-panel-header table.synfaces-form-grid-table{
    	border-collapse: collapse;
    }
    
    .e2-details-main-panel-header table.synfaces-form-grid-table .synfaces-grid-item:first-child{
    	margin-right: 20px;
    }
    .e2-details-main-panel-header table.synfaces-form-grid-table .synfaces-grid-item:nth-child(2){
    	margin-left: 20px;
    }
    
     .e2-details-main-panel-header table.synfaces-form-grid-table .synfaces-grid-item .synfaces-grid-label{
    	width: 150px;
    }
     .e2-details-main-panel-header table.synfaces-form-grid-table td.synfaces-grid-group-item div.synfaces-grid-label{
    	width: 80px;
    	min-width: 80px;
    }
    .e2-details-main-panel-header table.synfaces-form-grid-table .synfaces-grid-item .synfaces-grid-value,
    .e2-details-main-panel-header table.synfaces-form-grid-table .synfaces-grid-item{
    	flex: 1;
    }
    .e2-details-main-panel-header > table:last-child > tbody > tr > td .synfaces-grid-value {
 		padding-right: 20px;
 	}
 
    /*----------------------------------
	 DETAIL - MAIN PANEL DETAIL TABLE
	 ----------------------------------*/
	 .project-treetable > table > thead:first-child,
	 .project-treetable .ui-treetable-scrollable-header-box thead:first-child,
	 .e2-main-panel-details-table > .ui-datatable-tablewrapper > table > thead:first-child > tr > th{
	 	background: #E1E6EE;
	 	color: #23365A;
	 }
	 .e2-main-panel-details-table .ui-inputgroup-addon{
	 	border-color: transparent;
	 }
	 .project-treetable > table > thead:first-child tr th span,
	 .project-treetable .ui-treetable-header .ui-button.ui-state-default .ui-icon::before,
	 .e2-details-container 
	 .project-treetable .ui-treetable-header .ui-button.ui-state-default .ui-button-text,
	 .project-treetable .ui-treetable-scrollable-header-box thead:first-child tr th span,
	 .e2-details-container .e2-side-panel-attachments-tab .ui-icon::before,
	 .e2-details-container .attachments-tab .ui-icon::before,
	 .e2-details-container .project-treetable .ui-treetable-scrollable-header-box thead:first-child tr th span .ui-icon::before{
	 	color: #23365A;
	 }
	 .project-treetable .ui-treetable-header .ui-button.ui-state-default,
	 .e2-details-container .e2-side-panel-attachments-tab .ui-button.ui-state-default,
	 .e2-details-container .attachments-tab .ui-button.ui-state-default,
	 .e2-details-container .attachments-tab .syn-upload-file-button .ui-corner-top,
	 .e2-details-container .e2-side-panel-attachments-tab .syn-upload-file-button .ui-corner-top,
	 .e2-details-container .project-treetable thead .ui-column-title .ui-button.ui-state-default{
	 	background:  #0066CC !important;
	 	border-color: transparent;
	 }
	 .e2-side-panel-attachments-tab .syn-newattachment-folder-panel .ui-button.ui-state-default.new-folder-icon{
	 	background: transparent !important;
	 	margin-left: 0 !important;
	 }
	 
	 .e2-side-panel-attachments-tab .syn-newattachment-file-panel .ui-datagrid-header.ui-widget-header.ui-corner-top{
	 	padding-left: 17px;
	 }
	 .e2-side-panel-attachments-tab .syn-newattachment-file-panel .ui-fileupload-responsive.syn-upload-file-button{
	 	margin-right: 21px;
	 }
	 
	 .e2-details-container .project-treetable > table > thead:first-child tr .ui-button.ui-state-default
	 .inline-form-grid-table-container table.synfaces-form-grid-table.e2-details-main-panel-detail-table-remark .synfaces-grid-label{
		width: 100px;
		min-width: 100px;
	}
	.e2-details-container .e2-main-panel-details-table.ui-treetable table{
		width: 100%;
	}
	.e2-details-container.pj-quotation-e2-container .syn-table-column-action,
	.e2-details-container.pj-quotation-e2-container .syn-table-column-multiple-action,
	.e2-details-container.pj-order-e2-container .syn-table-column-action,
	.e2-details-container.pj-order-e2-container .syn-table-column-multiple-action{
		width:50px !important;
		max-width: 50px !important;
		min-width: 50px !important;
	}
	.e2-details-container.pj-quotation-e2-container .syn-table-column-action button,
	.e2-details-container.pj-quotation-e2-container .syn-table-column-multiple-action button,
	.e2-details-container.pj-order-e2-container .syn-table-column-action button,
	.e2-details-container.pj-order-e2-container .syn-table-column-multiple-action button{
		display: block;
		margin: 0 auto!important;
	}
	.e2-details-container.pj-quotation-e2-container th.syn-table-column-action,
	.e2-details-container.pj-quotation-e2-container th.syn-table-column-multiple-action,
	.e2-details-container.pj-order-e2-container th.syn-table-column-action,
	.e2-details-container.pj-order-e2-container th.syn-table-column-multiple-action{
		padding: 0 !important;
	}
	
	.e2-details-container.pj-quotation-e2-container th.syn-table-column-action .ui-column-title,
	.e2-details-container.pj-quotation-e2-container th.syn-table-column-multiple-action .ui-column-title,
	.e2-details-container.pj-order-e2-container th.syn-table-column-action .ui-column-title,
	.e2-details-container.pj-order-e2-container th.syn-table-column-multiple-action .ui-column-title{
		padding-right: 12px;
		padding-left: 2px;
	}
	.phase-no .ui-icon-triangle-1-s::before, .phase-no .ui-icon-triangle-1-e::before,
	.project-treetable tbody tr td:first-child .ui-icon-triangle-1-e::before, 
	.project-treetable tbody tr td:first-child .ui-icon-triangle-1-s::before{
		font-size: 18px;
		margin-left: 10px;
		margin-right: 5px;
	}
	.e2-details-container .e2-main-panel-details-table.ui-treetable .ui-treetable-header,
	.e2-details-container .e2-main-panel-details-table .ui-datatable-header.ui-widget-header{
		border: none;
    	background: transparent;
	}
	
	
	.e2-main-panel-details-table .ui-datatable-header button.ui-button {
		border: none;
		background-color: #0066cc;
		color: #fff;
	}
	
	.e2-main-panel-details-table .ui-datatable-header button.ui-button .ui-icon:before,
	.e2-main-panel-details-table .ui-datatable-header button.ui-button .fa:before {
		color: #fff;
	}
	
	/*=================================================
	 SIDE PANEL 
	======================================================*/
	#mainFormPagePanel .e2-details-side-panel div.ui-tabs-left.ui-tabs{
			flex-direction: row;
			height: 100%;
	}
	#mainFormPagePanel .e2-details-side-panel .ui-tabs-nav.ui-widget-header{
		width: 50px;
		padding: 0;
		height: 100%;
	}
	 /*----------------------------------
	 SIDE PANEL - ICON TABS
	 ----------------------------------*/

	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.side-tab {
		margin: 0;
		border: none;
		width: 100%;
	}

	.e2-details-side-panel .ui-tabs-left>.ui-tabs-nav {
		height: 100%;
		width: 50px;
		padding: 0;
	}

	li.side-tab a:before{
		font-family: var(--fontawesome);
		font-size: 25px;
		color: #0066CC;
	}

	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.side-tab a{
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.5em 0.1em;
		text-align: center;
	}
	
	/* DEFAULT ICONS FOR SIDE PANEL */
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.total-side-tab a{
		margin: 0 auto;
		padding: 0.5em 0;
	}
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.total-side-tab a:before{
		content: '\f571';
	}
	
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.general-side-tab a:before{
		content: "\f06a";
	}

	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.billing-and-payment-side-tab a:before{
		content: "\f09d";
	}
	
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.attachments-side-tab a:before{
		content: "\f0c6";
	}
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.remarks-side-tab a:before,
	.ui-tabs.ui-tabs-top.summary-tabs-container > .ui-tabs-nav li.summary-draft-tab a::before{
		content: "\f044" !important;
	}
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.team-members-side-tab a:before{
		content: "\f0c0";
	}
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.summary-side-tab a:before{
		content: "\f15c";
	}
	
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.list-item-tab a:before{
		content: "\f0ca";
		color: #F59A23;
	}
	
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.shipment-side-tab a:before{
		content: "\f0d1";
	}
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.payment-side-tab a:before{
		content: "\f0d6";
	}
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.check-circle-side-tab a:before{
		content: "\f058";
	}
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.cubes-side-tab a:before{
		content: "\f1b3";
	}
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.tags-side-tab a:before{
		content: "\f02c";
	}
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.dollar-side-tab a:before{
		content: "\f155";
	}
	.ui-tabs.ui-tabs-left > .ui-tabs-nav li.cancel-side-tab a:before{
		content: "\f05e";
	}
	
	.horizontal-lines a:before,
	.horizontal-lines a:after{
		content: "" !important;
		border-top: 2px solid #1a0a0a;
		width: 50px;
		height: 2px;
		display: block;
		margin: 0;
		position: absolute;
		left: 0;
	}
	.horizontal-lines a:before{
		top: 5px;
	}
	.horizontal-lines a:after{
		top: 12px;
	}

	/*----------------------------------
	 SIDE PANEL - TOTAL 
	 ----------------------------------*/
	table.tbl-summary {
		float: right;
		border: 1px solid #c9c9c9;
		width: auto;
		border-collapse: collapse;
	}
	
	table.tbl-summary tbody tr {
		border: 1px solid #c9c9c9;
	}
	
	table.tbl-summary tbody tr td.synfaces-grid-label, table.tbl-summary tbody tr td.syn-col-label
		{
		width: auto;
		min-width: 100px;
		padding: 4px;
		background-color: #e4e4e4 !important;
		text-align: left;
		vertical-align: middle;
		border: 1px solid #c9c9c9;
	}
	
	table.tbl-summary tbody tr td.synfaces-grid-value, table.tbl-summary tbody tr td.syn-col-amt
		{
		width: auto;
		min-width: 100px;
		background-color: #ffffff;
		padding: 4px;
		text-align: right;
		vertical-align: middle;
		border: 1px solid #c9c9c9;
	}
	
	table.tbl-summary .syn-col-label {
		width: auto;
		background-color: #ffffff;
		padding: 5px;
		text-align: left;
		vertical-align: middle;
		font-weight: 600;
	}
	
	table.tbl-summary tbody tr:first-child td {
		background-color: #e4e4e4;
	}
	
	table.tbl-summary tbody tr:nth-child(odd) td {
		background-color: #f2f2f2;
	}
	
	table.tbl-summary tbody col:first-child {
		background-color: #e4e4e4;
	}

	/*----------------------------------
	 DETAIL - SIDE PANEL TEAM MEMBERS
	 ----------------------------------*/
	@media screen and (min-width: 90.063em) {
		.e2-details-side-panel-team-members .team-members .gallery>.galleryPanels {
			width: 48%;
			height: 30%;
		}
	}
	 @media screen and (min-width: 90.063em) {
		 .e2-details-side-panel-team-members .gallery > .galleryPanels {
			width:49%; 
		}
	}
	
	.e2-details-side-panel-team-members div.infoContainer{
		width: calc(100% - 60px); 
	}
	.e2-details-side-panel-team-members .ui-datatable > .ui-datatable-tablewrapper > table > tbody > tr > td{
		border: none;
	}
	 
	/*----------------------------------
	 DETAIL - SIDE PANEL REMARKS TAB
	 ----------------------------------*/
	.e2-details-container textarea.ui-inputtextarea.ui-inputtextarea-resizable:not(:focus){
		max-height: 40px !important;
		min-height: 40px !important;
		height: 40px !important;
	}
	
	.e2-details-container textarea.ui-inputtextarea.ui-inputtextarea-resizable:focus{
		max-height: 70px !important;
		min-height: 70px !important;
		height: 70px !important;
	}
	
	.inline-form-grid-table-container.e2-side-panel-remarks-tab table.synfaces-form-grid-table .synfaces-grid-item,
	.e2-details-container  table.synfaces-form-grid-table.e2-details-main-panel-detail-table-remark .synfaces-grid-item{
		align-items: flex-start;
		width: 100%;
	}
	/* .e2-details-container  table.synfaces-form-grid-table.e2-details-main-panel-detail-table-remark .synfaces-grid-item{
		padding: 10px 0;
	}
	 */
	/*----------------------------------
	 DETAIL - SIDE PANEL ATTACHMENTS TAB
	 ----------------------------------*/

	.e2-side-panel-attachments-tab tr.fixed-attachment-panel {
		flex-direction: column !important;
		margin-bottom: 10px;
		background: transparent !important;
	}
	
	.e2-side-panel-attachments-tab td.ui-panelgrid-cell.syn-newattachment-folder-panel,
	.e2-side-panel-attachments-tab td.ui-panelgrid-cell.syn-newattachment-file-panel{
		width: 100%;
		border: none;
	}
	
	.e2-side-panel-attachments-tab .ui-md-2 {
		width: 30% !important;
		margin: 1% 1.5%;
	}
	.e2-side-panel-attachments-tab .ui-md-2 > .fixed-file-panel{
		border-bottom: 1px solid #e4e4e4 !important;
	}
	.e2-side-panel-attachments-tab .fixed-attachment-panel .syn-newattachment-folder-panel .fixed-fordel-panel textarea.ui-inputtextarea.ui-inputtextarea-resizable:not(:focus),
	.e2-side-panel-attachments-tab .fixed-attachment-panel .syn-newattachment-folder-panel .fixed-fordel-panel textarea.ui-inputtextarea.ui-inputtextarea-resizable:focus{
		width: 415px;
		max-height: 45px !important;
		min-height: 45px !important;
		height: 45px !important;
	}
	.e2-side-panel-attachments-tab .fixed-attachment-panel .syn-newattachment-folder-panel .ui-panel .ui-panel-content{
		padding: 5px;
	}
	.e2-side-panel-attachments-tab div.ui-datagrid-column, 
	.e2-side-panel-attachments-tab .fixed-fordel-panel,
	.e2-side-panel-attachments-tab .ui-panelgrid td.ui-panelgrid-cell,
	.e2-main-panel-details-table .ui-treetable-footer{
	    padding: 0 !important;
	}
	 
	.e2-side-panel-attachments-tab .ui-panelgrid td.ui-panelgrid-cell:nth-child(2){
		padding: 5px 0 0 0;
	}
	.e2-side-panel-attachments-tab .ui-button-text-icon-left .ui-icon{
		text-indent: -8px !important;
    	margin-top: -7px;
	}
	.e2-side-panel-attachments-tab .ui-fileupload.ui-widget.ui-fileupload-responsive.syn-upload-file-button.syn-attachment{
		height: 27px;
	}
	.e2-side-panel-attachments-tab .syn-upload-file-button.syn-attachment.ui-fileupload > div.ui-fileupload-buttonbar > span.ui-fileupload-choose {
	    width: 18px;
	    height: 22px;
	}
	.e2-side-panel-attachments-tab .syn-upload-file-button.syn-newattachment.ui-fileupload > div.ui-fileupload-buttonbar > span.ui-fileupload-choose {
	    height: 21px;
	}
	
	textarea.ui-inputtextarea.ui-inputtextarea-resizable.e2-inputtextarea:focus {
		max-height: 80px !important;
		min-height: 80px !important;
		height: 80px !important;
	}
	
	textarea.ui-inputtextarea.ui-inputtextarea-resizable.e2-inputtextarea:not(:focus) {
		max-height: 23px !important;
		min-height: 23px !important;
		height: 23px !important;
	}
	.ui-tabs.ui-tabs-top.summary-tabs-container.e2 >.ui-tabs-nav li a{
		font-size: 10px;
		padding-left: 35px;
		padding-bottom: 15px;
		padding-top: 0px;
	}
	.ui-tabs.ui-tabs-top.summary-tabs-container.e2 > .ui-tabs-nav li a::before{
		position:absolute;
		/*font-weight: 100;*/
		left: 15px;
		bottom: 10px;
		font-size: 20px;
		top: 10px;
	}
	
	
	/*----------------------------------
	 MAINTENANCE - SUMMARY
	 ----------------------------------*/
	.maintenance-summary .maintenance-summary-table.ui-datatable > .ui-datatable-tablewrapper > table > thead > tr > th,
	.maintenance-summary .synfaces-button-bar.synfaces-top-buttons{
		background-color: #0065cc;
		color: #ffff;
	}
	.maintenance-summary .synfaces-button-bar.synfaces-top-buttons button.primary-icon-button .ui-icon::before,
	.maintenance-summary .maintenance-summary-table.ui-datatable th .ui-icon::before{
		color: #ffff;
	}
	
	/*----------------------------------
	 MAINTENANCE - ENTRY
	 ----------------------------------*/
	.maintenance-entry .synfaces-button-bar.synfaces-top-buttons {
		padding: 5px 0px;
		background-color: #505050;
		height: 33px;
	}
	.maintenance-entry .synfaces-button-bar.synfaces-top-buttons button, 
	.maintenance-entry .synfaces-button-bar.synfaces-top-buttons .syn-upload-file-button {
		padding: 0px;
		height: 25px;
	}
	
	
	/*----------------------------------
	 MAINTENANCE - QUICKY ENTRY
	 ----------------------------------*/
	
	.maintenance-quick-entry-container .flex-row-panel .ui-panel-content.ui-widget-content{
		display: flex;
	}
	.maintenance-quick-entry-container .rounded-ot-panel{
		margin-left: 20px;
		width: 325px;
	}
	.maintenance-quick-entry-container .basic-ot-code{
		margin: -5px 10px;
	}
	.maintenance-quick-entry-container .tbl-normal-working-hrs tr:first-child {
		font-weight: bold;
		background: #F2F2F2;
		text-align: center;
	}
	.maintenance-quick-entry-container .syn-table-column-code{
		max-width: 200px;
	}
	.maintenance-quick-entry-container .master-search-box{
		width: 95%;
	}
	
	.ui-datatable.blue-header > div.ui-datatable-tablewrapper > table> thead> tr > th,
	.ui-datatable.blue-header > div.ui-datatable-tablewrapper > table> thead> tr > th .ui-icon:before{
		background-color: #3399ff !important;
		color: white !important;
	}