﻿@charset "utf-8";
body{
	color: #666666;	
}
/* 禁用响应式布局 */
.container{
	min-width: 1200px !important;
	width: 1200px !important;
}
/* 隐藏样式 */
.jboot-hide{
	display: none;
}

/* 使模态窗口内容高度-弹出选择 */
.jboot-combo-panel{
	height: 400px;
	overflow: auto;
}
/************************************/


/************************************/
/* 树形数据样式 */
ul.jboot-tree{
	list-style: none;
	padding-left: 16px!important;
	font-size: 14px;
}
/* 树形数据样式 */
ul.jboot-tree li{
	list-style: none;
}

/* 树形数据图标样式 */
i{display: inline-block;*display: inline;*zoom:1; width: 16px; height: 16px; vertical-align: middle;cursor: pointer;}
itxt{display: inline-block;*display: inline;*zoom:1; height: 16px; vertical-align: middle;font-size: 12px;}

/* 树形数据选项悬浮样式 */
div.tree-item:hover {
	background-color: #5bc0de;color: #fff;cursor: pointer;
}

/* 树形数据选项选中样式 */
div.tree-active{
	background-color: #337ab7 !important;color: #fff;
}

/* 树形数据各种图标 */
.tree-expanded {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -18px 0;
}
.tree-expanded-hover,.tree-expanded:hover {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -50px 0;
}
.tree-collapsed {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll 0 0;
}
.tree-collapsed-hover,.tree-collapsed:hover {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -32px 0;
}
.tree-lines .tree-expanded, .tree-lines .tree-root-first .tree-expanded {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -144px 0;
}
.tree-lines .tree-collapsed, .tree-lines .tree-root-first .tree-collapsed {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -128px 0;
}
.tree-lines .tree-node-last .tree-expanded, .tree-lines .tree-root-one .tree-expanded {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -80px 0;
}
.tree-lines .tree-node-last .tree-collapsed, .tree-lines .tree-root-one .tree-collapsed {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -64px 0;
}
.tree-line {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -176px 0;
}
.tree-join {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -192px 0;
}
.tree-joinbottom {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -160px 0;
}
.tree-folder {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -208px 0;
}
.tree-folder-open {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -224px 0;
}
.tree-file {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -240px 0;
}
.tree-loading {
    background: rgba(0, 0, 0, 0) url("img/loading.gif") no-repeat scroll center center;
}
.tree-checkbox0 {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -208px -18px;
}
.tree-checkbox1 {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -224px -18px;
}
.tree-checkbox2 {
    background: rgba(0, 0, 0, 0) url("img/tree_icons.png") no-repeat scroll -240px -18px;
}
/*************************************/

/*************************************/
/* 输入框验证提示信息 */
.jboot-input-msg{
	font-size: 12px;
	margin: 4px 0;
}

/**************消息-开始***********************/
/*消息 顶部*/
.jboot-message-top{
	position:fixed; top:0;width: 100%;z-index: 999;text-align: center;
}

/*消息 加载中图片*/
.jboot-loading{
	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:2px 23px;
}

.jloading{
	width:100%;
	background-color:#000;
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;  
    opacity: 0.5;
    position: fixed;
    top:0px;
    z-index: 9998;
}
.noscoller{
	overflow: hidden;
}
.jmesg{
	background-color: #fff;
	/*height:50px;*/
	width:24%;
	position: fixed;
	top:100px;
	font-size:16px;
	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-radius:5px;
	filter:alpha(opacity=100);  
    -moz-opacity:1;
    -khtml-opacity: 1;  
    opacity: 1;
    margin:0 auto;
    padding: 14px 40px;
    left:38%;
    z-index: 9999;
}
.jbootmsg .modal-body{
	word-break:break-all;
	word-wrap:break-word;
}
/**************消息-结束***********************/
/* 底部样式 */
.jboot-footer{
	border-top: 1px solid #e1e0e0;
}

/* 底部样式-文字 */
.jboot-footer-links{
   	font-size: 12px;
   	font-family:"tahoma";
   	color: #666666 !important;
	padding-top:8px;
   	text-align: center;
   	clear: both;
}

