@charset "utf-8";

tr
{
	text-align: center;	
}

table,th,td
{
	border: solid 1px;
    border-style: groove;
	border-radius:2px;	
} 


/*下面开始自定义jquery插件的*/
.tr_selected
/*行选中*/
{
	color:#1A10A0;
	background: #EFC5C5;
}

.other_sel
/*选择框增强*/
{
	float: right;
	margin: auto 5px;
}


/*下面开始菜单栏*/
.menu
{
	float: left;	
}

.menu span
{
	display: block;/*span属于内联元素，而内联元素是忽略宽度和高度的，将span变为盒装元素即可*/	
	background-color:#FAFCC1;	
	border: solid #ECD0D0 thin;
	text-align: center;
	margin-left: 1px;
	padding: 5px;
	font-weight: bold;
}

.menu span a
{
	text-decoration: none;
	color: #674910;
}

.menu span.selected
{
	background-color:#F8F373;
}

.menu ul
{
	margin-top: auto;
	padding:0px;
	display: none;	
}

.menu li
{
	list-style: none;
	background-color:#F9F7E5;
	border: #ECD0D0 solid thin;
	text-align: center;
	padding: 5px;
}

.menu li a
{
	text-decoration: none;
	color:#DD7D03;
}

.menu li a:hover
{
	text-decoration: none;
	color: #F70307;
}

.menu_bottom_clear/*菜单页面最下面的清除浮动用*/
{
	clear: both;
}

/*以上为菜单栏*/

/*以下为筛选款号的菜单栏*/
.select_menu,#select_menu_show
{
	margin-bottom: 20px;
	padding-bottom: 5px;
	clear: both;
}

.select_menu span
{
	display: block;
	margin-left: 10px;
	float: left;
}

.select_menu span:hover
{
	cursor:pointer;
}

.select_menu_sub_title
{
	width: 100px;
	margin-right: 30px;
	color: blueviolet;
	text-align: right;
	font-weight: bold;
	float: left;
}

#select_menu_show span
{
	display: block;
	margin-left: 10px;
	float: left;
	color:darkred;
	font-weight: bold;
}

.select_menu_sub_selected
{
	color: antiquewhite;
	/*background: #787000;*/
	background:#540063;
	font-weight: bold;
}

/*以上为筛选款号的菜单栏*/

/*下面开始印花成本的CSS*/

.show_sel_print_factory,.show_sel_print_desc/*这里用,隔开，表示对前后两个clss都丛修改，如果不用,就表示对前面class里面包含的后面class做修改，参考http://blog.csdn.net/fifteen718/article/details/51149114*/
{
	float: left;
	margin: auto 5px;/*上下是auto，左右是5px，参http://www.runoob.com/css/css-margin.html*/
}

.other_print_desc
{
	float: right;
	margin: auto 5px;
}

.print_cost_edit:hover
{
	cursor: pointer;
}

.print_cost_insert_form,.print_cost_update_form
{
	display: none;
}

.print_cost_insert_form form,.print_cost_update_form form/*印花新增和修改里面的上传印花图案框*/
{	
	float: left;	
	margin: 5px;
}

#process_cost_list textarea
{
	height: 21px;
	margin-bottom: -6px;
}

#print_desc_tip,/*印花描述提示框*/
#yarn_list_remarks_tip,/*纱列表中的备注提示框*/
#yarn_list_artno_amount/*纱列表中的款号数量*/
{
	position: absolute;
	border: #74026D solid 1px;
	background-color: cornsilk;
	color:darkmagenta;
	padding: 5px;
	font-weight: bold;
	opacity: 0.95;
}

#print_desc_tip span
{
	color: darkred;
}

/*以上为印花成本的CSS*/

#yarn_list_remarks_tip
{
	width: 150px;
}

/*下面开始面料成本里的*/
.material_order_insert_tb input
{
	width: 80px;
}

.material_order_insert_tb textarea
{
	height: 20px;
	width: 100px;
}

.other_process_price
/*其他特殊加工*/
{
	width:40px;	
}

.special_process_price
/*特殊加工表格*/
{
	width: 600px;
}

.special_process_price span,button,label  
{
	margin-left: 20px;
}

.material_order_details_list_input
/*面料订单列表里的input*/
{
	width: 60px;
}

.material_order_details_list_cost_input
{
	width: 85px;
}

.material_order_list_tb
{	
	width: 135%;	
}

.textarea_in_material_order 
{
	height: 21px;
/*	margin-bottom: 0px;*/
}

/*上面都是面料成本里的*/

/* 下面开始纺检里的 */
.show_all_test
/*纺检显示所有结果*/
{
	color: blue;
	margin-left: 100px;
	background-color: blanchedalmond;
	padding-right: 6px;
	font-size: 16px;
	font-weight: bolder;
}

#loading
/* 载入提示 */
{		
	z-index: 10;
	width: 200px;
	height: 50px;
	line-height: 50px;
	/*
	块内只有这些文字的话,设置line-height和height一样大就可以高度垂直居中，
	详细原理参见https://www.imooc.com/article/7767，
	简单解释参见https://zhidao.baidu.com/question/555762734.html，
	定义参见http://www.w3school.com.cn/cssref/pr_dim_line-height.asp，里面说的
	“line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框”	
	*/
	font-size: 25px;
	background-color: yellow;
	border-radius: 5px;
	border-color: red;
	text-align: center;	/* text-align用于块级元素，作用在块元素中的文字或者图片上。使得它们在水平方向上居中。参考 */
	vertical-align: middle;
}

/* 上面都是纺检里的 */


/*下面开始通用的*/
.center
{	
	position: fixed;
	/*static定位是HTML元素的默认值，即没有定位，元素出现在正常的流中，因此，这种定位就不会收到top，bottom,left,right的影响。*/
	/*可以参考https://www.cnblogs.com/zhuzhenwei918/p/6112034.html*/
	/*当某个absolute定位元素的父元素具有position:relative/absolute/fixed时，定位元素都会依据父元素而定位，而父元素没有设置position属性或者设置了默认属性，那么定位属性会依据html元素来定位。*/
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
/*CSS的居中参考http://www.jq22.com/webqd4216*/

.alert_red_text
{
	color: red;
}

.border
{
	border: solid 1px;
    padding: 3px;
    float: left;
}

.select_title
{
	color: blue;
	background-color: blanchedalmond;
	padding-right: 6px;
	font-size: 16px;
	font-weight: bolder;
}


.align_right
{
	float: right;
}

.td_border_hidden
{
	border: hidden;
}

.cursor_pointer
{
	cursor:pointer;
	color:#F63;	
}

.textarea_in_test_result_update 
{
	height: 21px;
	margin-bottom: -6px;
}

.hidden
{
	display: none;
}


