/* =================================================================================================
    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 */
	background-color:#9d70cf;	
}

.ui-button.ui-state-hover .ui-button-text, .ui-buttonset .ui-state-hover .ui-button-text, .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover,
    .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus{
    background-color:#594199;
}

/* =================================================================================================
    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("/regc-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;
}

/* =================================================================================================
  			change color input
   ============================================================================================== */

.ui-inputfield{
	background-color:#fff;
	border:solid 1px #b5b1b0;
}

label .ui-inputfield, .ui-selectonemenu-label.ui-inputfield{
    /*background-color:#eef3f7;
    border:solid 1px #c5d6de;*/
    background-color: rgba(0, 0, 0, 0);
	border:solid 1px #b5b1b0;
}

.ui-selectonemenu{
	border:0px !important;
}

.ui-selectonemenu.ui-state-focus,.ui-selectcheckboxmenu.ui-state-focus{
	border:0px !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{
    background-color: #9c6fce;
    top:1px;
}

.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus{
	border:solid 1px #594199;
	color:#594199 !important;
	background-color: #fff;
}

.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-top .ui-tabs-nav li.ui-state-hover a{
    color:#583f9a !important;
}

.ui-accordion-header, .ui-accordion .ui-state-active{
    background-color: #e1e2f7;
    color: #583f9a;
}

.ui-accordion-header .ui-icon-triangle-1-e{
	background-image:url("/regc-app/javax.faces.resource/images/right-arrow-purple.svg.xhtml?ln=primefaces-spark");
}

.ui-accordion-header .ui-icon-triangle-1-s{
    background-image:url("/regc-app/javax.faces.resource/images/downarrow-purple.svg.xhtml?ln=primefaces-spark");
}

.ui-accordion .ui-state-hover, .ui-accordion .ui-tabs-outline{
    background-color:#9d70cf;
    color:#fff;
}

.ui-button.ui-state-focus .ui-button-text,.ui-inputswitch-handle.ui-state-focus,.ui-slider-handle.ui-state-focus{
    background-color:#594199;
}

.ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet{
    background-color:#9d70cf;
}

/* =================================================================================================
  			change color calendar
   ============================================================================================== */

.ui-datepicker-header{
    background-color:#9d70cf;
}

.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next{
    background-color:#9d70cf;
}

.ui-datepicker-header .ui-datepicker-prev-hover, .ui-datepicker-header .ui-datepicker-next-hover{
    background-color:#594199;
}

/* =================================================================================================
  			
   ============================================================================================== */

.ui-selectonemenu-panel{
	border-top: solid 5px #9d70cf;
	border-bottom: solid 5px #9d70cf;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a{
    color:#919191 !important;
}

.ui-accordion .ui-inputfield.ui-state-hover{
    background-color:#ebd9ff;
}