/* 底部样式-超链接 */
.jboot-footer-links a,.red-links{
   	font-size: 12px !important;
   	color: #666666 !important;
   	padding: 0 10px;
}
/* 底部样式-超链接-悬浮 */
.jboot-footer-links a:hover,.red-links:hover{
   	color: #BD1111 !important;
}

/* 页签内容上部间距 */
.jboot-tab-body{
	padding: 17px;
	min-height: 100px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* 多选时一行显示多条数据 */
.notinline{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
/* 多选时一行显示多条数据-每个列的样式 */
.jboot-combo-col{
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	min-height: 100px;
}
/* 弹出选择 检索框 */
.jboot-combo-search{
	width:50%;display:inline-block;margin-right:20px;float: right;font-weight: normal;font-size: 12px;color: #333;
	padding-left: 30px; background-image: url(img/combo-search.png);background-position: 8px center;background-repeat: no-repeat;
}
/*弹出选择内容区域-竖向滚动条*/
.dayo-combo-panel{height: 450px;overflow: auto;}
/*弹出选择特有样式*/
.combo-dialog .modal-content{padding:0 15px;}
/*弹出选择特有样式-标题*/
.combo-dialog .modal-title{font-size: 24px;font-family: 微软雅黑,Microsoft YaHei;font-weight: bold;margin-top: 23px;}
/*弹出选择特有样式-关闭按钮*/
.combo-dialog .close{font-size: 34px;;font-family: 微软雅黑,Microsoft YaHei;color: #000;}
/*弹出选择特有样式-上虚线*/
.combo-dialog .modal-header{border-bottom-style: dashed;}
/*弹出选择特有样式-下虚线*/
.combo-dialog .modal-footer{border-top-style: dashed;}

/*弹出选择特有样式-按钮*/
.combo-submit,.combo-cancle,.combo-dialog .modal-footer .btn{color: white;border-radius: 0;font-size: 14px;display: inline-block;width: 120px;padding:0px;border: none;height: 40px;line-height: 40px;}
/*弹出选择特有样式-消息按钮-小*/
.combo-dialog .btn-msg{font-size: 12px !important;width: 50px !important;height: 30px !important;line-height: 30px !important;}
/*弹出选择特有样式-确定按钮*/
.combo-dialog .combo-submit,.combo-dialog .modal-footer .btn-primary{background-color: #f25807;}
.combo-dialog .combo-submit:hover,.combo-dialog .modal-footer .btn-primary:hover{background-color: #e35307;}
/*弹出选择特有样式-取消按钮*/
.combo-dialog .combo-cancle,.combo-dialog .modal-footer .btn-default{background-color: #c9c9c9;margin-left: 20px !important;}
.combo-dialog .combo-cancle:hover,.combo-dialog .modal-footer .btn-default:hover{background-color: #e35307;color: white;}
/*全选*/
.conbo-checkall{font-size: 16px;font-weight: normal;margin-left: 30px; border:1px solid #fff; display: inline;padding:5px;cursor: pointer;color:#F25807; }

/* 单选和多选按钮样式 */
.checkbox-c,.radio-c{ border:1px solid #fff; *zoom:1;height: 37px; line-height: 24px; padding:5px; margin-top: 5px;overflow: hidden;white-space: nowrap;font-size: 16px;font-weight: bold;color: #999;text-align: center;}
/* 单选和多选按钮样式-选中和悬浮 */
.combo-active,.modal .checkbox-c:hover, .modal .radio-c:hover{color: #F25807;cursor: pointer;}
.combo-active{border:1px solid #F25807;}
/* 有过渡效果 （当数据多时会卡） */
/*.checkbox ins,.radio ins{display: inline-block;*display: inline;*zoom:1; width: 23px; height: 22px; vertical-align: middle; background: url(img/btncheck.png) no-repeat; margin-right: 8px; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; -ms-transition:all 0.1s linear; transition:all 0.1s linear;vertical-align: middle;}*/
/* 无过渡效果 */
.checkbox-c ins,.radio-c ins{display: none;}

/* 公共样式带有过渡效果的图标 */
ins.slow{-webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; -ms-transition:all 0.1s linear; transition:all 0.1s linear;}


/* 规格复选框样式 */
.checkbox-s{border:1px solid #ccc; border-radius: 4px; *zoom:1; padding:3px; margin:0 10px 2px 0;display: inline-block;}
.checkbox-s ins{display: inline-block;*display: inline;*zoom:1; width: 15px; height: 15px; vertical-align: middle; background: url(img/btncheck_r.png) no-repeat; margin-right: 8px; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; -ms-transition:all 0.1s linear; transition:all 0.1s linear;vertical-align: middle;}
.checkbox-s ins{background-position: 0px 0px; }
.checkbox-s .check{width:20px; }
.checkbox-s:hover ins{background-position: -17px 0px; }
.jboot-active ins{background-position: -34px 0px !important;}


/* 中央商品库商品列表复选框样式 */
.checkbox-std{}
.checkbox-std ins{display: inline-block;*display: inline;*zoom:1; width: 15px; height: 15px; vertical-align: middle; background: url(img/btncheck_r.png) no-repeat; margin-right: 8px; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; -ms-transition:all 0.1s linear; transition:all 0.1s linear;vertical-align: middle;}
.checkbox-std ins{background-position: 0px 0px; }
.checkbox-std label{vertical-align: middle;margin: 0;}
.checkbox-std .check{width:20px; }
.checkbox-std:hover ins{background-position: -17px 0px; }
.jboot-active ins{background-position: -34px 0px !important;}

/* 独立使用的单选图标 radio */
.radio-s{}
.radio-s ins{display: inline-block;*display: inline;*zoom:1; width: 15px; height: 15px; vertical-align: middle; background: url(img/btncheck_r.png) no-repeat; margin-right: 8px; vertical-align: middle;}
.radio-s ins{background-position: -170px 0px; }
.radio-s .check{width:20px; }
.radio-s:hover {cursor: pointer; }
.radio-s:hover ins{background-position: -102px 0px; }
.radio-s.jboot-active ins{background-position: -187px 0px !important;}

/* *****************************文本框-开始 *************************************************** */
.jboot-230{width: 230px !important;}
.jboot-237{width: 237px !important;}

/* *****************************文本框-结束 *************************************************** */

/* *****************************表格-开始 *************************************************** */
/* 表格行悬浮时复选框样式 */
table ins{display: inline-block;*display: inline;*zoom:1; width: 15px; height: 15px; vertical-align: middle; background: url(img/btncheck_r.png) no-repeat;}
table ins{background-position: 0px 0px; }
table .check{width:20px; }
.r-black table ins{background-position: -51px 0px; }
table tbody tr:hover ins{background-position: -17px 0px; }
table .jboot-active ins{background-position: -34px 0px !important;}


.jboot-tool-panel table,.jboot-data-panel .jboot-table{
	margin-left: 136px!important;
}
.jboot-tool-panel table{
	margin-left: 136px!important;
}

/*表格行高度
.r-table tbody tr{
	display: inline-block;
	padding: 0 3% 0 13%;
}*/

/*表格行高度*/
.jboot-table tbody tr{
	height: 40px;
	line-height: 40px;
}
/*表格行悬浮颜色*/
.jboot-table tr:hover{
	/*background-color: #F0F0F0;*/
	color: #000;
}

/*表格行选中颜色*/
tbody .jboot-active{
	/*background-color: #F0F0F0;*/
	color: #000;
	/*font-weight: bold;*/
}

/* 表格序号列样式 */
.jboot-grid-index{
	width:50px;
}
/* 表格序号列样式 */
td.jboot-grid-index{
	text-align: right;
}

/* 表格多选框列样式 */
.jboot-grid-check{
	width:50px;
}
/* 表格-操作列-按钮 */
.jboot-table-btn a{
	font-size:12px;
	color: #BD1111;
	font-weight: normal;
	margin-right: 3px;
	padding: 1px;
	border: 1px solid #fff;
	border-radius:3px;
}
/* 表格-操作列-按钮-悬浮*/
.jboot-table-btn a:hover{
	color: #fff;
	background-color:#BD1111;
	font-weight: normal;
	border: 1px solid #BD1111;
}

/* 表格-操作列-按钮-悬浮-隐藏*/
.jboot-table-btn .showButton{
	display: none;
}

/* 表格-操作列-按钮-悬浮-显示*/
.jboot-table tr:hover .jboot-table-btn .showButton{
	display: block;
}

/*单元格宽度*/
.t10{width: 10px;min-width: 10px;max-width: 10px;}
.t20{width: 20px;min-width: 20px;max-width: 20px;}
.t30{width: 30px;min-width: 30px;max-width: 30px;}
.t40{width: 40px;min-width: 40px;max-width: 40px;}
.t50{width: 50px;min-width: 50px;max-width: 50px;}
.t60{width: 60px;min-width: 60px;max-width: 60px;}
.t70{width: 70px;min-width: 70px;max-width: 70px;}
.t80{width: 80px;min-width: 80px;max-width: 80px;}
.t90{width: 90px;min-width: 90px;max-width: 90px;}
.t100{width: 100px;min-width: 100px;max-width: 100px;}
.t110{width: 110px;min-width: 110px;max-width: 110px;}
.t120{width: 120px;min-width: 120px;max-width: 120px;}
.t130{width: 130px;min-width: 130px;max-width: 130px;}
.t140{width: 140px;min-width: 140px;max-width: 140px;}
.t150{width: 150px;min-width: 150px;max-width: 150px;}
.t160{width: 160px;min-width: 160px;max-width: 160px;}
.t170{width: 170px;min-width: 170px;max-width: 170px;}
.t180{width: 180px;min-width: 180px;max-width: 180px;}
.t190{width: 190px;min-width: 190px;max-width: 190px;}
.t200{width: 200px;min-width: 200px;max-width: 200px;}
.t210{width: 210px;min-width: 210px;max-width: 210px;}
.t220{width: 220px;min-width: 220px;max-width: 220px;}
.t230{width: 230px;min-width: 230px;max-width: 230px;}
.t240{width: 240px;min-width: 240px;max-width: 240px;}
.t250{width: 250px;min-width: 250px;max-width: 250px;}
.t260{width: 260px;min-width: 260px;max-width: 260px;}
.t270{width: 270px;min-width: 270px;max-width: 270px;}
.t280{width: 280px;min-width: 280px;max-width: 280px;}
.t290{width: 290px;min-width: 290px;max-width: 290px;}
.t300{width: 300px;min-width: 300px;max-width: 300px;}
.t310{width: 310px;min-width: 310px;max-width: 310px;}
.t320{width: 320px;min-width: 320px;max-width: 320px;}
.t330{width: 330px;min-width: 330px;max-width: 330px;}
.t340{width: 340px;min-width: 340px;max-width: 340px;}
.t350{width: 350px;min-width: 350px;max-width: 350px;}
.t400{width: 400px;min-width: 400px;max-width: 400px;}
.t450{width: 450px;min-width: 450px;max-width: 450px;}
.t500{width: 500px;min-width: 500px;max-width: 500px;}
.t550{width: 550px;min-width: 550px;max-width: 550px;}
.t600{width: 600px;min-width: 600px;max-width: 600px;}
.t700{width: 700px;min-width: 700px;max-width: 700px;}
.t800{width: 800px;min-width: 800px;max-width: 800px;}
.t900{width: 900px;min-width: 900px;max-width: 900px;}
.t1000{width: 900px;min-width: 900px;max-width: 900px;}
/*百分比宽度 */
.p1{width:1%;min-width: 1%;max-width:1%;}
.p2{width:2%;min-width: 2%;max-width:2%;}
.p3{width:3%;min-width: 3%;max-width:3%;}
.p4{width:4%;min-width: 4%;max-width:4%;}
.p5{width:5%;min-width: 5%;max-width:5%;}
.p6{width:6%;min-width: 6%;max-width:6%;}
.p7{width:7%;min-width: 7%;max-width:7%;}
.p8{width:8%;min-width: 8%;max-width:8%;}
.p9{width:9%;min-width: 9%;max-width:9%;}
.p10{width:10%;min-width: 10%;max-width:10%;}
.p11{width:11%;min-width: 11%;max-width:11%;}
.p12{width:12%;min-width: 12%;max-width:12%;}
.p13{width:13%;min-width: 13%;max-width:13%;}
.p14{width:14%;min-width: 14%;max-width:14%;}
.p15{width:15%;min-width: 15%;max-width:15%;}
.p16{width:16%;min-width: 16%;max-width:16%;}
.p17{width:17%;min-width: 17%;max-width:17%;}
.p18{width:18%;min-width: 18%;max-width:18%;}
.p19{width:19%;min-width: 19%;max-width:19%;}
.p20{width:20%;min-width: 20%;max-width:20%;}
.p21{width:21%;min-width: 21%;max-width:21%;}
.p22{width:22%;min-width: 22%;max-width:22%;}
.p23{width:23%;min-width: 23%;max-width:23%;}
.p24{width:24%;min-width: 24%;max-width:24%;}
.p25{width:25%;min-width: 25%;max-width:25%;}
.p26{width:26%;min-width: 26%;max-width:26%;}
.p27{width:27%;min-width: 27%;max-width:27%;}
.p28{width:28%;min-width: 28%;max-width:28%;}
.p29{width:29%;min-width: 29%;max-width:29%;}
.p30{width:30%;min-width: 30%;max-width:30%;}
.p31{width:31%;min-width: 31%;max-width:31%;}
.p32{width:32%;min-width: 32%;max-width:32%;}
.p33{width:33%;min-width: 33%;max-width:33%;}
.p34{width:34%;min-width: 34%;max-width:34%;}
.p35{width:35%;min-width: 35%;max-width:35%;}
.p36{width:36%;min-width: 36%;max-width:36%;}
.p37{width:37%;min-width: 37%;max-width:37%;}
.p38{width:38%;min-width: 38%;max-width:38%;}
.p39{width:39%;min-width: 39%;max-width:39%;}
.p40{width:40%;min-width: 40%;max-width:40%;}
.p41{width:41%;min-width: 41%;max-width:41%;}
.p42{width:42%;min-width: 42%;max-width:42%;}
.p43{width:43%;min-width: 43%;max-width:43%;}
.p44{width:44%;min-width: 44%;max-width:44%;}
.p45{width:45%;min-width: 45%;max-width:45%;}
.p46{width:46%;min-width: 46%;max-width:46%;}
.p47{width:47%;min-width: 47%;max-width:47%;}
.p48{width:48%;min-width: 48%;max-width:48%;}
.p49{width:49%;min-width: 49%;max-width:49%;}
.p50{width:50%;min-width: 50%;max-width:50%;}
.p51{width:51%;min-width: 51%;max-width:51%;}
.p52{width:52%;min-width: 52%;max-width:52%;}
.p53{width:53%;min-width: 53%;max-width:53%;}
.p54{width:54%;min-width: 54%;max-width:54%;}
.p55{width:55%;min-width: 55%;max-width:55%;}
.p56{width:56%;min-width: 56%;max-width:56%;}
.p57{width:57%;min-width: 57%;max-width:57%;}
.p58{width:58%;min-width: 58%;max-width:58%;}
.p59{width:59%;min-width: 59%;max-width:59%;}
.p60{width:60%;min-width: 60%;max-width:60%;}
.p61{width:61%;min-width: 61%;max-width:61%;}
.p62{width:62%;min-width: 62%;max-width:62%;}
.p63{width:63%;min-width: 63%;max-width:63%;}
.p64{width:64%;min-width: 64%;max-width:64%;}
.p65{width:65%;min-width: 65%;max-width:65%;}
.p66{width:66%;min-width: 66%;max-width:66%;}
.p67{width:67%;min-width: 67%;max-width:67%;}
.p68{width:68%;min-width: 68%;max-width:68%;}
.p69{width:69%;min-width: 69%;max-width:69%;}
.p70{width:70%;min-width: 70%;max-width:70%;}
.p71{width:71%;min-width: 71%;max-width:71%;}
.p72{width:72%;min-width: 72%;max-width:72%;}
.p73{width:73%;min-width: 73%;max-width:73%;}
.p74{width:74%;min-width: 74%;max-width:74%;}
.p75{width:75%;min-width: 75%;max-width:75%;}
.p76{width:76%;min-width: 76%;max-width:76%;}
.p77{width:77%;min-width: 77%;max-width:77%;}
.p78{width:78%;min-width: 78%;max-width:78%;}
.p79{width:79%;min-width: 79%;max-width:79%;}
.p80{width:80%;min-width: 80%;max-width:80%;}
.p81{width:81%;min-width: 81%;max-width:81%;}
.p82{width:82%;min-width: 82%;max-width:82%;}
.p83{width:83%;min-width: 83%;max-width:83%;}
.p84{width:84%;min-width: 84%;max-width:84%;}
.p85{width:85%;min-width: 85%;max-width:85%;}
.p86{width:86%;min-width: 86%;max-width:86%;}
.p87{width:87%;min-width: 87%;max-width:87%;}
.p88{width:88%;min-width: 88%;max-width:88%;}
.p89{width:89%;min-width: 89%;max-width:89%;}
.p90{width:90%;min-width: 90%;max-width:90%;}
.p91{width:91%;min-width: 91%;max-width:91%;}
.p92{width:92%;min-width: 92%;max-width:92%;}
.p93{width:93%;min-width: 93%;max-width:93%;}
.p94{width:94%;min-width: 94%;max-width:94%;}
.p95{width:95%;min-width: 95%;max-width:95%;}
.p96{width:96%;min-width: 96%;max-width:96%;}
.p97{width:97%;min-width: 97%;max-width:97%;}
.p98{width:98%;min-width: 98%;max-width:98%;}
.p99{width:99%;min-width: 99%;max-width:99%;}
.p100{width:100%;min-width: 100%;max-width:100%;}

/* 表格行数据不换行 超出部分隐藏 */
.jboot-nowrap-table tbody tr td{
	white-space:nowrap;
	overflow: hidden;
}
/* 表格数据区域 添加相对位置 防止浮动覆盖 
.jboot-data-panel{
	position:relative;
	z-index: -1;
}
*/
/* 表格-有滚动条 */
.jboot-table-scoller{
	overflow-x: auto;
}
/* 表格-无滚动条 */
.jboot-table-noscoller{
	overflow: hidden;
}

/* 表格-工具栏 容器 */
.jboot-tool-panel{
	height: 100px;
	//z-index:888;
}

/* 表格-工具栏 容器 
.jboot-tool{
	height: 100px;
	z-index:900;
}
*/

/* 表格-工具栏 固定样式 */
.jboot-table-toolbar{
	z-index:888;
	padding:15px 0px;
}

/* 表格-工具栏 浮动样式 */
.jboot-table-fixed{
	top: 30px;
	position: fixed;
	background-color : white;
	/*border: 1px solid #eee;*/
	border-radius: 4px;
}

/* 表格-页脚*/
.jboot-table-footer{
	width: 100%;
	height: 30px;
	background-color: #add6f3;
}

/* 表格-文字标签 */
.jboot-table .j-tag{
	font-size: 12px !important;
	font-weight: 400 !important;
	display:inline-block !important;
	padding: 0.2em 0.4em 0.3em !important;
}

.jboot-table .j-mark{
	width:110px;
	color: #666;
	overflow: hidden;
}
.jboot-table .j-class{
	width:120px;
	color: #666;
	overflow: hidden;
}
.jboot-table .j-code{
	width:120px;
	color: #666;
	overflow: hidden;
}
.jboot-table .j-link{
	color: #666;
	max-width: 300px;
	overflow: hidden;
}

.jpage-btn,.jpage-info,.jpage-input{
	float:left;
	margin: 5px;
	height: 37px;
	text-align: center;
	font-family: simsun;
}
/*分页-容器*/
.jpage-group{
	text-align: center;
	clear: both;
	height: 47px;
}
/*分页-容器-居中*/
.jpage-center{
	margin: 0 auto;
	clear: both;
	height: 47px;
	display: inline-block;
}
/*分页-按钮  分页-输入框*/
.jpage-btn,.jpage-input{
	line-height: 35px;
	width: 37px;
	border: 1px solid rgb(193,193,193);
	color:rgb(102,102,102);
	border-radius:5px;
}
/*分页-按钮 */
.jpage-btn{
	cursor: pointer;
}
/*分页-加粗 */
.jpage-bold{
	font-weight: bold;
}
/*分页-按钮-悬浮  分页-输入框-焦点*/
.jpage-btn:hover,.jpage-input:focus{
	border: 1px solid rgb(161,17,16);
	color:rgb(161,17,16);
}
/*分页-按钮-选中*/
.jpage-btn-active,.jpage-btn-active:hover{
	border: 1px solid rgb(161,17,16);
	color:white;
	background-color: rgb(161,17,16);
}

/*分页-文字*/
.jpage-info{
	line-height:37px;
	font-size:14px;
	color:rgb(102,102,102);
}
/*分页-文字-红色*/
.jpage-red{
	color:rgb(161,17,16);
}

/* 右侧悬浮按钮 */
.jpage-btn-top{
	position: fixed;
	right:10px;
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
}
/* 右侧按钮-上一页 */
.jpage-btn-top-prev{background-image: url(img/prev.png);bottom:146px;}
/* 右侧按钮-上一页-悬浮 */
.jpage-btn-top-prev:hover{background-image: url(img/prev-red.png);bottom:146px;}
/* 右侧按钮-下一页 */
.jpage-btn-top-next{background-image: url(img/next.png);bottom:98px;}
/* 右侧按钮-下一页-悬浮 */
.jpage-btn-top-next:hover{background-image: url(img/next-red.png);bottom:98px;}
/* 右侧按钮-回顶部 */
.jpage-btn-top-top{background-image: url(img/top.png);bottom:50px;}
/* 右侧按钮-回顶部-悬浮*/
.jpage-btn-top-top:hover{background-image: url(img/top-red.png);bottom:50px;}

/* *****************权限分配表格-开始****** */
.table-rolemenu{margin-top: 5px;}
.table-rolemenu thead tr{border-radius: 4px;}
.table-rolemenu thead th{padding:1px 2px;background-color: black;color:white;height: 40px;line-height: 40px;text-align: center !important;}
.table-rolemenu td{padding:2px 2px;}
.table-rolemenu .jboot-input-group{display: block;}

.role-tool{width: 100%;height: 38px;margin-top:5px;}
/* *****************权限分配表格-结束****** */

/* *****************************表格-结束*************************************************** */
/** 扩展颜色-开始 **/

.btn-mark{background-color: #aa6708;border-color:#966301;color: #fff;}
.btn-mark:hover{background-color: #966301;border-color: #966301;color:#fff;}
.btn-stockclass{background-color: #7369af;border-color: #6f5499;color:#fff;}
.btn-stockclass:hover{background-color: #6f5499;border-color:#6f5499;color:#fff;}
.btn-store{background-color:rgb(253,67,212);border-color:#966301;color: #fff;}
.btn-store:hover{background-color: #966301;border-color: #966301;color:#fff;}

/** 扩展颜色-分页组件 **/
.btn-page{background-color: #5bc0de;border-color:#46b8da;color: #fff;}
.btn-page:hover{background-color: #31b0d5;border-color: #269abc;color:#fff;}

/** 扩展颜色-查询按钮 **/
.btn-search{background-color: #BD1111;border-color: #BD1111;color: #fff;padding-left: 8px; padding: 3px 11px 3px 14px;font-size: 14px;Letter-spacing:3px;border-radius:0;}
.btn-search:hover{background-color: #9a0c0b;border-color: #9a0c0b;color: #fff;}

/** 扩展颜色-红 **/
.btn-red{background-color: #fff;border-color:  #BD1111;color: #BD1111;padding-left: 8px; padding: 3px 11px 3px 14px;font-size: 14px;Letter-spacing:3px;border-radius:0;
	/**hover选择器渐变展示**/
	-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;
}
.btn-red:hover{background-color: #BD1111;border-color: #BD1111;color: #fff;}
.jboot-tool .btn-red{margin-right: 20px;}

/** 扩展颜色-提交按钮 **/
.btn-submit{background-color: #BD1111;border-color: #BD1111;color: #fff;font-size: 14px;Letter-spacing:3px;}
.btn-submit:hover{background-color: #9a0c0b;border-color: #9a0c0b;color: #fff;}

/** 扩展颜色-弹出选择-重置按钮 **/
.btn-reset{background-color: transparent;border:none; color: #ccc;font-weight: normal;font-size:20px; display: inline-block;width: 20px;padding:0px;height:28px;line-height:28px; text-align: left;}
.btn-reset:hover,.btn-reset-active{background-color: transparent;border:none;color: #BD1111;}
.btn-reset:active{background-color: transparent;border:none;;color: #333;box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;}

/** 扩展颜色-弹出选择-选择按钮 **/
.btn-select{background-color: #ccc;border-color: transparent;color: #fff;display: inline-block;width: 45px;text-align: center;padding-left: 0;padding-right: 0;}
.btn-select:hover,.btn-select-active{background-color: #BD1111;border-color: #BD1111;color: #fff;}
.btn-select[disabled],.btn-select[disabled]:hover,.btn-select-active[disabled]{background-color: #ddd;border-color: #ddd;color: #fff;}
.combo-text[disabled]{border-color: #ddd;}

/** 扩展颜色-直角**/
.btn-dullred,.btn-yellow,.btn-green,.btn-blue,.btn-orange{
	background-color: #fff;border-radius:0;padding-left: 8px; padding: 3px 11px 3px 14px;font-size: 14px;Letter-spacing:0px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}

/** 扩展颜色-红-直角**/
.btn-dullred{border-color:  #d41d1d;color: #d41d1d;}
.btn-dullred:hover{background-color: #d41d1d;border-color: #d41d1d;color: #fff;}
.btn-dullred:active{background-color: #c71b1b;border-color: #c71b1b;color: #fff;}
/** 扩展颜色-黄-直角**/
.btn-yellow{border-color:  #ebad26;color: #ebad26;}
.btn-yellow:hover{background-color: #ebad26;border-color: #ebad26;color: #fff;}
/** 扩展颜色-绿-直角**/
.btn-green{border-color:  #5bbd00;color: #5bbd00;}
.btn-green:hover{background-color: #5bbd00;border-color: #5bbd00;color: #fff;}
/** 扩展颜色-蓝-直角**/
.btn-blue{border-color:  #5bc0de;color: #5bc0de;}
.btn-blue:hover{background-color: #5bc0de;border-color: #5bc0de;color: #fff;}
/** 扩展颜色-橙-直角**/
.btn-orange{border-color:  #ff6700;color: #ff6700;}
.btn-orange:hover{background-color: #ff6700;border-color: #ff6700;color: #fff;}

.label-mark{}
.label-stockclass{}
.label-store{}

/** 扩展颜色-结束 **/


/**********************************  重写样式  **************************************/
/* 重写-表单-边框颜色 */

.form-control:focus {
    border-color: #bd1111 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(189,17,17, 0.6) !important;
    outline: 0 none;
}

.form-control[readonly]{
	background-color: transparent;
}

.jboot-input-group{
	position: relative;
	display: inline-block;
}
.jboot-input-group .form-control{
	width: 100% !important;
}
.jboot-input-group .input-group-btn{
	position: absolute;
	top: 0;
	right: 0px;
	display: inline-block;
	width: 65px;
}
.jboot-input-group .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: 0px;
}
.jboot-input-group .input-group-btn > .btn + .btn {
    margin-left: 0px;
}

/*********下拉选择组件***********/
/** 下拉选择 选项框 **/
.jboot-select-panel{
	position: absolute;
	border: 1px solid #666;
	background-color: white;
	min-height: 30px;
	max-height: 280px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9999;
}
/** 下拉选择 选项 **/
.jboot-select-item{
	padding: 1px 3px;
	background-color: white;
}
/** 下拉选择 选项 选中状态 **/
.jboot-select-item:hover,.jboot-select-active{
	color:white;
	background-color: #BD1111;
}
