@import "bpm-custom-fonts.css?resourceVersion=20250810094044";

h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

h3, h4, h5 {
    margin-top: 5px;
    font-weight: 600;
}

label{
	font-weight:normal;
	margin:0px;	
}

textarea {
	resize: none
}

body{
//	font-family: Arial,Microsoft JhengHei,sans-serif; 微軟正黑體;
//	letter-spacing:1px;
	background-color:#EFF0F4;
	font-family: Microsoft YaHei, 微软雅黑, Microsoft JhengHei, 微軟正黑體, Arial, EUDC_CUSTOM;
	color:#7a7676;
}
.bpm-body{
	
}
@media (min-width: 768px) {
	.bpm-mobile-only {
		display: none !important;
	}
	
	.body{
		padding:0px;
	}	
}
/** 文字超過時使用..表示之*/
.text-overflow{ 
	display:block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.input-group-addon {
    border-radius: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}

/** 複合式元件的按鈕 */
.bpm-input-group-button{
	width:34px;
	cursor:pointer;
	padding:0px;
	text-align:center;
}

.bpm-input-group-button label{
	width:30px; 
	height:30px;
	margin-left:2px;
	margin-right:2px;
	cursor:pointer;
}

.bpm-input-group-button img{
	cursor:pointer;
}

.input-group{
	border-radius:0px;
	border:0px;
}

.agile-list {
    list-style: none;
    margin: 0;
}

.agile-list li {
	background: #fafafb;
	border: 1px solid #e7eaec;
	margin: 0 0 10px 0;
	padding: 10px;
	border-radius: 2px;
}

.agile-list li:hover {
	cursor: pointer;
	background: #fff;
}

.agile-list li.warning-element {
	border-left: 3px solid #f8ac59;
}

.agile-list li.danger-element {
	border-left: 3px solid #ed5565;
}

.agile-list li.info-element {
	border-left: 3px solid #1c84c6;
}

.agile-list li.success-element {
	border-left: 3px solid #1ab394;
}

.label-primary, .badge-primary {
    background-color: #1ab394;
    color: #fff;
}

.label-success, .badge-success {
    background-color: #1c84c6;
    color: #fff;
}

.label-warning, .badge-warning {
    background-color: #f8ac59;
    color: #fff;
}

.label-warning-light, .badge-warning-light {
    background-color: #f8ac59;
    color: #fff;
}

.label-danger, .badge-danger {
    background-color: #ed5565;
    color: #fff;
}

.label-info, .badge-info {
    background-color: #23c6c8;
    color: #fff;
}

.label-inverse, .badge-inverse {
    background-color: #262626;
    color: #fff;
}

.label-white, .badge-white {
    background-color: #fff;
    color: #5e5e5e;
}

.label-white, .badge-disable {
    background-color: #2a2e36;
    color: #8b91a0;
}

.form-control, .form-control:focus{
    box-shadow: none;
}

/** 隱藏IE的清除按鈕 */
input.form-control:focus::-ms-clear {
  display:none;
}

.form-control{
    background-color: #FFFFFF;
    background-image: none;
   // border: 1px solid #FBFBFB;
    color: #555;
    display: block;
 //   padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    width: 100%;
 //   font-size: 14px;
//	border-radius:0px;
//	height:30px;
}

.form-control:disabled
{
	background-color: #DBDCDC;
	border: 1px solid #F6F6F6;
}

.form-control:focus {
	border-color: #424F23 !important;
}

.bpm-mobile-spacing{
	padding : 0px 5px 0px 5px;
}

.bpm-mobile-spacing-Handheld{
	padding : 0px 5px 10px 5px;
}

.mobile-table-box{
	border-bottom:1px solid #C0C0C0;
}

.mobile-table-box label{
	font-size:14px;
}

.bpm-link{
	cursor:pointer;
}
/*與Bootstrap4.0的.hidden-sm-down相同*/
@media (max-width: 767px) {
	.bpm-pc-only {
		display: none !important;
	}
}

/*與Bootstrap4.0的.hidden-sm-down相同*/
@media (min-width: 768px) {
	.bpm-mobile-only {
		display: none !important;
	}
}

/* 隱藏，但保留區塊 */
@media (max-width: 767px) {
	.bpm-pc-visibility {
		visibility: hidden !important;
	}
}
/* 隱藏，但保留區塊 */
@media (min-width: 768px) {
	.bpm-mobile-visibility {
		visibility: hidden !important;
	}
}

.bpm-fixed-header{
	position: fixed; 
	top: 0; 
	left: 0; 
	background-color: #EFF0F4; 
	width:100%; 
	z-index:999
}

.btn-float{
	background-color:#6E99B6; 
	border-radius:20px; 
	height:40px; 
	width:40px; 
	position:fixed; 
	bottom: 30px; 
	right:30px; 
	line-height:40px; 
	text-align:center; 
	font-size:15px; 
	color:white;
}

/** Tabel配色 */
.bpm-table{
	width:100%;
}

.bpm-table thead th{
	padding:10px; 
	text-align:center;
}

.bpm-table tbody td{
	padding:10px;
	text-align:center;
}

.bpm-table tbody tr:nth-child(odd){
	background-color:#EEEEEE;
}

.bpm-table tbody tr:nth-child(even){
	background-color:white;
}

.bpm-div-form-control{
	border:1px solid #EEEEEE; 
	padding:6px 12px; 
	background-color:#EEEEEE; 
	min-height:34px;
}

/** dialog樣式調整 */
.modal-header .close{
	margin : 0px;
}

.inmodal .modal-header {
  //  padding: 10px 15px;
//    text-align: center;
}

.inmodal .modal-title {
    font-size:18px; 
//	font-weight:bold; 
	color:white;
}

.modal-footer {
//	background-color: #e9e9e9;
	text-align:center;
//	padding:0px;
//	margin: 0px;
//	line-height:38px;
//	height:38px;
//	font-size:14px;
//	color:white;
//	font-weight:bold;
}

.modal-footer-fixed {
	position:fixed;
	bottom:0px;
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;	
}

.modal-footer .bpm-dialog-main-buttom{
	cursor:pointer;
	min-height:40px;
	line-height:40px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.modal-footer .bpm-dialog-other-buttom{
	color: #888888;
	cursor:pointer;
	min-height:40px;
	line-height:40px;
	background-color:#EFF0F4;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.modal-footer  .row{
	margin-right:0px;
	margin-left:0px;
}

.modal-footer  .row .col-xs-6{
	padding-right:0px;
	padding-left:0px;
}

.bpm-modal-label{
	margin-top:7px;
}

.radio-inline input[type=radio],
.checkbox-inline input[type=checkbox]{
  margin: 4px 0 0;
  top: 2px;
  position: relative;
  right: 5px;
}

.radio-inline ,
.checkbox-inline{
  padding-left: 5px;
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    outline: 0 none;
}

.modal-dialog {
    z-index: 1200;
}

.modal-body {
 //   padding: 10px 20px 10px 20px;
//	background-color: #FFFFFF;
}

.modal-body  .form-group{
    margin-bottom:12px;
}

.modal-body  .form-group label{
    padding-bottom:4px;
}

.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.form-group{
	margin-bottom: 20px;
}


/** 平台按鈕配色 */
.bpm-button{
	padding:6px 12px;
	box-sizing: border-box;
	font-size:14px;
	line-height:20px;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px;
}

.bpm-button:disabled,
.bpm-button:disabled:active{
	opacity:0.5;
	cursor: not-allowed;;
}

.bpm-button-add{
	background-color:#00A854;
	color:white; 
	border:1px solid #00A854;
	padding:6px 12px;
	box-sizing: border-box;
	font-family: 微軟正黑體;
	font-size:14px;
	line-height:20px;
	vertical-align: middle;
	cursor: pointer;
}
.bpm-button-add:focus{
	background-color:#00A854;
}

.bpm-button-add:hover,
.bpm-button-add:active:hover
{
	background-color:#01994d;
}

.bpm-button-add:active{
	background-color:#00c160;
}

.bpm-button-add:disabled,
.bpm-button-add:disabled:active{
	opacity:0.5;
}

.bpm-button-update{
	background-color:#F4B917;
	color:white; 
	border:1px solid #F4B917;
	padding:6px 12px;
	box-sizing: border-box;
	font-family: 微軟正黑體;
	font-size:14px;
	line-height:20px;
	vertical-align: middle;
	cursor: pointer;
}
.bpm-button-update:focus{
	background-color:#F4B917;
}

.bpm-button-update:hover,
.bpm-button-update:active:hover
{
	background-color:#DDA818;
}

.bpm-button-update:active{
	background-color:#DDA818;
}

.bpm-button-update:disabled,
.bpm-button-update:disabled:active{
	opacity:0.5;
}

.bpm-button-delete{
	background-color:#F04134;
	color:white; 
	border:1px solid #F04134;
	padding:6px 12px;
	box-sizing: border-box;
	font-family: 微軟正黑體;
	font-size:14px;
	line-height:20px;
	vertical-align: middle;
	cursor: pointer;
}
.bpm-button-delete:focus{
	background-color:#F04134;
}

.bpm-button-delete:hover,
.bpm-button-delete:active:hover
{
	background-color:#db3c30;
}

.bpm-button-delete:active{
	background-color:#fc4537;
}

.bpm-button-delete:disabled,
.bpm-button-delete:disabled:active{
	opacity:0.5;
}

.bpm-button-purple{
	background-color:#7265E6;
	color:white; 
	border:1px solid #7265E6;
	padding:6px 12px;
	box-sizing: border-box;
	font-family: 微軟正黑體;
	font-size:14px;
	line-height:20px;
	vertical-align: middle;
	cursor: pointer;
}
.bpm-button-purple:focus{
	background-color:#7265E6;
}

.bpm-button-purple:hover,
.bpm-button-purple:active:hover
{
	background-color:#6156C0;
}

.bpm-button-purple:active{
	background-color:#6156C0;
}

.bpm-button-purple:disabled,
.bpm-button-purple:disabled:active{
	opacity:0.5;
}

/** Grid下方的上下頁按鈕 */
.bpm-page-button{
	padding:0px;
	cursor:pointer;
}

#selRecoredSizePerPage{
	cursor:pointer;
}

/** Select元件樣式 */
.bpm-select {
  /*移除箭頭樣式*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  //background:url('../theme/default/newimages/v57image/select.png') no-repeat right center transparent;
  border:1px solid #CCCCCC;
  width:100%;
  height:34px;
  padding-left:12px;
  padding-right:30px;
  padding-top:6px;
  padding-bottom:6px;
  cursor:pointer;
  border-radius:4px;
  color:#555555;
}

/*IE隱藏箭頭樣式*/
.bpm-select::-ms-expand { 
  display: none; 
}

.bpm-select:focus{
  
}

#lblPcPageInfo{
	//letter-spacing:1px;
	font-weight:bold;
	color : #7a7676;
}

#lblPcPageInfo input{
	width:60px; 
	display:inline; 
	text-align:center;
}

