﻿*{margin:0px; padding:0px;}
html {
	width: 100%;
	_background:url(about:blank);/*阻止闪动 in IE6 , 把空文件换成about:blank , 减少请求*/
	height: 100%;
} 
body {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "microsoft yahei";
	font-size: 12px;
	width: 100%;
	height: 100%;
}
a {
	color: #3399FF;
}
a:hover {
	text-decoration: underline;
}
form 
{
	padding: 0px;
	margin-top: 0px;
	width: 100%;
	height: 100%;
}
iframe {
	max-height:100% !important;
}
.qwf-win-topbar{
	width:100%;
	line-height:18px;
	border-bottom:1px solid #DDDDDD;
	position:fixed;
	top:0;
	left:0;
	_position:absolute;
_top:expression(documentElement.scrollTop);
	background-color: #F4F4F4;
	padding: 2px;
	z-index: 9999;
	color:#DDDDDD;
}
.qwf-win-topbar a {
	margin-right: 5px;
}
.qwf-win-footerbar{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	_position:absolute;
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	background-color: #F4F4F4;
	padding: 5px;
	text-align: center;
	
}
.qwf-win-footerbar2{
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	background-color: #F4F4F4;
	text-align: center;
}
.qwf-win-content{
	width:100%;
	line-height:18px;
	text-align:left;
	padding-top: 28px;
	padding-bottom:10px;
}
.qwf-win-tb td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F4F4F4;
	border-bottom-width: 1px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
.qwf-font-red {
	color: #FF0000;
}
.qwf-font-green {
	color: #008000;
}
.qwf-tb td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F4F4F4;
	border-bottom-width: 1px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
.qwf-topbar{
	width:100%;
	line-height:18px;
	border-bottom:1px solid #DDDDDD;
	background-color: #F4F4F4;
	color:#DDDDDD;
}

.qwf-toolbar
{
    padding: 3px;
}
.qwf-searchbar
{
    padding: 10px;
}

.errspan{
    color:red;
    font-weight:blod;
 }
/* 数据验证格式  必填项*/ 
 .RequiredTb
{
    width: 100%;
    margin: 0;
    padding: 5px 4px;
    border:1px solid #ccc;
    box-sizing: border-box;
}
.tdOne
{
   width:330px;    
}
.tdTwo
{
  width:400px;    
}
.myTooltip
{ 
margin-top:5px;
border:1px solid #ccc; 
width:310px;
border-radius:5px;
padding:5px;
display:none;
}
.myTooltipHide
{ 
float:right; 
padding-bottom:10px; 
color:#3399FF;cursor:pointer;
}

/* 重写 覆盖页面样式 使用这部分代码需要 在文件 PQnx.AOP -> PageBase.cs //公共CSS 文件中全局引入当前主题样式 */

.mycombo {
	/*height: 26px !important;
	line-height: 26px !important;*/
	border-radius: 4px !important;
	box-sizing: border-box;
	padding: 0 6px;
	border: 1px solid #E9E9E9 !important;
}
.combo {
	height: 26px !important;
	line-height: 26px !important;
	border-radius: 4px !important;
	border: 1px solid #E9E9E9;
}
.combo-arrow{
	background-color: transparent;
}
.combo-arrow:hover{
	background-color: transparent;
}
.textbox {
	height: 26px !important;
	line-height: 26px !important;
	border-radius: 4px !important;
	box-sizing: border-box;
}
.textbox .textbox-text {
	height: 26px !important;
	/*line-height: 30px !important;*/
	padding: 0 30px 0 4px !important;
	margin-right:0px !important;
	text-align:right;
	font-size:13px;
	width:100% !important;
	box-sizing:border-box; 
}
.textbox-icon {
	height: 26px !important;
}

