/**

#08C		26527C		04396C		408AD2		679ED2
互补色:
黄色
FF9700		BF8530		A66200		FFB140		FFC673

**/


/**   default Setting  **/

:root {
	--edpWhiteColor: white;  /**  #e9e9e9  **/
	--edpBGColor: #f4f6fa;  /**  #e9e9e9  **/
	--edpDiffrentBGColor:#d0dbf0;

	--edpGreyColor: #666 ; 

	--edpLightGreyColor: #bfbfbf ; 
	

	--edpTableOddColor:#f4f6fa; /**#f9f9f9  **/
	--edpReadOnlyBGColor:#f4f6fa; /** f4f4f4 **/
    --edpButtonColor:#232e3c;
	--edpLinkColor:#08C;
	--edpWarnColor:#dca734;



	--edpApproveColor:#1890ff;
	 
 	
	--edpAutoinputColor:#91d5ff;
	--edpButtonWarnColor:  #faad14;


	--edpTRSelection:#e6f7ff;
	
	

	/**
	  --edpButtonWarnColor:  #dca734;
**/


		 
}

 


body{
    
	padding:0;
	margin:0;
	
	
	font-size:14px;
   
	color:#000;
	 
	

	font-family:"Verdana","Microsoft Yahei", "STHeiti",SimSun,STXihei,Heiti,"Lucida Grande","Helvetica","Arial", "sans-serif";
  
/** 
	font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
**/

	  /**  color:#333;   not enable  text-size-adjust, or i will freeze the page.
	-webkit-text-size-adjust:none;  
 

	 animation: body-fade-in 0.5s   forwards;

	  opacity: 0;
	   **/
	
	
	
	}
	
   


button, input,  select {
 


	

 
	
    height: 26px;
    line-height: 26px;
    margin-bottom: 3px;
    margin-right:3px;
    
    
    
    
    
     
    }
    
    
     
    
		
   @keyframes body-fade-in {

	0% {
 
    opacity: 0

	}
 
	100% {
 
    opacity: 1
 
	}
 
}
        




        
        table {
        
            border-spacing: 0;
            font-size:14px;
        
        }
        
        
        
        
        img {
        
          border-style:none;
          vertical-align: middle;
        }
        
        
        
        
        
        form {
            margin: 0px;
          }
          
          
        



[edp-cloak]{
	
    display: none!important;
}


[cloak]{
    display: none;
}


.open  .dropdown-menu  {

	display: block;

}


 .edpHubPanel{

	white-space: nowrap;
 }




@keyframes fadeIn {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
}
  




.fontSize14{
	font-size:16px;
}

.fontSize18{
	font-size:18px;
}

.fontSize24{
	font-size:24px;
}

 
.fontSize20{
	font-size: 20px;
	
}
	



.hideDiv{
	opacity: 0;  	
	display:none;
}
.showDiv{
	animation: fadeIn 1s;	
	display: block; 
	opacity: 1;  	
}

.rotate180{
	transition: transform 0.5s ease;
	transform: rotateX(180deg); 
}




.edp-enter, .edp-leave-to   {
	opacity: 0;
   
  }
  .edp-enter-active { 
   opacity: 1;
   transition: ease-out 1s;
  
   
  
  }
  .edp-leave-active {
   transition: ease-out 1s; 
   
  }

  
  
 .popoverLinkClass{


	position:relative;border:0;

 } 

 




.imageIcon{



	

 width:25px;
 border:0px;


}

.bgGreyColor{
	background-color: grey !important;
}


.greyColor{
	color: grey !important;
}


.darkColor{
	color: black !important;
}

.darkGreyColor{
	color: black !important;
}


.blueColor{
	color: #08C !important;
}



 



.batchButtonClassDefine{

	box-shadow: 0px 1px 0px 0px #08c!important;	 
}

.batchButtonClass{




border-bottom: 2px solid #08c !important;

 


}



 


.ellipsis{
   white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.bodyWrapper{
	
	
   background-color:var(--edpBGColor)   ;   /**  #f4f6fa  #e9e9e9    #f9f9f9;  **/

   padding-left: 0px;
   padding-top: 0px;



}

.rightSpace{
   
 margin-right:20px;

}


.divfordatagrid  {
/**
width:100%;
overflow-x: auto;    //will affect popover covered and limited by parent div. if not overflow-x, table can not fix columns

**/


overflow-x: auto;  

-webkit-overflow-scrolling: touch;
padding-bottom: 10px;
padding-top: 5px;


}



.navigatorBarLeft{
	 
	float:left;
	width:20%;
	 
	


}




.navigatorBarRight{
	width:80%;
 
	float:left;


}




/** for buttons control with imageicon **/



.buttonsForImageIcon{
  position: relative!important;
  top:-1px;




}

.sectionWrapper{

/**
overflow: auto;
-webkit-overflow-scrolling: touch;

overflow: hidden; or the child div overflow

overflow: auto;

 **/


 



  
background-color: white;
/** margin-top is very important to adjust position to avoid blink the page **/
margin-top:14px;
padding-top:1px; 


/****/


margin-left: 15px;
 

padding-left:5px;  
 /*   margin-left +  padding-left  = 30   to correctly match original position without and with sectionWrapper  
but it will never be  accurate
**/

 
margin-right: 15px;



margin-bottom:20px;


 
/** 
border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;


behavior: url(PIE.htc);
**/

box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);



}





A:link {

	COLOR: #08C; TEXT-DECORATION: none
}

.linkColor{

	COLOR: #08C; 
}


A:visited {
	/**
	COLOR: #08C;
	**/
	
	TEXT-DECORATION: none;

}

A:hover {

	  TEXT-DECORATION: none;

	  color:#0070c9;
	  cursor: pointer;


}
A:active {
/** font-weight:bold;  **/

 TEXT-DECORATION: none;
}

.linkHover{

 padding: 5px 5px;


}


.linkHover:hover{




	  background-color: rgba(0,0,0,.08);
	  border-radius: 3px;

 	/** light shadow  
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
	**/


}




html ul.tabs li.active, html ul.tabs li.active   {


	
	padding-bottom: 2px;
 

	/**

	
	border-bottom: 2px solid #08C;



	border-left: 1px solid #08C;
	border-right: 1px solid #08C;
	border-top: 1px solid #08C;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

**/



border-image: none;






}

/**   end of default setting  **/



  /**     input:not[type=button]    **/


  /**

input:not( [size]    )      {
   width: 146px;

}
 input[type=checkbox]{


    width: 15px;

 }
 input[class=buttonA]  , input[class=buttonB]  , input[class=buttonG]  {

    width: 70px;

 }
 input[class=buttonC]  , input[class=buttonD]  , input[class=buttonG2]   {

   width: 110px;

 }

   input[class=buttonE]  , input[class=buttonF]  , input[class=buttonG3]   {

  	width: 180px;

 }


 **/


/**

.th {

	height:23px;
        line-height:23px;



	color:#000000;
	padding: 10px;

        text-align: left;

        box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);


    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee);
    background-image:         linear-gradient(top, #f5f5f5, #eee);






}
.th a{
	color:#000000;
	text-decoration: underline;
}

**/


/*





.th {
  	height:23px;
	line-height:23px;
	color:#fff;
	background:url(images/tableHeadBG.gif);
	font-weight:bold;
	background-color: #F7FBFF;
	border-left:1px solid #94a8cd;
	border-right:1px solid #94a8cd;
	border-bottom:2px ridge #BDD8FF;
	border-top:1px solid #959595;
	border-bottom:1px solid #959595;

}

.th a{
	color:#fff;
	text-decoration: underline;
}


.th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}





*/







.formlabel{
	/**
	  font-weight: bold;
		  color: inherit;
		     display:inline-block;
			 
	   **/
	   
  
	  color: grey;
	  text-align:right;
	  font-size: 15px;	
	   white-space: normal;
	   word-break: keep-all;
	
       padding-right:10px !important;



	 
	 
   
	   
  /**	vertical-align: middle; **/
  
  
   }
   

   


.tabLayoutSelection{

	margin-top:5px;
	
}



/**  it is for grid layout  **/



.itemcontainer {

	min-width: 590px;
	display: grid;
	line-height: 25px;
	grid-gap: 2px;


	/**grid-template-columns: repeat(12, 1fr);
	grid-template-columns:  10% 20% 10% 20% 10% 20% 10% 20% 10% 20%;

	background-color: lightblue;
	**/
	 
  }
  
 
  .itemcontrol ,  .itemlabel { 
	grid-column: span 1;
	
	
	display: inline;
  }




  .itemlabel {
	grid-column: span 1;
	word-break: break-word;
	display: inline;

  }
 

/**

  @media screen and (max-width: 900px) {

	.itemcontainer {
 

		grid-template-columns: repeat(2, 1fr 2fr)!important;
 
	}
	.itemcontrol   {      

	}
  
	.itemcontrolfull   {      
		grid-column: span 4!important;
	}
   
	
}
	

**/



