/*PAGE WIDTH & HEIGHT*/
.full-width,
.syn-full-width,
.synfaces-width-full{
	width:100% !important;
}

.full-width.ui-datagrid > .ui-datagrid-content > .ui-datagrid-data{
	width:100%;
}
.full-height,
.synfaces-height-full {
	height:100%;
}

/*TEXT-FORMAT*/

.synfaces-wrap {
	white-space:normal;
	word-wrap: break-word;
}

/* ALIGNMENTS */
.align-left,
.synfaces-align-left {
	text-align: left !important;
}
.align-right,
.synfaces-align-right {
	text-align: right !important;
}

.align-center,
.synfaces-align-center {
	text-align: center !important;
}

.align-top,
.vertical-align-top,
table.vertical-align-top > tbody > tr > td {
	vertical-align: top !important;
}

.align-bottom,
table.align-bottom > tbody > tr > td {
	vertical-align: bottom !important;
}
.align-middle,
table.align-middle > tbody > tr > td {
	vertical-align: middle !important;
}

/* Float: read this: http://www.sitepoint.com/simple-clearing-of-floats/ */
.float-left,
.synfaces-float-left {
	float: left !important;
}
.float-right,
.synfaces-float-right {
	float: right !important;
}

/*COLUMN FILTER WIDTH*/

.ui-datatable .ui-column-filter {
	width:100%;
} 


/*DATATABLE COLUMN WIDTH*/

.syn-table-column-index, 
.syn-table-column-item-type {
	min-width: 50px;
	max-width: 80px;	
	white-space:nowrap;
	text-align:center;
}

.syn-table-column-small-qty {
	width: 50px;	
	white-space:nowrap;
	text-align:right;
}

.syn-table-column-tax,
.syn-table-column-sales-tax,
.syn-table-column-uom,
.syn-table-column-currency,
.syn-table-column-approval-remarks {
	min-width:60px;
	max-width: 100px;
	text-align:center;
}

.syn-table-column-type,
.syn-table-column-number,
.syn-table-column-percent,
.syn-input-percent {
	min-width: 30px;
	max-width: 100px;
	white-space:normal;
	word-wrap: break-word;
	text-align:center;
}

.syn-table-column-small-type,
.syn-table-column-small-index {
	width: 50px;
	white-space:normal;
	word-wrap: break-word;
	text-align:center;
}

.syn-table-column-tiny-index {
	width: 40px;
	max-width: 40px;
	min-width: 40px;
	white-space:normal;
	word-wrap: break-word;
	text-align:center;
}

.syn-table-column-date {
	min-width: 80px;
	max-width:150px;
	white-space:nowrap;
	text-align:center;
}
.syn-table-column-datetime{
	min-width: 130px;
	max-width:150px;
	white-space:nowrap;
	text-align:center;
}
.syn-table-column-qty,
.syn-table-column-tax{
	min-width: 90px;
	max-width: 150px;
	white-space:normal;
	word-wrap: break-word;
	text-align:right;
}

.syn-table-column-status,
.syn-table-column-sbu{
	min-width: 80px;
	max-width:100px;
	white-space:normal;
	word-wrap: break-word;
	text-align:center;
}

.syn-table-column-reference,
.syn-table-column-ref,
.syn-table-column-code{
	min-width: 100px;
	max-width:150px;
	white-space:normal;
	word-wrap: break-word;
	text-align:center;
}

.syn-table-column-input-uom {
	min-width: 80px;
	max-width:150px;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
}

.syn-table-column-short-code {
	min-width: 80px;
	max-width: 150px;
	text-align:center;
}

.syn-table-column-short-name {
	min-width: 80px;
	max-width:200px;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
}

.syn-table-column-code-and-description {
	min-width:200px;
	width:200px;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
}

.syn-table-column-code-and-description-flex {
	min-width:200px;
	width:100%;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
}

.syn-table-column-status-ellipsis {
	min-width:100px;
	max-width: 200px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center;
}


