$mainBackColor : #C6E3CA;
$funColor: #73B043;
@mixin RPftc{
	height: 160px;
	border: 1px solid #ddd;
	overflow: hidden;
	background: #fff;
	padding-bottom: 20px;
}
@mixin RP{
	width: 99%;
	height: 165px;
	overflow: hidden;
}

@mixin RPTitle{
	width: 99%;
	font-size: 17px;
	background-color: $funColor;
	font-weight: bold;
	padding:5px 5px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
@mixin addBadTitle{
	width: 100%;
	height: 30px;
	font-size: 17px;
	background-color: $funColor;
	font-weight: bold;
	padding:5px 5px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin:10px 0 10px 0;
}				
@mixin paddingLeftRightZero{
	padding-left: 0;
	padding-right: 0;
}
@mixin handleNameAlign{
	text-align: right;
}
@mixin modalTh{
	background-color: $funColor;
	font-weight: bold;
	padding:5px 5px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

html{
	height: 100% !important;
}
body{
	margin: 0 0;padding: 0 0;
}
.alert
{
	position: fixed;
	top: 20%;
	left: 45%;
}
.dx-btn-primary
{
	margin-left: 2px;
}
.btn
{
	background: $funColor;
	border-color: #EEE;
}
.bs-checkbox input
{
	width:30px;
}
.fixed{
	&-table{
		&-toolbar{
			.columns-right{
				button{
					height: 34px;
				}
			} 
		}
		&-header{
			background: #E5E5E5;
		}
		&-pagination{
			width: 100%;
			height: 40px;
			background: rgb(198, 227, 202);
			position: fixed;
			padding: 0 20px 50px 15px;
		}
	}
} 
 
.mainNav-shop{
		height: 37px;
    width: 965px;
		background: $mainBackColor;
		border: 1px solid #BEDEC2 ; 
		margin-top: 10px;
		.btn{
			background: $mainBackColor;
			border: rgba(0,0,0,0);
		}
}
.main{
	.mainNav{
		height: 28px;
		.mainNav-title{
			height: 28px;
			background-color: $mainBackColor;
			-ms-background-color:#BEDEC2;
			font-family: "宋体";
			font-size: 18px;
			color: #337ab7;
			font-weight: bold;
			padding: 3px 5px;
			border: 1px solid #BEDEC2 ;
		}
	}
	.mainTable{
			.fixed-table-toolbar{
				background: $mainBackColor;
				border: 1px solid #BEDEC2;
				padding-right: 20px;
			}
			.pagination{
					ul{
						background: #fff;
						.active{
							a{
								background: #08c;
							}
							
						}
					}  
			}
	}
}
.addModal, .updateModal{
		@mixin addUpdateTitle2{
			font-size: 17px;
			background-color: $funColor;
			font-weight: bold;
			padding:5px 5px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
		}
		@mixin addUpdateliSI{
			width: 180px;
			padding: 0 0;
			height: 26px;
		}
		.modal{
			&-dialog{
				width: 960px;
			}
		}
		.addCleanUpdate{
			width: 100%;
			position: relative;
			height: 430px;
			overflow-y: scroll;
			&-baseinfo{
				&-title{
					width: 100%;
					@include addUpdateTitle2;
				}
			}
			&-top{
				padding-right: 222px;
				&-info{
					width: 100%;
					height: 296px;
					$handleName : 85px;
					&-left{
						width: 540px;
						ul{
							width: 265px;
							display: inline-block;
							list-style: none;
							padding: 0;
							vertical-align: top;
							li{
								height: 40px;
								select{
									@include addUpdateliSI; 
								}
								input{
									@include addUpdateliSI;
								}
								div{
									display: inline-block;
								}
								.form-group{
									margin-right: 0 ;
									margin-left: 0 ;
									.control-label{
										width: $handleName;
										@include handleNameAlign;
										@include paddingLeftRightZero;
									}
									.col-sm-8{
										@include paddingLeftRightZero;
									}
								}
							}
						}
						&-remarks{
							position: relative;
							&-handleName{
								width: $handleName;
								@include handleNameAlign;
								position: absolute;
							}
							textarea{
								width: 83%;
								height: 77px;
								margin: 0 0 0 85px;
								border-radius: 4px;
							}
						}
						&-title{
							width: 99%;
							margin-bottom: 10px;
							@include addUpdateTitle2;
						}
					}
				}
				&-tools{
					height: 100%;
					position: absolute;
					top: 0px;
					left: 550px; 
					right: 5px;;
					overflow: hidden;
					&-title{
						width: 100%;
						@include addUpdateTitle2; 
					}
					.fixed-table-container{
						height: 210px;
						border: 1px solid #ddd;
						background: #fff;
					}
					&-toolbar{
						padding: 5px 0;
						text-align: center;
						input{
							width: 50px;
						}
					}
				}
			}
			&-bottom{
				&-ready{
					@include RP;
					.fixed-table-container{
						@include RPftc;
					}
				}
				&-packaged{
					@include RP;
					.fixed-table-container{
						@include RPftc; 
						a{
							cursor:pointer;
						}
					}
				}
				&-readyTitle{
					@include RPTitle;
				}
				&-packagedTitle{
					@include RPTitle;
					margin:10px 0 0 0;
				}
			}
		}
}		 

.addBadGoodsModal{
	.addBad{
		height: 430px;
    overflow-y: scroll;
		$liHeight: 26px;
		&TopTitle{
			@include addBadTitle;
		}
		&BottomTitle{
			@include addBadTitle;
		}
		&-top{ 
				&-handle{
					$leftRightWidth:340px;
					@mixin handleLRname{
						width: 100px;
						display: inline-block;
						text-align: right;
					}
					&-name{
						width: 70px;
						text-align: right;
						display: inline-block;
						padding-right: 5px;
						vertical-align: top;
					}
					&-ul{
						width: 270px;
						list-style: none;
						display: inline-block;
						padding: 0 0;
						
						li{
							margin:10px 0 0 0 ;
							.form-group{
								width: 100%;
								label{
									@include paddingLeftRightZero;
									@include handleNameAlign;
								}
							}
							.col-sm-8{
								@include paddingLeftRightZero;
								input{
									@include paddingLeftRightZero;
								}
							}
						}
						input ,select{
							height: $liHeight;
							padding: 0 0;
						}
					}
					&-bottom{
						&-title{
							padding: 0 0 0 78px;
							font-weight: bold;
						}
						&-info{
							margin: -16px 0 0 0;
							textarea{
								width: 72%;
								height: 71px;
								margin: 0 0 0 131px;
								border-radius: 4px;
							}
						}
					}
					input{
							height: 30px;
							width: 125px;
					}
					&-left{
							width: $leftRightWidth; 
							display: inline-block; 
							&-name{
								@include handleLRname;
							}
					}
					&-right{
							width: $leftRightWidth; 
							display: inline-block; 
							&-name{
								@include handleLRname;
							}
					}
				}
		}
		&-bottom{
			&-handle{
				&-table .fixed-table-container{
					overflow: hidden;
					padding-bottom: 20px;
					border: 1px solid #ddd;
					background: #fff;
				}
				&-toorbar{
					ul{
						width: 280px;
						height: $liHeight;
						list-style: none;
						display: inline-block;
						padding: 0 0;
						li{
							height: $liHeight;
							.form-group{
								width: 100%;
								label{
									@include paddingLeftRightZero;
									text-align: right;
								}
								.handle{
									text-align: left;
								}
							}
							.col-sm-8{
								@include paddingLeftRightZero;
								input{
									@include paddingLeftRightZero;
								}
							}
						}
						.aDhandle{
							text-align: left;
						}
						input ,select{
							height: $liHeight;
							padding: 0 0;
						}
					}
					&-addUpdate{
						margin: 10px 0 0 0;
					}
					ul{
						width: 100%;
						list-style: none;
						padding: 0;
						text-align: center;
						li{
							 width: 48%;
							 display: inline-block;
							 vertical-align: top;
							 .select2{
							 	&-selection{
							 		&--single{
							 			height: $liHeight;
							 		}
							 	}
							 }
						}
					}
					select{
						height: $liHeight;
						padding: 0;
						width: 125px;
					}
				}
			}
		}
		.form-group{
			display: inline-block;
		}
		select{
			width: 125px;
			height: $liHeight;
			padding: 0;
		}
		input{
			border-radius: 4px;
			border: 1px solid #ccc;
		}
	}
}
@mixin kmTitle{
	width: 100%;
	height: 30px;
	font-size: 17px;
	background-color: $funColor;
	font-weight: bold;
	padding:5px 5px;
	margin:10px 0 10px 0; 
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
@mixin pwTitle{
	width: 100%;
	height: 30px;
	font-size: 17px; 
	background: $mainBackColor;
	color: #337ab7;
	padding:4px 0 4px 10px;
	border-radius: 4px;
	margin-bottom: 6px;
}
.addCheckModal{
		.addCheck{
				width: 100%;
				height: 430px;
				overflow: scroll;
				ul{
					list-style: none;
					padding: 0 0;
					li{
						padding: 0 0 3px 0;
					}
				}
				&-baseinfo{	
					height: 145px;
					ul{
						float: left;
						width: 50%;
						li{
								height:30px;
								margin-bottom: 3px;
								.form-group{
									width: 100%;
									margin-bottom: 0;
									label{
										text-align: right;
										@include paddingLeftRightZero;
									}
									.col-sm-7{
										@include paddingLeftRightZero;
										.form-control{
											height: 30px;
											padding: 0;
										}
										.form-group{
											select{
												margin-bottom: 0;
											}
										}
									}
								}
								select{
									width: 125px;
									height: 30px;
								}
						}
					}
					&-title{
						width: 100%;
						height: 30px;
						margin:10px 0 10px 0; 
						font-size: 17px;
						@include modalTh;
						ul{
							list-style: none;
							padding: 0 0;
							li{
							}
						}
					}
					&-remarks{
						height: 190px;
						clear:both;
						$handleHeight: 26px;
						.uploadAndView{
							height: $handleHeight;
							button{
								height: $handleHeight;
								background: $funColor;
								color: white;
							}
							input{
								height: $handleHeight;
							}
							.input-group{
								width: 84%;
								height: $handleHeight;
								float: right;
								padding: 0 32px 0 25px;
							}
						}
						&-title{
							padding: 0 0 0 83px;
						}
						&-text{
							padding: 0 32px 0 113px;
							margin: -15px 0 0 0;
						}
						li{
							padding: 0 31px 0 0;
						}
						textarea{
							width: 100%;
							height: 100px;
							border-radius: 4px;
						}
					}
					input{
						width: 125px;
					}
				}
				&-kitinfo{
					$liHeight:38px;
					&-title{
						@include kmTitle;
					}
					input{
						width: 125px;
					}
					&-handle{
						width: 100%;
						height: 103px;
						margin-top:10px;
						ul{
							list-style: none;
							padding: 0 0;
							display: inline-block;
							width: 48%;
							vertical-align: top;
							li{
								height: $liHeight;
								.form-group{
									margin-bottom: 0;
									label{
										@include paddingLeftRightZero;
										text-align: right;
									}
									.form-control{
										height: 30px;
									}
								}
							}
						}
					}
					&-instrument ul{
						width: 100%;
						margin-top: 10px;
						li{
							width: 48%;
							display: inline-block;
							height: $liHeight;
							.form-group{
								margin-bottom: 0;
								label{
									@include paddingLeftRightZero;
									text-align: right;
								}
							}	
						}
					}
				}
				$monitorInput:35px;
				&-monitor{
					ul{
						float: left;
						width: 50%;
					}
					&-title{
						@include kmTitle; 
					}
					&-part{
						height: 138px;
						&-title{
							@include pwTitle;
						}
						input{
							width: $monitorInput;
						}
					}
					&-way{
						height: 95px;
						&-title{
							@include pwTitle;
						}
						input{
							width: $monitorInput;
						}
					}
					&-wayType{
						height: 100px;
						&-title{
							@include pwTitle;
						}
						input{
							width: $monitorInput;
						}
					}
				}
				&-handle-name{
					width: 110px;
					text-align: right;
					display: inline-block;
				}
			
		}
}

.allmodal .fixed-table-container{
	.fixed-table-container{
		overflow: hidden;
	}
	
}
#allApplication_table{ 
	tr{
		td{
			vertical-align: middle;
			.progress{
				border: 1px solid #e5e5e5;
				margin-bottom:0px;
			}
			a{
				cursor:pointer;
			}
		}
	} 
}
.tips{ 
    font-size: 20px;
    font-weight: bold;
    color: #008000;
    text-align: center;
}
.mainFont{
		color: $funColor;
		font-weight: bold;
		&:hover{
				text-decoration: none;
		}
}
.modal{
		&-body{
			margin: 0 auto;
		}
		&-content{
			margin:0 auto;
		}
		&-title{
			@include modalTh;
		}
		&-header{
			@include modalTh;
		}
}
#myModal2{
	.modal-body{
		height: 580px;
	 
	}
	.modal-dialog{
		width: 860px;
	}
}
@mixin m2lr{
	height: 450px;
	position: absolute;
	top: 0;
}
.myModal2{
	&-body{
		&-left{
			width: 60%;
			padding: 20px 5px 0 5px;
			left: 0;
			@include m2lr;
			&-title{
				width: 100%;
				height: 50px;
				font-size: 19px;
				font-weight: bold;
				padding: 10px;
			}
			&-img{
				width: 80%;
				border:1px solid black;
			}
			&-handle{
				width: 80%;
				height: 35px;
				font-size: 15px;
				font-weight: bold;
				padding: 6px;
				background: $mainBackColor;
			}
		}
		&-right{
			width: 40%;
			right: 0;
			padding: 39px 5px 0 5px; 
			@include m2lr;
			&-title{
				width: 100%;
				height: 30px;
				font-size: 15px;
				font-weight: bold;
				padding: 3px;
				background: $funColor;
			}
			&-table{
				width: 99%;
				height: 505px;
				border: 1px solid black;
			}
		}
	}
}
#bigView img{
 	height: none;  
  max-width: none;  
  vertical-align: none;  
}
.keep-open .dropdown-menu input{
	width: 20px;
}
div.sp_result_area div.pagination ul{
 	padding: 0 0 ;
}