.btn{
	background: #73B043;
	border-color: #EEE;
}
.handlegroup{		
	&-Inputselect{
		width: 140px;
		display: inline-block;
	}
	&-name{ 
		height: 30px;
		font-size: 15px;
		text-align: right;
		padding: 0 5px;
		float:left;
	}
	&-select{
		width: 125px;
		height: 30px;
		float:left;
		padding: 0; 
	}
	.form-group{
		height: 30px;
	}
	.form-control{
		height: 30px;
		padding: 0px 0 0 12px;
	}
}
.mainNav-shop{
	height: 37px;
	width: 760px;
	background: #C6E3CA;
	border: 1px solid #BEDEC2 ; 
	.btn{
		background: #C6E3CA;
		border: rgba(0,0,0,0);
	}
	&-bootSelect{
		display: inline-block;
		.select2-container{
			width: 170px;
		}
	}
}
.mainFont{
	color: #73B043;
	font-weight: bold;
	cursor:pointer;
	&:hover{
		text-decoration: none;
	}
}
.fixed-table{
	&-table{
		&-toolbar{
			background-color: #C6E3CA;
			border: 1px solid #BEDEC2;
		}
		&-header{
		  background: #E5E5E5;
		}
		&-pagination{ 
		  background: rgb(198, 227, 202); 
		}
	}
}
 
body{margin: 0 0;padding: 0 0;}