/**


  @media screen and (max-width: 490px) {

	.itemcontainer {
 
		grid-template-columns: repeat(3, 1fr)!important;;

 
	}
	.itemcontrol   {      
		grid-column: span 2!important;
	}
  


	.itemcontrolfull   {      
		grid-column: span 3!important;
	}
   
	
}
	

**/



.table_TF {

     
	  margin:5px 0;
	 
	  background-color: white;
	  
	  word-break: break-all;
    
   	 /**
	   line-height:30px;
   	   word-wrap: break-word;   //will break the input control
   	   
   	 this can not align two tables
      table-layout:fixed;
      
   **/
	  
	  
	  
	}
	
	
	


	
.table_TF td {
  	    padding:0px 0px;
		  
	   line-height: 25px;
}
.table_TF td a img{
		vertical-align:middle;
}






.table_TF tr td:nth-child(even) {


	 


}






edp-crud    .table_TF {

	background-color: unset;

}
.contentEditable{
	 
	line-height:24px;
	font-size:14px;
	padding:5px 8px;
	border:1px solid #ddd;
}


 
 



/** for  UI Control  **/


.singlecheckbox{

	width:25px; height:25px;
	padding: 5px 5px;display:inline;

}


/** for calendar  **/
.calendardiv{

/**  round corner  **/
border: 1px solid white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);






background-color:white; 


}

.calendardiv   div {
 margin: 10px 2px;

}


.calendardiv   input {
 margin: 5px 5px;

}

div.datagridSetting{

position: absolute;right: 1px;
top: -10px;

z-index: 1;


}

div.excelDownloadSetting{

	position: absolute;right: 25px;
	top: -10px;	
	z-index: 1;
	
	
	}
	

 

.calendardiv td {
 
 padding: 3px 5px;
}




.rightTopFloat {

	top: 0px;
	right: 30px;
	z-index: 2;
	position: fixed;
	

}





.tipsClassInPopover  .popover {

 /**	
  white-space: nowrap;
  **/
  
  min-width: 250px;  

  


  
}  


.dateTimeControlLink  >  i {
	font-size: 20px;
	top: 5px;

}

.dateControlLink  >  i {
 cursor: pointer;
 
position: relative;
/** 
left: -28px;
 **/
 
font-size: 20px;
 
color: #08C;
top: 5px;


}

.bindInputLink{
	font-size: 20px;
	position: relative;
	top: 5px;
 
}


.bindInputLink > i ,.dateControlLink > i {

 

}


.xSelectControlLink{

	position: relative;
	font-size: 10px;
 


}


.xSelectControlLink  > i {
 right:20px;

}

.header{
	background:url(images/titleBgBase.gif) 0 -132px repeat-x;
	border-bottom:2px solid #fff;
}



.formodd,
.formeven {
	/*line-height:25px;*/


/**	background-color: #f7f7f7;**/


	}
	.formeven a img{
		vertical-align:middle;
	}








.labelcolor {


display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
vertical-align: baseline;
background-color: #999999;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
 behavior: url(PIE.htc);


}


 /**  for datagrid   **/


.table_TG{

 


outline: none;


      line-height:23px;
	  margin:13px 0;


   border-collapse:collapse;
   background-color: white;
   
     word-break: break-all;
    word-wrap: break-word;

}
.table_TG > thead> tr  {
    white-space:nowrap;
}


.table_TG .th ,  .table_TG  .thright   {


vertical-align: text-top;	


white-space: nowrap;
word-break: keep-all;


height: 30px;
font-size: 15px;
border-bottom: 1px solid #d2d2d2;

line-height:28px;

/**
padding-bottom: 5px;

**/



padding-right: 5px;

text-align: left;

color: grey;

 border-collapse:collapse;
    /**
    	border:1px solid white;
	background:url(images/tableHeadBG.gif);
	background-color: #F7FBFF;
**/


	 /**
	color: #666;
	background-color: #eeeeee;
		**/
 

}

 .table_TG .thright  {
 
 
 text-align: right;
 
 }

  .table_TG td {
/**

border-bottom: 1px solid #d7d4d4;


**/

 
border: 0px solid white;



/** height should be 35px, or the table row would be too small 





**/


padding-right:5px;



height: 35px;

border-collapse:collapse;





    line-height:25px;


	
    /**  **/
    white-space: nowrap;
  

    vertical-align: middle;

    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1);
    transition: all .3s cubic-bezier(.175, .885, .32, 1)
}


/**

.table_TG tr:hover td:first-child  {

   text-indent: 10px;

}
**/

.table_TG .subCaption {

	  font-size:12px;
	  
}


 .order:link {

/**color:#666;**/


color: grey;
line-height: 20px;
border-bottom: 2px solid #08C;
padding-bottom: 2px;
white-space: nowrap;

}

.order:hover {
	/**
	TEXT-DECORATION: underline
	 border-bottom: 2px solid red;
	**/
 color:#0070c9;



}



.th:first-child {
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
     border-radius: 10px 0 0 0;

}

.th:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 6px 0 0;
}

.th:only-child{
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}





.odd {
 
/**  #eeeeee;
 #bdb7b71a;

#f9f9f9
 **/
 
 
 
 
    background-color:var(--edpTableOddColor) ;      
 
	
	   
	   



 
}
.even {

/**
	 background-color: #F7FBFF;

**/	   
 


}





.trseletion {
	background-color: 	var(--edpTRSelection);
	z-index:1;
	

}
















.autoinputinvalidrecord  {
 text-decoration:line-through;
 color:grey;

}


.subMenuAreaClass{

 
margin-left: 2px;
position: absolute;
top: 5px;

}




.caption2, .captionNavigator {
text-align:center;
vertical-align:text-bottom;
height: 30px;
line-height:30px;

width: 100%;
COLOR: #000000;
font-size: 1.4em;

font-weight: bold;

border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
behavior: url(PIE.htc);

/**
background: #FFFFFF url(images/titleBgBase.gif) top left repeat-x;
margin:0px 0px;
**/


margin-top: 10px;
margin-bottom: 10px;



}


 .captionNavigator{
 
  font-size: 1.3em;
  margin-top: 0px;
 
 
 
 }
 
 












 

.captoin2Wrapper{
margin-top: 10px;
padding-left: 12px;

}





.captionw1 {
	COLOR: #ffffff; font-size: 16px;font-weight: bold
}

.captionw2 {
	COLOR: #ffffff; font-size: 13px;font-weight: bold
}


/*.caption {
	COLOR: #000000; font-size: 20px;font-weight: bold
}

.captionb1 {
	COLOR: #0000ff; font-size: 16px;font-weight: bold;
}

.captionb2 {
	COLOR: #0000ff; font-size: 12px;font-weight: bold

}


.caption1 {
	COLOR: #000000; font-size: 16px;font-weight: bold
}
*/



.roundhover{
      
	transition:0.3s;      
	
}   

.roundhover:hover{

	border-radius: 3px;
	
	/**
		box-shadow: 0 0 20px 2px rgb(0 0 0 / 40%);
	**/
	box-shadow: 0 1px 2px rgba(0,0,0,.3);

	padding:5px 0px;

    
}





.roundcard {    

	margin:5px 5px;
	padding:5px 5px;

    border: none;
    border-radius: 6px;
	
    -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);


    transition: all 250ms cubic-bezier(.02, .01, .47, 1); 
	
	-webkit-box-shadow: 0 4px 16px rgba(48, 55, 66, 0.15);
    box-shadow: 0 4px 16px rgba(48, 55, 66, 0.15);



	

  }
 
.roundcard:hover {

    box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);
	/**  
    transform: translate(0,-4px);	
**/

    transition-delay: 0s !important;

 

	
}
 
   

.roundCard  >li {

	list-style: none;
	padding-top: 5px;

}


.sectionTitle{


	text-align: center;
	font-size:18px;


	

}




.spaceline{


	
width: 110%;
height: 12px;
background-color:var(--edpBGColor);
position: relative;
left: -40px;
margin-bottom: 5px;
margin-top: 2px; 





}



.legend {

/**
border-bottom: 2px solid #e4e7ed;
**/

/**  it cause error

height:25px;

**/

*height:auto !important;*height:25px; min-height: 25px;



line-height: 30px;

margin-top:5px;
padding-bottom: 5px;



/**

this will cause statusbox fail when it combine with tabledrab

float:left;


**/

width:100%;


border-image: none;
text-align: left;



/**
display: block;



 box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);


border-bottom:1px solid #d2d2d2;


**/





border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;



}





.legendLevel {    

	font-size: 16px;
	
	margin:5px 5px;
	padding:5px 5px;

    border: none;
    border-radius: 6px;
    -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
    transition: all 250ms cubic-bezier(.02, .01, .47, 1);
    -webkit-box-shadow: 0 0.25rem 1rem rgba(48, 55, 66, 0.15);
    box-shadow: 0 4px 16px rgba(48, 55, 66, 0.15);
   
	

  }