.l-btn.easyui-linkbutton {
	border-radius: 4px !important;
	background: linear-gradient(to bottom, #4245c8 0, #4245c8 100%);
	background: initial;
	background-color: #4245c8;
	border: 1px solid #4245c8;
	color: #fff;
}

.l-btn.easyui-linkbutton:hover {
	/*background: initial;*/
	/*background-color: #537edf;
	border: 1px solid #537edf;*/
	opacity:.85;
	color: #fff;
}
.l-btn.easyui-linkbutton.liner{
	background-color:#fff;
	border:1px solid #4245c8;
	color:#4245c8;
	box-sizing:border-box;
}

.easyui-linkbutton.l-btn-focus {
	outline: none;
}

.easyui-linkbutton.l-btn .l-btn-icon {
	display: none;
}

.easyui-linkbutton.l-btn .l-btn-text {
	margin-left: 4px;
	line-height: 28px;
	/*font-size: 13px;*/
}

input:focus {
	outline: none; /* 移除默认的outline */
}
.mycombo:focus {
	box-shadow: 0 0 0px 1px #4245c8; 
}
.combo:focus {
	/*box-shadow: 0 0 0px 1px #4245c8;*/
}
.textbox-focused {
	-moz-box-shadow: 0 0 0px 1px #4245c8;
	-webkit-box-shadow: 0 0 0px 1px #4245c8;
	box-shadow: 0 0 0px 0px #4245c8;
}
select:focus {
	outline: none;
}
 

.panel-header {
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);
	border:0; 
	padding:6px 15px;
}
.datagrid .panel-title {
	color: #333; 
	font-size: 20px;
	height: auto;
	line-height: initial;
}

.tabs {
	height: 34px !important;
	display: flex;
	align-items: flex-end;
	border-bottom: 1px solid #fff; 
}
.tabs-header {
	padding-top: 0; 
}
.tabs-header, .tabs-tool {
	background-color: #fff; 
}
.tabs-header{

}
.tabs li {
	margin-bottom: 0px;
}
.tabs li a.tabs-inner {
	border: 0px !important;
	/*background: #fff !important;*/ 
	height: 30px !important;
	border-radius:2px;
	background: #fff ;  
	color:#262626;
}
.tabs li.tabs-selected a.tabs-inner {
	background: #4245c8 !important;
	color:#fff;
}
.tabs li.tabs-selected a.tabs-close{
	background-image: url(../images/theme-blue/colse.png);
	background-size:7px 7px;
	background-position: center center;
}
.tabs-p-tool a:hover, .tabs li a:hover.tabs-close, .tabs-scroller-over{
	background-color: transparent;
}

.tabs-container{
	display:flex;
	flex-direction:column;
}