/**各頁的Title*/
#divTitle{
	width:100%; 
	text-align:center; 
	padding:10px;
}

#divTitle #title{
	font-size:16px;
}


/** PC版頁籤樣式 **/
#divPcTab{
	padding-top:0px;
	margin:3px 0px 0px 0px;
	background-color:#424F63;
	color:white;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}

#divPcTab .bpm-pc-tab-item{
	padding:10px 15px;
	cursor: pointer;
	line-height:24px;
//	letter-spacing:2px;
	font-weight:bold;
	font-size:13px;
	border-top-left-radius:4px;
}

/** 沒被選取到的頁籤*/
#divPcTab .bpm-no-selected-tab{
	background-color:#E2E2E2; 
	color : #717071;
}

#divPcTab .bpm-selected-tab{
	background-color:#FFFFFF; 
	color : #424F63 ;
	border-top-left-radius:4px;
}

.bpm-tab-content{
	padding : 0px 15px;
	background-color:#FFFFFF;
}

.bpm-tab-iframe-content{
	background-color:#FFFFFF;
}

/** 整合使用者管理維護版面 **/
.bpm-panel-content{
    padding : 15px;
    background-color: #FFFFFF;
}

#divMobilePageInfo{
	text-align:center;
	letter-spacing:1px;
	padding-top:10px;
}

#divMobilePageInfo input{
	width:60px; 
	display:inline; 
	text-align:center;
}