/**
.legend:after {
	content: "";
	
	height: 2px;
	background-color: #e4e7ed;
	

}
**/


.legendli {

	list-style-type: none;

}

 .legendcorner {



 margin:5px 0px;
 

 /*Border for IE 6, 7, 8 shadow alternative*/

 -moz-border:none;
 -webkit-border:none;
/** it will cause double lines

  border-bottom:1px solid #d2d2d2;

 **/
 /**
  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');



  border-left:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  border-top:1px solid #e5e5e5;

 **/



 }


 .legendcorner  ul{

	padding: 0px 0px;
	margin: 0px 0px;
   
 }

.legend  span strong{


	

	 font-size: 17px;

	 /**
	 color:#0070c9;
	 **/
	 
	 

}
.legend  span strong:hover{

 /**

	 color:#0070c9;
    border-bottom: 2px solid #08C;
	 **/



    
    padding-bottom: 3px;

}



.legend strong{

    padding-left: 3px;
    
 
	color:    grey;
 
	font-size: 17px;


}


 
.legend > img{


       
		vertical-align:middle;
		/**
		padding:0 5px 0 0;
	**/
        margin-left:7px;

        
 

}
.legend  a img{

		vertical-align:middle;
		
		/**
		padding:0 5px 0 0;
		margin-left:5px;
		
		**/

		


}





.legendtab > img {
 width:22px;
 
}





ul.tabs {
	margin: 0;
	padding: 0;
	display:inline;

	list-style: none;





}
ul.tabs li {

	font-size: 17px;
	display: inline;
	top: 6px;


	border-left: none;




	overflow: hidden;
	
	
	position: relative;



    border-right: 1px solid #ccc;



 

  -webkit-transform: perspective(3px) translateZ(0);
  transform: perspective(3px) translateZ(0);

  
  /**
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
 **/

}
 

ul.tabs li:hover, ul.tabs li:focus, ul.tabs li:active {
	 


	top: 7px; 
	/**
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	**/


}

  





ul.tabs li a {


	 
	color:var(--edpGreyColor);

 	font-weight:bold;
 
    
	padding: 10px 10px 3px 3px;


}
ul.tabs li a:hover {
	
      /** 	  **/

	  border-bottom: 2px solid #08C;


     

      padding-bottom: 3px;

}

ul.tabs li.active a  {

	border-bottom: 2px solid #08C;
	color:var(--edpGreyColor);
 

}


 


/**   sectionlegend for sectionheader  **/


.sectionlegend {

*height:auto !important;*height:20px; min-height: 20px;




line-height: 20px;

border-top:0px solid #d2d2d2;
border-bottom:0px solid #d2d2d2;

  

}



 





.sectionlegend  >  .legendtab > img{
        width:0px;
        display:none;
       

}



#STATUS_display{
		padding:0 5px;
}





/** legend in the datagrid, small the legend  **/
.table_TG  .legendli > .legend > strong{
	font-size:14px;
}




.keyword {

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

text-indent: 5px;

behavior: url(PIE.htc);


}






.autoinput { 

/**
 border-bottom:2px solid #08C; 
**/


 border-bottom:2px solid var(--edpAutoinputColor); 
 padding-top: 2px;
 
}

 .autoinputm{

	border-bottom:2px solid var(--edpAutoinputColor); 
	border-right:2px solid var(--edpAutoinputColor); 

 }

.tdover {
	background-color: #e9f6ff;
/**	font-size:1em;  **/


	}







.readonly {
 color:#000000;
 background-color: var(--edpReadOnlyBGColor);
 border: 0px solid #f4f4f4;



}


select.readonly{

}




.photoborder {
width:0px; background:#FFFFFF;
border:1px solid #666666;
text-align:center; padding:8px;
float:right; margin:3px;
}


.toolbarFloatPositionDiv{

	height:0px;
}

div.buttonsStyleNew,  div.selectButtonsStyleNew  {


 
	/** 
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	
	
		background-color:#ededed;


	**/
 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;	

	cursor:pointer;
 

	color: var(--edpButtonColor);

	background-color: #fff;


	font-size:14px;	 

	display:inline-block;

   /** padding: 8px 6px 10px 15px;**/


    padding: 0px 10px 0px 10px;

    
    vertical-align:top; 
	text-decoration:none;
	position: relative;
   
  
   margin-right: 5px;
   margin-left: 5px;
   height:35px;
   line-height:35px; 
   white-space: nowrap ;
 
 
	


}


.ajaxUpdateOKImage{
 width:22px !important;
 
 

}

div.buttonsStyle,  div.selectButtonsStyle  {


  display:inline;
  text-align:center;

  vertical-align:middle;

  height: 20px;
  line-height: 30px;


  padding:4px 2px 3px 15px;


  margin-right:5px;




  font-size: 14px;

  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;

  /**
    background: url(images/greyBG.gif)   repeat;
  behavior: url(PIE.htc);
**/


  white-space: nowrap;

  position: relative;
  top: -1px;
 

}






div.buttonsStyle:hover , div.buttonsStyleNew:hover  {
	 color:#0070c9;
	 

}



div.buttonsStyle img , div.buttonsStyleNew img  {
	padding: 0px 0px;

}

 

 div.childButtonStyle , div.childButtonStyleNew    {

z-index: 2;

background-clip: padding-box;
border: 1px solid #ccc;



-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175)

 border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}





a.disableStyle{


   color:gray;
   text-decoration:line-through;
	min-width: 200px;
	height: 23px;
	background: #fff ;
	border: 1px solid #eee;
	padding:0 5px;
	 display: block;
  border-bottom: none;

}
a.buttonsStyle{

 
	
	min-width: 150px;

	background: #fff ;
	color: #333;
	border: 1px solid #eee;
	padding: 2px 5px;
	height: 26px;
	
	white-space: nowrap;
	

	/*
		
	font-family: '瀹嬩綋';
	font-size: 15px;
	vertical-align: middle;*/
}
a.buttonsStyle:hover{
	background: url(images/titleBgBase.gif) 0 -53px repeat-x;;
	color: #fff;
}


a.buttonsStyle
{
  display: block;
  border-bottom: none;
  text-decoration: none;
}




 div.selectButtonsStyle {



 /**
padding: 5px 12px;
 **/


background-color:#cccccc;

text-align: center;
white-space: nowrap;
vertical-align: middle;

cursor: pointer;

background-image: none;
border: 1px solid transparent;



 }



div.xselectStyle {


/**  round corner  **/

border: 1px solid white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);

/**  
 BORDER-RIGHT: black 1px solid; 
 BORDER-TOP: black 1px solid;
 BORDER-LEFT: black 1px solid; 
 BORDER-BOTTOM: black 1px solid; 

**/

  DISPLAY: none; 
  FONT-SIZE: 13px; 
  OVERFLOW: auto; 

  POSITION: absolute; 
  WIDTH: 200px; 
  HEIGHT: 300px; 
  BACKGROUND-COLOR: #ffffff;
  z-index: 2;
 
 
}






  .expandRight , .expandLeft{

	background:url(images/expandright.gif) 2px    no-repeat;

	width:30px;
    cursor: hand;

    margin-right:11px;
    
    z-index:2;
    
    
}


 .expandLeft {

	background:url(images/expandleft.gif)  2px    no-repeat;


}



  .expandTDRight {


	background:url(images/expandright.gif) 2px    no-repeat;


	width:30px;
	height:30px;
	
    cursor: hand;
    border:0px;
 
}


 .expandTDLeft {

	background:url(images/expandleft.gif)  2px    no-repeat;

	width:30px;
	height:30px;


	   
    cursor: hand;
 

}


.titleTooltip{

	 
       TEXT-DECORATION: underline;



}









/*---------- bubble tooltip -----------*/
.tipsClass{

    position:relative;


	display:inline;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}


/*background:; ie hack, something must be changed in a for ie to execute it*/

  .tipsArea{
    display:none;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
    text-decoration:none;
    text-align: center;
 z-index: 100;
}
.tipsTop{
	z-index: 100;
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble1.gif) no-repeat top;
}
.tipsMiddle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
    font-size:13px;
	white-space:normal;
        word-break:normal;
	background: url(images/bubble_filler.gif) repeat bottom;
}

.tipsBottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble1.gif) no-repeat bottom;
}
/*--------end  of bubble tooltip -----------*/










 .roundedcorner {   margin:18px auto; padding-top:0px; zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8'); background:-moz-linear-gradient(top, #ffffff 50%, #f8f8f8 100%); background:-webkit-gradient(linear, 0% 50%, 0% 100%, from(#ffffff), to(#f8f8f8));
 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;behavior: url(PIE.htc);
  box-shadow:0 1px 1px rgba(0,0,0,.15); -moz-box-shadow:0 1px 1px rgba(0,0,0,.15); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.15); /*Border for IE 6, 7, 8 shadow alternative*/ border-top:1px solid #e5e5e5; border-bottom:1px solid #d2d2d2; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; -moz-border:none; -webkit-border:none; }






