/*
该文件定义了系统中通用的样式以及sz.utils中某些控件或者方法需要用到的样式
@author chenpw@gmail.com
@createdate 2012/4/10
------------------------------------------------------------------------*/
/*页面的缺省布局方式*/
html,
body {
  width: 100%;
  height: 100%;
  border: none;
  /**
	20121215 xh
		by mxm:报表中设置字体为9px无效，chrome会自动调整它为12px。chrome会调整所有小于12px的字体为12px。
		解决办法：设置-webkit-text-size-adjust为none，禁用这个调整。
	 */
  -webkit-text-size-adjust: none;
  /**
	20160930 xh
		问题：ipad mini上面点击菜单的时候，整个菜单会闪一下。
		这里禁用掉这个就可以了。
	*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* make transparent link selection, adjust last value opacity 0 to 1.0 */
  /*
	20120613 chenpw@gmail.com
	问题：监听window的scrollTop事件时发现在webkit内核的浏览器上无法正确获取scrollTop的值
	原因：设置了overflow样式后会引起的
	解决办法：如果是必须的，可以将样式设置在body元素上
	*/
}
body,
input,
textarea,
button,
pre {
  font-size: 12px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "LiHei Pro Medium", "Apple LiGothic Medium", "Microsoft YaHei", Helvetica, Arial, Verdana, sans-serif;
  *font-family: "LiHei Pro Medium", "Apple LiGothic Medium", "Microsoft YaHei", Helvetica, Arial, Verdana, sans-serif;
}
input::-ms-clear {
  display: none;
}
/**
 一些常用的DOM元素无间隔与留白

chg by mxm at 20120816
报表设计器中该样式非常影响性能，尤其是td和th，所以此处去掉

20120823 xh
问题：在实现表单时发现input输入框没有默认的margin。导致输入框和下面的文字贴得比较紧。
input输入框使用默认的margin、padding会更好，有些需要用到input输入框的控件可能要求它的margin、padding为0，那么这些控件要自己设置input的margin、padding。
因为大部分情况input输入框都是作为表单的一个元素，这些情况都需要使用默认样式。
包括textarea、select也是一样，不设置它们的margin、padding为0.
*/
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
button,
p,
blockquote {
  margin: 0;
  padding: 0;
}
fieldset,
img {
  border: 0;
}
li {
  list-style: none;
}
table {
  border-collapse: collapse;
}
form {
  display: block;
}
a:link,
a:active,
a:visited,
a:hover {
  color: #0000ff;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
/*文本控件，如省略、不换行等
------------------------------------------------------------------------*/
/*省略过长的内容*/
.text-ellipsis {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*输出的内容超过所限定的尺寸时，文字将会在边界内自动换行*/
.wordwrap,
.wrap {
  text-wrap: wrap;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  *white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
/*文字换行，流式布局*/
.normalwrap {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
/*文字不换行*/
.nowrap {
  white-space: nowrap;
  word-wrap: normal;
  word-break: keep-all;
}
/*定义了webkit内核的浏览器滚动栏样式
20120613 chenpw@gmail.com
原因：滚动条还是符合各自系统的最好，无需特别针对webkit而在window系统上进行滚动栏的样式修改
------------------------------------------------------------------------*/
/*
------------------------------------------------------------------------*/
/*
该样式定义了等待提示面板的缺省显示外观，其DOM结构定义如下：

	<div class="sz-waiting-panel">
		<div class="content"/>
		<div class="background"/>
	</div>
	
@author chenpw@gmail.com
@createdate 2012/4/10
------------------------------------------------------------------------*/
.sz-waiting-panel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 80px;
  /*
	20120418 chenpw@gmail.com
	将提示面板置于所有控件的最顶层
	*/
  z-index: 900001;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#7c7c7c, direction=120, strength=3);
  -webkit-box-shadow: 2px 2px 10px #7c7c7c;
  -moz-box-shadow: 2px 2px 10px #7c7c7c;
  -ms-box-shadow: 2px 2px 10px #7c7c7c;
  -o-box-shadow: 2px 2px 10px #7c7c7c;
  box-shadow: 2px 2px 10px #7c7c7c;
  -webkit-border-radius: 15px ;
  -moz-border-radius: 15px ;
  -o-border-radius: 15px ;
  border-radius: 15px ;
  /*
	20131223 zhuchx
	问题:等待面板没有显示转圈的动画
	原因:这里设置content背景时直接用background:transparent no-repeat left center优先级比等待的背景background: transparent url(images/animate/32x32-waiting.gif) no-repeat center center;优先级高
		覆盖了转圈的样式，导致没有显示出等待的图标
	处理:这里分开设置背景样式即可
	*/
}
.sz-waiting-panel .content {
  display: table-cell;
  position: absolute;
  padding: 0 40px;
  color: #ffffff;
  height: 80px;
  line-height: 80px;
  z-index: 2;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  /* prevent callout to copy image, etc when tap to hold */
  /* make transparent link selection, adjust last value opacity 0 to 1.0 */
  /* prevent webkit from resizing text to fit */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  /* prevent callout to copy image, etc when tap to hold */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* make transparent link selection, adjust last value opacity 0 to 1.0 */
  -webkit-text-size-adjust: none;
  /* prevent webkit from resizing text to fit */
}
.sz-waiting-panel .background {
  position: relative;
  background: #000000;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 15px ;
  -moz-border-radius: 15px ;
  -o-border-radius: 15px ;
  border-radius: 15px ;
}
/*
简单等待面板样式
使用这个样式的等待面板，大体是嵌在控件里的，如：
对话框
*/
.sz-waiting-panel-simple {
  position: relative;
  top: 50%;
  left: 50%;
  text-align: center;
  background: transparent no-repeat center center;
}
/**
 * 禁止firefox的默认html选取功能
 * add by mxm at 20120710
 **/
.noselect-firefox {
  -moz-user-focus: ignore;
  /*
    	20121025 wangyg
    	现象 ： firefox上设计报表时属性栏上修改内容没有被保存
    	原因 ： 在属性栏上修改内容之后，要触发change事件将内容保存起来，但是在设计器mousedown的时候,selector.js中的相关代码会设置body的
    	样式为noselect-firefox，其中的-moz-user-input禁止输入内容，因此输入框无法输入了，也就无法触发change事件
    	解决 ： 这里的样式主要是解决，框选的时候firefox上有阴影的问题，-moz-user-input并没有实际的作用，再次删除之
     	-moz-user-input:   disabled; 
    */
  -moz-user-select: none;
}
/**
 * chg by mxm at 20120815
 * 设置dom节点的disabled属性后给该dom节点加上sz-component-disabled样式类，之前是通过属性选择器来设置的，
 * 现在考虑性能改为了类名选择器
 **/
.sz-component-disabled {
  /*0.3太浅了，所以这里将其调整为0.4
	  20140805 xh 0.4也太浅了，改成0.6.参见BI-11143
	*/
  filter: alpha(opacity=60);
  opacity: 0.6;
  cursor: default;
  /*有可能光标是手形或者其它的，这里将其统一成缺省的*/
  font-family: simsun\0/;
}
/**
不显示
szwf控件有disabled和visible两个通用参数，它们分别对应sz-component-disabled和sz-component-invisible
20140505 xh
checkbox控件使用本样式之后并没有被隐藏，原因是.sz-commons-checkbox设置了display:inline-block，而.sz-commons-checkbox是后加载的，优先级要高。
解决办法：前面增加一个html元素选择符以增加权重。（？是否要改成style="display:none"来实现元素的隐藏待检验）
20140505 xh
根据yk的意见，控件的visible参数还是用style="display:none"来实现隐藏
*/
/**
 * chg by mxm at 20121026
 * 控件被拖拽的时候默认的虚线框样式
 */
#default_drag_move_cursor_dom {
  position: absolute;
  border: 1px dashed #037EFF;
  z-index: 9999;
}
/*
完备的border-box写法
20121200 yul
	系统里很多系统都在用这个样式，写法各种各样；在这里提供一种完备的写法；
*/
.border-box,
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.content-box,
.contentBox {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
/*
20121226 yul
	修改：增加公用的空（也就是透明）背景图片；
	原因：一般是用在透明的div上，让其可以在IE上接受事件；
*/
.nullBg {
  background-image: url(/static-file/v_/system/skin/default/images/null.gif);
}
/*
隐藏一个元素的样式；
20130403 yul
	说明：和display:none不同的是，这样可以避免带有flash的元素在显示后重新播放flash；
	详情：参考jQuery.fn.hiddenByVisibility中关于ISSUE BI-4737的注释；
			visibility: hidden;和position: absolute;总是该配套使用；
20150826 zhuchx
只用sz-visibility-hidden优先级太低，非常容易被覆盖，增加两个样式，提高优先级
*/
.sz-visibility-hidden,
.sz-commons-component.sz-commons-component-visibility.sz-visibility-hidden {
  visibility: hidden;
  position: absolute;
  left: -20000px;
  top: -20000px;
}
/*隐藏一个元素*/
.display-none {
  display: none;
}
/*让字体粗体*/
.font-bold {
  font-weight: bold;
}
/*让字体是红色*/
.font-red {
  color: red;
}
/*让字体是绿色*/
.font-green {
  color: green;
}
.utils-image-waiting {
  position: absolute;
  z-index: 2000000000;
  left: 50%;
  top: 50%;
  margin: -16px 0 0 -16px;
}
.utils-disablepanel {
  position: absolute;
  z-index: 1999999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}
.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  /* prevent callout to copy image, etc when tap to hold */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* make transparent link selection, adjust last value opacity 0 to 1.0 */
  -webkit-text-size-adjust: none;
  /* prevent webkit from resizing text to fit */
}
.succez-disable-panel {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  overflow: hidden;
  cursor: default;
}
/*spinPulse*/
@-webkit-keyframes spinPulse {
  0% {
    -webkit-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #2187e7;
  }
  50% {
    -webkit-transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-320deg);
    opacity: 0;
  }
}
@-moz-keyframes spinPulse {
  0% {
    -moz-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #2187e7;
  }
  50% {
    -moz-transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(-320deg);
    opacity: 0;
  }
}
@-o-keyframes spinPulse {
  0% {
    -o-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #2187e7;
  }
  50% {
    -o-transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    -o-transform: rotate(-320deg);
    opacity: 0;
  }
}
@keyframes spinPulse {
  0% {
    transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #2187e7;
  }
  50% {
    transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    transform: rotate(-320deg);
    opacity: 0;
  }
}
/*spinoffPulse*/
@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinoffPulse {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spinoffPulse {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes spinoffPulse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body table.borderCollapseSeparate {
  border-collapse: separate;
}
/* 不自动换行 */
.sz-commons-nowrap {
  white-space: nowrap;
  word-wrap: normal;
  word-break: keep-all;
}
/* 自动换行 */
.sz-commons-wrap {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.sz-absolute {
  position: absolute;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* word用html显示时的样式 */
.resource-content-docx,
.resource-content-doc {
  position: relative;
  min-width: 840px;
  height: 100%;
  background: #FFFFFF;
}
.resource-doc-container {
  position: relative;
  left: 0px;
  top: 0px;
  padding: 96px 120px;
  background: #FFFFFF;
}
.resource-content-embed,
.resource-content-xlsx,
.resource-content-xls {
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.resource-text {
  padding-top: 5px;
  padding-left: 12px;
  padding-right: 12px;
}
.resource-exception,
.resource-nopermission,
.resource-notexist,
.resource-notsupport {
  position: relative;
  display: table-row;
}
.resource-icon {
  display: table-cell;
  vertical-align: middle;
}
.resource-message {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 300px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.sz-watermark {
  background-image: url(/static-file/v_/system/skin/default/images/sz-watermark.png) !important;
  opacity: 0.9!important;
}
/*
该样式定义了一些通用的图标
@author chenpw@gmail.com
@createdate 20120608
------------------------------------------------------------------------*/
/*
图标显示时用到的缺省定义，对于16x16像素大小的图标可以直接使用，而小于这个尺寸的则需要调整top与left
*/
.sz-app-icon {
  position: absolute;
  display: block;
  line-height: normal;
  width: 16px;
  height: 16px;
}
.sz-app-icon-null,
.sz-app-icon-refresh,
.sz-app-icon-clear,
.sz-app-icon-clone,
.sz-app-icon-copy,
.sz-app-icon-copy2,
.sz-app-icon-close,
.sz-app-icon-reset,
.sz-app-icon-return,
.sz-app-icon-upload,
.sz-app-icon-download,
.sz-app-icon-help,
.sz-app-icon-add,
.sz-app-icon-add2,
.sz-app-icon-publish， .sz-app-icon-edit,
.sz-app-icon-save,
.sz-app-icon-remove,
.sz-app-icon-move-to,
.sz-app-icon-move-down,
.sz-app-icon-move-up,
.sz-app-icon-search,
.sz-app-icon-tools,
.sz-app-icon-more,
.sz-app-icon-submit,
.sz-app-icon-cancel,
.sz-app-icon-rename,
.sz-app-icon-setup,
.sz-app-icon-run,
.sz-app-icon-stop,
.sz-app-icon-dialog-max,
.sz-app-icon-dialog-max2,
.sz-app-icon-dialog-min,
.sz-app-icon-dialog-restore,
.sz-app-icon-dialog-restore2,
.sz-app-icon-info {
  background: transparent no-repeat left top;
  width: 16px;
  height: 16px;
  overflow: hidden;
  display: block;
  float: left;
}
/*20140213 yul
	由于按钮允许设置一个图片的url作为图标，所以提供了这么一个空图标样式，将image的空留给url去填；
	又，外部图标未必总是16*16，所以设置成center center保证美观
*/
.sz-app-icon-null {
  background: transparent no-repeat center center;
}
/*新增、添加*/
.sz-app-icon-add {
  background-image: url(/static-file/v_/system/skin/default/images/icons/add.png);
}
/*发布按钮*/
.sz-app-icon-publish {
  background-image: url(/static-file/v_/system/skin/default/images/icons/publish.png);
}
/*新增、添加第二种效果*/
.sz-app-icon-add2 {
  background-image: url(/static-file/v_/system/skin/default/images/icons/add2.png);
}
/*编辑、修改*/
.sz-app-icon-edit {
  background-image: url(/static-file/v_/system/skin/default/images/icons/edit.png);
}
/*移动到*/
.sz-app-icon-move-to {
  background-image: url(/static-file/v_/system/skin/default/images/icons/move-to.png);
}
/*向下移动*/
.sz-app-icon-move-down {
  background-image: url(/static-file/v_/system/skin/default/images/icons/move-down.png);
}
/*向上移动*/
.sz-app-icon-move-up {
  background-image: url(/static-file/v_/system/skin/default/images/icons/move-up.png);
}
/*删除*/
.sz-app-icon-remove {
  background-image: url(/static-file/v_/system/skin/default/images/icons/remove.png);
}
/*搜索、查找*/
.sz-app-icon-search {
  background-image: url(/static-file/v_/system/skin/default/images/icons/search.png);
}
/*折叠收起*/
.sz-app-icon-collapse {
  background-image: url(/static-file/v_/system/skin/default/images/icons/collapse.png);
}
/*工具*/
.sz-app-icon-tools {
  background-image: url(/static-file/v_/system/skin/default/images/icons/tools.png);
}
/*更多*/
.sz-app-icon-more {
  background-image: url(/static-file/v_/system/skin/default/images/icons/more.png);
}
/*重命名*/
.sz-app-icon-rename {
  background-image: url(/static-file/v_/system/skin/default/images/icons/rename.png);
}
/*保存*/
.sz-app-icon-save {
  background-image: url(/static-file/v_/system/skin/default/images/icons/save.png);
}
/*确定*/
.sz-app-icon-submit {
  background-image: url(/static-file/v_/system/skin/default/images/icons/submit.png);
}
/*取消*/
.sz-app-icon-cancel {
  background-image: url(/static-file/v_/system/skin/default/images/icons/cancel.png);
}
/*取消*/
.sz-app-icon-setup {
  background-image: url(/static-file/v_/system/skin/default/images/icons/setup.png);
}
/*运行*/
.sz-app-icon-run {
  background-image: url(/static-file/v_/system/skin/default/images/icons/run.gif);
}
/*停止*/
.sz-app-icon-stop {
  background-image: url(/static-file/v_/system/skin/default/images/icons/stop.png);
}
/*克隆*/
.sz-app-icon-clone {
  background-image: url(/static-file/v_/system/skin/default/images/icons/clone.png);
}
/*复制*/
.sz-app-icon-copy {
  background-image: url(/static-file/v_/system/skin/default/images/icons/copy.png);
}
/*复制2*/
.sz-app-icon-copy2 {
  background-image: url(/static-file/v_/system/skin/default/images/icons/copy2.png);
}
/*关闭*/
.sz-app-icon-close {
  background-image: url(/static-file/v_/system/skin/default/images/icons/close.png);
}
/*重置*/
.sz-app-icon-reset {
  background-image: url(/static-file/v_/system/skin/default/images/icons/reset.png);
}
/*返回*/
.sz-app-icon-return {
  background-image: url(/static-file/v_/system/skin/default/images/icons/return.png);
}
/*上传*/
.sz-app-icon-upload {
  background-image: url(/static-file/v_/system/skin/default/images/icons/upload.png);
}
/*下载*/
.sz-app-icon-download {
  background-image: url(/static-file/v_/system/skin/default/images/icons/download.png);
}
/*帮助*/
.sz-app-icon-help {
  background-image: url(/static-file/v_/system/skin/default/images/icons/help.png);
}
/*刷新*/
.sz-app-icon-refresh {
  background-image: url(/static-file/v_/system/skin/default/images/icons/refresh.png);
}
/*清除*/
.sz-app-icon-clear {
  background-image: url(/static-file/v_/system/skin/default/images/icons/clear.png);
}
/*最大化*/
.sz-app-icon-dialog-max {
  background-image: url(/static-file/v_/system/skin/default/images/icons/max.png);
}
/*最大化2*/
.sz-app-icon-dialog-max2 {
  background-image: url(/static-file/v_/system/skin/default/images/icons/max2.png);
}
/*最小化*/
.sz-app-icon-dialog-min {
  background-image: url(/static-file/v_/system/skin/default/images/icons/min.png);
}
/*恢复最大化*/
.sz-app-icon-dialog-restore {
  background-image: url(/static-file/v_/system/skin/default/images/icons/restore.png);
}
/*恢复最大化*/
.sz-app-icon-dialog-restore2 {
  background-image: url(/static-file/v_/system/skin/default/images/icons/restore2.png);
}
/*提示信息*/
.sz-app-icon-info {
  background-image: url(/static-file/v_/system/skin/default/images/icons/info.png);
}
.sz-app-icon-dialog-info,
.sz-app-icon-dialog-success,
.sz-app-icon-dialog-warning,
.sz-app-icon-dialog-confirm,
.sz-app-icon-dialog-disconnection {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  width: 60px;
  height: 60px;
  overflow: hidden;
  display: block;
  float: left;
}
.sz-app-icon-dialog-error {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  width: 52px;
  height: 46px;
  overflow: hidden;
  display: block;
  float: left;
}
/*对话框中的信息提示图片*/
.sz-app-icon-dialog-info {
  background-image: url(/static-file/v_/system/skin/default/images/dialog-info.png);
}
/*对话框中的成功图片*/
.sz-app-icon-dialog-success {
  background-image: url(/static-file/v_/system/skin/default/images/dialog-success.png);
}
/*对话框中的错误图片*/
.sz-app-icon-dialog-error {
  background-image: url(/static-file/v_/system/skin/default/images/dialog-error.png);
}
/*对话框中的警告图片*/
.sz-app-icon-dialog-warning {
  background-image: url(/static-file/v_/system/skin/default/images/dialog-warning.png);
}
/*对话框中的确认图片*/
.sz-app-icon-dialog-confirm {
  background-image: url(/static-file/v_/system/skin/default/images/dialog-confirm.png);
}
.sz-app-icon-dialog-disconnection {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIGSURBVGhD7ZldTsJAFIUnuBB4AV9dCm7C/bgB49LcgQ34gNGk9uBpcmCG/sitty3zJSepnSvnu9YH0JDJZDKZzEQ4LO+2h+Wi+FwtyjEELnCinj1jWrYOnKhnjxZ5oh4I9ezREk/UA6GePVriiXog1LNHSzxRD4R69miJJ+qBUM8eLfFEPRDq2aMlnqgHQj17tMQT9UCoZ4+WeKIeCPXs0RJP1AOhnj1a4ol6INSzR0s8UQ+EevZoiSfqgVDPHi3xRD0Q6tmjJZ6oB0I9e7TEE/VAqGePlniiHgj17NEST9QDoZ49WuKJeiDUs0dLPFEPhHr2nBeNJdSzJ1XWN19Pj3xO5fE6NdM31LMnVdY33y/PXLc8Xqdm+oZ69qTK+mZST/jm/hB/c/9qsWK/CSXCL+dPXnju3MzCu03Y1svWwT0et/J+H1a8bKXP7GDs1uEtWri6x+NGqh/MazVffKzDA29dBDOYxffwlg+6qIbHF8HTquYKzjcuXS9bz7o+aUpE4XEj54uklu4y869QJAqPW2laaHTLAspE4XEnUouNcllAoSg87szJguuwP+b3ta5bli8yu3C9mNTwHML1hidVjvC4M4P9SltDqSg87sTJslwwdY/jvlAoCo9baVpslEtTJgqPG+my0OiW/ut76cm+tbzm09IkPzxcS5+n5fpkM5lMZhhC+AGQQ63+8rdcIQAAAABJRU5ErkJggg==");
  *display: none;
  *width: 0;
}
.icon-waiting,
.icon-16x16-waiting,
.icon-loading,
.icon-16x16-loading,
.icon-32x32-waiting,
.icon-32x32-loading,
.icon-32x32-success {
  background: transparent no-repeat center center;
  width: 16px;
  height: 16px;
}
.icon-32x32-waiting,
.icon-32x32-loading,
.icon-32x32-success {
  width: 32px;
  height: 32px;
}
/*
16x16像素的等待动画图标
*/
.icon-waiting,
.icon-16x16-waiting,
.icon-loading,
.icon-16x16-loading {
  background-image: url(/static-file/v_/system/skin/default/images/animate/16x16-waiting.gif);
}
/*
32x32像素的等待动画图标
*/
.icon-32x32-waiting,
.icon-32x32-loading {
  background-image: url(/static-file/v_/system/skin/default/images/animate/32x32-waiting.gif);
}
/*
32x32像素的打勾动画图标
*/
.icon-32x32-success {
  background-image: url(/static-file/v_/system/skin/default/images/animate/32x32-success.gif);
}
.icon-clean,
.icon-16x16-clean,
.icon-remove,
.icon-16x16-remove,
.icon-nextarrow,
.icon-16x16-nextarrow,
.icon-prevarrow,
.icon-16x16-prevarrow,
.icon-next,
.icon-prev,
.icon-leftarrow-gray,
.icon-rightarrow-gray,
.icon-leftarrow-blue,
.icon-rightarrow-blue {
  background: transparent no-repeat center center;
  width: 16px;
  height: 16px;
}
/*
16x16像素的清除图标
*/
.icon-clean,
.icon-16x16-clean {
  background-image: url(/static-file/v_/system/skin/default/images/16x16-clean.png);
}
/*
16x16像素的删除图标
*/
.icon-remove,
.icon-16x16-remove {
  background-image: url(/static-file/v_/system/skin/default/images/16x16-remove.gif);
}
/*
16x16像素的右箭头
*/
.icon-nextarrow,
.icon-16x16-nextarrow {
  background-image: url(/static-file/v_/system/skin/default/images/16x16-nextarrow.gif);
}
/*
16x16像素的左箭头
*/
.icon-prevarrow,
.icon-16x16-prevarrow {
  background-image: url(/static-file/v_/system/skin/default/images/16x16-prevarrow.gif);
}
.icon-leftarrow-gray {
  background-image: url(/static-file/v_/system/skin/default/images/leftarrow-gray.png);
}
.icon-rightarrow-gray {
  background-image: url(/static-file/v_/system/skin/default/images/rightarrow-gray.png);
}
.icon-leftarrow-blue {
  background-image: url(/static-file/v_/system/skin/default/images/leftarrow-blue.png);
}
.icon-rightarrow-blue {
  background-image: url(/static-file/v_/system/skin/default/images/rightarrow-blue.png);
}
/*下一步*/
.icon-next {
  background-image: url(/static-file/v_/system/skin/default/images/next.png);
}
/*上一步*/
.icon-prev {
  background-image: url(/static-file/v_/system/skin/default/images/prev.png);
}
/*
传统型的上下小箭头
*/
.icon-arrow,
.icon-arrow-up {
  background: transparent no-repeat center center;
  width: 7px;
  height: 4px;
}
/*
传统型的下箭头
*/
.icon-arrow {
  background-image: url(/static-file/v_/system/skin/default/images/arrow.png);
}
/*
传统型的上箭头
*/
.icon-arrow-up {
  background-image: url(/static-file/v_/system/skin/default/images/arrow-up.png);
}
.icon-white-arrow,
.icon-white-arrow-up {
  background: transparent no-repeat center center;
  width: 5px;
  height: 3px;
}
/*
传统型的下箭头
*/
.icon-white-arrow {
  background-image: url(/static-file/v_/system/skin/default/images/white-arrow.png);
}
/*
传统型的上箭头
*/
.icon-white-arrow-up {
  background-image: url(/static-file/v_/system/skin/default/images/white-arrow-up.png);
}
/*
其它类型的上下箭头
*/
.icon-arrow2,
.icon-arrow-up2,
.icon-arrow3,
.icon-arrow-up3 {
  background: transparent no-repeat center center;
  width: 12px;
  height: 6px;
}
/*
箭头效果二
*/
.icon-arrow2 {
  background-image: url(/static-file/v_/system/skin/default/images/arrow2.png);
}
.icon-arrow-up2 {
  background-image: url(/static-file/v_/system/skin/default/images/arrow-up2.png);
}
/*
箭头效果三
*/
.icon-arrow3 {
  background-image: url(/static-file/v_/system/skin/default/images/arrow3.png);
}
.icon-arrow-up3 {
  background-image: url(/static-file/v_/system/skin/default/images/arrow-up3.png);
}
/*
双层箭头
*/
.icon-arrow4,
.icon-arrow-up4 {
  background: transparent no-repeat;
  width: 16px;
  height: 16px;
}
.icon-arrow4 {
  background-image: url(/static-file/v_/system/skin/default/images/arrow4.png);
}
.icon-arrow-up4 {
  background-image: url(/static-file/v_/system/skin/default/images/arrow-up4.png);
}
/*
标识非法的图标
*/
.icon-invalid {
  background: transparent no-repeat;
  background-image: url(/static-file/v_/system/skin/default/images/invalid.png);
  width: 200px;
  height: 3px;
}
/*
标识非法的图标
*/
.icon-invalid {
  background: transparent no-repeat;
  background-image: url(/static-file/v_/system/skin/default/images/invalid.png);
  width: 200px;
  height: 3px;
}
.icon-bigAdd {
  background: transparent no-repeat right;
  background-image: url(/static-file/v_/system/skin/default/images/bigAdd.png);
  width: 18px;
  height: 19px;
}
.icon-bigDel {
  background: transparent no-repeat center right;
  background-image: url(/static-file/v_/system/skin/default/images/bigDel.png);
  width: 18px;
  height: 19px;
}
.sz-app-mimetype-bmp {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/bmp_16x16.png);
}
.sz-app-mimetype-class {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/class_16x16.png);
}
.sz-app-mimetype-css {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/css_16x16.png);
}
.sz-app-mimetype-csv {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/csv_16x16.png);
}
.sz-app-mimetype-doc {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/doc_16x16.png);
}
.sz-app-mimetype-docx {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/docx_16x16.png);
}
.sz-app-mimetype-ftl {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/ftl_16x16.png);
}
.sz-app-mimetype-ftl {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/ftl_16x16.png);
}
.sz-app-mimetype-gif {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/gif_16x16.png);
}
.sz-app-mimetype-htm {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/htm_16x16.png);
}
.sz-app-mimetype-html {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/htm_16x16.png);
}
.sz-app-mimetype-java {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/java_16x16.png);
}
.sz-app-mimetype-jpg {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/jpg_16x16.png);
}
.sz-app-mimetype-js {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/js_16x16.png);
}
.sz-app-mimetype-mht {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/mht_16x16.png);
}
.sz-app-mimetype-pdf {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/pdf_16x16.png);
}
.sz-app-mimetype-png {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/png_16x16.png);
}
.sz-app-mimetype-ppt {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/ppt_16x16.png);
}
.sz-app-mimetype-pptx {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/pptx_16x16.png);
}
.sz-app-mimetype-rpt {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/rpt_16x16.png);
}
.sz-app-mimetype-rtf {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/rtf_16x16.png);
}
.sz-app-mimetype-txt {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/txt_16x16.png);
}
.sz-app-mimetype-unknown {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/unknown_16x16.png);
}
.sz-app-mimetype-xls {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/xls_16x16.png);
}
.sz-app-mimetype-xlsx {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/xlsx_16x16.png);
}
.sz-app-mimetype-xml {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/xml_16x16.png);
}
.sz-app-mimetype-zip {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/zip_16x16.png);
}
.sz-app-mimetype-rar {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/zip_16x16.png);
}
.sz-app-mimetype-video {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/video_16x16.png);
}
.sz-app-mimetype-rmvb {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/video_16x16.png);
}
.sz-app-mimetype-mov {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/video_16x16.png);
}
.sz-app-mimetype-rm {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/video_16x16.png);
}
.sz-app-mimetype-3gp {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/video_16x16.png);
}
.sz-app-mimetype-mp4 {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/video_16x16.png);
}
.sz-app-mimetype-mov {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/video_16x16.png);
}
.sz-app-mimetype-asf {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/video_16x16.png);
}
.sz-app-mimetype-flv {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/video_16x16.png);
}
.sz-app-mimetype-voice {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/voice_16x16.png);
}
.sz-app-mimetype-mp3 {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/voice_16x16.png);
}
.sz-app-mimetype-wav {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/voice_16x16.png);
}
.sz-app-mimetype-wma {
  background-image: url(/static-file/v_/system/skin/default/images/mimetype/voice_16x16.png);
}
/*
该文件定义了box布局控件需要用到的样式，所用样式参考至ez-css
@author chenpw@gmail.com
@createdate 20121122
------------------------------------------------------------------------*/
.sz-commons-box-oh {
  overflow: hidden;
}
.sz-commons-box-oa {
  overflow: auto;
}
.sz-commons-box {
  clear: left;
}
.sz-commons-box,
.sz-commons-box-section,
.sz-commons-box-last {
  position: relative;
  display: block;
}
/*清除浮动*/
.sz-commons-box:after,
.sz-commons-box-section:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
/*居左浮动排列*/
.sz-commons-box-fl {
  float: left;
}
/*居右浮动排列*/
.sz-commons-box-fr {
  float: right;
}
/*
下列样式多用于通过参数size来设定，例如：
{code}
	<@box horz=true>
		<@box size=20></@box>
		<@box size=30></@box>
		<@box></@box>
	</@box>
{code}
*/
.sz-commons-box-10 {
  width: 10%;
}
.sz-commons-box-15 {
  width: 15%;
}
.sz-commons-box-20 {
  width: 20%;
}
.sz-commons-box-25 {
  width: 25%;
}
.sz-commons-box-30 {
  width: 30%;
}
.sz-commons-box-33 {
  width: 33.33%;
}
.sz-commons-box-35 {
  width: 35%;
}
.sz-commons-box-40 {
  width: 40%;
}
.sz-commons-box-45 {
  width: 45%;
}
.sz-commons-box-50 {
  width: 50%;
}
.sz-commons-box-55 {
  width: 55%;
}
.sz-commons-box-60 {
  width: 60%;
}
.sz-commons-box-65 {
  width: 65%;
}
.sz-commons-box-66 {
  width: 66.66%;
}
.sz-commons-box-70 {
  width: 70%;
}
.sz-commons-box-75 {
  width: 75%;
}
.sz-commons-box-80 {
  width: 80%;
}
.sz-commons-box-85 {
  width: 85%;
}
/*sz.commons.html.divtable控件的样式*/
.sz-commons-html-divtable {
  display: table;
}
/*sz.commons.html.divtr控件的样式*/
.sz-commons-html-divtr {
  display: table-row;
}
/*sz.commons.html.divtd控件的样式*/
.sz-commons-html-divtd {
  display: table-cell;
  /*
	20121016 chenpw@gmail.com
	问题：通过divtable来布局的内容没有将内容显示在顶部，顶部还留有很多的空间
	原因：没有设置vertical-align: top;
	此处的样式相当于在td中设置valign="top"
	*/
  vertical-align: top;
}
/*sz.commons.html.divul控件的样式*/
.sz-commons-html-divul,
.sz-commons-html-divli {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*sz.commons.html.divli控件的样式*/
.sz-commons-html-divli {
  vertical-align: middle;
}
/*
sz.commons.labelwrapper控件的样式
20120824 xh
	问题：事实表编辑界面的新建度量对话框里面是一个表单，里面的“类型”字段所在的行比其它行高。
	原因：这个字段所在的行用到了labelwrapper控件，它是之前设置了margin:4px，导致高度增加。
	解决办法：labelwrapper仅仅起到增加文字的作用，不能增加额外的margin。
	
20130416 chenpw@gmail.com
调整样式的权重，原先由于权重关系导致样式无法重载
*/
.sz-commons-labelwrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  *display: inline;
  *zoom: 1;
  *font-size: 12px;
}
.sz-commons-labelwrapper-layout {
  position: relative;
  height: 100%;
}
.sz-commons-labelwrapper-layout-cform {
  width: 100%;
  height: 100%;
}
/*
文字所在div的样式
20121122 xh
	问题：当文字为空时，labelwrapper控件的左边会多出一些空白。
	原因：空白是由于文字所在的div设置了padding-right:10px引起的。
	解决办法：当文字为空时，给它所在的div增加empty样式，让这个div没有留白。
20121216 zhuchx
	问题：文字设置了padding-right:10px后，文字离控件有点远，将该样式去掉
	
20130909 zhuchx
问题:BI-7152 checkbox和文字没有对齐
原因:1.checkbox继承了外部的字体，高度变高
    2.文字外面的td设置了padding-bottom:2px
处理:将文字外面的padding-bottom:2px去掉
*/
.sz-commons-labelwrapper-label {
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
  word-break: keep-all;
  table-collapse: collapse;
  padding: 0 5px 0px 0;
  padding: 2px 5px 0 0\0/;
  *padding: 4px 5px 0 0;
}
.sz-commons-labelwrapper-label.empty {
  *padding: 0;
}
/**
 * 20141230 zhuchx
 * 问题:BI-12532 ie8中多行输入框显示的位置不正确
 * 原因:在ie中，td下的dom设置position:relative时，height设置百分比会无效
 * 处理:当dom需要设置height时，td设置position为relative;
 *
 *  20151015 zhuchx
 * 问题:CSTM-997 “回复框”兼容性问题
 * 处理:BI-12532的修改只对ie8有效，在ie9/10/11上仍然有问题。现在通过下面的方式设置:
 *      td设置height:100%,控件设置为position:relative;
 */