/**單一頁面*/
.bpm-single-page-header{
	width:100%;
	text-align:center; 
	padding:10px;
	position:fixed; 
	width:100%; 
	z-index:999;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.bpm-single-page-header .close{
	padding-top:3px;
	padding-right:5px;
}

.bpm-single-page-header #title{
	font-size:16px;
}

.bpm-copy-icon{
	font-size:14px;
	cursor:pointer;
}

.bpm-copy-icon:hover{
	color : #F3BA1D;
}

/** 手持裝置的頁籤 
.bpm-mobile-tab{
	padding-top:10px;
}*/
#divMobileTab{
	letter-spacing:2px;
}

.bpm-mobile-tab-item{
	text-align:center;
	font-size:16px; 
	padding:10px 5px;
	font-weight:bold;
	color:white;
}

.bpm-dialog-list .modal-body{
	background-color:white;
}

.bpm-dialog-list .item{
	padding:0px 20px; 
	font-size:16px; 
	color:#919191; 
	color:black;
	border-bottom:1px solid #CCCCCC;
}

.bpm-dialog-list .item  label{
	color:black; 
	font-size:16px; 
	padding:10px 0px;
	cursor:pointer;
	letter-spacing:2px;
	font-family: Arial,Microsoft JhengHei,sans-serif; 微軟正黑體;
}

