.style1 {color: #333399}
.style2 {font-size: small}
.style3 {color: #009900}
.style7 {font-size: 12px}
.style8 {color: #FFFFFF}



.color{
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:12px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}

/*.col{
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:12px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}*/
.col_11{ /* size 11px */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:11px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}
.col_11_w{ /* size 11px and bold */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:11px arial,tahoma, helvetica, sans-serif;font-weight:700;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}
.col_12{ /* size 12px */
	position: absolute;
	margin-bottom:0px;
	zoom:1;
	vertical-align:middle;
    margin: 0 0 0 0;
    font:12px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #f3f3f3;
    background-color:#ffffff;
    color:#000000;
}
.col_12_w{ /* size 12px and bold */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:12px arial,tahoma, helvetica, sans-serif;font-weight:700;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}

.col_14{ /* size 14px */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:14px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}
.col_14_w{ /* size 14px and bold */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:14px arial,tahoma, helvetica, sans-serif;font-weight:700;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}
.col_15{ /* size 15px */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    padding-top: 0 ;    
    font:15px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}
.col_15_w{ /* size 15px and bold */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    padding-top: 0 ;    
    font:15px arial,tahoma, helvetica, sans-serif;font-weight:700;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}	

.col_16{ /* size 16px */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;
    font:16px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}
.col_16_w{ /* size 16px and bold */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;    
    font:16px arial,tahoma, helvetica, sans-serif;font-weight:700;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}

.col_18{ /* size 18px */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;
    font:18px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}
.col_18_w{ /* size 18px and bold */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;    
    font:18px arial,tahoma, helvetica, sans-serif;font-weight:700;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}
.col_20{ /* size 20px */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;
    font:20px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}
.col_20_w{ /* size 20px and bold */
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;    
    font:20px arial,tahoma, helvetica, sans-serif;font-weight:700;
    border:inset 1px #ffffff;background-color:#ffffff;color:#000000;
}

.col2{  /* light green */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    font:12px arial,tahoma, helvetica, sans-serif; 
	/*border:inset 1px #ffffff;*/
    /*20240925 Ruby modified*/
    border: inset 2px #ffffff;
    background-color:rgb(192,220,192);color:#000000;
}
.col2_11{  /* light green and size 11px */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    font:11px arial,tahoma, helvetica, sans-serif;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;	
}
.col2_11_w{  /* light green and size 11px and bold  */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    font:11px arial,tahoma, helvetica, sans-serif;font-weight:700;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;	
}
.col2_12{  /* light green and size 12px */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    font:12px arial,tahoma, helvetica, sans-serif;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;	
}
.col2_12_w{  /* light green and size 12px and bold  */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    font:12px arial,tahoma, helvetica, sans-serif;font-weight:700;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;	
}
.col2_14{  /* light green and size 14px */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    font:14px arial,tahoma, helvetica, sans-serif;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;	
}
.col2_14_w{  /* light green and size 14px and bold  */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    font:14px arial,tahoma, helvetica, sans-serif;font-weight:700;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;	
}

.col2_15{  /* light green and size 15px */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    padding-top: 0 ;    
    font:15px arial,tahoma, helvetica, sans-serif;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;
	
}
.col2_15_w{  /* light green and size 15px and bold  */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    padding-top: 0 ;    
    font:15px arial,tahoma, helvetica, sans-serif;font-weight:700;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;
	
}
.col2_16{  /* light green and size 16px */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;
    font:16px arial,tahoma, helvetica, sans-serif;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;
	
}

.col2_16_w{  /* light green and size 16px and bold  */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;    
    font:16px arial,tahoma, helvetica, sans-serif;font-weight:700;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;
	
}
.col2_18{  /* light green and size 18px */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;
    font:18px arial,tahoma, helvetica, sans-serif;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;
	
}

.col2_18_w{  /* light green and size 18px and bold  */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;    
    font:18px arial,tahoma, helvetica, sans-serif;font-weight:700;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;
	
}

.col2_20{  /* light green and size 20px */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;
    font:20px arial,tahoma, helvetica, sans-serif;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;	
}
.col2_20_w{  /* light green and size 16px and bold  */
	position: absolute;margin-bottom:0px;zoom:1; vertical-align:middle;
    margin: 0 0 0 0;
    padding: 0 0 1px 0;    
    font:20px arial,tahoma, helvetica, sans-serif;font-weight:700;
	border:inset 1px #ffffff;background-color:rgb(192,220,192);color:#000000;	
}

/* light gray */
.col3{
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:12px arial,tahoma, helvetica, sans-serif;
    /*border:inset 1px #ffffff;*/
    /*20240925 Ruby modified*/
    border: inset 2px #ffffff;
    background-color:#EDEDED;color:#000000;
}
/* light gray and size 11px*/
.col3_11{
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:11px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#EDEDED;color:#000000;
}
/* light gray and size 14px*/
.col3_14{
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:14px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#EDEDED;color:#000000;
}
/* light gray and size 15px*/
.col3_15{
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:15px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#EDEDED;color:#000000;
}
/* light gray and size 16px*/
.col3_16{
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:16px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#EDEDED;color:#000000;
}
/* light gray and size 18px*/
.col3_18{
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:18px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#EDEDED;color:#000000;
}
/* light gray and size 20px*/
.col3_20{
	position: absolute;margin-bottom:0px;zoom:1;vertical-align:middle;
    margin: 0 0 0 0;
    font:20px arial,tahoma, helvetica, sans-serif;
    border:inset 1px #ffffff;background-color:#EDEDED;color:#000000;
}

.formbox{
	border:groove 2px #ffffff;background-color:transparent;
	box-sizing: content-box; /* 108.2.12 deal with bootstrap */
}
.formbox1{
	border:groove 2px #ffffff;background-color:#DDE8D4;
	box-sizing: content-box; /* 108.2.12 deal with bootstrap */
}
.formbox2{
	border:groove 2px #ffffff;background-color:#EDEDED;
	box-sizing: content-box; /* 108.2.12 deal with bootstrap */
}


.x-form-num-field {
    text-align:right;
    box-sizing: content-box;	/* 108.2.12 deal with bootstrap */
}
.x-form-display-field{
	box-sizing: content-box;	/* 108.2.12 deal with bootstrap */
}
.x-form-field {
    box-sizing: content-box; /* 108.2.12 deal with bootstrap */
}

.x-small-editor .x-form-text {
	padding:0;
	padding:0;
    height:20px;
    line-height:16px;
    vertical-align:middle;
    font:18px arial,tahoma, helvetica, sans-serif;
}

/* cys 107.4.8 原廠設定14px,造成 function _fly_add_searchbar(用16px字搜尋時)搜尋區高度不足 改 16,但 108.2.1改20px*/
.ext-strict .ext-webkit .x-small-editor .x-form-text{
    height:20px !important;
    padding:0;
    font:16px arial;
    margin:0;
    border:1px solid #99bbe8;
}



.ext-strict .x-small-editor .x-form-text {
    height:16px !important;
}

.x-form-field-wrap2 .x-form-trigger2{
    background-image:url(../images/default/form/trigger.gif);
    border-bottom-color:#b5b8c8;
}

.x-form-field-wrap2 .x-form-trigger2{
    width:17px;
    height:21px;
    border:0;
    background:transparent no-repeat 0 0;
    cursor:pointer;
    border-bottom: 1px solid;
    position:absolute;
   /* position:relative*/ 
    top:0;
}

.x-form-field-wrap2 .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
    cursor:pointer;
}

.ext-safari .x-form-field-wrap2 .x-form-trigger2{
    right:0;
}
.x-form-field-wrap2 .x-form-twin-triggers .x-form-trigger2{
    position:absolute;
/*    position:relative*/    
    top:auto;
    vertical-align:top;
}
/*��grideditor��,form����x-form-field-wrap*/
.x-form-field-wrap2 { 
    position:absolute;
    /*position:relative */
    left:0;top:0;
    zoom:1;
    white-space: nowrap;
}

.x-form-field-wrap2 .x-form-trigger-over2{
    background-position:-17px 0;
}

.x-form-field-wrap2 .x-form-trigger-click2{
    background-position:-34px 0;
}

.x-form-field-wrap2 .x-form-trigger2{
    background-image:url(../images/default/form/trigger.gif);
    border-bottom-color:#b5b8c8;
}

.x-form-field-wrap2 .x-form-date-trigger{
    background-image: url(../images/default/form/date-trigger.gif);
}

.x-form-field-wrap .x-form-clear-trigger{
    background-image: url(../images/default/form/clear-trigger.gif);
}

.x-form-field-wrap .x-form-search-trigger{
    background-image: url(../images/default/form/search-trigger.gif);
}

.x-trigger-wrap-focus2 .x-form-trigger2{
    border-bottom-color:#7eadd9;
}


.x-form-cb-label {
	font:12px arial,tahoma, helvetica, sans-serif;
	display: inline;	/* 108.2.16 deal with bootstrap */
}
.x-form-check-wrap {
    height: 15px;
    line-height:12px;
}




.ext-ie .x-form-check-wrap input {
    width:15px;
    height:15px;

}
.ext-ie8 .x-form-cb-label {
    top: 0px;
}
.ext-ie8 .x-form-check-wrap input{
   margin-top: 0px;
}


.x-editor .x-form-check-wrap {
    padding:3px;
    /*padding:3px;*/
}


.x-editor .x-form-checkbox {
    height:15px;
}

.radiogroup2 { 
    vertical-align: top;/*vertical-align:bottom;vertical-align: top;*/
    /* box-sizing: content-box;	 108.2.12 deal with bootstrap */
}

.checkbox2{
	position: absolute;
}

.x-form-dirty-checkbox {
    background: url(../images/default/grid/dirty2.gif) no-repeat 0 0;
}

.x-form-dirty-cell {
    background: #fff url(../images/default/grid/dirty.gif) no-repeat 0 0;
}
.x-form-dirty-cell2 {
    background: #DDE8D4 url(../images/default/grid/dirty.gif) no-repeat 0 0;
}
.x-form-dirty-cell3 {
    background: #EDEDED url(../images/default/grid/dirty.gif) no-repeat 0 0;
}

.flab2 {
	position: absolute; font:12px arial;
	font-weight:400;
}

.flab3 {  /*click to choose use ,exp: d_cust_no */
	position: absolute;font:12px arial;
	color:blue;
    cursor:pointer;
    font-weight:700;
    
}

.searchlab {  /*click to choose column ,this is for _fly_add_searchbar2() */
	font:16px arial !important;
    padding-top:2px;
    margin:0;
    font-weight:400 !important;
    
}

.searchlab2 {  /*click to choose column ,this is for _fly_add_searchbar2() */
	/*font:16px arial;*/
/* 	padding-top:2px; */
/* 	font-size:16px; */
    /*margin:0;*/
	color:blue;
    cursor:pointer;
/*     font-weight:700 !important; */
    
}

/* formpanel label */
.flab {
	position: absolute;font:12px arial;
    cursor:default;text-align:left;
    color: #000000;
}


/* ���� */
.red_back {
	background-color:#CC0808;
}

/* �զr */
.white_color {
    color: white;
}
.font11px {
	font:11px arial;
	margin:1px;
}
.font12px {
	font:12px arial;
	margin:1px;
}
.font14px {
	font:14px arial;
	margin:1px;
}
.font15px {
	font:15px arial;
	margin:1px;
}
.font16px {
	font:16px arial;
	margin:1px;
}
.font18px {
	font:18px arial;
	margin:1px;
}
.font20px {
	font:20px arial;
	margin:1px;
}

.font11_w {
	font:11px arial;font-weight:700;
	margin:1px;
}
.font12_w {
	font:12px arial;font-weight:700;
	margin:1px;
}
.font14_w {
	font:14px arial;font-weight:700;
	margin:1px;
}
.font15_w {
	font:15px arial;font-weight:700;
	margin:1px;
}
.font16_w {
	font:16px arial;font-weight:700;
	margin:1px;
}
.font18_w {
	font:18px arial;font-weight:700;
	margin:1px;
}
.font20_w {
	font:20px arial;font-weight:700;
	margin:1px;
}
.search_oplabel {
	font:9px arial;color:darkgray;
}
.search_findlabel {
	text-align:right;padding-top:2px;font-size:16px;
	margin:0;
}

.x-tab-panel-header {
	background:#deecfd !important;
	border: 1px solid #8db2e3;
	padding-bottom: 2px;
} 


.loading-indicator {
    font-size: 16px;
    

}


/*108.1.2 cys for formpanel edit control rect*/
.x-form-focusmove, textarea.x-form-focusmove{
	border: 1px solid red;
	cursor:pointer;
	margin:0;
}

/*108.1.4 cys for formpanel edit*/
.x-form-resizemove, textarea.x-form-resizemove{
	border: 1px solid red;
	cursor:pointer;
	margin:0;
}

/* 108.1.26 modiofy for bootstrap use*/
ul.x-tab-strip {
	display:block;
	width:5000px;
	zoom:1;
	margin: 0;	/* 108.1.26 modiofy for bootstrap use*/
	padding:0;
	list-style:none;/* 111.10.13 modiofy for bootstrap use*/
}

.x-toolbar td {
	vertical-align:middle;
	margin: 0;	/* 108.1.26 modiofy for bootstrap use*/
	padding: 0;
}

.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
	margin-bottom: 0px;	/* for bootstrap 108.2.21 */
}

.x-panel-body {
    overflow:hidden;
    zoom:1;
    padding: 0;/* 108.1.26 modiofy for bootstrap use*/
    margin: 0;
    box-sizing: content-box;/* 108.1.26 modiofy for bootstrap use*/
}

/*ul {list-style:none;}*//* 108.1.26 modiofy for bootstrap use*/

.x-panel-bwrap {
    background-color: #d0def0;	/* 108.1.26 modiofy for bootstrap use*/
}

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
    border-width:1px 0 1px 0;	/* 108.1.26 modiofy for bootstrap use*/
  
}