.sz-commons-labelwrapper-content {
  position: relative;
  height: 100%;
}
/*sz.commons.labelhr控件的样式----------*/
.sz-commons-labelhr-caption {
  font-size: 14px;
  color: #A3A3A3;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 5px;
}
/*内容所在div的样式*/
.sz-commons-labelhr-content {
  padding-top: 5px;
  padding-left: 32px;
}
/*信息框的样式*/
.sz-commons-html-infopanel {
  background: #F7F7F7;
  padding: 8px 14px;
  font-size: 12px;
  line-height: 20px;
}
.sz-commons-button-f,
.sz-commons-button-l,
.sz-commons-button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  line-height: normal;
  outline: none;
  white-space: nowrap;
  word-wrap: normal;
  word-break: keep-all;
}
.sz-commons-button {
  margin: 0 8px 0 0;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.sz-commons-button.display-none {
  display: none;
}
.sz-commons-button-f-disabled.sz-commons-button-f:active,
.sz-commons-button-f-disabled.sz-commons-button-fl:active,
.sz-commons-button-f,
.sz-commons-button-l {
  position: relative;
  display: inline-block;
  height: 24px;
  cursor: pointer;
  margin: 0;
  padding: 0 4px;
  border-color: #afb3bf;
  border-width: 1px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
  border-style: solid;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffafbff,endColorstr=#ffdee1e6,GradientType=0);
  background-image: -moz-linear-gradient(top, #fafbff 0%, #dee1e6 100%);
  background-image: -webkit-gradient(linear, 55% -35%, 55% 143%, color-stop(0, #fafbff), color-stop(1, #dee1e6));
  background-image: -webkit-linear-gradient(top, #fafbff 0%, #dee1e6 100%);
  background-image: -o-linear-gradient(top, #fafbff 0%, #dee1e6 100%);
  background-image: -ms-linear-gradient(top, #fafbff 0%, #dee1e6 100%);
  background-image: linear-gradient(top, #fafbff 0%, #dee1e6 100%);
  vertical-align: top;
  *white-space: nowrap;
  *margin: 0;
  *padding: 0;
  *text-align: left;
  *overflow: visible;
  *background: #F7F7F7;
  _width: 1px;
}
.sz-commons-button-f-disabled.sz-commons-button-f:active,
.sz-commons-button-f-disabled.sz-commons-button-fl:active {
  cursor: default;
}
.sz-commons-button.sz-component-disabled {
  filter: none;
}
.sz-commons-button-f-disabled,
.sz-commons-button-l-disabled {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffafbff,endColorstr=#ffdee1e6,GradientType=0) progid:DXImageTransform.Microsoft.alpha(opacity=40);
}
.sz-commons-button-f-disabled .sz-commons-button-icon .sz-app-icon {
  filter: progid:DXImageTransform.Microsoft.alpha(opacity=30);
}
.sz-commons-button-icon .sz-app-icon {
  position: relative;
}
.sz-commons-button-f-disabled.sz-commons-button-fl:active,
.sz-commons-button-fl {
  margin: 0;
  border-right: none;
}
.sz-commons-button-l {
  margin: 0;
  padding: 0 4px 0 0;
  border-left: none;
  top: 0px;
  left: 0px;
  -moz-border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
}
/* 显示 图标+标题 时，因为button有边框，会让图标稍微向下，此样式让图标和标题居中对齐 */
.sz-commons-button-content-icon-text-menu .sz-commons-button-icon,
.sz-commons-button-content-icon-text-arrow .sz-commons-button-icon,
.sz-commons-button-content-icon-text .sz-commons-button-icon {
  padding-bottom: 1px;
}
.sz-commons-button-content-icon-arrow .sz-commons-button-f,
.sz-commons-button-content-icon-text-arrow .sz-commons-button-f,
.sz-commons-button-content-text-arrow .sz-commons-button-f {
  -moz-border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
.sz-commons-button-f:active,
.sz-commons-button-active {
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #e7e7e7 0%, #e2e2e2 48%, #f9f9f9 83%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(48%, #e2e2e2), color-stop(83%, #f9f9f9), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e7e7e7 0%, #e2e2e2 48%, #f9f9f9 83%, #ffffff 100%);
  background: -o-linear-gradient(top, #e7e7e7 0%, #e2e2e2 48%, #f9f9f9 83%, #ffffff 100%);
  background: -ms-linear-gradient(top, #e7e7e7 0%, #e2e2e2 48%, #f9f9f9 83%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e7e7e7, endColorstr=#ffffff, GradientType=0);
  background: linear-gradient(top, #e7e7e7 0%, #e2e2e2 48%, #f9f9f9 83%, #ffffff 100%);
}
.sz-commons-button-icon,
.sz-commons-button-caption,
.sz-commons-button-caption-hasicon {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.sz-commons-button-icon {
  position: relative;
  margin: 2px 0px;
}
/*按钮的标题*/
.sz-commons-button-caption {
  margin: 0;
  line-height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  /* prevent callout to copy image, etc when tap to hold */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* make transparent link selection, adjust last value opacity 0 to 1.0 */
  -webkit-text-size-adjust: none;
  /* prevent webkit from resizing text to fit */
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*标题左侧有图标时的左留白*/
.sz-commons-button-caption-hasicon {
  margin: 0 0 0 4px;
  *margin: -17px 10px 0 18px;
  _margin: -17px 10px 0 20px;
  _width: 1px;
  *float: none;
}
/*按钮标题右侧显示的向下箭头图标*/
.sz-commons-button-arrow {
  background: transparent no-repeat center center;
  background-image: url(/static-file/v_/sz.commons.button/skin/default/images/btnarrow.png);
  width: 9px;
  height: 9px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.sz-commons-button-content-icon-menu .sz-commons-button-arrow,
.sz-commons-button-content-text-menu .sz-commons-button-arrow,
.sz-commons-button-content-icon-text-menu .sz-commons-button-arrow {
  padding-left: 4px;
}
.sz-commons-button-splitline {
  position: absolute;
  width: 1px;
  height: 100%;
  overflow: hidden;
  margin: 0;
  background: transparent;
  _background: #999;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  left: 0px;
  top: 0px;
}
.sz-commons-button:hover .sz-commons-button-splitline {
  background: #999;
}
.sz-component-disabled.sz-commons-button:hover .sz-commons-button-splitline {
  background: transparent;
}
.sz-commons-button-f-disabled.sz-commons-button-f:active,
.sz-commons-button-f-disabled.sz-commons-button-fl:active,
.sz-commons-button-l-disabled,
.sz-commons-button-f-disabled {
  cursor: default;
}
.sz-commons-buttongroup-disabled {
  position: absolute;
  width: 100%;
  height: 24px;
  background: #FFF;
  left: 0;
  top: 0;
  filter: alpha(opacity=40);
  opacity: 0.4;
  cursor: default;
}
.sz-commons-buttongroup {
  display: inline-block;
  height: 24px;
  line-height: normal;
  position: relative;
}
a.sz-commons-buttongroup-b:link,
a.sz-commons-buttongroup-b:hover,
a.sz-commons-buttongroup-b:visited,
a.sz-commons-buttongroup-b:active {
  _font-family: simsun;
  font-size: 12px;
  color: #000;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  line-height: 22px;
  border: 1px solid #999;
  border-left: none;
  padding: 0 6px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 48%, #e2e2e2 83%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(48%, #f9f9f9), color-stop(83%, #e2e2e2), color-stop(100%, #e7e7e7));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 48%, #e2e2e2 83%, #e7e7e7 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 48%, #e2e2e2 83%, #e7e7e7 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 48%, #e2e2e2 83%, #e7e7e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
  background: linear-gradient(top, #ffffff 0%, #f9f9f9 48%, #e2e2e2 83%, #e7e7e7 100%);
}
a.sz-commons-buttongroup-bf:link,
a.sz-commons-buttongroup-bf:hover,
a.sz-commons-buttongroup-bf:visited,
a.sz-commons-buttongroup-bf:active {
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -o-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #999;
}
a.sz-commons-buttongroup-bl:link,
a.sz-commons-buttongroup-bl:hover,
a.sz-commons-buttongroup-bl:visited,
a.sz-commons-buttongroup-bl:active {
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
a.sz-commons-buttongroup-b:hover,
a.sz-commons-buttongroup-b-current:link,
a.sz-commons-buttongroup-b-current:hover,
a.sz-commons-buttongroup-b-current:visited,
a.sz-commons-buttongroup-b-current:active {
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #e7e7e7 0%, #e2e2e2 48%, #f9f9f9 83%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(48%, #e2e2e2), color-stop(83%, #f9f9f9), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e7e7e7 0%, #e2e2e2 48%, #f9f9f9 83%, #ffffff 100%);
  background: -o-linear-gradient(top, #e7e7e7 0%, #e2e2e2 48%, #f9f9f9 83%, #ffffff 100%);
  background: -ms-linear-gradient(top, #e7e7e7 0%, #e2e2e2 48%, #f9f9f9 83%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0);
  background: linear-gradient(top, #e7e7e7 0%, #e2e2e2 48%, #f9f9f9 83%, #ffffff 100%);
}
a.sz-commons-buttongroup-b-current:link,
a.sz-commons-buttongroup-b-current:hover,
a.sz-commons-buttongroup-b-current:visited,
a.sz-commons-buttongroup-b-current:active {
  cursor: default;
}
.sz-commons-buttongroup-i {
  width: 16px;
  height: 16px;
  float: left;
  margin: 3px 4px 0 0;
}
@-moz-document url-prefix() {
  .sz-commons-button-splitline {
    margin: -1px 0 0 -4px;
  }
  .sz-commons-button-caption {
    line-height: 22px;
  }
}
/* 按钮设置了宽高后的样式 */
.sz-commons-button-wh .sz-commons-button-f {
  width: 100%;
  height: 100%;
}
/* 按钮设置了宽度后的样式 */
.sz-commons-button-w .sz-commons-button-f {
  width: 100%;
}
/* 按钮设置了高度后的样式 */
.sz-commons-button-h .sz-commons-button-f {
  height: 100%;
}
.sz-commons-button-wh .sz-commons-button-l,
.sz-commons-button-h .sz-commons-button-l {
  height: 100%;
}
/*
该样式定义了浮动面板控件的缺省显示外观

20151204 xh:“分析产品大类销售分析”表里面弹出图片，右上角的叉叉被图标遮住了。原因是弹出图片时会获取浮动框的z-index，当float.css延迟加载时会造成z-index获取的不对。floatpane.css还是改成不延迟加载
@author chenpw@gmail.com, yul
@createdate 2012/2/6, 2014/5/6
------------------------------------------------------------------------*/
/*浮动面板外框，它是：内框（内容容器）、resize点、iframe（ie678）的父容器*/
.sz-commons-floatpanel {
  position: absolute;
  z-index: 100000;
}
/*浮动面板内框*/
.sz-commons-floatpanel-content {
  position: relative;
  top: 0;
  left: 0;
  z-index: 100;
}
/*resize点，四条边*/
.sz-commons-floatpanel-d-t,
.sz-commons-floatpanel-d-l,
.sz-commons-floatpanel-d-b,
.sz-commons-floatpanel-d-r {
  position: absolute;
  font-size: 1px;
  /*这个样式专门针对ie（ie6上必然有问题，78没有具体验证），如果使用默认的font-size，横向的两条边会变成字体size的高度*/
  z-index: 101;
}
.sz-commons-floatpanel-d-t {
  width: 100%;
  height: 3px;
  top: 0;
  cursor: n-resize;
}
.sz-commons-floatpanel-d-l {
  width: 3px;
  height: 100%;
  left: 0;
  top: 0;
  cursor: w-resize;
}
.sz-commons-floatpanel-d-b {
  width: 100%;
  height: 3px;
  bottom: 0;
  cursor: s-resize;
}
.sz-commons-floatpanel-d-r {
  width: 3px;
  height: 100%;
  right: 0;
  top: 0;
  cursor: e-resize;
}
/*resize点，角上的四个点*/
.sz-commons-floatpanel-d-tl,
.sz-commons-floatpanel-d-bl,
.sz-commons-floatpanel-d-tr,
.sz-commons-floatpanel-d-br {
  position: absolute;
  font-size: 1px;
  /*for ie 原因同四条边*/
  width: 5px;
  height: 5px;
  z-index: 101;
}
.sz-commons-floatpanel-d-tl {
  top: 0;
  left: 0;
  cursor: nw-resize;
}
.sz-commons-floatpanel-d-bl {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
}
.sz-commons-floatpanel-d-tr {
  top: 0;
  right: 0;
  cursor: ne-resize;
}
.sz-commons-floatpanel-d-br {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
/*for debug
.sz-commons-floatpanel {
	background-color: green;
	
	.sz-commons-floatpanel-content {
		//background-color: red;
	}
	
	.sz-commons-floatpanel-d-t,
	.sz-commons-floatpanel-d-l,
	.sz-commons-floatpanel-d-b,
	.sz-commons-floatpanel-d-r {
		//background-color: blue;
		.opacity(.5);
	}
	.sz-commons-floatpanel-d-t {
		//background-color: darkgray;
	}
	.sz-commons-floatpanel-d-l {
		//background-color: blue;
	}
	.sz-commons-floatpanel-d-b {
		//background-color: yellow;
	}
	.sz-commons-floatpanel-d-r {
		//background-color: darkturquoise;
	}
	
	.sz-commons-floatpanel-d-tl,
	.sz-commons-floatpanel-d-bl,
	.sz-commons-floatpanel-d-tr,
	.sz-commons-floatpanel-d-br {
		//background-color: purple;
		//.opacity(.5);
	}
}
*/
/*
less CSS

该样式定义了对话框组件的缺省显示外观

20151208 xh:dialog.css不能延迟加载，因为需要计算对话框的大小，如果样式没有加载会导致大小计算不正确。

@author chenpw@gmail.com
@createdate 2011/11/1,2012/04/25
------------------------------------------------------------------------*/
/*对话框组件的容器*/
.sz-commons-dialog {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
  background-color: #FFF;
  outline: none;
  position: relative;
}
.sz-commons-dialog-notf-ie {
  vertical-align: middle;
  overflow: hidden;
}
/*对话框的头部*/
.sz-commons-dialog-header {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  width: 100%;
  height: 42px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
}
/*头部图标的容器*/
.sz-commons-dialog-header-icon {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  -o-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 42px;
}
/*头部按钮区域的容器*/
.sz-commons-dialog-header-btn {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  -o-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
}
/*标题区域*/
.sz-commons-dialog-header-t {
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #666666;
  padding-left: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  /* prevent callout to copy image, etc when tap to hold */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* make transparent link selection, adjust last value opacity 0 to 1.0 */
  -webkit-text-size-adjust: none;
  /* prevent webkit from resizing text to fit */
  cursor: default;
}
/*有icon时,标题要有这个样式*/
.sz-commons-dialog-header-ti {
  margin-left: 20px;
}
/*有btn时,标题要有这个样式*/
.sz-commons-dialog-header-tb {
  margin-right: 42px;
}
/*对话框正文部分，这是整个对话框中唯一需要显示设置overflow的元素*/
.sz-commons-dialog-section {
  position: relative;
  text-align: left;
  overflow: auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
/*对话框的页脚*/
.sz-commons-dialog-footer {
  width: 100%;
  height: 53px;
  border-top: 1px solid #dfdfdf;
  position: relative;
}
/*页脚中非帮助链接的部分*/
.sz-commons-dialog-footer-section {
  position: absolute;
  right: 0;
  height: 53px;
  padding-right: 12px;
}
/*页脚中按钮的直接父容器*/
.sz-commons-dialog-footer-buttons {
  margin-top: 15px;
}
/*页脚中帮助链接的容器*/
.sz-commons-dialog-footer-help {
  position: absolute;
  left: 0;
  height: 53px;
  width: 80px;
  padding-left: 12px;
}
/*帮助a链接*/
.sz-commons-dialog-footer-link {
  display: block;
  height: 53px;
  line-height: 53px;
  position: relative;
}
/*帮助图标*/
.sz-commons-dialog-footer-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  font-size: 0;
}
/*“帮助”文字*/
.sz-commons-dialog-footer-helptxt {
  margin-left: 18px;
}
/*复制按钮*/
.sz-commons-datalogs-copy {
  position: relative;
  width: 16px;
  height: 16px;
}
.sz-commons-datalogs-copy {
  background: transparent no-repeat left top;
  background-image: url(/static-file/v_/sz.commons.dialog/skin/default/images/logs-copy.png);
}
/*对话框自己的mask，当对话框弹出一个子模态框的时候，用这个mask把自己罩起来*/
.sz-commons-dialog-mask,
.sz-commons-dialog-mask-submit,
.sz-commons-dialog-mask-popup {
  position: absolute;
  z-index: 3;
  background-color: #FFF;
}
.sz-commons-dialog-mask {
  display: none;
}
.sz-commons-dialog-mask-submit {
  cursor: wait;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.sz-commons-dialog-mask-popup {
  filter: alpha(opacity=10);
  opacity: 0.1;
}
/*关闭图标，目前是不需要该图标的*/
.sz-commons-dialog-icon-max,
.sz-commons-dialog-icon-restore,
.sz-commons-dialog-icon-close {
  display: inline;
  float: right;
  margin-top: 12px;
}
/*
确定与取消按钮的图标
20121020 yul
	需求：ISSUE BI-1724 确认对话框支持三态；
	解决：增加“是”、“否”按钮对应的图标样式，.sz-commons-dialog-icon-yes、.sz-commons-dialog-icon-no；
*/
.sz-commons-dialog-icon-ok,
.sz-commons-dialog-icon-submit,
.sz-commons-dialog-icon-cancel,
.sz-commons-dialog-icon-cancel3,
.sz-commons-dialog-icon-yes,
.sz-commons-dialog-icon-no,
.sz-commons-dialog-icon-createandedit {
  background-color: transparent;
  background-repeat: no-repeat;
}
.sz-commons-dialog-icon-restore {
  position: relative;
  right: 20px;
  display: inline;
  width: 16px;
  height: 16px;
  background: transparent url(/static-file/v_/sz.commons.dialog/skin/default/images/restore.png) no-repeat;
}
.sz-commons-dialog-icon-max {
  position: relative;
  right: 20px;
  display: inline;
  width: 16px;
  height: 16px;
  background: transparent url(/static-file/v_/sz.commons.dialog/skin/default/images/max.png) no-repeat;
}
.sz-commons-dialog-icon-close {
  position: relative;
  top: -1px;
  right: 10px;
  display: inline;
  width: 16px;
  height: 16px;
  background: transparent url(/static-file/v_/sz.commons.dialog/skin/default/images/shut.png) no-repeat;
}
/*确定按钮的图标*/
.sz-commons-dialog-icon-ok,
.sz-commons-dialog-icon-yes,
.sz-commons-dialog-icon-submit {
  background-image: url(/static-file/v_/sz.commons.dialog/skin/default/images/btn-ok.png);
}
/*
取消按钮的图标
20121020 yul
	需求：参见本文件中ISSUE BI-1724的注释；
	问题：ISSUE BI-1962 “否”按钮的图标和“取消”按钮的图标是一样的；在三态确认框中，这两个按钮是会同时出现的，会冲突；
	分析：目前图标有限，找不到什么合适的来给“否”按钮使用；
	TODO：提了BI-1962给xk，等设计出来了，就进行修正；
*/
.sz-commons-dialog-icon-no,
.sz-commons-dialog-icon-cancel {
  background-image: url(/static-file/v_/sz.commons.dialog/skin/default/images/btn-cancel.png);
}
/*
三态按钮情况下的取消按钮
*/
.sz-commons-dialog-icon-cancel3 {
  background-image: url(/static-file/v_/sz.commons.dialog/skin/default/images/btn-cancel3.png);
}
/*确定并编辑按钮的图标*/
.sz-commons-dialog-icon-createandedit {
  background-image: url(/static-file/v_/sz.commons.dialog/skin/default/images/btn-createandedit.png);
}
/*=================扩展对话框的样式=================*/
/*20121213 guob 带有输入框的对话框控件*/
.sz-commons-dialog-input {
  width: 250px;
  margin: 25px 60px;
}
/*
20121217 guob 带有textarea输入框的对话框控件
20121219 guob 对话框内部的textarea自适应对话框的高宽*/
.sz-commons-dialog-textarea {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border-style: none;
  line-height: 18px;
  overflow: auto;
  resize: none;
}
.sz-commons-dialog-textarea-c {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  position: absolute;
  left: 15px;
  top: 15px;
  right: 15px;
  bottom: 15px;
  border: 1px solid #ccc;
  *width: auto;
  *height: 100%;
  *position: relative;
  *left: 0;
  *top: 0;
  *right: 0;
  *bottom: 0;
  *border-top-style: none;
  *border-bottom-style: none;
}
/*20121213 guob 带有combobox输入框的对话框控件*/
.sz-commons-dialog-combobox {
  width: 200px;
  margin: 25px 60px;
}
.sz-commons-dialog-showhelp .sz-commons-floatpanel-content {
  -webkit-border-radius: 0 ;
  -moz-border-radius: 0 ;
  -o-border-radius: 0 ;
  border-radius: 0 ;
}
.sz-commons-dialog-showhelp .sz-commons-dialog {
  background: #FCFAB0;
  -webkit-border-radius: 0 ;
  -moz-border-radius: 0 ;
  -o-border-radius: 0 ;
  border-radius: 0 ;
}
.sz-commons-dialog-showhelp .sz-commons-dialog .sz-commons-dialog-header {
  background: #F8F7B6;
  border: none;
  border-bottom: none;
  height: 28px;
}
.sz-commons-dialog-showhelp .sz-commons-dialog .sz-commons-dialog-header .sz-commons-dialog-header-icon {
  width: 16px;
  height: 16px;
  margin: 5px 0 0 4px;
  display: block !important;
  background: transparent url(/static-file/v_/sz.commons.dialog/skin/default/images/add.png) no-repeat;
}
.sz-commons-dialog-showhelp .sz-commons-dialog .sz-commons-dialog-header .sz-commons-dialog-header-t {
  line-height: 28px;
  display: none;
}
.sz-commons-dialog-showhelp .sz-commons-dialog .sz-commons-dialog-header .sz-commons-dialog-header-btn {
  padding: 0;
  height: 100%;
  display: block !important;
}
.sz-commons-dialog-showhelp .sz-commons-dialog .sz-commons-dialog-footer {
  display: none !important;
}
/*=================扩展对话框的样式End=================*/
/*=================目前没有被使用的样式=================*/
/*对话框的按钮缺省外观*/
.sz-commons-dialog-button {
  height: 24px;
  cursor: pointer;
  border: 1px solid #999;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
  padding: 0 4px;
  margin: 0 8px 0 0;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 48%, #e2e2e2 83%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(48%, #f9f9f9), color-stop(83%, #e2e2e2), color-stop(100%, #e7e7e7));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 48%, #e2e2e2 83%, #e7e7e7 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 48%, #e2e2e2 83%, #e7e7e7 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 48%, #e2e2e2 83%, #e7e7e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
  background: linear-gradient(top, #ffffff 0%, #f9f9f9 48%, #e2e2e2 83%, #e7e7e7 100%);
}
/*移入按钮时的样式*/
.sz-commons-dialog-button:hover {
  background: #f5f5f5;
}
/*按钮的排列*/
.sz-commons-dialog-button-fl {
  float: left;
}
/*=================目前没有被使用的样式End=================*/
.sz-commons-dialog-floatpanel-c {
  border: 1px solid #f7f7f7;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#7c7c7c, direction=120, strength=3);
  -webkit-box-shadow: 2px 2px 10px #7c7c7c;
  -moz-box-shadow: 2px 2px 10px #7c7c7c;
  -ms-box-shadow: 2px 2px 10px #7c7c7c;
  -o-box-shadow: 2px 2px 10px #7c7c7c;
  box-shadow: 2px 2px 10px #7c7c7c;
  filter: none\0/;
}
.sz-commons-button-l-def,
.sz-commons-button-f-def {
  background-image: -moz-linear-gradient(58% 0% -89deg, #f8f8f8 0%, #eeeeee 100%);
  background-image: -webkit-gradient(linear, 58% 0%, 59% 97%, color-stop(0, #f8f8f8), color-stop(1, #eeeeee));
  background-image: -webkit-linear-gradient(-89deg, #f8f8f8 0%, #eeeeee 100%);
  background-image: -o-linear-gradient(-89deg, #f8f8f8 0%, #eeeeee 100%);
  background-image: -ms-linear-gradient(-89deg, #f8f8f8 0%, #eeeeee 100%);
  background-image: linear-gradient(-89deg, #f8f8f8 0%, #eeeeee 100%);
  border-color: #3586ac;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#ffeeeeee,GradientType=0);
  -moz-box-shadow: inset 0px 0px 2px rgba(125, 216, 251, 0.35);
  -webkit-box-shadow: inset 0px 0px 2px rgba(125, 216, 251, 0.35);
  box-shadow: inset 0px 0px 2px rgba(125, 216, 251, 0.35);
}
/*for debug
.sz-commons-dialog-header-icon {
	background: yellow;
}
.sz-commons-dialog-header-btn {
	background: yellow;
}
.sz-commons-dialog-footer-buttons {
	background-color: green;
	width: 100px; height: 24px;
}
.sz-commons-dialog-footer-icon {
	background-color: yellow;
}
*/
.sz-disconnection .sz-commons-button-icon {
  *width: 0;
  *display: none;
}
.sz-disconnection .sz-commons-button-caption-hasicon {
  *margin: 0 4px;
}
.alert-message-disconnection {
  *font-size: 18px;
  *text-align: center;
}
.sz-commons-form-edit {
  padding: 2px 4px;
  box-sizing: border-box;
  margin: 0;
  background: #FFFFFF;
  border: 1px solid #BBC5CC;
  color: #000;
}
/*
多行文本输入框的样式
@author zhuchx
@createdate 2013/12/17
------------------*/
/**
 * 20140403 zhuchx
 * 去掉outline:none;，使用浏览器默认的设置。表单的单元格编辑时不需要该样式，则在表单处设置
 */
.sz-commons-form-textarea {
  position: relative;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.sz-commons-form-textarea {
  background: #FFF;
  overflow: auto;
  height: 51px;
  padding: 2px 4px;
  line-height: 22px;
  margin: 0;
  resize: none;
  word-break: break-all;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbc5cc;
  width: 400px;
}
/**
 * 不换行
 * 20150420 zhuchx
 * 问题:BI-13656 在sql数据源中编辑正确sql复制到配置第三方用户机构编辑器后再复制回sql数据源中无法正常执行
 * 原因:此问题只在chrome上出现，当设置了white-space:nowrap样式时，输入的第一个空格不是ascii32,而是ascii160,这个空格是导致sql执行出错的原因
 * 处理:调整不换行的样式，去掉white-space:nowrap，并增加wrap=off属性实现不换行
 */
.sz-commons-form-textarea-nowrap {
  word-wrap: normal;
  word-break: keep-all;
}
.sz-commons-form-textarea-wrap {
  word-wrap: break-word;
  word-break: break-all;
}
/*
less CSS

表单输入控件样式
@author guob
@createdate 2014/05/7
------------------------------------------------------------------------*/
.sz-commons-form-align {
  padding-top: 4px;
  display: inline-block;
}
.sz-commons-form-text,
.sz-commons-form-password {
  background: #FFF;
  width: 200px;
  padding: 2px 4px;
  border: 1px solid #bbc5cc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.sz-commons-form-checkbox {
  vertical-align: -3px;
}
.sz-commons-form-password::-ms-reveal {
  display: none;
}
/*
less CSS

该样式定义了与表单相关的一些样式
@author chenpw@gmail.com
@createdate 2012/05/24

20120824 xh
CHG：之前表单采用div+float的布局，现在改成div+display:table的布局。采用diaplay：table之后第一列的宽度可以被内容撑大，而不是设置固定的宽度。
------------------------------------------------------------------------*/
.sz-commons-form {
  display: inline-block;
  /*如果不设置display为inline-block，那么form的宽度将是100%。设置之后它的大小和内容等宽。*/
  *display: inline;
  *zoom: 1;
}
.sz-commons-form-table {
  max-width: 750px;
  margin: 0 50px 0 50px;
  display: table;
  border-collapse: collapse;
  /*border-collapse:separate和border-spacing一起设置表格单元格的外边距。在css中是没法使用cellspacing的。*/
  border: 0;
  *width: 750px;
}
.sz-commons-dialog .sz-commons-form-table {
  *width: 450px;
}
.sz-commons-form-group,
.sz-commons-form-group-merge {
  display: table-row;
  /*
		20140425 chenpw@gmail.com
			ISSUE:BI-9586 元数据管理中查看项目属性时，界面上出现黑块
			IE6不支持设置边框颜色为transparent，所以这里改为padding来留白
		20140429 xh
			上面cjb改成用padding留白在chrome上面行不通，chrome上div是当做table去处理，它的padding属性不起作用。
			既然transparent ie6不支持，干脆颜色就改成white
	*/
  border-top: 6px solid white;
  border-bottom: 22px solid white;
  /** for ie67
		20140507 xh
		问题：在项目的属性编辑页面中，名称的描述信息很长，导致sz-commons-form-cell元素换行了，和sz-commons-form-caption是上下而不是左右显示。
		解决办法：让sz-commons-form-group元素强制不换行：white-space:nowrap。chrome上面没有这个问题。
			这样修改之后sz-commons-form-desc会继承这个不换行的样式，这是不对的。所以还要设置sz-commons-form-desc的white-space:normal
	*/
  *white-space: nowrap;
}
/**
	输入项的标题显示区块
	20120823 xh
		问题：新建度量对话框中的“描述”文字的位置不对，它是居中的，最好是居上。
		原因：之前表单使用div+float布局，字段的文字默认就是居上对齐的。将表单改成display:table布局之后，单元格的对齐方式默认是居中对齐。
			如果输入框是单行编辑框，那居中对齐不会有问题，文字正好在编辑器的中间，比较美观。
			但是“描述”字段的输入框是textarea，高度比较高，居中对齐让文字在textarea的中间，和其它文字看起来不协调。
		解决办法：设置文字单元格居上对齐：vertical-align:top;。说明下，为了让单行的编辑框看起来和文字还是居中对齐的，需要设置文字所在的label的padding-top:5px。
*/
.sz-commons-form-caption {
  display: table-cell;
  text-align: right;
  padding-right: 15px;
  white-space: nowrap;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
.sz-commons-form-caption-lb {
  display: block;
  padding-top: 5px;
}
.sz-commons-form-cell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
}
.sz-commons-form-desc {
  color: #666666;
  line-height: 22px;
  max-width: 550px;
  /** for ie67
		20140507 xh
		问题：在项目的属性编辑页面中，名称的描述信息很长，导致sz-commons-form-cell元素换行了，和sz-commons-form-caption是上下而不是左右显示。
		解决办法：让sz-commons-form-group元素强制不换行：white-space:nowrap。chrome上面没有这个问题。
			这样修改之后sz-commons-form-desc会继承这个不换行的样式，这是不对的。所以还要设置sz-commons-form-desc的white-space:normal
	*/
  *white-space: normal;
}
.sz-commons-form-feedback {
  background: #fffcd3;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /*
	20120807 yul
		BI-717：当新建报表失败，错误信息回填时，对话框会出现滚动条
		BI-328：新建目录的对话框在保存之后有一个抖动
		问题探寻：
			1) feedback由两层结构组成，外层现实黄色背景，内层显示红叉和文字；
			2) 没有错误的时候，外层结构通过visibility: hidden;隐藏但是占位，内层元素里没有文字；
			3) 有错误的时候，外层结构显示，并且内层结构被写入文字；
			4) 问题在于，情况2和情况3相比，外层结构少了11和像素；
		分析原因：
			1) 很明显，这11个像素的差距是被内层的文字顶开的；
			2) 也就是说，内层的高度实际上是比外层高的，只不过在没有文字的情况下，内层没有高度；
			3) 原因在于内层有28px的行高，而外层没有什么特殊设置；
			4) 导致在没有文字的时候，外层使用自己的高度；有文字的时候，内层比外层高，把外层撑大；形成前后的高度差；
		解决方式：
			1) 把line-height: 28px;拿到外层，内外共享这个行高；
			2) font-size: 14px;也拿到外层，不拿出来的话，在Chrome上外层会变成30px，还是会小抖一下；
	20120824 xh
		问题：新建事实表对话框的错误提示信息“操作失败：待保存路径GS_IQ:/datamodels/统计分析/F_SCXX1中已经存在元数据,不能写入!”分成了2行，
			上下2行的间距太大了。
		原因：之前为了让feedback框的文字和边框留一点空白设置了line-height:28px，上面的问题就是这个设置引起的。
		解决办法：改成用padding来留白。
	*/
  font-size: 14px;
}
.sz-commons-form-feedback-placeholder {
  display: none;
}
.sz-commons-form-feedback-em-fail,
.sz-commons-form-feedback-em-warning,
.sz-commons-form-feedback-em-success,
.sz-commons-form-feedback-em-info {
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  left: -20px;
  top: 50%;
  margin-top: -8px;
}
.sz-commons-form-feedback-em-fail {
  background-image: url(/static-file/v_/sz.commons.form/skin/default/images/form-error-feedback.png);
}
/*
ISSUE:BI-446 表单验证错误信息分级显示
警告信息的显示效果
*/
.sz-commons-form-feedback-em-warning {
  background-image: url(/static-file/v_/sz.commons.form/skin/default/images/form-warning-feedback.png);
}
/*成功信息*/
.sz-commons-form-feedback-em-success {
  background-image: url(/static-file/v_/sz.commons.form/skin/default/images/form-success-feedback.png);
}
/*普通信息*/
.sz-commons-form-feedback-em-info {
  background-image: url(/static-file/v_/sz.commons.form/skin/default/images/form-info-feedback.png);
}
.sz-commons-form-feedback-span {
  text-align: left;
  display: inline-block;
  color: #000;
  /*
	20120716 chenpw@gmail.com
	ISSUE:BI-609 表单布局在出现feedback的时候，不应该被过长的文字顶开
	原因：主要是white-space: nowrap样式引起的
	解决办法：将white-space样式删除，并添加字符换行样式同时将父元素中的高度样式去掉
	*/
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
  margin: 6px 28px;
}
.sz-commons-form-feedback-em-info,
sz-commons-form-feedback-em-warning,
sz-commons-form-feedback-em-success {
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  margin-top: -8px;
}
.sz-commons-form-ffeedback-fail {
  color: #ff0000;
  padding: 5px 0 0 20px;
  background: transparent url(/static-file/v_/sz.commons.form/skin/default/images/error.png) no-repeat center;
  background-position: 8px 8px;
  display: inline-block;
  vertical-align: top;
}
/*field-container是输入项的父元素，它和field-description平级*/
.sz-commons-form-fcontainer {
  display: inline-block;
  /*field-container现在是一个span元素，如果不设置display:inline-block，那么它的大小会是0*0；设置之后它的大小等于其内容的大小。*/
}
.sz-commons-form-header {
  display: table-caption;
  padding-top: 5px;
  width: 100%;
}
.sz-commons-form-required {
  color: red;
  margin: 5px;
}
.field-container {
  position: relative;
}
.sz-commons-form-docprefix {
  margin: 0 0 0 4px;
  cursor: pointer;
  display: inline-block;
  vertical-align: -4px;
  width: 16px;
  height: 16px;
  background: transparent none no-repeat;
  background-image: url(/static-file/v_/sz.commons.form/skin/default/images/form-help.png);
}
/*
该样式定义了验证码组件的缺省外观
@author chenpw@gmail.com
@createdate 2011/11/1
------------------------------------------------------------------------*/
.sz-commons-form-captcha {
  position: relative;
}
.sz-commons-form-captcha.hidden {
  display: none;
}
.sz-commons-form-captcha-input {
  background: #FFF;
  border: 1px solid #bbc5cc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 120px;
  *height: 32px;
  *line-height: 32px;
  padding: 8px 4px;
  *padding: 0 4px;
  margin: 0;
  outline: none;
}
.sz-commons-captcha {
  cursor: pointer;
  /*
	20120407 chenpw@gmail.com
	fixed:验证图片在前端显示的比例不正确
	这里不指定图片的高度而只是指定宽度，能够使图片自动成比例的缩放
	*/
  width: 120px;
  display: none;
}
.sz-commons-captcha.visible {
  display: block;
}
/*
less CSS

@author chenpw@gmail.com
@createdate 20130106
------------------------------------------------------------------------*/
.sz-bi-login-status-logging,
.sz-bi-login-status-logined {
  color: #fff;
}
.sz-bi-login-status-error {
  color: #ff0000;
}
/*
该样式定义了区块面板的缺省显示外观
@author chenpw@gmail.com
@createdate 2011/11/1
------------------------------------------------------------------------*/
/*组件的最外层与数据显示区的显示尺寸*/
.sz-commons-widget,
.sz-commons-widget-section {
  width: 100%;
  height: auto;
}
/*主体数据显示区*/
/*组件的最外层*/
.sz-commons-widget {
  margin: 0;
  padding: 30px 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-align: left;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
}
/*头部*/
.sz-commons-widget-header {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-top: -30px;
  text-align: left;
  background: #F5F5F5;
}
/*头部显示的标题*/
.sz-commons-widget-header-title {
  font-size: 14px;
  padding-left: 22px;
  margin-left: 6px;
  height: 100%;
  position: relative;
}
.sz-commons-widget-header-title em {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
/*头部没有图标的外观*/
.sz-commons-widget-header-icon-none {
  padding-left: 0;
  margin-left: 6px;
}