/** Dialog 要覆蓋全螢幕時的class */
.bpm-full-screen-dialog .modal-dialog {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.bpm-full-screen-dialog .modal-content {
	height: auto;
	min-height: 100%;
	border-radius: 0;
	border:0px;
}

.bpm-full-screen-dialog .modal-body {
	padding:0px;
}

/** 浮動式按鈕 */
.div-action-close-button{
	min-height:30px; 
	width:30px; 
	line-height:30px; 
	border-radius:20px; 
	text-align:center; 
	position:fixed; 
	right:35px; 
	bottom:35px; 
	background-color:#595757; 
	color:white;
	
}

.div-action-control-button{
	min-height:40px; 
	width:40px; 
	line-height:40px; 
	border-radius:20px; 
	text-align:center; 
	position:fixed; 
	right:30px; 
	bottom:30px; 
	background-color:orange; 
	color:white;
}

.div-action-button{
	min-height:40px; 
	width:40px; 
	line-height:40px; 
	border-radius:20px; 
	text-align:center; 
	position:fixed; 
	background-color:#7265e6; 
	color:white;
}

/** ToolBar上的按鈕*/
.bpm-imgButton{
	background-repeat:no-repeat;
	margin:0px 15px 0px 0px;
	width:24px;
	height:24px;
	min-height:24px;
	max-height:24px;
	min-width:24px;
	max-width:24px;   
	cursor:pointer;
}

/*處理待辦的搜尋樣式*/		
.perform-workitem-pc-tab td{
	padding:0px 20px;
	border-right:1px solid #9F9E9E;
	cursor:pointer;
	letter-spacing:1px;
	line-height:30px;
}

.perform-workitem-pc-tab td:last-child{
	border-right:0px;
}

/** 處理待辦與追蹤流程頁面的篩選按鈕 */
.btn-query-filter{
	background-color:#A1A1A1; 
	padding:5px 20px; 
	min-width:40px;
	border-right:2px solid #EEEEEE;
	white-space: nowrap;
	text-align:center;
	color:white;
	overflow:hidden;
}

.btn-query-filter label{
	cursor: pointer;
}

/*查詢用的按鈕樣式
.btn-query-filter:first-child{
	border-top-left-radius:7px; 
	border-bottom-left-radius:7px;
}

.btn-query-filter:last-child{
	border-top-right-radius:7px; 
	border-bottom-right-radius:7px;
}
*/

/** 水平線-一般情況元件上下間距 */
.bpm-horizontal-line{
	min-height:20px;
}

.bpm-horizontal-line-5{
	min-height:5px;
}

/** 水平線-grid與上方元件上下間距 */
.bpm-horizontal-line-30{
	min-height:30px;
}

.bpm-horizontal-line-40{
	min-height:40px;
}

.bpm-horizontal-line-64{
	min-height:64px;
}

/** 維護頁面中的浮動式開窗*/
.floatMenu {
	-webkit-box-shadow: 2px 4px 8px 0px #CBCBCB;
	-moz-box-shadow: 2px 4px 8px 0px #CBCBCB;
	box-shadow: 2px 4px 8px 0px #CBCBCB;
	position:absolute; 
	background-color:white; 
}

/** 雙檔單頭分組外框 **/   
.bpm-fieldset-frameLine{
	margin:0px 0px 0px 0px;
	border-style:solid;
	border-width: 1px;
	border-color: #cccccc;
}

/** 雙檔單頭分組tltle **/
.bpm-fieldset-frameLine .bpm-fieldset-title{
	text-align:left;
}

/** 雙檔單頭分組tltle label **/
.bpm-fieldset-frameLine .bpm-fieldset-title .bpm-fieldset-titleLabel{
	font-size:16px;
	padding:10px 0px 5px 0px;
}

/** 雙檔單頭分組body **/
.bpm-fieldset-frameLine .bpm-fieldset-body{
	padding:50px 15px 0px 15px;
}

/** 單檔外框style **/
.bpm-frameLine{
	margin:0px 10px 0px 10px;
}


/******** 各式按鈕樣式********/
/** 列印button */
.img-print {
	background-image:url('../theme/default/newimages/v57image/print.png');
}
.img-print:hover{
	background-image:url('../theme/default/newimages/v57image/print-hover.png');
}

/** 同意button */
.img-check {
	background-image:url('../theme/default/newimages/v57image/check.png');
}
.img-check:hover{
	background-image:url('../theme/default/newimages/v57image/check-hover.png');
}

/** 終止button */
.img-stop {
	background-image:url('../theme/default/newimages/v57image/stop.png');
}
.img-stop:hover{
	background-image:url('../theme/default/newimages/v57image/stop-hover.png');
}

/** 轉派button */
.img-reassign {
	background-image:url('../theme/default/newimages/v57image/reassign.png');
}
.img-reassign:hover{
	background-image:url('../theme/default/newimages/v57image/reassign-hover.png');
}

/** 批次轉派button */
.img-reassign-all {
	background-image:url('../theme/default/newimages/v57image/reassign-all.png');
}
.img-reassign-all:hover{
	background-image:url('../theme/default/newimages/v57image/reassign-all-hover.png');
}

/** 轉由他人處理button */
.img-reassign-activity {
	background-image:url('../theme/default/newimages/v57image/reassign-activity.png');
}
.img-reassign-activity:hover{
	background-image:url('../theme/default/newimages/v57image/reassign-activity-hover.png');
}

/** 退回重辦button */
.img-reexecute-activity {
	background-image:url('../theme/default/newimages/v57image/reexecute-activity.png');
}
.img-reexecute-activity:hover{
	background-image:url('../theme/default/newimages/v57image/reexecute-activity-hover.png');
}

/** 轉匯流程button */
.img-invoke-refer-process {
	background-image:url('../theme/default/newimages/v57image/invoke-refer-process.png');
}
.img-invoke-refer-process:hover{
	background-image:url('../theme/default/newimages/v57image/invoke-refer-process-hover.png');
}

/** 追蹤相關流程button */
.img-trace-refer-process {
	background-image:url('../theme/default/newimages/v57image/trace-refer-process.png');
}
.img-trace-refer-process:hover{
	background-image:url('../theme/default/newimages/v57image/trace-refer-process-hover.png');
}

/** 回到通知清單button */
.img-back-to-list{
	background-image:url('../theme/default/newimages/v57image/back-to-list.png');
}
.img-back-to-list:hover{
	background-image:url('../theme/default/newimages/v57image/back-to-list-hover.png');
}

/** 附件button */
.img-attachment {
	background-image:url('../theme/default/newimages/v57image/attachment.png');
}
.img-attachment:hover{
	background-image:url('../theme/default/newimages/v57image/attachment-hover.png');
}

/** 閱讀button */
.img-read {
	background-image:url('../theme/default/newimages/v57image/read.png');
}
.img-read:hover{
	background-image:url('../theme/default/newimages/v57image/read-hover.png');
}

/** 封存通知button */
.img-archive {
	background-image:url('../theme/default/newimages/v57image/archive.png');
}
.img-archive:hover{
	background-image:url('../theme/default/newimages/v57image/archive-hover.png');
}

/** 取消封存通知button */
.img-cancel-archive {
	background-image:url('../theme/default/newimages/v57image/cancel-archive.png');
}
.img-cancel-archive:hover{
	background-image:url('../theme/default/newimages/v57image/cancel-archive-hover.png');
}

/** 批次取回工作button */
.img-to-bottom {
	background-image:url('../theme/default/newimages/v57image/to-bottom.png');
}
.img-to-bottom:hover{
	background-image:url('../theme/default/newimages/v57image/to-bottom-hover.png');
}

/** 刪除button */
.img-trashcan {
	background-image:url('../theme/default/newimages/v57image/trashcan.png');
}
.img-trashcan:hover{
	background-image:url('../theme/default/newimages/v57image/trashcan-hover.png');
}

/** 處理上一個工作button */
.img-arrow-left-o {
	background-image:url('../theme/default/newimages/v57image/arrow-left-o.png');
}
.img-arrow-left-o:hover{
	background-image:url('../theme/default/newimages/v57image/arrow-left-o-hover.png');
}

/** 重新啟動button */
.img-reexecute {
	background-image:url('../theme/default/newimages/v57image/reexecute.png');
}
.img-reexecute:hover{
	background-image:url('../theme/default/newimages/v57image/reexecute_hover.png');
}

/** 退回重辦 */
.img-reexecute-activity {
	background-image:url('../theme/default/newimages/v57image/reexecute-activity.png');
}
.img-reexecute-activity:hover{
	background-image:url('../theme/default/newimages/v57image/reexecute-activity-hover.png');
}

/** 取回重辦button */
.img-reget {
	background-image:url('../theme/default/newimages/v57image/reget.png');
}
.img-reget:hover{
	background-image:url('../theme/default/newimages/v57image/reget-hover.png');
}

/** 儲存button */
.img-save {
	background-image:url('../theme/default/newimages/v57image/save.png');
}
.img-save:hover{
	background-image:url('../theme/default/newimages/v57image/save-hover.png');
}

/** 新增button */
.img-add {
	background-image:url('../theme/default/newimages/v57image/add.png');
}
.img-add:hover{
	background-image:url('../theme/default/newimages/v57image/add_hover.png');
}

/** 修改button */
.img-edit {
	background-image:url('../theme/default/newimages/v57image/edit.png');
}
.img-edit:hover{
	background-image:url('../theme/default/newimages/v57image/edit-hover.png');
}

/** 返回button */
.img-back {
	background-image:url('../theme/default/newimages/v57image/back.png');
}
.img-back:hover{
	background-image:url('../theme/default/newimages/v57image/back_hover.png');
}

/** 取消button */
.img-cancel {
	background-image:url('../theme/default/newimages/v57image/cancel.png');
}
.img-cancel:hover{
	background-image:url('../theme/default/newimages/v57image/cancel_hover.png');
}

/** 選單button */
.img-menu {
	background-image:url('../theme/default/newimages/v57image/menu.png');
}
.img-menu:hover{
	background-image:url('../theme/default/newimages/v57image/menu-hover.png');
}

/** 更多button */
.img-more {
	background-image:url('../theme/default/newimages/v57image/more.png');
}

/** 匯入excel button */
.img-excel-import {
	background-image:url('../theme/default/newimages/v57image/excel-import.png');
}
.img-excel-import:hover{
	background-image:url('../theme/default/newimages/v57image/excel-import-hover.png');
}

/** 匯出excel button */
.img-excel-export {
	background-image:url('../theme/default/newimages/v57image/excel-export.png');
}
.img-excel-export:hover{
	background-image:url('../theme/default/newimages/v57image/excel-export-hover.png');
}

/** 發起、送出 */
.img-send {
	background-image:url('../theme/default/newimages/v57image/send.png');
}
.img-send:hover{
	background-image:url('../theme/default/newimages/v57image/send-hover.png');
}

/** 儲存草稿 */
.img-save-draft {
	background-image:url('../theme/default/newimages/v57image/save-draft.png');
}
.img-save-draft:hover{
	background-image:url('../theme/default/newimages/v57image/save-draft-hover.png');
}

/** 新增關卡 */
.img-add-activity {
	background-image:url('../theme/default/newimages/v57image/add-activity.png');
}
.img-add-activity:hover{
	background-image:url('../theme/default/newimages/v57image/add-activity-hover.png');
}

/** 顯示流程圖 */
.img-process {
	background-image:url('../theme/default/newimages/v57image/process.png');
}
.img-process:hover{
	background-image:url('../theme/default/newimages/v57image/process-hover.png');
}

/** 顯示表單 */
.img-form {
	background-image:url('../theme/default/newimages/v57image/form.png');
}
.img-form:hover{
	background-image:url('../theme/default/newimages/v57image/form-hover.png');
}

/** 接收工作 */
.img-accept-workitem {
	background-image:url('../theme/default/newimages/v57image/accept-workitem.png');
}
.img-accept-workitem:hover{
	background-image:url('../theme/default/newimages/v57image/accept-workitem-hover.png');
}

/** 處理上一個工作 */
.img-pre-workitem {
	background-image:url('../theme/default/newimages/v57image/arrow-left-o.png');
}
.img-pre-workitem:hover{
	background-image:url('../theme/default/newimages/v57image/arrow-left-o-hover.png');
}

/** 處理下一個工作 */
.img-next-workitem {
	background-image:url('../theme/default/newimages/v57image/arrow-right-o.png');
}
.img-next-workitem:hover{
	background-image:url('../theme/default/newimages/v57image/arrow-right-o-hover.png');
}

/** 繼續派送 */
.img-dispatch {
	background-image:url('../theme/default/newimages/v57image/check.png');
}
.img-dispatch:hover{
	background-image:url('../theme/default/newimages/v57image/check-hover.png');
}

/** 開啟ERP  */
.img-erp {
	background-image:url('../theme/default/newimages/v57image/erp.png');
}
.img-erp:hover{
	background-image:url('../theme/default/newimages/v57image/erp-hover.png');
}

/** 撤銷流程 */
.img-abort {
	background-image:url('../theme/default/newimages/v57image/abort.png');
}
.img-abort:hover{
	background-image:url('../theme/default/newimages/v57image/abort-hover.png');
}

/** 重新發起流程 */
.img-invoked-process-data {
	background-image:url('../theme/default/newimages/v57image/invoked-process-data.png');
}
.img-invoked-process-data:hover{
	background-image:url('../theme/default/newimages/v57image/invoked-process-data-hover.png');
}

/** 啟動下一個關卡 */
.img-start-next-activity {
	background-image:url('../theme/default/newimages/v57image/start-next-activity.png');
}
.img-start-next-activity:hover{
	background-image:url('../theme/default/newimages/v57image/start-next-activity-hover.png');
}

/** 回到追蹤流程頁面 */
.img-back-to-trace-process-list {
	background-image:url('../theme/default/newimages/v57image/back-to-trace-process-list.png');
}
.img-back-to-trace-process-list:hover{
	background-image:url('../theme/default/newimages/v57image/back-to-trace-process-list-hover.png');
}

/** 發送通知 */
.img-notice {
	background-image:url('../theme/default/newimages/v57image/notice.png');
}
.img-notice:hover{
	background-image:url('../theme/default/newimages/v57image/notice-hover.png');
}

/** 特別關心-已選 */
.img-heart-check {
	background-image:url('../theme/default/newimages/v57image/heart-check.png');
}

/** 特別關心-未選 */
.img-heart {
	background-image:url('../theme/default/newimages/v57image/heart.png');
}

/** 匯出表單(圖不正確 */
.img-export-form {
	background-image:url('../theme/default/newimages/v57image/export-form.png');
}
.img-export-form:hover{
	background-image:url('../theme/default/newimages/v57image/export-form-hover.png');
}

/** 搜尋 button(先預寫) */
.img-condition-search {
	background-image:url('../theme/default/newimages/v57image/condition-search.png');
}
.img-condition-search:hover{
	background-image:url('../theme/default/newimages/v57image/condition-search-hover.png');
}

/** 強制下線 */
.img-forcelog-off {
	background-image:url('../theme/default/newimages/v57image/forcelogoff.png');
}
.img-forcelog-off:hover{
	background-image:url('../theme/default/newimages/v57image/forcelogoff-hover.png');
}

/** 異常登出檢查 */
.img-ablogout-check {
	background-image:url('../theme/default/newimages/v57image/ablogoutcheck.png');
}
.img-ablogout-check:hover{
	background-image:url('../theme/default/newimages/v57image/ablogoutcheck-hover.png');
}

/** 鎖定工具列button */
.img-lock{
	background-image:url('../theme/default/newimages/v57image/lock.png');
}
.img-lock:hover{
	background-image:url('../theme/default/newimages/v57image/lock-hover.png');
}

.img-unlock{
	background-image:url('../theme/default/newimages/v57image/unlock.png');
}
.img-unlock:hover{
	background-image:url('../theme/default/newimages/v57image/unlock-hover.png');
}

.img-copy{
	background-image:url('../theme/default/newimages/v57image/copy.png');
}
.img-copy:hover{
	background-image:url('../theme/default/newimages/v57image/copy-hover.png');
}

/** 查看流程序號 */
.img-watch {
	background-repeat:no-repeat;
	width:16px; 
	height:16px;
	background-size : 16px 16px;
	background-image:url('../theme/default/newimages/v57image/watch.png');
	cursor:pointer;
}
.img-watch:hover{
	background-image:url('../theme/default/newimages/v57image/watch-hover.png');
}

/** 寄送通知 */
.img-sendMail {
	background-repeat:no-repeat;
	width:16px; 
	height:16px;
	background-size : 16px 16px;
	background-image:url('../theme/default/newimages/v57image/notice.png');
	cursor:pointer;
}
.img-sendMail:hover{
	background-image:url('../theme/default/newimages/v57image/notice-hover.png');
}

/** 查看流程資訊*/
.img-info {
	background-image:url('../theme/default/newimages/v57image/info.png');
}
.img-info:hover{
	background-image:url('../theme/default/newimages/v57image/info-hover.png');
}

/** 首頁的待辦按鈕*/
.img-main-todo-list {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-todo-list.png');
}

.img-main-todo-list:hover{
	background-image:url('../theme/default/newimages/v57image/main-todo-list-hover.png');
}

/** 首頁的關注流程按鈕*/
.img-main-criticalProcess-list {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-critical-Process.png');
}

.img-main-criticalProcess-list:hover{
	background-image:url('../theme/default/newimages/v57image/main-critical-Process-hover.png');
}

/** 首頁的重要流程按鈕*/
.img-main-focusProcess-list {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-focus-Process.png');
}

.img-main-focusProcess-list:hover{
	background-image:url('../theme/default/newimages/v57image/main-focus-Process-hover.png');
}

/** 首頁的通知按鈕*/
.img-main-notice-list {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-notice-list.png');
}

.img-main-notice-list:hover{
	background-image:url('../theme/default/newimages/v57image/main-notice-list-hover.png');
}

/** 首頁的個人按鈕*/
.img-main-user {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-user.png');
}

.img-main-user:hover{
	background-image:url('../theme/default/newimages/v57image/main-user-hover.png');
}

/** 首頁的追蹤流程 */
.img-main-trace-process {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-trace-process.png');
}
.img-main-trace-process:hover{
	background-image:url('../theme/default/newimages/v57image/main-trace-process-hover.png');
}

/** 浮動式按鈕*/
.float-action-button{
	margin-top:10px;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	background-size : 30px 30px;
}

/** 無hover */
.img-calendar {
	background-image:url('../theme/default/newimages/v57image/calendar.png');
	background-size:30px 30px;
}
.img-time {
	background-image:url('../theme/default/newimages/v57image/time.png');
	background-size:30px 30px;
}

.img-user {
	background-image:url('../theme/default/newimages/v57image/user.png');
	background-size:30px 30px;
}

.img-department {
	background-image:url('../theme/default/newimages/v57image/department.png');
	background-size:30px 30px;
}

.img-group {
	background-image:url('../theme/default/newimages/v57image/group.png');
	background-size:30px 30px;
}

.img-project {
	background-image:url('../theme/default/newimages/v57image/project.png');
	background-size:30px 30px;
}

.img-language {
	background-image:url('../theme/default/newimages/v57image/language.png');
	background-size:30px 30px;
}

.img-dot {
	background-image:url('../theme/default/newimages/v57image/dot.png');
	background-size:30px 30px;
}

.img-action-to-top {
	background-image:url('../theme/default/newimages/v57image/action-to-top.png');
}

.img-action-info {
	background-image:url('../theme/default/newimages/v57image/action-info.png');
}

.img-action-dot {
	background-image:url('../theme/default/newimages/v57image/action-dot.png');
}

.img-action-check {
	background-image:url('../theme/default/newimages/v57image/action-check.png');
}

.img-action-list {
	background-image:url('../theme/default/newimages/v57image/action-list.png');
}

.img-move-left {
	background-image:url('../theme/default/newimages/v57image/move-left.png');
}

.img-move-right {
	background-image:url('../theme/default/newimages/v57image/move-right.png');
}

.img-search {
	background-image:url('../theme/default/newimages/v57image/search.png');
}

.img-uncheck {
	background-image:url('../theme/default/newimages/v57image/uncheck.png');
}

.img-search-advance {
	background-image:url('../theme/default/newimages/v57image/search-advance.png');
}

.img-vertical-line {
	background-repeat:no-repeat;
	margin-right:20px;
	width:2px; 
	height:24px;
	background-size : 2px 24px;
	background-image:url('../theme/default/newimages/v57image/vertical-line.png');
}

.bpm-mobile-time,.bpm-mobile-time label{
	font-size:12px;
	color:gray;
}

/** 登入畫面的下拉選項樣式 */
.bpm-login-select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background:url('../theme/default/newimages/dotri_icon.png') no-repeat transparent;
	background-position: 95% 50%;
	border:0px;
	width:100%;
	height:30px;
	cursor:pointer;
}