.syn-table-column-action {
	min-width:20px;
	max-width:80px;
	white-space:normal;
	word-wrap: break-word;
	text-align:center;
}
.syn-table-column-rate,
.syn-table-column-price,
.syn-table-column-amt {
	min-width:80px;
	max-width:150px;
	white-space:normal;
	word-wrap: break-word;
	text-align:right;
}
.syn-table-column-multiple-action{
	box-sizing: border-box;
	min-width:80px;
	width: 80px !important;
	max-width:150px;
	white-space:normal;
	text-align:center;
}

.syn-table-column-employee-name,
.syn-table-column-name {
	min-width:150px;
	max-width:250px;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
}

.syn-table-column-name-ellipsis {
	min-width:200px;
	max-width: 250px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
}
.syn-table-column-revision,
.syn-table-column-short-name-ellipsis {
	min-width:100px;
	max-width:150px;
	word-wrap: normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
}
.syn-table-column-subject,
.syn-table-column-remarks,
.syn-table-column-desc,
.syn-table-column-description {
	min-width:270px;
	max-width:500px;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
	
}
.syn-table-column-phase-desc{	
	/* box-sizing: border-box; */
	min-width:270px;
	max-width:500px;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
}
.syn-table-column-liquidated-amage-remarks{
	/* box-sizing: border-box; */
	min-width:150px;
	width:150px;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
}
.syn-table-column-sch-no,
.syn-table-column-phase-no {
	/* box-sizing: border-box; */
	min-width:120px;
	width:120px !important; 
	max-width:150px;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
}

.syn-table-column-project-phase-no,
.syn-table-column-budget-category{
	box-sizing: border-box;
	min-width:100px;
	/* width:100px !important; */
	max-width:200px;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
}
 .syn-table-column-workhead-group{
	min-width:130px;
	width:130px !important;
	max-width:130px;
	white-space: normal !important;
}
.syn-table-column-budget-cost{
	/* box-sizing: border-box; */
	min-width:100px;
	/* width:100px !important; */
	max-width:150px;
	white-space:normal;
	word-wrap: break-word;
	text-align:right;
}
.syn-table-column-project-no{
	/* box-sizing: border-box; */
	min-width:120px;
	max-width:200px;
	white-space:normal;
	word-wrap: break-word;
	text-align:left;
}

.syn-table-column-remarks-flex,
.syn-table-column-desc-flex {
	min-width:200px;
	white-space:normal;
	word-wrap:break-word;
	text-align:left;
}

.syn-table-column-desc-ellipsis,
.syn-table-column-remarks-ellipsis {
	min-width:200px;
	max-width:500px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
}
.syn-table-column-claim-cert{
	min-width:220px;
	width:220px;
	white-space:normal;
	word-wrap: break-word;
	text-align:right;
}

.syn-grid-item-content-padding {
	padding-left: 3px;
	padding-right: 5px;
}

.margin-top {
	margin-top:10px;
}

.margin-top-header {
	margin-top:35px;
}

.margin-left {
	margin-left:10px;
}
.margin-bottom {
	margin-bottom:10px;
}

.margin-right {
	margin-right:10px;
}

.padding.ui-datatable tr td {
	padding:0.6vw;
}

.percent-80 {
	width: 80%;
}

.syn-table-column-month,
.syn-table-column-year {
	width: 50px !important ;
	white-space:normal;
	text-align:center;
}

.syn-table-column-date-time{
	width: 80px !important ;
	white-space:normal;
	text-align:center;
}

.w-time {
	width: 40px;
}
/* ALIGNMENTS ICON */


/* WIDTH ICON */

.e23 button.button-size-m.ui-button-icon-only .ui-icon {
	width: auto;
    margin: 0;
    transform: translate(-50%, -50%);
}

.e23 button.button-size-m.ui-button-icon-only .ui-icon:before {
	font-size: 24px;
}

.e23 button.button-size-m.ui-button-icon-only .ui-icon[class*=" fa-"]:before {
	font-size: 18px;
}

.vertical-align {
	display: flex;
	align-items: center;
}

.ui-panel.no-padding-content .ui-panel-content {
	padding:0px;
}

.width-haft {
	width: 50%;
}