/**  for calendar in  Dashboard **/
.calendartodayicon{

   background-color:red;
   font-weight:bold;
   
   color:white;
   
   
   border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;


text-align: center;
width: 26px;
padding: 2px 2px;
height: 26px;

display:block;



}

 
.calendartoday {
/**
background: #CECEFF;
**/


}

.calendarDayTable  tr {
 line-height:30px;
 

}


.calendarcaptionth  {
	padding-top: 5px;
    padding-bottom: 5px;


}



.calendarthtr {
  	height:23px;
	line-height:20px;

	padding-top: 2px;
    padding-bottom: 2px;

	color:#000000;
/*	background:url(images/tableHeadBG.gif);

	background-color: grey;
	border_:1px solid #DDD;
*/


   text-align:left;




}



.calendarthtd {
 /**
 border:1px solid #DDD;
 **/
 
 
       font-size:16px;

	    border-top:1px solid #DDD;
		border-left:1px solid #DDD;
		border-right:1px solid #DDD;




}


.calendartd   {


	    border-bottom:1px solid #DDD;
		border-left:1px solid #DDD;
		border-right:1px solid #DDD;



}







.prefiximg{
position:relative;
top:-2px;
padding-right:0px;
margin-right:-3px;
width:13px;
border:0 solid black;

}




/**  for popupdiv.js   openDivFrame **/

.popupdivOuterDiv{


/**
//lightgrey ,  #EFEBEF

  //border: 1px solid grey;
  **/



 border: 1px solid white;



  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);

}



.toggleOverFlowLink{
 
 

/** using bootstrap, comment it now

margin-left:5px;
position: relative;
top: -8px;
 **/
 

 /**
 to expand click area
 **/
 
 
 border: 10px solid transparent;
 background-clip: padding-box;
 z-index:1;
 position: relative; 
 

}




.linkButton {



padding: 5px 10px;


border-width: 1px;
border-style: solid;
border-color: #08C;

 border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
 behavior: url(PIE.htc);

 color:#08C;
 





}


.linkButton:hover {



  color:white;


  background-color:#08C;


}




.whiteLinkButton {




padding: 0px 10px;
border-width: 1px;
border-style: solid;
border-color: fff;

border-image: none;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

}


.tagTopic {

background-color: #A1D243;
border-color: #A1D243;

color: #FFF;


font-weight: 300;

text-decoration: none;
text-align: center;
line-height: 25px;
height: 25px;




padding: 0px 10px;

display: inline-block;
cursor: pointer;
border: medium none;
box-sizing: border-box;
transition-property: all;
transition-duration: 0.3s;



border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
behavior: url(PIE.htc);

animation-duration: 3s;
animation-iteration-count: infinite;
animation-name: glowing;


}



.numberIcon {

color:white;

padding: 2px 7px;

border-width: 0px;
border-style: solid;
border-color: white;


white-space:nowrap;


border-radius: 10px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
behavior: url(PIE.htc);


border-image: none;

background-color:#08C;




}





.tagButton {


color:grey;

padding: 2px 10px;

border-width: 0px;
border-style: solid;
border-color: white;

line-height: 25px;
height: 25px;




white-space:nowrap;


border-radius: 10px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
behavior: url(PIE.htc);


border-image: none;

background-color:#eeeeee;




}




.tagButton:link {
 color:grey;

}


.tagButton:hover {

     border: 2 solid #08C;

     color:white;





}




.buttonNew, .buttonNewG{
 
 
 
 
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
 
border: 1px solid transparent;
 


font-size:14px;
 
 

padding: 0px 12px;
height: 35px;

 
border-radius: 4px;
color: var(--edpButtonColor);
background-color: #fff;
 
/**
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
**/
border-color: rgba(101, 109, 119, 0.24);


white-space: nowrap;




}







.buttonNew:hover  {
 
	/**
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	
	**/

	
	background-color:#378de5;
	color:white;






}
   
    
    
 	/**
.buttonNew, .buttonNewG{
 background:-webkit-linear-gradient(top, #ededed 5%, #ededed 100%);







    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	
	 box-shadow:inset 0px 1px 0px 0px #ffffff;
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(top, #ededed 5%, #dfdfdf 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);

 
	
	
	background-color:#ededed;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
 
 
 
	font-size:14px;
 
 
 
	padding: 3px 12px;
	height: 35px;
	text-decoration:none;
	
	margin-right: 5px;
    margin-left: 5px;
	 
	
	 
	
	
}



 
.buttonNew:hover {

    
	    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	
	
	background-color:#378de5;

	color:white;

 
 
	
	
	
}




	
	**/
	
 
	

.focusButton{


	border-width: 3px;
	border-color: #dca734;
	
	
	
	}

.buttonNew:active {
	position:relative;
	top:1px;
}