/** 登入畫面的下拉選項 IE隱藏箭頭樣式 */
.bpm-login-select::-ms-expand { 
  display: none; 
}

/** 登入畫面背景 */
.bpm-login-background{
	background: url(../theme/default/newimages/v57image/background-login.jpg) no-repeat;
	background-size: cover;
	overflow-x:hidden;
}

/** 登入畫面輸入格式 */
.bpm-login-form{
	width:100%;
	border:1px solid #BCBABA;
	background-color:white;
}

/** 隱藏IE的清除按鈕 */
input.bpm-login-form::-ms-clear {
  width : 0;
  height: 0;
}

/** 登入畫面輸入標籤 */
.bpm-login-label{
	position: absolute;
	padding: 8px 12px;
	color: #CCCCCC;
	width: auto;
}

/** 登入畫面下拉標籤 */
.bpm-login-label-select{
	padding-right: 24px !important;
	text-align-last: right;
	right: 26px;
}

/** 登入畫面標題圖片 */
.img-login-title {
	background-image:url('../theme/default/newimages/v57image/bpm.png');
	background-size: cover;
}

/** 登入畫面標識圖片 */
.img-login-logo {
	background-image:url('../theme/default/newimages/v57image/logo.png');
	background-size: cover;
}

/** 顯示流程詳細資料 */
.img-process-detail {
	float: left;
	background-image:url('../theme/default/newimages/v57image/process-detail.png');
}
.img-process-detail:hover{
	float: left;
	background-image:url('../theme/default/newimages/v57image/process-detail-hover.png');
}