#loading-mask {
	z-index:20000;
	position:absolute;
	background-color:white;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
#loading {
    z-index:20001;
    position:absolute;
    padding-bottom:2px;
    padding-left:2px;
    padding-right:2px;
    height:auto;
    top:40%;
    padding-top:2px;
    left:35%;

}

.tdoc			{ text-decoration: underline;color :blue;cursor:pointer}

/* invalid fields  108.3.11 加 border: 1px solid red; 不然會被紅色小三角蓋掉 */
.x-form-invalid, textarea.x-form-invalid {
    /*background-color:#fff;
    background-image:url(../images/default/grid/invalid_line.gif);
    border-color:#c30;*/
    border: 1px solid red;
}

.groupboxshadow {
    position: absolute !important;
    border-radius: 0.3rem;
    border: 1px solid black;
    box-shadow: rgb(161 161 161) 3px 4px 2px 0px;
    background-color: rgb(192,220,192);
    z-index: 0 !important;
}

.groupboxinset {
    position: absolute !important;
    border: 1px inset;
    background-color: rgb(192,220,192);
    z-index: 0 !important;
}
.groupboxsolid {
    position: absolute !important;
    border: 1px solid;
    background-color: rgb(192,220,192);
    z-index: 0 !important;
}

.lineh_17 {
    line-height: 17px;
}

.formbtn_frompb {
    position: absolute;
    border: 1px outset #ffffff;
    font-size: 11px;
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
}