/*html{
	max-width:100%;
}*/
.layout-panel-center {
	width: auto !important;
	right:0;
}
.layout-panel-center .panel-body{
	width:100% !important;
}
.tabs-panels {
	background-color: #f5f6ff;
	/*background-image: linear-gradient(to bottom right, #EAF0FF 0%, #E2E4FF 50%, #EAF0FF 100%);*/
	box-sizing: border-box;
	padding: 10px;
	display: flex;
	flex-direction: column;
	flex: 1;
	width: 100% !important;
}
.tabs-panels > .panel{
	height:100%;
}
/*.easyui-layout{
	display:flex;
	flex-direction:column;
} */
.datagrid {
	height: 100%;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.datagrid-toolbar {
	background-color: #fff;
	border-bottom:10px solid #fff;
	padding-bottom: 20px;
	box-shadow: 0 -10px 0 0px #f2f2f2 inset;
}
.datagrid-pager{
	background-color:#fff;
	border-color:#fff;
	margin:0 10px !important; 
}
.datagrid .panel-body{
	display:flex;
	flex-direction:column;
	height:auto !important;
	flex:1;
	width:100%;
	box-sizing:border-box;
}
.datagrid .panel-tool {
	display: none; 
}
.datagrid-view {
	margin:0 10px;
	border: 1px solid #ddd; 
	box-sizing:border-box; 
	flex:1; 
	width:auto !important;
	/*margin-top:10px;*/
	display:flex;
}

.datagrid-view1{
	position:initial;
}
.datagrid-view2 {
	position: initial;
	flex: 1;
}
/* 表格样式重写 */
.datagrid-htable{
	height:40px;
}
.datagrid-row{
	height:34px;
}

/* 弹窗样式重写 */
.window {
	/*background: linear-gradient(to bottom, #336ae4 0, #336ae4 100%) !important;*/
	background: #fff !important;
	padding: 10px;
	border-color:#fff;
}
.window .panel-title{
	height:24px; 
	line-height:24px;
	font-size:17px;   
	font-weight:bold;
}
.window, .window .window-body{
	border-color:#fff;
}
.dialog-button {
	border-color: #fff;
}
.dialog-toolbar, .dialog-button{
	background:#fff;
}

.window .panel-tool-close {
	background: initial;
	background-image: url(../Images/theme-blue/colse1.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: center center;
} 
.window .panel-tool a:hover{
	background-color: transparent;
}
/* 表格样式调整 */
.datagrid-header {
	background: linear-gradient(to bottom, #F0F4FF 0, #F0F4FF 100%);
	border-color: #F0F4FF;
	font-weight:bold;
}
.datagrid-header td, .datagrid-body td, .datagrid-footer td{
	border-color: #c2cadf;
}
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{
	font-size:13px;
	color:#444;
}
.datagrid-header .datagrid-cell span {
	font-size: 13px;
	color: #333;
}

.table_btns {
	display: flex;
	align-items: center;
	justify-content: center;
}
.table_btn {
	/*color: #5657f5;*/
	color :#4245c8;
	padding: 0 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 12px;
}
.table_btn img{
	width:14px;
	height:14px;
	margin-right:3px;
}
.table_btn img.del{
	width:12px;
	height:12px;
	filter:opacity(.6);
}
.table_btn img.manage{
	width:12px;
	height:12px;
}
.table_btn:hover {
	text-decoration: underline;
	opacity: .65;
}
.st_tag{
	width:55px;
	height:22px;
	padding:0 6px;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	display:inline-block;
	line-height:22px;
	text-align:center;
}
input.easyui-combobox,
input.easyui-datebox,
input.easyui-datetimebox,
select.easyui-combobox,
select.easyui-datebox,
select.easyui-datetimebox {
	visibility: hidden;
}
.impBox .tit{
	font-size:13px !important; 
}
.impBox .textbox-addon {
	width: 25px;
}
.impBox .imp .combo{
	box-sizing:border-box; 
	width:100% !important; 
	box-sizing:border-box;
}
.impBox .textbox-icon {
	width: 25px !important;
	background-color:#f7f7f7;
}
.combo-arrow {
	background: url(/Js/easyui-1.4.4/themes/default/images/combo_arrow.png) no-repeat center right 5px;
}
.line {
	display: flex;
	align-items: center;
	height: 50px;
	border-bottom: 1px dashed #e7e7e7;
	box-sizing: border-box;
} 

.line:hover .col{
    color:#17c576;
}
.impBox:focus-within .col{
    color:#17c576;
}
.impBox.read{
    background-color:#F5F7FA;
}
.impBox.read .imp .mycombo{
    background-color:#F5F7FA;
} 
.impBox.read .imp .combo{
    background-color:#F5F7FA;
} 
.impBox.requ{
    position:relative;
}
.impBox.requ .textbox-addon{
    right:2px !important;
}
.impBox.requ::after{
    content:'*';
    position:absolute;
    top:50%; right:5px;
    transform:translateY(-50%);
    color:#ff0000;
}
 
.line.head{
    background-color:#F0F4FF;
    border-bottom:0;
    height:40px; 
} 
.line.head .col{ color:#262626; }
.line.over{
    background-color:#e7fbf3;
}
.line.have{
    background-color:#fdf8e9;
} 
.line .col{
    flex:1; 
    display:flex;
    align-items:center;
    justify-content:center; 
    height:100%;
    padding:0 10px; 
    color:#666666;
}
.line .col.fno{
	flex:initial;
	width:30px;
}
.line .col.hid{
    display:none;
}
.line .col.f05{
    flex:0.5;
}
.line .col.f2{
    flex:2;
}
.line .col.f3{
    flex:3;
}
.line .col.check-col{
    flex:initial;
    width:40px;
}
.line .col.check-col input{
    cursor:pointer;
    width:16px;
    height:16px;
}
.line .col.copy{
    width:30px;
    box-sizing:border-box;
}
.line .col.copy .copy-parcel{
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.line .col.copy .copy-parcel img{
    width:16px;
    height:16px;
}
.tbody .edit-input {
	width: 90%;
	border: 0px;
	/*border-bottom:1px solid #4245c8;*/
	height: 30px;
	text-align: right;
	padding-right: 20px;
	background-color: #e5e5ff;
	position: relative;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* 修改垂直滚动条 */
::-webkit-scrollbar {
	width: 12px; /* 修改宽度 */
	height: 15px;
	cursor:pointer;
}

/* 修改滚动条轨道背景色 */
::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

/* 修改滚动条滑块颜色 */
::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius:6px;
}

/* 修改滚动条滑块悬停时的颜色 */
::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}
/** 通用按钮样式 */
.button {
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 26px;
	font-size: 12px;
	border-radius: 4px;
	background-color: #4245c8;
	color: #fff;
	padding: 0 20px;
	cursor: pointer;
}
.button:hover{
	opacity:0.8;
}
.messager-icon{
	display:none;
}
/* 一些纯 css 绘制的图标 */
.more-icon {
	width: 18px;
	height: 18px;
	position: relative;
	cursor: pointer;
}

/* 两个“直角” */
.more-icon::before,
.more-icon::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-color: #777;
	border-style: solid; 
	border-width: 1px 0 0 1px; 
	transform: rotate(225deg);
}
.more-icon::before,
.more-icon::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-color: #777;
	border-style: solid; 
	border-width: 1px 0 0 1px; 
	transform: rotate(225deg);
} 
.more-icon:hover::before,
.more-icon:hover::after {
    border-color: #4245c8;
} 

/* 上层直角 */
.more-icon::before {
	top: -1px;
	left: 5px;   
} 
/* 下层直角 */
.more-icon::after {
	top: 4px;
	left: 5px;  
} 
.more-icon.down{ }
.more-icon.up{
	transform: rotate(180deg);
} 
.more-icon.left {
	transform: rotate(90deg);
}
.more-icon.right {
	transform: rotate(270deg);
}

.trash-icon {
	display: inline-block;
	width: 10px;
	height: 9px;
	border: 1.5px solid currentColor;
	border-top: 0;
	border-radius: 0 0 2px 2px;
	position: relative;
	box-sizing: border-box;
	vertical-align: middle;
	margin-right:5px;
	top:2px;
	/* 桶身竖条纹 */
	background: linear-gradient( to right, transparent 25%, currentColor 25%, currentColor 35%, transparent 35%, transparent 65%, currentColor 65%, currentColor 75%, transparent 75% );
}

/* 桶盖 */
.trash-icon::before {
	content: "";
	position: absolute;
	width: 12px;
	height: 1.5px;
	background: currentColor;
	left: -2px;
	top: -3px;
}

/* 桶把手 */
.trash-icon::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 1.5px;
	background: currentColor;
	left: 1.5px;
	top: -5px;
}

/* 点击SKU编码 预览 */
.imgPreviewLabel {
	cursor: pointer;
	text-decoration: underline;
}
.imgPreviewLabel:hover{
	color:#4245c8; 
}