/** 顯示流程詳細資料 */
.img-all-process-detail {
	float: left;
	background-image:url('../theme/default/newimages/v57image/process-detail-all.png');
}
.img-all-process-detail:hover{
	float: left;
	background-image:url('../theme/default/newimages/v57image/process-detail-all-hover.png');
}

/** 流程內容上的按鈕*/
.process-detail-imgButton{
	background-repeat:no-repeat;
	background-size:cover;
	margin:13px 0px 13px 15px;
	width:36px;
	height:36px;
	min-height:36px;
	max-height:36px;
	min-width:36px;
	max-width:36px;   
	cursor:pointer;
}

/** 流程內容的簽核意見區塊*/
.process-timeline{
	position: relative;
	background: #21B2FA;
	color: white;
	width: 50%;
	border-radius:5px;
	padding:5px;
}

/** 流程內容的簽核意見區塊箭頭*/
.process-timeline:after{
	position: absolute;
    top: 9px;
    left:-8.5px;
    display: inline-block;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 8px solid #21B2FA;
    border-bottom: 8px solid transparent;
    content: " ";
}

/** 流程內容的簽核意見區塊箭頭*/
.process-timeline:before{
	position: absolute;
    top: 8px;
    left:-9px;
    display: inline-block;
    border-top: 1px solid transparent;
    border-left: 0px solid transparent;
    border-right: 9px solid #21B2FA;
    border-bottom: 9px solid transparent;
    content: " ";
}

