/*
margin: 设置所有外边距属性。该属性可以有 1 到 4 个值。  margin:10px 5px 15px 20px; 上外边距是 10px右外边距是 5px 下外边距是 15px 左外边距是 20px  
    margin-right: 设置元素的右外边距.

padding: 设置元素的 4 个内边距：padding:10px 5px 15px 20px;上内边距是 10px右内边距是 5px下内边距是 15px 左内边距是 20px

position 属性规定元素的定位类型。
    absolute: 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位,元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
    fixed: 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
    relative: 生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
    static: 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
    inherit: 规定应该从父元素继承 position 属性的值。
float: 定义元素在哪个方向浮动。
    left: 元素向左浮动。right: 元素向右浮动。none: 默认值。元素不浮动，并会显示在其在文本中出现的位置。
display: 定义建立布局时元素生成的显示框类型。
    none: 此元素不会被显示。
    block: 此元素将显示为块级元素，此元素前后会带有换行符。
    inline: 默认。此元素会被显示为内联元素，元素前后没有换行符。
    inline-block: 行内块元素。
    list-item: 此元素会作为列表显示。
    run-in: 	此元素会根据上下文作为块级元素或内联元素显示。
    table	: 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。
    inline-table: 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。
    table-row-group: 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。
    table-header-group: 此元素会作为一个或多个行的分组来显示（类似 <thead>）。
    table-footer-group: 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。
    table-row: 此元素会作为一个表格行显示（类似 <tr>）。
    table-column-group: 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。
    table-column: 此元素会作为一个单元格列显示（类似 <col>）
    table-cell: 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
    table-caption: 此元素会作为一个表格标题显示（类似 <caption>）	
    */

html,body {
    font-family:微软雅黑,Arial Unicode MS,宋体;
    padding:1px;
    font-size:13px;
    margin:0;
}
input
{
    font-family:微软雅黑,Arial Unicode MS,宋体;
    font-size:13px;
}
select
{
    font-family:微软雅黑,Arial Unicode MS,宋体;
    font-size:13px;
}
/*超级连接*/
a{text-decoration:none;}
.hide{display:none;}
.notborder{border:none;}

