/*index.jsp*/
/*�Ҳ�����빤���� */
.wd a{display:inline-block;position:relative !important;float:right}
.menuDiv{
	display:flex;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.menuDiv li a{width:100% !important;}
/*���ȸ��б��������� */
.x-grid3-hd-row td {
     box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.x-grid3-row td, .x-grid3-summary-row td{
	padding: 0;
}
/*���β˵� ��ͬ�ֱ�����������֮���϶���� */
#treeData .x-panel-body,#treeData .x-panel{
 	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
#leftFrameTd{
    width: calc(20% - 5px) !important; 
}
 /*�ֱ��ʵ���1024�������������ʽ*/
@media screen and (max-device-width:1024px){
	.menuDiv{
		display:flex;
		padding-left: 0%!important;
	    box-sizing: border-box;
	}
	.menuDiv li a{width:100% !important;}
    #leftFrameTd{
		max-width:200px
	} 
	#treeData .x-panel-body,#treeData .x-panel{
		width: 194px !important;
	}
}

 /*�ֱ��ʵ���1280�������������ʽ*/
@media (min-device-width:1025px) and (max-device-width:1280px){
	.menuDiv{padding-left: 0%!important; }
    #leftFrameTd{
		max-width:200px
	} 
    #leftFrameTd{
		max-width:205px
	} 
	#treeData .x-panel-body,#treeData .x-panel{
		width:200px !important;
	}
}    
 /*�ֱ��ʸ���1366�������������ʽ*/
@media (min-device-width:1281px) and (max-device-width: 1366px){
    #leftFrameTd{
		max-width:266px
	} 
	#treeData .x-panel-body,#treeData .x-panel{
		width: 260px !important;
	}
}
 /*�ֱ��ʸ���1440�������������ʽ*/
@media (min-device-width: 1367px) and (max-device-width: 1440px){
    #leftFrameTd{
		max-width:274px
	} 
	#treeData .x-panel-body,#treeData .x-panel{
		width: 270px !important;
	}
}
 /*�ֱ��ʸ���1660�������������ʽ*/
@media (min-device-width: 1441px) and (max-device-width: 1660px){
     #leftFrameTd{
		max-width:316px
	} 
	#treeData .x-panel-body,#treeData .x-panel{
		width: 310px !important;
	}
}
 /*�ֱ��ʸ���1920�������������ʽ*/
@media (min-device-width: 1661px) and (max-device-width: 1920px){
	/* .menuDiv{padding-left: 10%!important; } */
     #leftFrameTd{
		max-width:366px
	} 
	#treeData .x-panel-body,#treeData .x-panel{
		width: 360px !important;
	}
}

/* �ļ��ϴ�ѡ�����ʽ */
#uploadFileName,#uploadFileBtn{
	height: 22px;
	font-size:12px;
	line-height:20px;
	display: inline-block;
	position:relative;
	box-sizing: border-box;
	vertical-align: top;
}
#uploadFileName{
	padding-left: 5px;
	width:100%;
	border: 1px solid #999999 ;
	line-height: 20px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#uploadFileBtn{
    float:right;
	background: #2890cd;
	border: 1px solid #186fa3;
	color: #fff;
	position: absolute;
	right: 0;
	top:0;
}
#uploadFileDiv{
	width:68%;
	display:flex;
	position: relative;
	padding-right: 70px;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
/**需求编号：NOMEN-4503；修改人：池宏东 ；修改时间：2023/2/15  start**/
#uploadFileName1,#uploadFileBtn1{
	height: 22px;
	font-size:12px;
	line-height:20px;
	display: inline-block;
	position:relative;
	box-sizing: border-box;
	vertical-align: top;
}
#uploadFileName1{
	padding-left: 5px;
	width:100%;
	border: 1px solid #999999 ;
	line-height: 20px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#uploadFileBtn1{
	float:right;
	background: #2890cd;
	border: 1px solid #186fa3;
	color: #fff;
	position: absolute;
	right: 0;
	top:0;
}
#uploadFileDiv1{
	width:68%;
	display:flex;
	position: relative;
	padding-right: 70px;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
/**需求编号：NOMEN-4503；修改人：池宏东 ；修改时间：2023/2/15  end**/

.x-btn-over .x-btn-text{
	color:#333;
}

input[type=checkbox]{
   /*   background: white; 
    -webkit-appearance: none;
    -moz-appearance:none; 
    padding:1px;
    font-weight: bold;
    position: relative; */
    margin-right:3px;
    }
/* input[type=checkbox]::before{
    content: "";
    background-color: #ffff!important;  
	font-size:12px;
	width: 12px; 
	height:12px;
	border:1px solid #000;
    position: absolute;
    top: -1px;
    left: -1px;
}
input[type=checkbox]:checked::after{
    content: "\2713";
    color:"#333"; 
	font-size:12px;
    position: absolute;
    top:-3px;
    left:1px;
}
input[type=checkbox]:checked{
  background: #ffff!important;
} */
/* @supports not (-ms-high-contrast: none) { 
   Non-IE styles here
   input[type=checkbox]{
	    width: 12px !important; 
	}
 }  */
 
 