/** 流程內容的簽核意見*/
.process-timeline-comment{
	overflow: hidden;
	line-height: 1.5em;
	text-overflow: ellipsis; 
}

/** 所有流程圖滑動的順暢度*/
.processImage-outerdiv{
	-webkit-overflow-scrolling: touch;
}

/* 錯誤頁面的按鈕 */
.error-page-btn{
	border-radius: 3px;
	margin: 3px 0;
}

/* 登入頁的輸入區塊樣式 */
.login-input-block{
	background-color: white;
	height: 100vh;
	overflow: hidden;
	width:30%;
	-webkit-overflow-scrolling:touch;
	position:relative;
	float: right;
	right: 10%;
	min-width: 300px;
}

.grid-max-height{
	overflow:hidden;
	max-height:60px;
	word-break: break-all;
}

.grid-max-height-2Lines{
	overflow:hidden;
	max-height:40px;
	word-break: break-all;
}

.bpm-small-font-size{
	font-size:13px;
}

.bpm-big-font-size{
	font-size:15px;
}

.btn-primary {
  color: #fff;
  background-color: #424F63;
  border-color: #2e6da4;
}

.spenTools {
    margin: -7px -5px;
}

.spenTools a {
    background: #E3E4E8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #858582;
    float: left;
    margin-left: 3px;
    padding: 10px;
    text-decoration: none;
}

.spenTools a:hover {
    background: #00A6BA;
    color: #fff;
}

.btn-primary {
    background-color: #424F63;
    border-color: #374152;
    color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #374152;
    border-color: #2e3644;
    color: #FFFFFF;
}

.body-padding-top{
	padding-top:15px;
}

.body-padding-left{
	padding-left:15px;
}

.body-padding-right{
	padding-right:15px;
}

.bpm-control-label{
	float:right;
	padding-top: 7px;
	padding-right:15px;
	color: #7a7676;
}

@media (max-width: 767px) {
	.bpm-control-label {
		float:left;
	}
}

#selRecoredSizePerPage{
	border:0px; 
	width:40px;
}

.panel-heading {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 15px;
    text-transform: uppercase;
    color: #535351;
    font-weight: bold;
}

.panel-iframe-heading {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 15px;
    text-transform: uppercase;
    color: #535351;
	background-color:#EFF0F4;
    font-weight: bold;
}

/**時間區間的視窗*/
.bpm-date-interval-both-sides{
	width:46%;
	float:left;
}

@media (max-width: 767px) {
	.bpm-date-interval-both-sides {
		width:100%;
	}
}

.bpm-date-interval-center{
	width:8%; 
	float:left; 
	text-align:center; 
	line-height:34px;
}

#btnShowMore{
	padding-left:15px;
}

#toolbarButtons{
	padding-left:10px;
}

.panel{
	margin-bottom:0px;
}

.img-dashBoard-criticalProcess {
	background-repeat:no-repeat;
	width:30px; 
	height:30px;
	background-size : 30px 30px;
	background-image:url('../theme/default/newimages/v57image/critical.png');
}

.img-dashBoard-criticalProcess-onmouseover{
	background-repeat:no-repeat;
	width:30px; 
	height:30px;
	background-size : 30px 30px;
	background-image:url('../theme/default/newimages/v57image/critical-hover.png');
}

.img-dashBoard-focusProcess {
	background-repeat:no-repeat;
	width:30px; 
	height:30px;
	background-size : 30px 30px;
	background-image:url('../theme/default/newimages/v57image/focus.png');
}

.img-dashBoard-focusProcess-onmouseover {
	background-repeat:no-repeat;
	width:30px; 
	height:30px;
	background-size : 30px 30px;
	background-image:url('../theme/default/newimages/v57image/focus-hover.png');
}

.img-dashBoard-perform {
	background-repeat:no-repeat;
	width:30px; 
	height:30px;
	background-size : 30px 30px;
	background-image:url('../theme/default/newimages/v57image/perform.png');
}

.img-dashBoard-perform-onmouseover {
	background-repeat:no-repeat;
	width:30px; 
	height:30px;
	background-size : 30px 30px;
	background-image:url('../theme/default/newimages/v57image/perform-hover.png');
}

.img-dashBoard-myTrace {
	background-repeat:no-repeat;
	width:30px; 
	height:30px;
	background-size : 30px 30px;
	background-image:url('../theme/default/newimages/v57image/my_trace.png');
}

.img-dashBoard-myTrace-onmouseover {
	background-repeat:no-repeat;
	width:30px; 
	height:30px;
	background-size : 30px 30px;
	background-image:url('../theme/default/newimages/v57image/my_trace-hover.png');
}

.img-dashBoard-trace {
	background-repeat:no-repeat;
	width:30px; 
	height:30px;
	background-size : 30px 30px;
	background-image:url('../theme/default/newimages/v57image/trace.png');
}

.img-dashBoard-trace-onmouseover {
	background-repeat:no-repeat;
	width:30px; 
	height:30px;
	background-size : 30px 30px;
	background-image:url('../theme/default/newimages/v57image/trace-hover.png');
}

.img-dashBoard-criticalProcess-m {
	background-repeat:no-repeat;
	width:40px; 
	height:40px;
	background-size : 40px 40px;
	background-image:url('../theme/default/newimages/v57image/critical.png');
}

.img-dashBoard-criticalProcess-m-onmouseover{
	background-repeat:no-repeat;
	width:40px; 
	height:40px;
	background-size : 40px 40px;
	background-image:url('../theme/default/newimages/v57image/critical-hover.png');
}