/*TextBox 设置边框跟高度*/
.textbox
{
  border: 1px solid #95B8E7;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 2px 2px 2px 2px;
  height:25px;
}
.textboxEnabled
{
  border: 1px solid #CBCECD;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 2px 2px 2px 2px;
  height:25px;
}
.memo
{
  border: 1px solid #95B8E7;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 2px 2px 2px 2px;
  word-wrap:break-word;
  word-break:break-all;
}
/*TextBox 编辑表格控件，去除边框*/
.textboxGrid
{
  border:none;
  background-color: #fff;
  vertical-align: middle;
  overflow:hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  height:100%;
  width:100%;
}
.textboxSearch
{
  border:none;
  background-color: #fff;
  margin:0 3px;
  padding: 0;
  float:left;
  height:100%;
  top:0;
}
/*TextBox 内存出错边框样式*/
.textboxError
{
  border: 1px solid #f00;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  height:25px;
}
.memoError
{
      border: 1px solid #f00;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
    word-wrap:break-word;
  word-break:break-all;
}
/*DropDownList 下拉列表框*/
.dropdowlist
{
    border: 1px solid #95B8E7;
    background-color: #fff;
    text-decoration:none;
    height:32px;
    width:156px;
    line-height: 30px;
    margin: 0;
    padding: 3px;

}
.dropdowlistEx
{
    border: 1px solid #95B8E7;
    background-color: #fff;
    height:25px;
    width:120px;
    margin: 0;
    padding: 0;
    /*display: table;*/
    overflow: hidden;   /*定义溢出元素内容区的内容会如何处理。visible:内容不会被修剪，会呈现在元素框之外。,hidden:内容会被修剪，并且其余内容是不可见的。scroll:内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。auto:如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。inherit:规定应该从父元素继承 overflow 属性的值。*/
}
.dropdownsearchlist
{
	border: 1px solid #95B8E7;
    background-color: #fff;
    height:25px;
    /*width:120px;*/
    margin: 0;
    padding: 0;
    /*display: table;*/
    overflow: hidden;   /*定义溢出元素内容区的内容会如何处理。visible:内容不会被修剪，会呈现在元素框之外。,hidden:内容会被修剪，并且其余内容是不可见的。scroll:内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。auto:如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。inherit:规定应该从父元素继承 overflow 属性的值。*/
}
.dropdownlistExText
{
     height:100%;
     width:100%;
     border:none;
     padding: 0;
     margin: 0;
}
.dropdowlistEximg
{
    float:right;
    width:18px;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
/*DropDownList 查询条件下拉列表框*/
.dropdowlistcondition
{
    border:none;
    background-color: #fff;
    text-decoration:none;/**去除下划画*/
    white-space: nowrap;
    margin: 0;         /*设置元素的 4 个外边距：margin:2px 4px 3px 4px; */
    padding: 0px;   /*设置元素的 4 个内边距: padding:2px 4px 3px 4px; */
    float:left;          /*定义元素在哪个方向浮动 left, right, none, inherit(从父元素继承)*/
    width:80px;
}
/*ListBox 列表框 去除项下划画，项间距*/
.listbox
{
  border: 1px solid #95B8E7;
  background-color: #fff;
  text-decoration:none;/**去除下划画*/
  white-space: nowrap;
  margin: 0;
  padding: 3px;
}
/*ListBox 列表框 出错样式*/
.listboxError
{
  border: 1px solid #f00;
  background-color: #fff;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
/*Panel 控件面板 设置边框及背景颜色*/
.panelvcl
{
  border: 1px solid #95B8E7;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.paneleditvcl
{
  border: 1px solid #95B8E7;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  padding: 0;
  margin: 0;
  height: 29px;
}
/*Panel 控件面板 设置边框及背景颜色*/
.panelvclEnabled
{
  border: 1px solid #CBCECD;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.panelcell
{
    height:100%;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
/*Panel 页面面板 设置边框及背景颜色 默认隐藏*/
.panelPage
{
    display:none;
    border: 1px solid #95B8E7;
    background-color: #fff;
    overflow:auto;
    position:absolute;
    z-index:200;
}
.panelFramePage
{
    display:none;
    border: 1px solid #95B8E7;
    background-color: #fff;
    overflow:auto;
    position:absolute;
    z-index:300;
}
/*Panel 庶罩层*/
.panelMask
{
    position:absolute;
    text-align:center;
    vertical-align:middle;
    background-color:#c7d7e4;
    opacity:0.5;
    -moz-opacity:0.5;
    filter: alpha(opacity=50);
    overflow:auto;
    z-index:100;
}
/*Panel 提示信息面板样式*/
.panelMessage
{
    display:none;
    height:100px;
    width:300px;
    position:absolute;
    z-index:101;
}
.panelMessageTable
{
    vertical-align:middle;
    background-color:#ffffff;
    border-left:#c7d7e4 1px solid;
    border-bottom:#c7d7e4 1px solid;
    border-right:#c7d7e4 1px solid;
    border-top:#c7d7e4 1px solid;
}

.listboxEx_mousemove
{
    background-color: #FFEBAB; 
    cursor:pointer;
    margin:4px;
    vertical-align:middle;
}

.listboxEx_select
{
    background-color: #A0FF83;
    cursor:pointer;
    margin:4px;
    vertical-align:middle;
}

.listboxEx_DivItem
{
    cursor:pointer;
    margin:4px;
    vertical-align:middle;
}

.listboxEx_line
{
    height:1px;
    width:100%;
    border-bottom:1px solid #95B8E7;
}

.titlePanel
{
    height:25px;
    width:100%;
    background-color:#BFDBFF;
    top:1px;
}

.lxqTabsTitleSelectFirst
{
    border-left: 1px solid #9EC9FE;
    border-top: 1px solid #9EC9FE;
    border-right: 1px solid #9EC9FE;
    text-align:center;
    vertical-align:middle;
    height:30px;
    width:100px;
    cursor:pointer;
}
.lxqTabsTitleSelect
{
    border-bottom:0px;
    border-left:0px;
    border-top: 1px solid #9EC9FE;
    border-right: 1px solid #9EC9FE;
    text-align:center;
    vertical-align:middle;
    height:30px;
    width:100px;
    cursor:pointer;
}
.lxqTabsTitleFirst
{
    border-left: 1px solid #9EC9FE;
    border-top: 1px solid #9EC9FE;
    border-right: 1px solid #9EC9FE;
    border-bottom: 1px solid #9EC9FE;
    text-align:center;
    vertical-align:middle;
    height:30px;
    width:100px;
    cursor:pointer;
}
.lxqTabsTitle
{
    border-top: 1px solid #9EC9FE;
    border-right: 1px solid #9EC9FE;
    border-bottom: 1px solid #9EC9FE;
    text-align:center;
    vertical-align:middle;
    height:30px;
    width:100px;
    cursor:pointer;
}
.lxqTabsTitleCellPanel
{
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
.lxqTabsPanelCell
{
    border-bottom: 1px solid #9EC9FE;
    border-left: 1px solid #9EC9FE;
    border-right: 1px solid #9EC9FE;
}
.lxqTabsPanel
{
    border-bottom: 1px solid #9EC9FE;
    border-left: 1px solid #9EC9FE;
    border-right: 1px solid #9EC9FE;
}
.lxqTabsFrameTitleBar
{
    border-bottom: 1px solid #9EC9FE;
    background-color:#CAE5FB;
    height:30px;
}

.lxqTabsFrame
{
    width:100%;
    border: 1px solid #9EC9FE;
}

.lxqTabsFramePanel
{
    vertical-align:top;
    width:100%;
    overflow:auto;
}

.lxqTabsFameCell
{
    border-right: 1px solid #9EC9FE;
    text-align:center;
    vertical-align:middle;
    padding-left: 10px;
    padding-right: 25px;
    cursor:pointer;
}

.lxqTabsFrameCellSelect
{
    border-right: 1px solid #9EC9FE;
    background-color: #9EC9FE;
    text-align:center;
    vertical-align:middle;
    padding-left: 10px;
    padding-right: 25px;
    cursor:pointer;
}

.lxqTabsListTitle
{
    vertical-align:middle;
    height: 30px;
    border-right: 1px solid #9EC9FE;
    border-top:1px solid #9EC9FE;
    border-left:1px solid #9EC9FE;
    background-color: #BFDBFF;
}

.lxqTabsListPanel
{
    border-bottom: 1px solid #9EC9FE;
    border-top:1px solid #9EC9FE;
    border-right: 1px solid #9EC9FE;
    border-left:1px solid #9EC9FE;
    background-color: #ffffff;
}

.lxqTabsListSubRowFirst
{
	width:100%;	height:30px;	padding:0;margin:0;cursor:pointer
}
.lxqTabsListSubRow
{
	width:100%;
	height:30px;
	padding:0;
	margin:0;
	border-top: 1px solid #9EC9FE;cursor:pointer
}

/*表格标题样式*/
.lxqGridTitle
{
    background-color: #BFDBFF;
    font-weight:bold;
    font-family:微软雅黑;
}
/*隐藏单元格*/
.lxqGridHide
{
    display:none;
}

.lxqGridCell
{
    border-collapse:collapse; /*合并表格内外边框*/
}
    .lxqGridCell td
    {
        border:solid 1px #9EC9FE;
        height:25px;
    }

.lxqGridMouseColor
{
    background-color: #FFCC00;
}
.lxqGridSelColor
{
    background-color: #A0FF83;
} 

.lxqButton{
      display:inline-block; 
      border:solid 1px #9EC9FE;   
      background-color: #BFDBFF;   
      cursor:pointer;
      padding:3px 5px 3px 5px;  /*上边，左边，下边，右边间距**/
}
    .lxqButton td               /*单元格样式*/
    {
        text-align:center;
        vertical-align:middle;
    }

.lxqButtonMouseMove
{
      display:inline-block; 
      border:solid 1px #9EC9FE;   
      background-color: #FFCC00;   
      cursor:pointer;
      padding:3px 5px 3px 5px;
}
    .lxqButtonMouseMove td
    {
        text-align:center;
        vertical-align:middle;
    }

.lxqButtonMouseSele
{
      display:inline-block; 
      border:solid 1px #9EC9FE;   
      background-color: #A0FF83;   
      cursor:pointer;
      padding:3px 5px 3px 5px;
}
    .lxqButtonMouseSele td
    {
        text-align:center;
        vertical-align:middle;
    }

.tr_odd{ 
background-color: orange; 
} 
.tr_even{ 
background-color: aqua; 
} 
.tr_mouse_color{ 
background-color: #FFEBAB; 
}
.tr_select_color
{
    background-color: #A0FF83;
}

.combo {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border: 1px solid #95B8E7;
  overflow: hidden;
  vertical-align: middle;
  background: url('../images/combo_arrow.png') no-repeat right center;
  height:25px
}
.combo .combo-text {
  font-size: 12px;
  border: 0px;
  margin: 0;
  padding: 0px 2px;
  vertical-align: baseline;
}

.tablenonborder
{
    border :none;
    margin:0;
    padding:0;
    border-collapse:collapse;
}
.lxqMenuTitle
{
	vertical-align: middle;
	height: 30px;
	padding-right: 30px;
	background-color: #F4F4F4;
	cursor: pointer;
}
.lxqMenuICon
{
	vertical-align: middle;
	height: 30px;
	padding-left: 10px;
	background-color: #F4F4F4;
}
.lxqMenuSubTableLine
{
	border-collapse: collapse;
	border: 1px solid #F4F4F4;
}
.lxqMenuSub
{
	vertical-align: middle;
	height: 30px;
	border-right: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	background-color: #F4F4F4;
	cursor:pointer;
}
.lxqMenuSubSelectColor
{
	background-color: #ffcb00;
}
/*表格缩显提示 b*/
        /* 基础提示样式 */
        .tooltip-cell {
            position: relative;
            cursor: help;
        }
        
        .tooltip-cell::after {
            content: "ⓘ";
            margin-left: 5px;
            font-size: 0.9em;
            color: #3498db;
        }
        
        .tooltip {
            position: absolute;
            background: #2c3e50;
            color: white;
            padding: 12px 16px;
            border-radius: 6px;
            font-size: 14px;
            line-height: 1.5;
            width: 350px;
            z-index: 100;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
            pointer-events: none;
			 /* 关键属性：允许文本换行 */
            white-space: normal;
            word-wrap: break-word;
            overflow-wrap: break-word;
        }
        
        .tooltip::after {
            content: '';
            position: absolute;
            border: 8px solid transparent;
        }
        
        .tooltip.top {
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            margin-bottom: 10px;
        }
        
        .tooltip.top::after {
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            border-top-color: #2c3e50;
        }
        
        .tooltip.bottom {
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            margin-top: 10px;
        }
        
        .tooltip.bottom::after {
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            border-bottom-color: #2c3e50;
        }
        
        .tooltip.left {
            right: 100%;
            top: 50%;
            transform: translateY(-50%);
            margin-right: 10px;
        }
        
        .tooltip.left::after {
            left: 100%;
            top: 50%;
            transform: translateY(-50%);
            border-left-color: #2c3e50;
        }
        
        .tooltip.right {
            left: 100%;
            top: 50%;
            transform: translateY(-50%);
            margin-left: 10px;
        }
        
        .tooltip.right::after {
            right: 100%;
            top: 50%;
            transform: translateY(-50%);
            border-right-color: #2c3e50;
        }
        
        .tooltip-cell:hover .tooltip {
            opacity: 1;
            visibility: visible;
        }
        
        /* 不同类型的提示样式 */
        .info-tooltip .tooltip {
            background: #3498db;
        }
/*表格缩显提示 e*/