/* =================================================================================================
    change padding top&bottom for button
   ============================================================================================== */

.ui-button-text{
	/* padding: 5px 20px 5px 40px !important */
	padding: 4px 20px 4px 40px !important /* 17/07/2017-arm */
	
}

/* =================================================================================================
    change text color for button
   ============================================================================================== */

.ui-button-icon-only .ui-icon.fa, .ui-button-text-icon-left .ui-icon.fa, .ui-button-text-icon-right .ui-icon.fa {
    color: white;
}

.ui-panelgrid tbody tr td {
    border: solid 0px!important; 
}
 
/* =================================================================================================
    toolbar
    border-top: 1px solid #787878;
   ============================================================================================== */
 
.ui-toolbar{
    margin-top: 10px;
    background: #F5FBFC;
    border-radius: 0px;
    padding: 7px !important;
    border: 1px solid silver;
}

/* =================================================================================================
    change * color for required="true"
   ============================================================================================== */

span.ui-outputlabel-rfi{
    color:#ff0000 !important;
}


.ui-panel .ui-panel-titlebar {
    background-color: #fff;
    border-bottom: 1px solid #003D50;
    color: #003D50;
    font-size: 14px;
    padding-bottom:2px !important;
    margin-bottom: 4px !important;
}

/*.ui-panel .ui-fieldset {
    border: 0px;
    padding: 0.6em 0px;
}*/


/* =================================================================================================
    change bgcolor of component state focus 
   ============================================================================================== */

.ui-inputfield.ui-state-focus, .ui-selectonemenu.ui-state-focus .ui-selectonemenu-label, .ui-chkbox .ui-state-focus, .ui-radiobutton .ui-state-focus,
.ui-selectcheckboxmenu.ui-state-focus .ui-selectcheckboxmenu-label{
	background-color: #F9F4D6 !important;
}

.ui-inputfield.ui-state-focus{
	border:1px solid #363636 !important;
	color: #363636 !important;
}

/* =================================================================================================
   set font-family
   ============================================================================================== */


.ui-widget, .ui-widget .ui-widget, .ui-datatable, .ui-datatable .ui-paginator .ui-paginator-current, .ui-datatable .ui-paginator .ui-paginator-rpp-options, .ui-datatable  table tbody td,
.ui-datatable-fs .ui-datatable-frozenlayout-right, .ui-datatable-fs .ui-datatable-frozenlayout-left, .ui-datatable  table thead tr th, .ui-datatable  table tfoot tr td, .ui-datatable table thead tr th, 
.ui-datatable table tbody tr td, .ui-datatable-footer, .ui-datagrid, .ui-datagrid .ui-paginator .ui-paginator-rpp-options, .ui-datalist, .ui-datalist .ui-datalist-header, .ui-datalist .ui-datalist-content .ui-datalist-data, 
.ui-datalist .ui-paginator .ui-paginator-rpp-options, .ui-picklist, .ui-orderlist, .ui-orderlist .ui-orderlist-list .ui-state-highlight, .ui-carousel, .ui-carousel .ui-carousel-header, .fc-header, .fc, .fc-toolbar button, 
.fc-center, .fc-view-container .fc-content-skeleton table thead tr .fc-sun, .fc-view-container .fc-content-skeleton table thead tr .fc-sat, .fc-view-container table tbody tr .fc-day .ui-tree, 
.ui-treetable, .ui-treetable .ui-treetable-header, .ui-treetable table tbody .ui-state-highlight td, .ui-accordion, .ui-panelgrid, .ui-fieldset, .ui-fieldset-legend, .ui-inputfield, .ui-button-text, 
.ui-menu .ui-menuitem .ui-menuitem-link, .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem a, .ui-panel .ui-panel-titlebar, .ui-datagrid .ui-panel .ui-panel-titlebar, 
.ui-panel .ui-panel-content, .ui-selectonemenu, .ui-selectcheckboxmenu, .ui-selectcheckboxmenu, #keypad-div .keypad-row button, .ui-password-panel, .ui-inputswitch, 
.ui-selectonelistbox, .ui-selectmanymenu, .ui-datepicker, .ui-editor, .ui-outputlabel, .ui-progressbar-label, .ui-autocomplete-input-token input[type="text"], 
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header, .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list, 
.ui-layout-container .ui-layout-unit, .ui-layout-unit .ui-layout-unit-header, .ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-title, .ui-wizard .ui-wizard-step-titles li{
	/*font-family:'dosismedium';*/
	font-family: tahoma !important;
}

