@charset "utf-8";
/* CSS Document */
.labelT {
	color: #000000;
	vertical-align: top;
}

.ui-datagrid-no-border>.ui-datagrid-content {
	border: none;
}

.ui-panel-content, .ui-widget-content {
	padding: 0;
}

.ui-datagrid-data {
	border-collapse: collapse;
}

.ui-datagrid-column {
	padding: 0px !important;
}

.companyHeaderGrid tr, .companyHeaderGrid td {
	/*border-style: none !important;*/
	border-bottom: none !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	/*border-right: 1px solid #c5dbec !important;*/
}

.ui-datatable.myTable th {
	background: #5c9ccc
		url(../resources/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50%
		50% repeat-x;
	color: #000000;
	font-weight: bold;
}

.ui-inputfield {
	font-weight: normal !important;
	color: #000000;
	background: none !important;
}

.hide-column-names table thead tr {
	display: none;
}

td.ui-datatable-subtable-header:empty {
	display: none
}

.titleSpace {
	width: 15%;
}

.detailSpace {
	width: 85%;
}

.ui-panelgrid td, .ui-panelgrid tr {
	border-style: none !important;
	float: left;
	margin-bottom: 0.2em;
	margin-left: 0.2em;
	vertical-align: top;
}

/*สำหรับทำให้รูปคนเป็นวงกลม*/
.img-circular_50 {
	width: 50px;
	height: 50px;
	background-image: none !important;
	background-size: cover;
	border-radius: 150px;
	border: 4px solid #e8e9eb;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	display: inline-block;
}

.img-circular_70 {
	width: 70px;
	height: 70px;
	background-image: none !important;
	background-size: cover;
	border-radius: 150px;
	border: 4px solid #e8e9eb;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	display: inline-block;
}

.img-circular_120 {
	width: 120px;
	height: 120px;
	background-image: none !important;
	background-size: cover;
	border-radius: 150px;
	border: 4px solid #e8e9eb;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	display: inline-block;
}

.widthAuto {
	width: auto;
}

.width10Percent {
	width: 10%;
}

.width20Percent {
	width: 20%;
}

.width30Percent {
	width: 30%;
}

.width40Percent {
	width: 40%;
}

.width50Percent {
	width: 50%;
}

.width60Percent {
	width: 60%;
}

.width70Percent {
	width: 70%;
}

.width80Percent {
	width: 80%;
}

.width90Percent {
	width: 90%;
}

.eventUnclick {
	/* ไว้ใส่unclick  ให้ component ที่อยากเอามาช้ ui อย่างเดียวไม่ให้มันทำงานตอนคลิก*/
	pointer-events: none;
}

/*Set z-index ของ spiner ไม่ให้มันทับตัว Calendar ที่ใช้แค่ z-index 1 เหมือนกัน*/
.ui-spinner a.ui-spinner-button {
	z-index: 1;
}

.pf-dropdown-right>.ui-selectonemenu-label {
	text-align: center !important;
}

/*Override css ให้ empty message ของ prime face dataTable จัดกลาง*/
.ui-datatable-empty-message {
	text-align: center;
}