.autoWidth .x-panel ,
.autoWidth .x-panel .x-panel-body
{width:100% !important;}
#toolbar{margin: auto;}
#divDetail,#divDetail1{margin: auto;}
/* ������� */
#history_grid,#list_grid,#select_list_grid{
	/* margin:0 -10px;
	margin:0 \9;
	*margin:0;
	_margin:0; */
	height:auto !important;
}
#apply_grid{
	height:auto !important;
	width:auto !important;
	max-width: 100%;
    overflow: auto;
}
.queryConTable,.queryConTableLine,#iFrameUploadDocument,#edit_grid,#toolbar1,#toolbar2,#list_trial_grid,#otherFile,#edit_qctemplate_grid,#edit_task_grid{
	margin-left: auto;
    margin-right: auto;
}
#divDetail > .queryConTable{
	margin-top:0;
}
.NormalSelect{height:22px}
.flexDiv{display:flex}
.flexDiv #s_startDate ,.flexDiv #s_endDate{
	width: 65px!important;
    padding: 0;
    font-size: 12px !important;
}
.chooseBtn{width: 18px;height: 18px;}
#divDetail_items{padding-left: 0 !important;}
#haveCheck{
	display:inline-block;
    position: relative;
    left: 5px;
    vertical-align: top;
    margin-top: 0px !important;
}
.printBox{
	display: flex;
	width: 100px;
    position: relative;
    left: 50%;
    margin-left: -50px;
}
.printBox #infoWindow_btnClose, .printBox #infoWindow_btnClose1 {
	flex:1;
}
.editTextLine{width:126px}
.singleDetailData,.singleDetailDataLeftLine{/* VERTICAL-ALIGN: middle !important; */}
/*ͳ�Ʊ�  */
#medicion {
	margin:0;
	margin-top:10px;
}
#divDetail1.retHeight{
	height:calc(100% - 60px) !important;
}
#detailInfos{margin:0;}
table {
  /* table-layout: fixed; */
}
/*��ҳͼ����ʽ */
.indexChart{display: flex; justify-items: center;
 	display: -webkit-box;
    display: -ms-flexbox;
}
.labelNormal{
	  word-break: normal;
}

/* �ĵ����ز鿴����������Ϊ��ɫ */
#ext-comp-1010,#ext-comp-1006,#ext-comp-1012,#ext-comp-1005,{color:#000}

/**/
/* #divDetail table,#divDetail1 table,#divDetail2 table,#uploadDocument{width:99% !important;}
.x-tab{padding:8px;box-sizing:border-box}
 */
/* .x-tab #history_grid,.x-tab #uploadDocument{;padding:0 !important;margin:0 !important} */
#divDetail .x-panel,#divDetail .x-panel .x-panel-body,
#divDetail .x-panel-tbar ,#divDetail  .x-panel-tbar   .x-toolbar,
#divDetail1 .x-panel,#divDetail1 .x-panel  .x-panel-body,
#divDetail1 .x-panel-tbar ,#divDetail1  .x-panel-tbar   .x-toolbar
{
	width:100%!important
	padding:0;
}
.queryConTableLine .singleDetailDataRightLine{word-break: break-word;}
/* .x-tab-panel-body,.x-panel-body{max-height:100%;dispaly:flex;flex-direction: column;} */

#chartContainer1,#chartContainer2{width:50%;height:100%;display:block !important;margin:0 !important;}

#list_grid .x-toolbar td, 
#list_grid .x-toolbar span, 
#list_grid .x-toolbar input, 
#list_grid .x-toolbar div, 
#list_grid .x-toolbar select, 
#list_grid .x-toolbar label{
     color: #000; 
}
#list_usage_grid .x-toolbar td, 
#list_usage_grid .x-toolbar span, 
#list_usage_grid .x-toolbar input, 
#list_usage_grid .x-toolbar div, 
#list_usage_grid .x-toolbar select, 
#list_usage_grid .x-toolbar label{
     color: #000; 
}
#list_grid_drug .x-toolbar td, 
#list_grid_drug .x-toolbar span, 
#list_grid_drug .x-toolbar input, 
#list_grid_drug .x-toolbar div, 
#list_grid_drug .x-toolbar select, 
#list_grid_drug .x-toolbar label{
     color: #000; 
}
#list_usage_grid .x-toolbar td, 
#list_usage_grid .x-toolbar span, 
#list_usage_grid .x-toolbar input, 
#list_usage_grid .x-toolbar div, 
#list_usage_grid .x-toolbar select, 
#list_usage_grid .x-toolbar label{
     color: #000 !important; 
}
#list_grid_staff .x-toolbar td, 
#list_grid_staff .x-toolbar span, 
#list_grid_staff .x-toolbar input, 
#list_grid_staff .x-toolbar div, 
#list_grid_staff .x-toolbar select, 
#list_grid_staff .x-toolbar label{
     color: #000; 
}
.nomenGridDiv{
     text-align:left;
} 
.nomenGridDiv .x-toolbar td, 
.nomenGridDiv .x-toolbar span, 
.nomenGridDiv .x-toolbar input, 
.nomenGridDiv .x-toolbar div, 
.nomenGridDiv .x-toolbar select, 
.nomenGridDiv .x-toolbar label{
     color: #000; 
     text-align:left;
}
#edit_action_grid{margin-left:auto;margin-right:auto}
#lis{overflow:hidden !important}
@-moz-document url-prefix() { /* ���ר�� */
 select,input{box-shadow: none;}
} 
.va_middle select,.va_middle input,.va_middle lable{vertical-align: middle;}

.singleDetailData strong{word-break: normal;display:inline-block}
.queryConTableLine {
	border-spacing:0;
	/* border-collapse:collapse;td��������ʱ�߿��߳��� */
	border-collapse: separate;
}

<!--[if lte IE 8]> /* IE8�������°汾��ʶ�� */
.indexChart{display:block;display:-webkit-box;display: -ms-flexbox;}
#chartContainer1,#chartContainer2{width:50%;height:100%;display:block!important;float:left}
#listTrial_barChart{height:640px !important;}
#tableDetail{height:733px !important;}
<![endif]-->