.buttonNewG{
 
   /**
 
      background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(top bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	**/
  
	background:-webkit-linear-gradient(top, #04396C 5%, #04396C  100%); 
	background-color:#04396C; 
	color:white;
	 
}
     
     
 .buttonprimary{
    /**
 background:-webkit-linear-gradient(top, #08C 5%, #08C  100%);

  #08C;

   **/
  
 background-color: #0076f6;
 color:white;
 
 
 } 
  
.buttonsuccess{
 
 
 
 } 
 .buttoninfo{
    /**
     background:-webkit-linear-gradient(top, #4cb0f9 5%, #4cb0f9  100%);
  **/
     
 	 color:white;
     background-color:  #4cb0f9;
     
 } 
 .buttonwarn{
   /**
    background:-webkit-linear-gradient(top, #dca734 5%, #dca734  100%);
  **/



    background-color: var(--edpButtonWarnColor) ;
 	color:white;
 } 
 
.buttondanger{
 
 
 
 } 
    
    
  
  

.buttonA {
	background-color: transparent;
	/*color:#009393;*/
	color: #000000;
    height: 25px;
	width: 80px;
	font-size:15px;
	border-width: 0px;
    background-image: url(images/button1.gif);
	outline:none;
	text-align: center;
	padding-top: 2px;
}
.buttonB{

	background-color: transparent;
	color: #fcfcfc;
    height: 25px;
	width: 80px;
	font-size:15px;
    background-image: url(images/button2.gif);
	border-width: 0;
	outline:none;
	padding-top: 2px;
}

.buttonC {
	background-color: transparent;
	color:#000000;
    height: 25px;
	width: 109px;
	border-width: 0;
    background-image: url(images/button7.gif);
    font-size:15px;
    /**
	overflow: hidden;
	**/
	
	text-overflow: ellipsis;
}

.buttonD{
	background-color: transparent;
	color: #ffffff;
    height: 25px;
	width: 109px;
	border-width: 0;
    background-image: url(images/button8.gif);
    font-size:15px;
        /**
	overflow: hidden;
		**/
	
	text-overflow: ellipsis;
}

.buttonE {

	background-color: transparent;
	color:#000000;
    height: 25px;
	width: 180px;
	border-width: 0;
    background-image: url(images/button9.gif);
    font-size:15px;
}

.buttonF{

	background-color: transparent;
	color: #ffffff;
    height: 25px;
	width: 180px;
	border-width: 0;
    background-image: url(images/button10.gif);
    font-size:15px;
}



.buttonG{
	background-color: transparent;
	color: #ffffff;
    height: 25px;
	width: 80px;
	border-width: 0;
    background-image: url(images/buttonG.gif);
    font-size:15px;
	outline:none;
	padding-top: 2px;
}
.buttonG2 {
	background-color: transparent;
	color:#ffffff;
    height: 25px;
	width: 109px;
	border-width: 0;
    background-image: url(images/buttonG2.gif);
    /*font-weight: 900;*/
    font-size:15px;
}
.buttonG3 {
	background-color: transparent;
	color:#ffffff;
    height: 25px;
	width: 180px;
	border-width: 0;
    background-image: url(images/buttonG3.gif);
    /*font-weight: 900;*/
    font-size:15px;
    /**
	overflow: hidden;
	**/
	text-overflow: ellipsis;
}
































.box_topA {
	background-image: url(images/box_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #EBEBEB;
	width: 100%;
	margin-bottom: 15px;
}
.box_bottomA {

	background-image: url(images/box_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 9px;
	padding-right: 9px;
	padding-left: 9px;

}
.box_middle {
	padding-right: 13px;
	padding-left: 8px;
	background-color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
}

.box_bottomA h3 {

	font-size: 15px;
	font-weight: bold;
	height: 20px;
	padding-top: 3px;
	padding-left: 2px;
	line-height: 25px;
}




/**  scroll top and down **/
#floatPanel{}
#floatPanel .ctrolPanel{
	border-radius:6px;

	-moz-border-radius:6px;
	-webkit-border-radius:6px;

width:36px;height:62px;background:#fff url(images/scrooltopdown-bg.gif) no-repeat left top;border:solid 1px #ddd;position:fixed;right:25px;top:300px;overflow:hidden;z-index:10000; _position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300);}
#floatPanel .ctrolPanel a{width:34px;font-size:14px;color:#ff6600;letter-spacing:1px;text-align:center;overflow:hidden;}
#floatPanel .ctrolPanel .arrow{height:29px;line-height:28px;display:block;margin:1px auto;}
#floatPanel .ctrolPanel .arrow span{display:none;}
#floatPanel .ctrolPanel .arrow:hover{background:#f4f4f4;}
#floatPanel .ctrolPanel .arrow:hover span{display:block;}
#floatPanel .ctrolPanel .contact{height:60px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .contact span{line-height:90px;}
#floatPanel .ctrolPanel .qrcode{height:40px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .qrcode span{display:none;}








.imageLabelDiv {
  margin-right:11px;
  margin-top:2px;

  float:left;
  z-index: 2;
  
  line-height: 20px;
 
  height:90px;

 
  width:150px;

  border: 1 solid red;

  border-color: #337ab7;

margin-bottom: 20px;
/**
background-color: #fff;
**/


border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);


}
 .imageLabelDiv .rowLeft {
 float:left;

 width:25%;

}

.imageLabelDiv  .rowLeft  img {

position: relative;
left:11px;


}
.imageLabelDiv   .rowRight{
 float:right;


 white-space:wrap;



  width:75%;
  color: #fff;
  text-align:right;
   font-size: 16px;



}
.imageLabelDiv    .imageLabelNumber{
  text-align:center;
  color:white;
  font-size: 20px;
}





.nextPageNavLink {




display:block;
color:#08C;
float:left;

margin: 2px 2px;

border-width: 0px;
border-style: solid;
border-color: white;
cursor:hand;

line-height: 25px;
height: 30px;

width:100%;
text-align:center;

white-space:nowrap;


border-radius: 10px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
behavior: url(PIE.htc);


border-image: none;

background-color:#eeeeee;



}







.dropListClass_0 {
    color:black;
}

.dropListClass_1 {
    color:blue;
}
.dropListClass_2 {
    color:red;
}
.dropListClass_3 {
    color:green;
}

.dropListClass_4 {
    color:black;
}
.dropListClass_5 {
    color:red;
}




.userDefinePageLink {


 /**
    display:block;

   position: relative;

   text-align: right;
   top: -28px;
   width:20px;
   **/




display: block;
position: relative;
top: 2px;
right: 30px;
float: right;





}
.userDefineHelpClass{

	
	position: absolute;
	right: 0px;
    margin-right: 70px;
	

}




/**  Mobile  **/

  .roundbox {
    background: none repeat scroll 0px 0px #FFF;
    margin: 10px;
    padding: 15px;
    border-radius: 5px;

    border: 1px solid #DDD;
    text-align: center;
    display: block;
    cursor: pointer;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}



/**

treeTable Control

**/


.treeTableImg {



  padding: 0px 0px;



}

/** page control image  **/
.pageNavImage{
   cursor: hand;
   margin:0 10px;


}





.screenwidth{
  width:100%;
  

}



.widthx{

  width: 146px;
  /**
  width: 155px\9;
**/


}
.widthm{width: 60px;}





.autowidth {
   width:95%;
}


.autowidthm {
   width:80%;
}




 .table_TG    .autowidth  {
    width:98%;

}


 


 .navButton , .navButtonFocus  , .viewButton , .viewButtonFocus  {
	color: #fff;
	background: url("images/navButtonG.png") 0% 50% repeat-y;


	cursor:pointer;
	font-size:14px;


	padding:0px 10px 3px 30px;
     
	display:inline-block;
 
    position:relative;

	margin:4px 0;
	margin-right:10px;
	height:30px;





    line-height: 30px;

	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior: url(PIE.htc);
	white-space: nowrap;

}

 .navButton:hover, .viewButton:hover{
    color:red;
 }
.navButtonFocus{
	color:#fff;
	background: url("images/navButtonR.png") 0% 50% repeat-y;
 
}







.viewButton ,.viewButtonFocus{
	color:#fff;

	padding: 0px 10px 3px 10px;
	background: unset;
	background-color:var(--edpGreyColor);
 

}

 .viewButtonFocus{
	color:#fff;
	background: unset;
	background-color: green;

 
}



    

.checkButtons,.checkButtonsFocus, .importantButtonsFocus, .importantButtons,.functionButton,.functionButtonFocus{

border: 1px solid #888;
color: #888;

cursor: pointer;
font-size: 13px;
padding: 0px 10px;
vertical-align: middle;

display: inline-block;
position: relative;
/**
top: 3px;
**/

margin: 2px 0;
margin-right: 10px;
height: 30px;

border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
behavior: url(PIE.htc);
line-height: 30px;



}




.checkButtons:hover{
 	  color:#0070c9;

}

.checkButtonsFocus ,.importantButtonsFocus{
	/**
	background:#3b8dbc;
	**/
	
	background:#40a9ff;

	

	border: 1px solid #40a9ff;
	color:#fff;
	






}






.importantButtons  {

  border: 1px solid #A0D468;
  color:#A0D468;


}
.importantButtonsFocus{

    background:#A0D468;
	border: 1px solid #A0D468;
	color:#fff;

 

}




.radioButtons,.radioButtonsFocus{


	border: 1px solid #3b8dbc;
 
	color: #3b8dbc;

	
	cursor:pointer;
	font-size:14px;
	padding:0px 10px;



    display:inline-block;

	margin:4px 0;
	margin-right:20px;

	height:30px;
	line-height: 30px;
	border-radius:6px;

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
 
}


.radioButtonsFocus{
	background:#40a9ff;
	border: 1px solid  #f6da1a;  /**#3b8dbc;**/
	

    color:#fff;
	  


	cursor:pointer;

 


}



.functionButton{
	border: 1px solid #08C;

    color: #08C;
	 



}
.functionButtonFocus{
	background:#3b8dbc;
	border: 1px solid #3b8dbc;
    color:#fff;

    


}








.ui-collapsible-content li {
    width:31%;
	float:left;
	list-style:none;
	text-align:center;
	height:120px;
	margin-right:5px;
}
.ui-collapsible-content p {
	float:left;
	font-size:11px;
	text-align:center;
}

.ui-corner-all{
	clear:both;
}






/**  for UL  **/




[class*="edp-icon"]{
	/**
		  font-family: "Glyphicons Halflings";
	**/
		font-family: "FontAwesome";      
		min-height: 22px;
		 
		padding-left: 0px;
		position: relative;
		vertical-align: middle;
		display:inline-block;
	
	
		}
	
	 
	
		[class*="edp-icon"] > label {
	 
			width: 22px;
			height: 22px;
			border: 2px solid #CCC;       
			display: inline-block;
			vertical-align: middle;
		   
		}
	
	
	
		[class*="edp-icon"] > label.edpselected {
			font-size:25px;     
	
			border-width: 0px;                  
		}
	
	 
		[class*="edp-icon"] > label::before {
			display: block;       
			text-align: center;       
			line-height:22px;
			color: #000000;
		}
	   
	
	
	
		.edp-icon-checkbox > label  {
			border-radius: 3px;
	        
		}
		.edp-icon-radio > label  {
			border-radius: 50%;
	
		}
	
		.edp-icon-checkbox  > label.edpselected::before {
		 
		  color:#40a9ff;   
		  content: "\f14a";
	
		 
	  }
	
	  .edp-icon-radio  > label.edpselected::before {
		 
		color:#40a9ff;   
		content: "\f192";
	
	   
	}
	

	




.edpControlUL {

list-style-type: none;



}

.edpControlUL li {
display: block;
float:left;

width: 100%;
/**
border-bottom: 1px dashed #dcdcdc;
**/

}

.edpControlUL   .avatar   {

	
float: left;
margin-right: 100px;
color: #7a7676;
/**
white-space: nowrap;
**/

}

.edpControlUL   .detail   {


float: left;
 margin:0 0;
   padding:0 0;


}
  .edpControlUL   .title {
       margin-bottom: 5px;
       float:left;
	   line-height: 30px;
}
  .edpControlUL   .content {
   text-align:left;

   margin:0 0;
   padding:0 0;

   float:left;
   width:100%;


}
 .avatar img  {

 border-radius: 50%;
-webkit-border-radius: 50%;

 }
   .avatarImg  {

 border-radius: 50%;
-webkit-border-radius: 50%;

 }


  .edpControlUL  .description{


    color:grey;
    font-size:13px

  }








  /**  for placeTag **/




.placeInfoLinkBox1 img{
	margin-left:15px;
	width:24px;
	vertical-align:middle;
}
.placeInfoLinkBox img{
	margin-left:8px;
	width:18px;
	vertical-align:middle;
}

.placeInfoLink1 img{
	margin-left:8px;
	width:18px;


	vertical-align:middle;
}
.placeInfoLink img{
	margin-left:8px;
	width:18px;
	vertical-align:middle;
}





.caption2 .placeInfoLinkBox1 img{
	margin-left:15px;
	width:24px;
	vertical-align:baseline;
}
.caption2 .placeInfoLinkBox img{
	margin-left:8px;
	width:18px;
	vertical-align:baseline;
}

.caption2 .placeInfoLink1 img{
	margin-left:4px;
	width:20px;
	padding-bottom: 3px;

	vertical-align:middle;
}



.caption2 .placeInfoLink1 span{
	  position: relative;  
      top: -2px;  
	  color:grey;

}




.userDefineHelpLinkClass, .userDefineHelpLinkClass:hover{

	color:grey;

}

 

.warnDateTimeClass  , .alertDateTimeClass {

	 background-color: #dca734;;
	 color:white;  
	 border-radius: 5px;
	 padding:1px 2px;


}

.alertDateTimeClass {

  color: red !important;
  
}
 

.caption2 .placeInfoLink img{
	margin-left:8px;
	width:18px;
	vertical-align:baseline;
}



  .placetopul {

    margin-bottom: 10px;
    margin-top:10px;
    padding-right: 20px;
	
    text-align:right;right:0px;z-index: 10000 ;
 }

.placetopul > li {
    display:inline;
    list-style: none;
    margin-left: 10px;

}

.placetoplink:link {

    font-weight: 400;
    font-size:1.5em;
    letter-spacing: 0;
    white-space: normal;
    color: grey;
}
.placetoplink:visited {

     color: grey;
     text-decoration: none;
}

.placetoplink:hover {
    color: #08c;
    text-decoration: none;
}




.placedropcaption {

	
     font-size:2.0em;

     padding-bottom:20px;

     magin-top: 10px;
     color:grey;



 }



 .placedropul {

    margin-bottom: 10px;
    right: 10px;
    text-align:left;
    right:0px;z-index: 10000 ;
 }

.placedropul > li {


    list-style: none;

    margin-left: 10px;


    overflow:hidden;

	line-height: 2.0em;

}



.placedroplink, .placedroplink:link {

    font-weight: 400;
    font-size:1.2em;

    letter-spacing: 0;
    white-space: normal;
    color: grey;

	line-height: 1.4;
	



}
.placedroplink:hover {
    color: #08c;
    text-decoration: none;
}






.mailquote {
margin: 0 0 0 .8ex;
border-left: 1px #ccc solid;
padding-left: 1px;

}




/**   bootstrap mock    **/


/**



@media screen and (min-width: 800px) {
.col-sm-4 {
  width: 40%;
  float:left;

}

.col-sm-2 {
  width: 20%;
    float:left;

}

.col-sm-8 {
  width: 80%;
    float:left;
}

.col-sm-3 {
  width: 30%;
    float:left;
}
.col-sm-6 {
    width: 60%;
    float:left;
}

.col-sm-7{
    width: 70%;
    float:left;
}
.col-sm-1 {
    width: 10%;
    float:left;
}
.col-sm-10 {
    width: 100%;
    float:left;
}

}







@media screen and (max-width: 800px) {

.col-sm-4 {
  width: 40%;
  float:left;

}

.col-sm-2 {
    width: 40%;
    float:left;

}

.col-sm-8 {
  width: 100%;
    float:left;
}

.col-sm-3 {
   width: 50%;
    float:left;
}
.col-sm-6 {
    width: 100%;
    float:left;
}


.col-sm-7{
   width: 100%;
    float:left;
}
.col-sm-1 {
    width: 40%;
    float:left;
}
.col-sm-10 {
    width: 100%;
    float:left;
}


}


**/



/**  for eventlet and filelet **/

 .tailArea  {
 
margin: 0 0 10px 0;
padding: 10px;
border-radius: 2px;
}



 div.eventArea {
border-left: 3px solid #69c0ff;
}


 div.fileArea {
 border-left: 3px solid #1890ff;

}

div.dataLogArea {
	border-left: 3px solid #096dd9;



   
}
	
 




/**  misc    **/




A.link_song12_bk:link {
	COLOR: #000000; TEXT-DECORATION: none; font-size: 13px;
}
A.link_song12_bk:visited {
	COLOR: #000000; TEXT-DECORATION: none; font-size: 13px;
}
A.link_song12_bk:active {
	TEXT-DECORATION: none;  font-size: 13px;
}
A.link_song12_bk:hover {
	COLOR: #000000; TEXT-DECORATION: underline; font-size: 13px;
}
A.link2_song12_bk:link {
	COLOR: #000000; TEXT-DECORATION: none; font-size: 13px;
}
A.link2_song12_bk:visited {
	COLOR: #000000; TEXT-DECORATION: none; font-size: 13px;
}
A.link2_song12_bk:active {
	COLOR: #000000; TEXT-DECORATION: none;  font-size: 13px;
}
A.link2_song12_bk:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; font-size: 13px;
}
.T_v12_bk {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 13px; color: #999999}
.T_v10_bk {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #000000}
.bg1 {  background-image: url(images/bg_1.gif); background-repeat: no-repeat}
.T_song12_bk1 {   font-size: 13px; color: #000000}
.T_song12 {
	line-height:24px;
	text-decoration: none;
	}
	.T_song12 img{
		padding:0 3px 0 0;
		vertical-align: middle;
	}
.T_song12_bt {   font-size: 13px; color: #000000;bgcolor: #CCCCCC; font-weight: bold}
.T_song18_bk {   font-size: 18px; font-weight: bold; color: #000000}
.T_song14_bk {   font-size: 14px; font-weight: bold; color: #000000}
.T_song12_wt {   font-size: 13px; color: #FFFFFF; text-decoration: none}
.th_bg {  background-image: url(images/biaoqian/b1.gif); background-repeat: no-repeat;  font-size: 13px; color: #FFFFFF; background-color: #FFFFFF}

.tdw {   color: #000000; background-color: #ffffff; font-size: 13px; height: 25px}

.Menu100 {  width: 100px;  font-size: 13px; color: #000000}
.Menu120 {  width: 120px;  font-size: 13px; color: #000000}
.Menu150 {  width: 150px;  font-size: 13px; color: #000000}
.Menu170 {  width: 170px;  font-size: 13px; color: #000000}
.Menu200 {  width: 200px;  font-size: 13px; color: #000000}
.Menu300 {  width: 390px;  font-size: 13px; color: #000000}
.Menu50 {   font-size: 13px; color: #000000; width: 50px}
.Menu80 {   font-size: 13px; color: #000000; width: 80px}
.T_v12_bk2 {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 13px; color: #000000}
.Menu390 {  width: 386px;  font-size: 13px; color: #000000}
.bg_login {  background-image: url(images/logoin3.gif); background-repeat: no-repeat; background-color: #eeeeee}

.noline_input { border-left:0px;border-right:0px;border-top:0px;border-bottom:0px;font-size:14px}
.noline_input_bk { border-left:0px;border-right:0px;border-top:0px;border-bottom:0px;font-size:14px;background-color: #eeeeee;}
.noline_textarea {  border-left:0px;border-right:0px;border-top:0px;border-bottom:0px;font-size:14px;SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR:  #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; }
.th_bg2 {   font-size: 13px; color: #000000; background-image: url(images/biaoqian/c2.gif); background-repeat: no-repeat; text-decoration: underline}
.T_song12_bk_L {   font-size: 13px; color: #000000; text-decoration: underline}
.T_song12_G {   font-size: 13px; color: #808080}
.T_song12_GL {   font-size: 13px; color: #808080; text-decoration: underline}
.th_T5_B {   font-size: 13px; color: #FFFFFF; background-image: url(images/biaoqian/T5_b.gif)}
.th_T5_C {   font-size: 13px; color: #000000; text-decoration: underline; background-image: url(images/biaoqian/T5_c.gif)}
.th_T6_B {   font-size: 13px; color: #FFFFFF; background-image: url(images/biaoqian/T6_b.gif)}
.th_T6_C {   font-size: 13px; color: #000000; text-decoration: underline; background-image: url(images/biaoqian/T6_c.gif)}
.T_song12_wt2 {   font-size: 13px; color: #FFFFFF; text-decoration: underline}
.table1 {   font-size: 13px; color: #000000; height: 28px; width: 100%; }
.table2 {   font-size: 13px; color: #000000; width: 100%; }
.table3 {   font-size: 13px; color: #000000; height: 37px; width: 100%}
.table_list1 {
	height:24px;
	line-height:24px;
	}
	.table_list1 img{
		vertical-align: text-top;
	}

.td_R {   font-size: 13px; color: #000000; background-color: #E8F7FF}
.table_tab {  width: 100% ; border:0px; cellspacing:0px; cellpadding: 0px; bordercolor: #FFFFFF;}
.table_wenshu1 {   font-size: 13px; color: #000000; width: 100% }

.iframe1 { height: 405px; width: 100%}
.iframe2 { height: 253px; width: 100%}
.iframe3 { height: 223px; width: 100%}
.iframe4 { height: 230px; width: 100%}
.iframe5 { height: 261px; width: 100%}
.iframe6 { height: 243px; width: 100%}
.iframe7 { height: 265px; width: 100%}
.iframe8 { height: 274px; width: 100%}
.iframe9 { height: 256px; width: 100%}
.iframe10 { height: 282px; width: 100%}
.iframe11 { height: 311px; width: 100%}
.iframe12 { height: 100px; width: 100%}
.iframe13 { height: 0px; width: 0px}
.iframe14 { height: 366px; width: 100%}
.head_bg1 {  background-image: url(images/images_b/head_bg1.gif); background-repeat: no-repeat}
.bg_na {
	background: url(images/titleBgBase.gif)  0 -81px repeat-x;
	}
	/**
	.bg_na.selected {
	  background: url(images/titleBgBase.gif)  0 -53px repeat-x;
	}
	**/
	.bg_na.selected a{
		color:#fff;
	}


.head_bg2 {  background-image: url(images/head_bg2.gif); background-repeat: no-repeat}
.bg_na2 {  background-image: url(images/bg_na2.gif); background-repeat: no-repeat; border: black;}
.tab_bg1 {  background-image: url(images/tab/tab_bg1.gif); background-repeat: repeat}
.tab1 {  background-image: url(images/tab/tab1.gif); background-repeat: no-repeat; width: 111px; height: 25px; text-align : center }

.tab2 {  background-image: url(images/tab/tab2.gif); background-repeat: no-repeat; width: 111px; height: 25px; text-align : center }

.button1 {  background-image: url(images/tab/button1.gif); background-repeat: no-repeat;}
.button2 {  background-image: url(images/images_b/button2.gif); background-repeat: no-repeat;align: center;}

.button7 {  background-image: url(images/tab/button7.gif); background-repeat: no-repeat}
.button8 {  background-image: url(images/images_b/button8.gif); background-repeat: no-repeat}



.bg_na3 {  background-image: url(images/images_b/bg_na3.gif); background-repeat: no-repeat}
.S_1 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; color: #FF0000}
.menu_G150 {   font-size: 13px; color: #000000; background-color: #eeeeee; width: 150px}


.line1 {  background-image: url(images/line1.gif); background-repeat: no-repeat}
.button3 {  background-image: url(images/tab/button3.gif); background-repeat: no-repeat}
.T_V10bk {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #000000}
.T_e1 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #000000; width: 100%}
.icon_head {  background-image: url(images/images_b/icon_head.gif); background-repeat: no-repeat; width: 20px}
.icon2 {  background-image: url(images/images_b/icon_2.gif); background-repeat: no-repeat; width: 20px}
.icon1 {  background-image: url(images/images_b/icon_1.gif); background-repeat: no-repeat; width: 20px}
.button4 {  background-image: url(images/images_b/button4.gif); background-repeat: no-repeat}
.menu_G1 {   font-size: 13px; color: #000000; background-color: #999999}
.menu_G {  background-color: #eeeeee;  font-size: 13px; color: #000000}
.menu_G100 {   font-size: 13px; color: #eeeeee}
.na_bg {  background-color: #000084; font-size: 13px; color: #FFFFFF}
.na_bg2 {  background-color: #ffffff; font-size: 13px; color: #000000}
.login_bg {  background-image: url(images/login_bg.gif); background-repeat: no-repeat}
.login_bg_line {  background-image: url(images/login_bg_line.gif); background-repeat: repeat}
.button5 {  background-image: url(images/tab/button5.gif); background-repeat: no-repeat}
.buton6 {  background-image: url(images/images_b/button6.gif); background-repeat: no-repeat}
.button6 {  background-image: url(images/images_b/button6.gif); background-repeat: no-repeat}
.menu_150R {   font-size: 13px; color: #000000; background-color: #eeeeee; width: 150px}

.waiting_bg {  background-image: url(images/images_b/waiting.gif); background-repeat: no-repeat}
.waiting_bg2 {  background-image: url(images/images_b/m1.gif); background-repeat: no-repeat}
.cursor1 {  cursor:hand}
.cursor2 {  cursor:none}
.text1 {
	FONT-SIZE: 13px; COLOR: #6f6f6f;  TEXT-DECORATION: none
}
.text1:hover {
	FONT-SIZE: 9pt; COLOR: #6f6f6f;  TEXT-DECORATION: underline
}
.text2 {
	FONT-SIZE: 9pt; COLOR: #ffffff;  FONT-VARIANT: normal; TEXT-DECORATION: none
}
.text2:hover {
	FONT-SIZE: 9pt; COLOR: #ffffff;  TEXT-DECORATION: underline
}
.text3 {
	FONT-SIZE: 9pt; COLOR: #5a5653;  TEXT-DECORATION: none
}
.text3:hover {
	FONT-SIZE: 9pt; COLOR: #5a5653;  TEXT-DECORATION: underline
}
.box1 {
	BORDER-RIGHT: #cfcfcf 1px solid; BACKGROUND-POSITION: center center; BORDER-TOP: #cfcfcf 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #cfcfcf 1px solid; COLOR: #666666; PADDING-TOP: 3px; BORDER-BOTTOM: #cfcfcf 1px solid;  HEIGHT: 18px; BACKGROUND-COLOR: #e5e5e5; TEXT-DECORATION: none
}
.box2 {
	BORDER-RIGHT: #cfcfcf 1px solid; BORDER-TOP: #cfcfcf 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #cfcfcf 1px solid; WIDTH: 100px; COLOR: #666666; PADDING-TOP: 3px; BORDER-BOTTOM: #cfcfcf 1px solid;  HEIGHT: 25px; BACKGROUND-COLOR: #e5e5e5; TEXT-DECORATION: none
}
.text4 {
	FONT-SIZE: 9pt; COLOR: #0293b0; LINE-HEIGHT: 150%;  TEXT-DECORATION: none
}
.text4:hover {
	FONT-SIZE: 9pt; COLOR: #0293b0; LINE-HEIGHT: 150%;  TEXT-DECORATION: underline
}
.text5 {
	FONT-SIZE: 9pt; COLOR: #009087; LINE-HEIGHT: 140%;  TEXT-DECORATION: none
}
.text5:hover {
	FONT-SIZE: 9pt; COLOR: #009087; LINE-HEIGHT: 140%;  TEXT-DECORATION: underline
}
.box3 {
	BORDER-RIGHT: #cfcfcf 1px solid; BORDER-TOP: #cfcfcf 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: #cfcfcf 1px solid; COLOR: #686669; PADDING-TOP: 3px; BORDER-BOTTOM: #cfcfcf 1px solid;  HEIGHT: 20px; BACKGROUND-COLOR: #e5e5e5
}
.text6 {
	FONT-SIZE: 9pt; COLOR: #000000; LINE-HEIGHT: 150%;  TEXT-DECORATION: none
}
.text6:hover {
	FONT-SIZE: 9pt; COLOR: #000000; LINE-HEIGHT: 150%;  TEXT-DECORATION: underline
}
.text5_yingshi {
	FONT-SIZE: 9pt; COLOR: #b43143; LINE-HEIGHT: 150%;  TEXT-DECORATION: none
}
.text5_yingshi:hover {
	FONT-SIZE: 9pt; COLOR: #b43143; LINE-HEIGHT: 150%;  TEXT-DECORATION: underline
}
.text5_yinyue {
	FONT-SIZE: 9pt; COLOR: #0094b3; LINE-HEIGHT: 150%;  TEXT-DECORATION: none
}
.text5_yinyue:hover {
	FONT-SIZE: 9pt; COLOR: #0094b3; LINE-HEIGHT: 150%;  TEXT-DECORATION: underline
}
.text5_lipin {
	FONT-SIZE: 9pt; COLOR: #6f8600; LINE-HEIGHT: 150%;  TEXT-DECORATION: none
}
.text5_lipin:hover {
	FONT-SIZE: 9pt; COLOR: #6f8600; LINE-HEIGHT: 150%;  TEXT-DECORATION: underline
}
.text5_hzp {
	FONT-SIZE: 9pt; COLOR: #f3628d; LINE-HEIGHT: 150%;  TEXT-DECORATION: none
}
.text5_hzp:hover {
	FONT-SIZE: 9pt; COLOR: #f3628d; LINE-HEIGHT: 150%;  TEXT-DECORATION: underline
}


.popupdivMinImage:hover{
	border: 0px solid #d0d0d0;
	border-radius: 8px;
	background-color: #d0d0d0;
}
.popupdivMaxImage:hover{
	border: 0px solid #d0d0d0;
	border-radius: 8px;
	background-color: #d0d0d0;
}
.popupdivCloseImage:hover{
	border: 0px solid #d0d0d0;
	border-radius: 8px;
	background-color: #d0d0d0;
}




/********* for   tag control   ************/
 

 
.tagsContaine .tagList,.tagsContaine {
	float: left;
}

.tagsContaine .tagList .tagItem{


/**
	height: 30px;
	line-height: 30px;
		font-size: 18px;
			letter-spacing: 2px;
	**/

	







padding: 2px 10px 2px 10px;
margin: 1px 1px;

line-height: 23px;



border-radius: 10px;

/* letter-spacing: 2px;
background-color: #66CCFF;
//#0070c9
background-color: #66CCFF;
 */


 background-color: #faad14;
text-align: center;
float: left;


color: #FFFFFF;
cursor: pointer;

 
}
.tagsContaine .tagList .tagItem:hover{
	background-color: #0099FF;
}
.tagsContaine .tagList .tagItem .delete{
	float: right;
	width: 15px;
	height: 15px;
	
	background-image: url(images/x.png);
	background-repeat: round;
	margin-top: -5px;
	
	margin-right: -10px;
	display: none;
}
.tagsContaine .tagList .tagItem:hover .delete{
	display: block;
}


.tagsContaine .tagList .updateInput{
	outline: none;

	border: solid thin #AAAAAA;
	border-radius: 5px;
 
	padding: 0px 5px;
	text-align: center;
	float: left;
		
}
.tagsContaine .tagInput{
	outline: none;
	
	/**
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	**/
	
	
	border: solid thin #AAAAAA;
	border-radius: 5px;
 
	padding: 0px 5px;
	text-align: center;
}
.tagsContaine .tagInput:focus{
	border-color: #66CCFF;
}



/** animation **/



    .edpAnimateDiv {
        
      animation:edpmove 3s 1;
      /*Safari 和 Chrome:*/
      -webkit-animation:edpmove 3s 1;
      z-index: 1

    }
    
    @keyframes edpmove1
      {




      from {opacity:10;}
      to {
      	opacity:1;
        transition: all 2s;
        transform: rotateY(360deg);
       
 
      }


/**
      from {background-color:red;}
      to {background-color:blue;}
**/

    }
    
    /*Safari 和 Chrome:*/
    @-webkit-keyframes edpmove1
    {

      from {opacity:0;}
      to {opacity:1;
       transition: all 2s;
        transform: rotateY(360deg);
 
      }


      /**
      transform: rotateY(180deg);
         //  transform:rotate(360deg);
	  // -ms-transform:rotate(360deg);  // IE 9  
	  //  -webkit-transform:rotate(360deg);  //Safari and Chrome  
      from {background-color:red;}
      to {background-color:blue;}
      */
   

   
}




/**  new UI 2022   **/

/**
.edpControlUL {
	 
	background: #fff;
	margin-bottom: 0px;
}
.edpControlUL li {
	 
	background: #fff;
 
}

**/


	.edpcard {
		background: #fff;
		min-height: 50px;
		box-shadow: none;
	 
	 
		transition: .5s;
		border-radius: 3px;
		border:none;
		border1: 1px solid #D6D6D6;


		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);


	}
.edpcard  .dropdown-menu {
	right:10px;
	
}
	
 

	
	.edpcard .card-inside-title {
		margin-top: 25px;
		margin-bottom: 15px;
		display: block;
		font-size: 15px;
		color:#000
	}
	
	.edpcard .card-inside-title small {
		color: #999;
		display: block;
		font-size: 11px;
		margin-top:5px
	}
	
	.edpcard .card-inside-title small a {
		color: #777;
		font-weight:bold
	}
	
	.edpcard .card-inside-title:first-child {
		margin-top:0
	}
	
	.edpcard .bg-red, .edpcard .bg-pink, .edpcard .bg-purple, .edpcard .bg-deep-purple, .edpcard .bg-indigo, .edpcard .bg-blue, .edpcard .bg-light-blue, .edpcard .bg-cyan, .edpcard .bg-teal, .edpcard .bg-green, .edpcard .bg-light-green, .edpcard .bg-lime, .edpcard .bg-yellow, .edpcard .bg-amber, .edpcard .bg-orange, .edpcard .bg-deep-orange, .edpcard .bg-brown, .edpcard .bg-grey, .edpcard .bg-blue-grey, .edpcard .bg-blush, .edpcard .bg-black {
		border-bottom: none !important;
		color:#fff !important
	}
	
	.edpcard .bg-red h2, .edpcard .bg-red small, .edpcard .bg-red .material-icons, .edpcard .bg-pink h2, .edpcard .bg-pink small, .edpcard .bg-pink .material-icons, .edpcard .bg-purple h2, .edpcard .bg-purple small, .edpcard .bg-purple .material-icons, .edpcard .bg-deep-purple h2, .edpcard .bg-deep-purple small, .edpcard .bg-deep-purple .material-icons, .edpcard .bg-indigo h2, .edpcard .bg-indigo small, .edpcard .bg-indigo .material-icons, .edpcard .bg-blue h2, .edpcard .bg-blue small, .edpcard .bg-blue .material-icons, .edpcard .bg-light-blue h2, .edpcard .bg-light-blue small, .edpcard .bg-light-blue .material-icons, .edpcard .bg-cyan h2, .edpcard .bg-cyan small, .edpcard .bg-cyan .material-icons, .edpcard .bg-teal h2, .edpcard .bg-teal small, .edpcard .bg-teal .material-icons, .edpcard .bg-green h2, .edpcard .bg-green small, .edpcard .bg-green .material-icons, .edpcard .bg-light-green h2, .edpcard .bg-light-green small, .edpcard .bg-light-green .material-icons, .edpcard .bg-lime h2, .edpcard .bg-lime small, .edpcard .bg-lime .material-icons, .edpcard .bg-yellow h2, .edpcard .bg-yellow small, .edpcard .bg-yellow .material-icons, .edpcard .bg-amber h2, .edpcard .bg-amber small, .edpcard .bg-amber .material-icons, .edpcard .bg-orange h2, .edpcard .bg-orange small, .edpcard .bg-orange .material-icons, .edpcard .bg-deep-orange h2, .edpcard .bg-deep-orange small, .edpcard .bg-deep-orange .material-icons, .edpcard .bg-brown h2, .edpcard .bg-brown small, .edpcard .bg-brown .material-icons, .edpcard .bg-grey h2, .edpcard .bg-grey small, .edpcard .bg-grey .material-icons, .edpcard .bg-blue-grey h2, .edpcard .bg-blue-grey small, .edpcard .bg-blue-grey .material-icons, .edpcard .bg-blush h2, .edpcard .bg-blush small, .edpcard .bg-blush .material-icons, .edpcard .bg-black h2, .edpcard .bg-black small, .edpcard .bg-black .material-icons {
		color:#fff !important
	}
	
	.edpcard .bg-red .badge, .edpcard .bg-pink .badge, .edpcard .bg-purple .badge, .edpcard .bg-deep-purple .badge, .edpcard .bg-indigo .badge, .edpcard .bg-blue .badge, .edpcard .bg-light-blue .badge, .edpcard .bg-cyan .badge, .edpcard .bg-teal .badge, .edpcard .bg-green .badge, .edpcard .bg-light-green .badge, .edpcard .bg-lime .badge, .edpcard .bg-yellow .badge, .edpcard .bg-amber .badge, .edpcard .bg-orange .badge, .edpcard .bg-deep-orange .badge, .edpcard .bg-brown .badge, .edpcard .bg-grey .badge, .edpcard .bg-blue-grey .badge, .edpcard .bg-blush .badge, .edpcard .bg-black .badge {
		background-color: #fff;
		color:#555
	}
	
	.edpcard .header {
		color: #555;
		padding: 15px;
		position: relative;
		box-shadow: none;
		margin-bottom:0
	}
	
	.edpcard .header .header-dropdown {
		position: absolute;
		top: 15px;
		right: 10px;
		list-style: none;
		margin: 0;
		padding:0
	}
	
	.edpcard .header .header-dropdown a {
		padding:5px 10px
	}
	
	.edpcard .header .header-dropdown .dropdown-menu li {
		display:block !important
	}
	
	.edpcard .header .header-dropdown i {
		font-size: 20px;
		color: #999;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition:all 0.5s
	}
	
	.edpcard .header .header-dropdown i:hover {
		color:#000
	}
	
	.edpcard .header h2 {
		margin: 0;
		font-size: 17px;
		font-weight: 600;
		color:#111
	}
	
	.edpcard .header h2 small {
		font-size: 13px;
		margin-top: 5px;
		color: #999;
		line-height:15px
	}
	
	.edpcard .header h2 small a {
		font-weight: bold;
		color:#777
	}
	
	.edpcard .p-15 {
		padding:15px !important
	}
	
	.edpcard .body {
		font-size: 14px;
		color: #444;
		padding: 15px;
		font-weight:400
	}

	
 
	
.submitToApproveButton{

	color:var(--edpApproveColor);

	
	
}



.buttonsparamsetting{

	text-align: center;
	height: 30px;
	background-color: white;
	min-width: 150px;
	padding-top: 5px;
	


}