.pagination ul li a{
	background-color: #73B043;
}
.modal-header{
	background: #73B043;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.keep-open .dropdown-menu input {
  width: 20px;
}
#myModal .modal-dialog{
	width: 960px;
}
div.sp_result_area div.pagination ul{
	padding:0 0 ;
}
.Invoice{
	height: 430px;
	overflow: scroll;
	&-top{
		&-body{
			&-ul{
				margin: 10px 0 10px 0 ;
				ul{
					width: 49%;
					list-style: none;
					padding: 0 0;
					display: inline-block;
					vertical-align: top;
					li{
						height: 28px;
						margin-bottom: 3px;
						.form-group{
							.control-label{
								padding-left: 0;
								padding-right: 0;
								text-align: right;
							}
							.form-control{
								width: 100%;
							}
							.select2{
								&-selection{
									&--single{
										height: 34px;
									}
								} 
							}
						}
					}
				}
			}
			&-remarks{
				&-name{
					padding-left: 104px;
				}
				&-input{
					padding: 0 30px 0 163px;
					margin-top: -25px;
					textarea{
						width: 100%;
						height: 50px;
					}
				}
			}
		}
		&-title{
			width: 100%;
		  background: #73B043;
		  font-size: 17px;
		  padding: 6px;
		  border-top-left-radius: 6px;
		  border-top-right-radius: 6px;
		}
		&-handleName{
			width: 45%;
			text-align: right;
			display: inline-block;
		}
	}
	&-bottom{
		height: 285px;
		position: relative;
		padding-left: 55%; 
		margin: 10px 0;
		&-left{
			width: 52%;
			height: 280px;
			position: absolute;
			left: 0;
			top: 0;
			&-table{
				height: 180px; 
				.fixed{
					&-table{
						&-toolbar{
							display: none;
						}
						&-container{
							overflow: hidden;
							border: 1px solid #ddd;
							a{
								cursor:pointer;
							}
						}
					}
				}
			}
			&-code{
				height: 45px;
				.form-group{
					label{
						text-align: right;
					}
					.col-sm-8{
						padding-left: 5px;
						padding-right: 43px;
					}
				}
			}
		}
		&-right{
			width: 100%;
			&-tobbar{
				width: 100%;
				padding: 0 3px;
				.applyLabel{
					text-align: right;
					padding: 0 0;
				} 
				&-applyList{
					height: 30px;
					.col-sm-9{
						padding: 0 27px 0 11px;
						.handlegroup{
							&-select{
								 width:100%;    
							}
						}
					}
					
				}
				&-applyCount{
					height: 30px;
				}
			}
			&-title{
				width: 100%;
			  font-size: 14px;
			  background: #C6E3CA;
			  color: #337ab7;
			  padding: 4px 0 4px 10px;
			  border-radius: 4px;
			  margin-bottom: 6px;
			}
			&-table{
				height: 222px;
				.fixed{
					&-table{
						&-toolbar{
							display:none;
						}
						&-container{
							overflow: hidden;
						}
					} 
				}
			}
		}
	}
	&-middle{
		height: 305px;
		&-body{
			width: 100%;
			height: 285px;
		}
		&-baseInfo{
			ul{
				list-style: none;
				padding: 0 0;
			}
			&-handleName{
				width: 175px;
				display: inline-block;
				text-align: right;
				margin-left: 78px;
				font-weight: bold;
				padding-right: 6px;
			}
			&-handleInput{
				
			}
			&-title{
				width: 100%;
				font-size: 14px;
				background: #C6E3CA;
				color: #337ab7;
				padding: 4px 0 4px 10px;
				border-radius: 4px;
				margin-bottom: 6px;
			}
		}
		&-detailed{
			&-body{
				height: 178px;
				.fixed-table-toolbar{
					display:none;
				}
				.fixed-table-container{
					overflow: hidden;
					padding-bottom: 30px;
					border: 1px solid #E5E5E5;
				}
			}
			&-title{
				width: 100%;
				font-size: 14px;
				background: #C6E3CA;
				color: #337ab7;
				padding: 4px 0 4px 10px;
				border-radius: 4px;
				margin-bottom: 6px;
			}
		}
	}
}
.mainView{
	width: 100%;
	height: 100%;
	background: 1px solid red;
	position: relative;	
	padding: 0 300px 0 0;
	&-left{
		width: 100%;
		&-title{
			width: 500px;
			height: 28px;
			color: #337ab7;
			font-size: 18px;
			border: 1px solid #BEDEC2;
			background-color: #C6E3CA;
		}
		.fixed-table-toolbar{ 
			background: #C6E3CA;
			border: 1px solid #BEDEC2;
			padding-right: 20px;
		}
		&-table{
			width: 100%;
			.bs-checkbox  input{
				width: 30px;
			}
		}
	}
	&-right{
		width: 300px;
		position: absolute;
		right: 0px;
		top: 0px; 
		&-title{
			height: 28px;
			color: #337ab7;
			font-size: 18px;
			border: 1px solid #BEDEC2;
			background-color: #C6E3CA;
		}
	}
}
.main{
	.mainNav{
		.mainNav-title{
			height: 28px;
			background-color: #C6E3CA;
			-ms-background-color:#BEDEC2;
			font-family: "宋体";
			font-size: 18px;
			color: #337ab7;
			font-weight: bold;
			padding: 3px 5px;
			border: 1px solid #BEDEC2 ;
		}
		.s-col-xs-12{
		}
		&-title{
			height: 28px;
			background-color:  #C6E3CA;
			-ms-background-color:#BEDEC2;
			font-family: "宋体";
			font-size: 18px;
			color: #337ab7;
			font-weight: bold;
			padding: 3px 5px;
			border: 1px solid #BEDEC2 ;
		}
		&-shop{
			height: 100px;
			width: 100%;
			background:  #C6E3CA;
			border: 1px solid #BEDEC2 ;
			&-top{
				.handlegroup{
					display: inline-block;
					vertical-align: top;
				}
				.form-control{
					width: 125px;
				}
				&-topHandlegroup{
					width: 1037px;
					height: 30px;
					padding: 8px 0 0 0;
					input{
						width: 125px;
						height: 30px;
					}
					.sp_input{
						width: 125px;
						height: 20px;
					}
				}
				&-bottomHandlegroup{
					padding: 20px 0 0 0;
				}
				input{
					width: 125px;
					border-radius: 4px;
					border: 1px solid #ccc;
				}
			} 
		}

	} 
	.mainTable{
		.fixed{
			&-table{
				&-toolbar{
					background: #C6E3CA;
					border: 1px solid #BEDEC2;
					padding-right: 20px;
				} 
			}
		}
		.pagination{
			ul li a{
				background-color: #73B043;
			}
		}
	}
}
.fixed{
 	&-table{
		&-header{
			background: #E5E5E5; 
		} 
 	}	
}