@charset "UTF-8";
/* 工程師開發中如需添加css寫在這個檔案, 開新專案可清空此處 */

.dataTableHighlight{
	background-color: #ffff00!important;
    background-image: none !important;
    color: #000000!important;
}

.highlightInformation{
	color: rgb(255, 0, 0)!important;
}

/* 客製 裝備清點>啟動駐點清點Dialog 裡的選擇器 */
.inventoryPickList{
	display: flex !important;
	align-items:center !important;
	width: 100% !important;
}
.inventoryPickList .ui-picklist-list-wrapper{
	flex-grow: 1 !important;
}
.inventoryPickList .ui-picklist-list-wrapper .ui-picklist-list{
	width: 100% !important;
}
.inventoryPickList .ui-picklist-buttons{
	display: flex;
	justify-content:center;
	padding: 0 15px !important;
}
.inventoryPickList .ui-picklist-buttons .ui-picklist-buttons-cell{
	display: inline-flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
}
.inventoryPickList .ui-picklist-buttons .ui-picklist-buttons-cell button{
	margin: 5px 0 !important;
}

/* 讓p:inputNumber的輸入框寬度可直接在外層指定 */
.sizedInputnumber.ui-inputnumber .ui-inputfield{
	width: 100% !important;
}


/* 特製一些View的table樣式----------------------------------- */
.stationEquipmentsTable .ui-datatable-frozenlayout-left{
	width: 300px !important;
}
.stocksTable .ui-datatable-frozenlayout-left{
	width: 400px !important;
}

/* 角色權限>權限人員Dialog */
.formAuthDialog .ui-tabs-panel{
	padding-bottom: 0 !important;
}
.formAuthDialog .ui-dialog-content{
	padding-bottom: 0 !important;
}
.pickListForJobTitleList{
	height: 450px !important;
}
.pickListForJobTitleList .ui-widget-content{
	height: 350px !important;
}

/* form表單排版用----------------------------------- */
/* input,select的最小寬度 */
.min-145px {
	min-width: 145px !important;
}
.min-200px {
	min-width: 200px !important;
}
.min-300px {
	min-width: 300px !important;
}
.min-400px {
	min-width: 400px !important;
}
/* twxtarea的最小寬度 */
.min-50{
	min-width: calc(50% - 50px) !important;
}



/* 讓畫面接近舊版資訊回饋系統----------------------------------- */
/* 側邊選單 */
.ui-panelmenu-header{
	padding: 6px 10px !important;
}
.ui-panelmenu-header .ui-icon{
	font-size: 0.5rem !important;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content a{
	padding: 8px 10px !important;
}
/* 頁面標題 */
.page-title{
	color: #056fc5 !important;
}
/* form小標題 */
.page-subtitle,.ui-datatable .ui-datatable-header{
	background-color: #F3F3F3 !important;
}
.page-subtitle,.ui-datatable .ui-datatable-header label{
	color: #192847 !important;
}
/* 按鈕 */
.ui-button:not(.ui-selectonebutton .ui-button,.ui-spinner-button){
	padding: 3px 10px !important;
	color: #333333 !important;
	border: 1px solid #ccc !important;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
	text-shadow: 0 1px 1px rgb(255 255 255 / 75%) !important;
	background-color: #f5f5f5 !important;
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6) !important;
	background-image: -o-linear-gradient(top, #fff, #e6e6e6) !important;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6) !important;
	background-image: -ms-linear-gradient(top, #fff, #e6e6e6) !important;
	background-image: linear-gradient(top, #fff, #e6e6e6) !important;
	background-repeat: repeat-x !important;
}
.ui-button:not(.ui-selectonebutton .ui-button,.ui-spinner-button) span:not(.ui-icon){
	font-size: 0.95rem !important;
}
.ui-button:not(.ui-selectonebutton .ui-button,.ui-spinner-button):hover{
	padding: 3px 10px !important;
	color: #333333 !important;
	border: 1px solid #ccc !important;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
	text-shadow: 0 1px 1px rgb(255 255 255 / 75%) !important;
	background-color: #f5f5f5 !important;
	background-image: none !important
}
.ui-button:not(.ui-selectonebutton .ui-button,.ui-spinner-button).ui-state-focus,
textarea[readonly="readonly"].ui-state-focus{
	box-shadow: none !important;
}
/* 表單form-row增加框線 */
.formPage-table{
	border: 1px solid #ced4da;
}
.formPage-table .form-row{
	padding: 0 !important;
}
.formPage-table .form-row>div{
	border: 1px solid #ced4da;
	padding: 5px 8px;
}