.grid {
  width: 600px;
}
.table{
	margin-bottom: 0;
}
/*change_go*/
.table_ul{
	height:27px;
	padding:0px;
	margin:5px 0px;
}
.table ul li{
	float:left;
	list-style-type:none;
	/*line-height: 30px;*/
	margin-left:3px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
}
.span_kind1, .span_kind2, .span_kind3, .span_kind4, .span_kind5, .span_kind6, .span_kind7, .span_kind8, .span_kind9, .span_kind10 , .span_kind11, .span_kindser{
	display: block;
	float:left;
	text-align: right;
	margin-right:2px;
	line-height: 27px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kind1{
	width:95px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kind2{
	width:80px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kind3{
	width:120px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kind4{
	width:60px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kind5{
	width:140px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kind6{
	width:280px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kind8{
	width:50px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kind9{
	width:80px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kind10{
	width:150px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kind11{
	width:200px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
.span_kindser{
	width:75px;
	white-space: nowrap;  /*强制span不换行*/
	display: inline-block;  /*将span当做块级元素对待*/
	overflow: hidden;  /*超出宽度部分隐藏*/
	text-overflow: ellipsis;  /*超出部分以点号代替*/
}
/*.table_ul li .span_content select option{
	text-align: center;
	margin:0 auto;
}*/
.span_kind7{
	width: 26px;
    height: 27px;
    font-size: 13px;
    line-height: 16px;
	text-align: left;
}
.input-sm{
	height:27px;
	line-height: 27px;
}
.table ul li input{
	float:left;
	/*margin-top:1px;*/
	display:block;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.table ul li .td_checkbox{
	margin-top:10px;
}
.table ul li .input-group .input-group-btn{
	float:left;
}
.input-group-right{
	float:right;
}
.span_input{
	width:50%;
}
#vndrud16{
	height:27px;
	line-height: 27px;
}
.table_ul li .span_content div .form-control{
	height:27px;
	width:100.7%;
}
.table_ul li .span_content4 div .form-control{
	height:27px;
	width:100.7%;
}
.table_ul li .span_content5 div .form-control{
	height:27px;
	width:100.7%;
}
.span_content_date a .input-group{
	width:80%;
}
.span_content4_date a .input-group{
	width:80%;
}
.span_content5_date a .input-group{
	width:80%;
}
.span_content button{
	border:1px solid #e7eaec;
	border-radius:0;
	/*border-left:0px;*/
	position: relative;
	float:left;
	/*top:1px;*/
}
.span_content4 button{
	border:1px solid #e7eaec;
	border-radius:0;
	/*border-left:0px;*/
	position: relative;
	float:left;
	/*top:1px;*/
}
.span_content5 button{
	border:1px solid #e7eaec;
	border-radius:0;
	/*border-left:0px;*/
	position: relative;
	float:left;
	/*top:1px;*/
}
.input-group-right span{
	float:left;
	border-left:0;
}

.input-group-right .input-center{
	float:left;
}
.form-control-auto{
	width:auto;
}
.table_ul li .span_content{
	display: block;
	width:180px;
	position: relative;
	height:29px;
}
.table_ul li .span_content4{
	display: block;
	width:130px;
	position: relative;
	height:29px;
}
.table_ul li .span_content5{
	display: block;
	width:200px;
	position: relative;
	height:29px;
}
.table_ul li .table_ul_form span{
	display: block;
	position: relative;
	float: left;
	height:25px;
	line-height: 21px;
}
.table_ul li .span_content input{
	display: block;
	width:100%;
}
.table_ul li .span_content4 input{
	display: block;
	width:100%;
}
.table_ul li .span_content5 input{
	display: block;
	width:100%;
}
.table_ul li .span_content .form-contenter{
	/* width:100%; */
	border-right:0;
}
.table_ul li .span_content4 .form-contenter{
	/* width:100%; */
	border-right:0;
}
.table_ul li .span_content5 .form-contenter{
	/* width:100%; */
	border-right:0;
}
.table_ul li .span_content .btn_right{
	width:20%;
	padding:0px 0px;
}
.table_ul li .span_content4 .btn_right{
	width:20%;
	padding:0px 0px;
}
.table_ul li .span_content5 .btn_right{
	width:20%;
	padding:0px 0px;
}
.table_ul li .span_content select{
	display: block;
	width:100%;
}
.table_ul li .span_content4 select{
	display: block;
	width:100%;
}
.table_ul li .span_content5 select{
	display: block;
	width:100%;
}
.table_ul li .span_content .form-check{
	display: block;
	height:17px;
	width:17px;
	margin-top:7px;
}
.table_ul li .span_content4 .form-check{
	display: block;
	height:17px;
	width:17px;
	margin-top:7px;
}
.table_ul li .span_content5 .form-check{
	display: block;
	height:17px;
	width:17px;
	margin-top:7px;
}
.table ul li .check-box{
	margin-top:8px;
}
.table_zhuce{
	margin:0 auto;
	width:50%;
	height:30px;
}
.table_zhuce li{
	clear:both;
	margin-top:5px;
	width:100%;
	clear:both;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.table_zhuce li input{
	width:100%;
}
.table_zhuce li .span_kinds{
	display: block;
	float:left;
	text-align: right;
	margin-right:2px;
	width:140px;
	line-height: 30px;
}
.table_zhuce li .span_contents{
	display: block;
	width:50%;
}

@media (max-width:768px){
	.table ul{
		margin-left:0px;
		height:70px;
	}
	.table ul li{
		clear:both;
		width:100%;
		margin-top:5px;
	}
}
/*change_end*/
.tabs-container .panel-body {
	padding: 10px;
}
.table>tbody>tr>td{ 
	vertical-align: middle; 
	border-top: 0;
	padding: 1px;
} 
/*将内容右对齐*/
/*.td-title-right{
	white-space: nowrap;
	text-align:right;
}*/
/*将内容左对齐*/
.td-title-left{
	white-space: nowrap;
	text-align:left;
}
/*控制td宽度*/
.width-10{
	width: 10%;
}
.width-35{
	width: 35%;
}
.width-60{
	float: left;
	width: 60%;
}
.width-40{
	float: left;
	width: 40%;
}
.width-50{
	float: left;
	width: 50%;
}
.width-25{
	float: left;
	width: 25%;
}
.width-33{
	width: 33%;
	float: left;
}
/*控制div宽度*/
.width-45{
	/*width: 45%;*/
	width:100%;
	float: left;
}
.width-90{
	/*width: 90%;*/
	width:100%;
	float: left;
}
.msg-red{
	color: red;
}
/*供应商*/
.kind_details{
	display: block;
	width:100%;
	height:100%;
}
 .input_group_box{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
 }
 .input_names{
	text-align: center;
	overflow: hidden;
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
 }
 .number_box{
	 -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
	border:0;
 }
 .input_number{
	 width:100%;
	 height:100%;
	 padding:0px 10px;
	 outline:none;
 }
 .input_units{
	 display: block;
	 width:40px;
	 height:30px;
	 text-align: center;
	 border-left:0;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
 }
 .input_pot_a{
	 height:30px;
	 width:30px;
	 border:1px solid #E5E6E7;
	 border-left:0px;
	 border-top-right-radius: 3px;
	 border-bottom-right-radius: 3px;
 }
.input_pot_a a{
	display: block;
	height:30px;
	width:30px;
	margin:0 auto;
}
.input_pot_a .glyphicon{
	top:5px;
	left:8px;
}
.user_defined_name, .user_defined_units{
	border:0px;
	width:100%;
	outline: none;
}

.pagination{
	margin:0px;
	margin-top:5px;
}
/*修改根据单号查找名字*/
.form-contenter-left{
	width:100%;
	height:27px;
	float:left;
}
.form-half{
	width:100%;
}
.form-contenter-left .form-control{
	width:50%;
}
.form-contenter-left span{
	display: block;
	float:left;
	height:27px;
	width:50%;
	background:#ccc;
	line-height: 30px;
	text-align: center;
	padding:2px 5px;
	overflow: hidden;
	cursor:default;
}
.form-contenter-left a{
	display: block;
	float:left;
	height:27px;
	width:40%;
	background:#ccc;
	line-height: 27px;
	text-align: center;
	/*padding:2px 5px;*/
	overflow: hidden;
	cursor:default;
}
.table_ul li .span_content .form-contenter-left input{
	display: block;
	width: 100%;
}
.table_ul li .span_content4 .form-contenter-left input{
	display: block;
	width: 100%;
}
.table_ul li .span_content5 .form-contenter-left input{
	display: block;
	width: 100%;
}
/*供应链管理css处理*/
.only_search{
	display: block;
	border-radius: 3px;
	float:left;
}
.only_search button:hover{
	background:#e6e6e6;
}
.table_ul li{
	list-style: none;
}

.table_ul li{
	float:left;
}
.table_right{
	float:right;
}
.ibox-content-child{
	border:solid 1px #C5D0DC;
	width:49%;
	height:auto;
	float:left;
}
.ibox-content-child h4{
	text-align: center;
	padding:10px 10px;
	margin:0px;
	font-size:13px;
	border-bottom:1px solid #C5D0DC;
	margin-bottom:5px;
}
.nav-tabs > li > a{
	padding:7px 15px;
}
.nav-tabs > ul{
	height:5px;
}
.btn{
	padding: 4px 12px 4px 12px;
}
.table_right{
	margin-right:20px;
}
.table_ul_left, .table_ul_right{
	float:left;
	list-style: none;
	height:27px;
	margin:5px 0;
	padding:0;
}
.table_ul_right{
	margin-left:20px;
}
.table_ul_right li{
	float:left;
}
.table_right_only{
	padding:0px 0px 5px 0px;
}
.table_right_only .table_ul li{
	margin-left:70px;
}
/*.modal-dialog {
	width:800px;
}*/
.span_contents{
	width:auto;
}
.form-check{
	height:15px;
	margin-top:15px;
}
.inmodal{
	width:600px;
	/* margin:30px auto; */
}
.big-inmodal{
	width:820px;
	margin:30px auto;
}
.modal-header, .modal-footer{
	background:#fff;
}

#audit{
	width:50px;
	height:50px;
	line-height:40px;
	font-weight: bold;
	position: absolute;
	right:130px;
	top:60px;
	text-align: center;
	/**z-index: 666;**/
}
#noaudit{
	width:50px;
	height:50px;
	line-height:40px;
	font-weight: bold;
	position: absolute;
	right:130px;
	top:60px;
	text-align: center;
	/**z-index: 666;**/
}
#fei{
	width:50px;
	height:50px;
	line-height:40px;
	border-radius:50%;
	border:5px solid red;
	color:red;
	font-weight: bold;
	font-size: 28px;
	position: absolute;
	right:115px;
	top:40px;
	text-align: center;
}
@media (max-width:768px){
	/* #audit{
		width:40px;
		height:40px;
		border-radius:50%;
		border:5px solid red;
		color:red;
		font-weight: bold;
		font-size: 20px;
		position: absolute;
		left:7px;
		top:7px;
		text-align: center;
	} */
	#fei{
		width:40px;
		height:40px;
		border-radius:50%;
		border:5px solid red;
		color:red;
		font-weight: bold;
		font-size: 20px;
		position: absolute;
		left:7px;
		top:7px;
		text-align: center;
	}
	#audit{
		width:40px;
		height:40px;
		line-height:40px;
		font-weight: bold;
		position: absolute;
		right:7px;
		top:7px;
		text-align: center;
		z-index: 666;
	}
	#noaudit{
		width:40px;
		height:40px;
		line-height:40px;
		font-weight: bold;
		position: absolute;
		right:7px;
		top:7px;
		text-align: center;
		z-index: 666;
	}
	.inmodal{
		width:600px;
		margin:30px auto;
	}
	.big-inmodal{
		width:300px;
		margin:30px auto;
	}
	.table_right_only .table_ul li{
		margin-left:0px;
	}
}
@media (min-width: 768px){
	.modal-dialog {
		width: 855px;
		margin:30px auto;
	}
}
.img_user img{
	width:200px;
	height:400px;
	position: absolute;
	right: 30px;
	top:37%;
}
@media (max-width: 768px){
	.img_user img{
		width:60px;
		height:150px;
		position: absolute;
		right: 30px;
		top:35%;
	}
}
/* .ibox-contents{
	border:1px solid #ccc;
	overflow: hidden;
	margin:20px;
	padding:0;
}
.ibox-contents ul{
	padding:0;
}
.ibox-contents ul li{
	float: left;
	width:16.6%;
	list-style: none;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align: center;
	height:30px;
	line-height: 30px;
}
.ibox-contents ul:nth-last-child(1) li{
	border-bottom: 0;
}
.ibox-contents ul li:nth-last-child(1){
	border-right:0;
} */


/* 三只松鼠 */
.san{
	width:100%;
	height:auto;
	display: block;
	overflow:hidden;
}
.san div{
	float:left;
}
.img_user_san{
	text-align: center;
	width:33%;
}
.img_user_san i{
	display: inline-block;
	font-style: normal;
}
.img_user_san span{
	display: block;
	margin: 10px auto;
}
.img_user_san span input{
	display: inline-block;
	width:50%;
}
.img_user_san img{
	width:90%;
	margin: 0 auto;
	display: block;
	height:90%;
}
.ng-bind{
    position: relative;
    top: -27px;
    left: 41%;
}
.span_content button.btn_right{
    position: relative;
    top:-27px;
    left:80%;
    border-radius:4px;
}
.span_content4 button.btn_right{
    position: relative;
    top:-27px;
    left:80%;
    border-radius:4px;
}
.span_content5 button.btn_right{
	position: relative;
	top:-27px;
	left:80%;
	border-radius:4px;
}
.glyphicon-th-list:before {
	content: normal;
}
.glyphicon-calendar:before {
	content: normal;
}
.bomb-a{   
    position:relative;
    top: -27px;
    left: 41%;
}
.span_content button span.glyphicon-th-list{
    width: 17px;
    height: 14px;
    background: url(../img/13.png) no-repeat;
}
.span_content4 button span.glyphicon-th-list{
    width: 17px;
    height: 14px;
    background: url(../img/13.png) no-repeat;
}
.span_content5 button span.glyphicon-th-list{
	width: 17px;
	height: 14px;
	background: url(../img/13.png) no-repeat;
}
.span_content span i.glyphicon-calendar{
	width:19px;
    height:18px;
    background:url(../img/date.png) 1px no-repeat;
}
.span_content4 span i.glyphicon-calendar{
	width:19px;
    height:18px;
    background:url(../img/date.png) 1px no-repeat;
}
.span_content5 span i.glyphicon-calendar{
	width:19px;
	height:18px;
	background:url(../img/date.png) 1px no-repeat;
}
.form-contenter-left a,.ng-bind{
    position: relative;
    top: -27px;
    left: 41%;
}
.bt-hide,.bt-hide-b,.bt-hide-c,.bt-hide-d{
	display:none;
}
/********ui-grid样式*********/
/**
.ui-grid-top-panel{
	height: 30px; 
}
**/
.ui-grid{
	border: 0px solid #d4d4d4!important;
	box-sizing: content-box;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
  }
  .ui-grid-top-panel{
	  /* background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(238, 238, 238)), to(rgb(238, 238, 238))) padding-box;
	  background-color: rgb(243, 243, 243); */
	  background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(245, 246, 249)), to(rgb(245, 246, 249))) padding-box;
      background-color: #f5f6fa;
  }
.form-control{
	box-shadow:inset 0 0px 0px rgba(0,0,0,.075)!important;
	border-radius:4px!important;
}

.ui-grid-header-cell {
border-right-width: 0px;
}

.ui-grid-cell {
	border-right-style: none;
	overflow: visible; 
}

.ui-grid-filter-container {
	padding-left: 6px;
	padding-top: 1px;
}