.fc-header-center, .ui-menu .ui-menu-list .ui-widget-header{
	/*font-family:'dosisregular';*/
	font-family: tahoma !important;
}

.fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover{
	/*font-family:'dosissemibold';*/
	font-family: tahoma !important;
}


/* =================================================================================================
   set font-size for label
   ============================================================================================== */

.ui-outputlabel, .ui-selectmanycheckbox label, .ui-selectoneradio label, .ui-chkbox .ui-chkbox-label{
	font-size: 14px;
	/* line-height: 33px; */
	line-height: 30px; /* แก้ 17/07/2017-arm[พี่โอส่งมาให้แก้]*/
}



/* =================================================================================================
   set text & bgcolor for disable input 
   ============================================================================================== */

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: 1;
	background-color: #f4f4f4;
	border-color: #c5c5c5;
	color: #2c2c2c;
}


/* =================================================================================================
   change text color
   ============================================================================================== */

.ui-accordion-content{
	color:#000 !important;
}


/* =================================================================================================
   set font size calendar
   ============================================================================================== */

.ui-datepicker-header{
	font-size: 14px !important;
}

.ui-datepicker table{
	font-size: 12px !important;	
}


/* =================================================================================================
   set vertical align for chkbox
   ============================================================================================== */

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

/* =================================================================================================
   set bgcolor for label disabled
   ============================================================================================== */

label.ui-state-disabled{
   background:none !important;
}

/* =================================================================================================
  set padding top & bottom for ui-panelgrid-cell
   ============================================================================================== */


.ui-panelgrid .ui-panelgrid-cell{
	padding-top:2px !important;
	padding-bottom:2px !important;
}


/* =================================================================================================
  change bgcolor state highlight for datatable
   ============================================================================================== */

.ui-datatable table tbody .ui-state-highlight > td{
	background-color:#F7E7EA !important;
	color:#003D50 !important;
}

/* =================================================================================================
  change image info-icon & font color - border color
   ============================================================================================== */

.ui-messages-info-icon {
  background-image: url("/bfrd-app/javax.faces.resource/images/check-green.svg.xhtml?ln=primefaces-spark-red") !important;
  width: 25px !important;
  height: 25px !important;
}

.ui-messages-info{
  color:#339900 !important;
  border-color: #000 !important;
}

/* =================================================================================================
  ��Ѻ��Ҵ padding ��ͺ��ͤ���㹻�ԷԹ
   ============================================================================================== */

.fc-content{
	padding: 3px !important;
}

.ui-widget-content a {
    color: #778D9B !important;
}


/* =================================================================================================
  ��Ѻ width �ͧ���ҧ selectmanycheckbox
   ============================================================================================== */

.ui-datatable table .setwidth{
	width:auto !important;
}


/* =================================================================================================
  ��Ѻ�� font
   ============================================================================================== */

.ui-datatable, .ui-datatable .ui-datatable-scrollable-footer, .ui-datatable .ui-paginator .ui-paginator-last, .ui-datatable .ui-paginator .ui-paginator-rpp-options,
.ui-datatable table thead tr th, .ui-datatable table tbody tr td, .ui-columntoggler, .ui-datagrid, .ui-datalist, .ui-datalist .ui-datalist-content .ui-datalist-data,
.ui-datalist .ui-paginator .ui-paginator-last, .ui-datalist .ui-paginator .ui-paginator-rpp-options, .ui-picklist, .ui-picklist .ui-picklist-list .ui-picklist-item,
.ui-orderlist, .ui-carousel, .fc, .fc-agenda-slots tbody tr .ui-widget-header, .fc-agenda-allday tbody tr .ui-widget-header, .fc-view-container table thead tr th,
.fc-view-container table tbody tr .fc-day, .fc-popover .fc-header, .ui-tree, .ui-treetable, .ui-treetable table thead tr th, .ui-treetable table tbody tr td, 
.ui-panelgrid-content, .ui-scrollpanel, .ui-tabs-top .ui-tabs-panels, .ui-ribbon .ui-ribbon-group .ui-ribbon-group-label, .ui-dialog, .ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-content, .ui-overlaypanel, .ui-lightbox, .ui-lightbox .ui-lightbox-caption, .ui-fieldset-content, .ui-inputfield, 
.ui-menu, .ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward, .ui-panelmenu, .ui-tabmenu, .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a, .ui-panel .ui-panel-content,
.ui-selectonemenu, .ui-selectcheckboxmenu, .ui-selectcheckboxmenu, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label.ui-state-hover,
.ui-log, .ui-log-content, .ui-log-items, .ui-selectmanycheckbox label, .ui-chkbox .ui-chkbox-label, .ui-selectoneradio label, .ui-password-panel, .ui-inputswitch,
.ui-selectonelistbox, .ui-selectmanymenu, .ui-slider, .ui-rating-cancel a, .ui-datepicker-calendar thead tr th, .ui-datepicker-calendar tbody tr td a,
.ui-outputlabel, table tbody tr td, .ui-galleria, .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item, .ui-autocomplete-itemtip table thead tr th,
.ui-terminal, .ui-steps .ui-steps-title, .ui-tagcloud li a, .ui-layout-container .ui-layout-unit{
	color:#363636 !important;
}


.ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight{
	color:#363636 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item{
	color:#363636 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item:hover{
	color: #D0525D !important;
}

.ui-datatable-footer{
	color:#363636 !important;
}

.ui-datatable .ui-paginator .ui-paginator-current{
	color:#363636 !important;
}


/* =================================================================================================
  			��Ѻ padding �ͧ input box
   ============================================================================================== */

.ui-inputfield, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label{
	padding: 5px !important;
}

.ui-selectonemenu-trigger .ui-icon-triangle-1-s, .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s{
	margin-top: 6px !important;
}

/* =================================================================================================
  			��Ѻ�����٧���� combo
   ============================================================================================== */

.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger, .ui-fluid .ui-selectcheckboxmenu-trigger{
	height: 29px !important;
}

/* =================================================================================================
  			��Ѻ��Ҵ���� autocomplete
   ============================================================================================== */

.ui-button-icon-only .ui-button-text{
	padding: 8px 0px 0px 0px !important
}

/* =================================================================================================
  			��Ѻ��Ҵ���������੾���ͤ͹
   ============================================================================================== */


.ui-button-icon-only{
    max-width: 40px !important;
}

/* =================================================================================================
  			change border color for checkbox & radiobox
   ============================================================================================== */

.ui-radiobutton .ui-radiobutton-box, .ui-chkbox .ui-chkbox-box {
	border: 1px solid #96a3aa !important;
}

/* =================================================================================================
  			����¹�ٻ�ͤ͹����Ѻ�����غ panel
   ============================================================================================== */

.ui-panel .ui-panel-titlebar .ui-icon-minusthick{
	background-image:url("") !important;
}

/* =================================================================================================
  			��Ѻ��Ҵ���������੾�Т�ͤ���
   ============================================================================================== */


.ui-button-text-only .ui-button-text{
	/* padding: 5px 20px 5px 20px !important; */
	padding: 4px 20px 4px 20px !important; /* 17/07/2017-arm[พี่โอบอกให้แก้] */
}


/* =================================================================================================
  			��Ѻ�� bg ��� text �͹ highlight �ͧ autocomplete
   ============================================================================================== */

.ui-autocomplete-item.ui-autocomplete-list-item.ui-state-highlight, .ui-selectonemenu-panel .ui-state-hover, .ui-selectonemenu-panel .ui-state-highlight, .ui-autocomplete-item.ui-autocomplete-row.ui-state-highlight td{
	background-color:#f9f4d6 !important;
	color:#D0525D !important;
}

/* =================================================================================================
  			�� change color paginator
   ============================================================================================== */
.ui-datatable .ui-paginator .ui-paginator-rpp-options, .ui-widget-content .ui-paginator-pages a{
    color:#fff !important;
}

/*  เพิ่ม 17/07/2017-arm[พี่โอส่งมาให้แก้]  */
.ui-widget-content .ui-inputtext{
    margin-top: 0px !important;
}
.ui-panelgrid.zic1 .ui-panelgrid-cell{ /* 17/07/2017-arm[ปรับตำแหน่งปุ่ม เฉาพะหน้า  manage-cabinet-drawer-file.xhtml > edoc] */
	margin-top: -4px !important; 
}

.ui-grid-row .disable-spark.EmptyBox5{
	height: 0px !important;
}