.img-dashBoard-focusProcess-m {
	background-repeat:no-repeat;
	width:40px; 
	height:40px;
	background-size : 40px 40px;
	background-image:url('../theme/default/newimages/v57image/focus.png');
}

.img-dashBoard-focusProcess-m-onmouseover {
	background-repeat:no-repeat;
	width:40px; 
	height:40px;
	background-size : 40px 40px;
	background-image:url('../theme/default/newimages/v57image/focus-hover.png');
}

.img-dashBoard-perform-m {
	background-repeat:no-repeat;
	width:40px; 
	height:40px;
	background-size : 40px 40px;
	background-image:url('../theme/default/newimages/v57image/perform.png');
}

.img-dashBoard-perform-m-onmouseover {
	background-repeat:no-repeat;
	width:40px; 
	height:40px;
	background-size : 40px 40px;
	background-image:url('../theme/default/newimages/v57image/perform-hover.png');
}

.img-dashBoard-myTrace-m {
	background-repeat:no-repeat;
	width:40px; 
	height:40px;
	background-size : 40px 40px;
	background-image:url('../theme/default/newimages/v57image/my_trace.png');
}

.img-dashBoard-myTrace-m-onmouseover {
	background-repeat:no-repeat;
	width:40px; 
	height:40px;
	background-size : 40px 40px;
	background-image:url('../theme/default/newimages/v57image/my_trace-hover.png');
}

.img-dashBoard-trace-m {
	background-repeat:no-repeat;
	width:40px; 
	height:40px;
	background-size : 40px 40px;
	background-image:url('../theme/default/newimages/v57image/trace.png');
}

.img-dashBoard-trace-m-onmouseover {
	background-repeat:no-repeat;
	width:40px; 
	height:40px;
	background-size : 40px 40px;
	background-image:url('../theme/default/newimages/v57image/trace-hover.png');
}

#divToolBar{
	padding-top:20px;
	padding-bottom:18px;
}

/** 發起、簽核、追蹤的工具列 */
.form-page-toolbar{
	background-color:#EFF0F4; 
	width:100%; 
	z-index:999;
}

.bpm-fieldset-frameLine .bpm-fieldset-title{
	background-color:5C6E8A;
	color:#FFFFFF;
}
.mCS-minimal.mCSB_scrollTools{
	width:6px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{
	width:6px;
}

.tableHeader{
	width:40%;
	font-weight:bold;
}

.panel-heading  .tools a{
	outline: none;
}

.bpm-group-dialog-input-label .form-control:first-child,
.bpm-group-dialog-input .form-control:first-child{
	border-top-right-radius : 0px;
	border-bottom-right-radius : 0px;
}

.bpm-group-dialog-input-label .form-control:last-child{
	border-top-right-radius : 0px;
	border-bottom-right-radius : 0px;
}


.bpm-group-dialog-input .bpm-input-group-button{
	border-top-right-radius : 4px;
	border-bottom-right-radius : 4px;
}

.bpm-button i,
.bpm-input-group-button i{
	font-size : 18px;
}

#txtFullSearchText{
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}


/** 首頁的待辦按鈕*/
.img-main-server2-todo-list {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-server2-todo-list.png');
}

.img-main-server2-todo-list:hover{
	background-image:url('../theme/default/newimages/v57image/main-server2-todo-list-hover.png');
}

/** 首頁的關注流程按鈕*/
.img-main-server2-criticalProcess-list {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-server2-critical-Process.png');
}

.img-main-server2-criticalProcess-list:hover{
	background-image:url('../theme/default/newimages/v57image/main-server2-critical-Process-hover.png');
}

/** 首頁的重要流程按鈕*/
.img-main-server2-focusProcess-list {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-server2-focus-Process.png');
}

.img-main-server2-focusProcess-list:hover{
	background-image:url('../theme/default/newimages/v57image/main-server2-focus-Process-hover.png');
}

/** 首頁的通知按鈕*/
.img-main-server2-notice-list {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-server2-notice-list.png');
}

.img-main-server2-notice-list:hover{
	background-image:url('../theme/default/newimages/v57image/main-server2-notice-list-hover.png');
}

/** 首頁的追蹤流程 */
.img-main-server2-trace-process {
	background-repeat:no-repeat;
	width:20px; 
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/main-server2-trace-process.png');
}
.img-main-server2-trace-process:hover{
	background-image:url('../theme/default/newimages/v57image/main-server2-trace-process-hover.png');
}
/** 簽核意見靠左對齊 */
#commentTable #commentBody tr td:nth-child(4) {
	text-align:left;
}

/** 加深簽核意見的文字顏色 */
#commentTable #commentBody tr{
	color:#474444;
}
/** 詩雅add 模擬行動簽核鈕 */
.btn-simulationmobile{	
	font-size: 30px !important;
	text-align: right;
	font-family: FontAwesome !important; 
	
}
/** 詩雅add 模擬行動簽核鈕 */
.btn-simulationmobile:hover{
	color:#FFCC00;
}

 /**致帆S00-20180917003 簽核意見置左對齊 */
 #commentTable #commentBody tr td:nth-child(4) {
 	text-align:left;
 }
 
 div.serialNumberInput.form-control {
	padding: 0 12px;
	line-height: 34px;
} 

#frmFormViewer label.text-overflow , #frmFormHandler label.text-overflow {
	word-break: normal;
	white-space: normal;
}

/** 下載檔案 button */
.img-file-download {
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/download.png');
	cursor:pointer;
}
.img-file-download:hover{
	background-image:url('../theme/default/newimages/v57image/download-hover.png');
}

/** 查看流程序號 */
.img-watch-ebg {
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/watch.png');
	cursor:pointer;
}
.img-watch-ebg:hover{
	background-image:url('../theme/default/newimages/v57image/watch-hover.png');
}


/** 開啟URL button */
.img-file-Folder {
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	background-size : 20px 20px;
	background-image:url('../theme/default/newimages/v57image/Folder.png');
	cursor:pointer;
}
.img-file-Folder:hover{
	background-image:url('../theme/default/newimages/v57image/Folder-hover.png');
}

.doc-upload-div{
	padding-right: 15px;
    padding-left: 15px;
}

.doc-upload-padding-top{
	padding-top:15px;
}