.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;
		: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: 585px;
	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%;
							}
						}
					}
				}
				 
			}
			&-remarks 
			{
				&-name
				{
					
					padding-left: 104px;
				}
				&-input  
				{
					padding: 0 30px 0 163px;
					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
						{
							border:1px solid #E5E5E5;
						}
						&-container
						{
							overflow: hidden;
							border: 1px solid #ddd;
						}
					}
				}
			}
			&-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%;
					/*height: 800px;*/
					.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; 
 			} 
 	}
 	
 		
 }