/* ------ common ------ */
.hidden{display:none;}
.f{float:left;}
.b{border:1px solid red;}
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
.pointer{cursor:pointer}

/*
	context - zIndex:1040
	dialog - zIndex:1050
	valid-tips - zIndex:1030
*/



/* ------ bootstrap ------ */
.btn{font-size:12px;}
.glyphicon-sm{font-size:12px;}
/*table*/
.table>tbody>tr>td{padding:4px;}
.list-group-item{padding:5px 5px;}
.tab-content .tab-pane>div{padding:0;}
.panel-table{height: 100%;}
.panel-table .panel-body{padding:0;}
.panel-table .ui-jqgrid{border:0;}
/*form*/
.input-group-btn:last-child > .btn{margin-top:-2px;}
.modal-body td{padding:4px;}
/*jqgrid*/
#jqGridPager_center .ui-pg-input{border: 1px solid #ccc;}
.ui-jqgrid-titlebar-close.HeaderButton{display:none;}
.ui-jqgrid .ui-jqgrid-title{font-size:13px;}/*caption*/
.ui-jqgrid .cbox{margin:auto;}/*checkbox*/
.ui-jqgrid th[id$='_rn']{cursor:pointer;}
.ui-jqgrid .filterColumn{display:none;}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow[editable='1'] td {overflow:visible;}
.ui-jqgrid .nospace tr.jqgrow td{white-space:normal !important;}
.filterColumn-show .filterColumn{width: 16px;height:16px;display:block;float:left;cursor:pointer;z-index:800}
.filterColumn-show th[id$='_rn'] .filterColumn{display:none;}
.filterColumn-show th[id$='_cb'] .filterColumn{display:none;}
.pager-input{width:80px !important;}
.panel-table .filterColumn{display:none;}
/*contextmenu*/
#jqContextMenu{max-height:240px;overflow: auto;}

/* ------ form : normal ------ */
.form-group{padding-left:5px;padding-right:5px;}
.form-control{height:28px;font-size:12px;padding:3px 6px;}
.input-group-btn  button{padding:5px;}

.form-normal{padding-top:10px;display:table-cell;}
.form-normal .form-group{float:left;height: 28px;}
.form-normal label{width:120px;height:22px;line-height:22px;word-wrap: break-word;float:left;border-bottom:1px solid #dddddd;padding-left:10px;}
.form-normal .form-input{width:180px;display:inline-block;}
.form-normal .form-text{width:180px;display:inline-block;}
.form-normal .form-text .form-control{height:24px;}
.form-normal .form-text .btn{padding:2.5px 12px;}
.form-list{padding-top:10px;}
.form-list label{width:180px;height:22px;line-height:22px;border-bottom:1px solid #dddddd;float: left;}
.form-list .form-input{width:280px;display:inline-block;}
.form-list .form-text{width:180px;display:inline-block;}

/* ------ validate ------ */
.valid .valid-info{font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;position:relative;}
.valid .valid-info::before{content: "\e086";position: absolute;color: red;right:-12px;top:0;z-index:99999;}
.valid .valid-info input[name]{border: 1px solid red;}
.valid .valid-info select[name]{border: 1px solid red;}
.valid .valid-info:hover::after{content:attr(valid-msg);font-size:12px;position: absolute;color:red;white-space: nowrap;}

/* ------ tips ------ */
.valid-tips::before{color:red;}

/* ------ layout ------ */
.ui-layout-pane{overflow:hidden;padding:0 !important;}
.ui-layout-pane .ui-jqgrid{border:0;}

.ui-jqgrid .valid-info{font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;position:relative;}
.ui-jqgrid .valid-info::before{content: "\e086";position: absolute;color: red;right:0;top:0;z-index:99999;}
.ui-jqgrid .valid-info input[name]{border: 1px solid red;}
.ui-jqgrid .valid-info select[name]{border: 1px solid red;}
.ui-userdata-top span{height:22px;line-height:22px;margin-left:5px;cursor:pointer;}
.ui-userdata-top span:hover{background-color: #ddd;}
.ui-jqgrid [editable='1'] td{white-space:normal !important;}

/* ------ alert : top ------ */
#alert-top{min-width: 180px;position:fixed;top:5px;left:30%;right:30%;z-index:99999;margin:0px;}
#alert-top .close{line-height:1.2rem;}
#alert-top .close{display:none;}
#alert-top:hover .close{display:inline-block;}
.alert-danger {color: #000000;background-color: #FF0000;border-color: #ebccd1;}
.alert-warning {color: #000000;background-color: #F7CF00;border-color: #faebcc;}
.alert-success {color: #000000;background-color: #4AFF00;border-color: #d6e9c6;}

/* ------ line : linear ------ */
.g-line {width:90%;position: relative;height: 1px;margin: auto;background: #bbb;background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #bbb 25%, #bbb 75%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to right, transparent 0%, #bbb 25%, #bbb 75%, transparent 100%);}

/** serach-table */
.modal-dialog .searchTableHead{max-height:160px;margin-bottom:10px;overflow:auto;}
.modal-dialog .modal-header{cursor:move;}
.modal-dialog .modal-header h5{display:inline-block;}
.modal-dialog .modal-content{height:100%;}
/* .modal-dialog .modal-body  pre{background: none;border: none;} */
.modal-dialog .modal-body .center{text-align: center;}
.modal-dialog .modal-body .left{text-align: left;}
.modal-dialog .modal-body .right{text-align: right;}
.modal-dialog .modal-body .b{font-weight: bolder;}
.modal-dialog .modal-body .red{color:red;}

/* ------ self ------ */
body{margin: 0;padding:100px 0 0 0;background-color:#ffffff;font-size: 12px;}
#menu-log{width: 220px;height: 50px;padding-top: 0;padding-bottom: 0;line-height: 50px;cursor: pointer;text-align: center;}
#menu-log b{z-index:1}
#menu-tabs b{padding-left:5px;cursor: pointer;}
.tab0-left{width:220px;padding:0 0 10px 0;position:absolute;top:100px;left:0;bottom:0;overflow:auto;z-index:15;}
.tab0-right{width:100%;padding:10px 10px 10px 235px;position:absolute;top:100px;right:0;bottom:0;overflow:auto;z-index:10;background-color:#fff;}

.menu_tab_scroll{width:100%;height:50px;border-bottom: 1px solid #DDD;padding-left: 220px;position:absolute;}
.menu_tab_scroll>span{font-size:20px;color:#000;background-color:#F8F8F8;cursor:pointer;z-index:1;}
.menu_tab_scroll .left{width:20px;height:49px;line-height:59px;position:absolute;top:0;left:220px;}
.menu_tab_scroll .right{width: 20px;height:49px;line-height:59px;position:absolute;top:0;right:0;}
.menu_tab_scroll .menu_tab_scroll_content{width:100%;height:50px;line-height: 50px;padding-left: 20px;padding-right: 20px;overflow:hidden;}
.menu_tab_scroll .menu_tab_scroll_content>ul{width:10000px;height:40px;margin-top:10px;position: relative;left:0;top: 0;}

#menu-content{width:100%;height:100%;}
#menu-content .tab-pane{height:100%;}
#menu-content .rootTop{height:50px;line-height:50px;}
#menu-content .rootTop .rootTopBtn{float:left;}
#menu-content .rootTop .groupInfo{float:right;}
/* #menu-content .rootCenter{overflow:auto;} */
#menu-content .tab_loading{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#ddd;z-index:3001;filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;}
#menu-content .tab_loading img{width:32px;height:32px;display:block;margin:0 auto;margin-top:220px;}
/* zIndex:1040 */
.contextMenu{display:none;position: absolute;z-index:1040;left: 292px;top: 141px;}
#contextMenu ul{min-width:130px;max-height:240px;overflow:auto;list-style: none;padding: 1px;margin: 0px;border: 1px solid rgb(153, 153, 153);background-color: rgb(255, 255, 255);}
#contextMenu .glyphicon{width:16px;}
#contextMenu ul li{padding-right:16px;white-space:nowrap;}
#contextMenu ul li[class*='disabled']{color:#BEBDBD;}
#contextMenu ul li:not([class*='disabled']):hover{background-color:#B6BDD2;cursor:pointer;}
#contextMenu ul li span{margin-left:5px;}
#contentMenu{min-width:130px;max-height:340px;overflow:auto;margin: 0px;padding:5px;border: 1px solid rgb(153, 153, 153);background-color: rgb(255, 255, 255);}

.meta_refer_top{height:40px;}
.meta_refer_top .metaName{height:30px;line-height:30px;}
.meta_refer_top .metaValue{height:30px;}
.meta_refer_form .row{padding-top:10px;border-top:1px solid #E5E5E5;}
.meta_refer_form label{float:left;border-bottom:1px solid #dddddd;padding-left:5px;padding-right:5px;}
.meta_refer_form .form-input{width:120px;display:inline-block;}
.meta_refer_form .close-btn{width:16px;height:16px;padding: 10px;font-size:20px;cursor:pointer;}

/* report-meta */
.meta-detail-box .onerow{margin-top:5px;border:1px solid #ddd;}
.meta-detail-sqlbox .onerow{margin-top:5px;border:1px solid #ddd;}

/* treeview 2016/3/4 zhou*/
#tree .list-group{width:300px;}

/* .dropdown-submenu  2016/3/12 zhou 主表导出三级下拉菜单*/
.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0;left: -100%;-webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: none;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px;}

/* 导航栏 ： 用户信息设置-皮肤 */
.skinClickEvent.dropdown-menu{padding:10px 0 10px 10px;}
.skinClickEvent.dropdown-menu>li>div>label:hover{cursor:pointer;}
/* 导航栏 ： 用户信息设置  .moveleft-submenu  2016/3/12 niuyq 皮肤选择样式*/
.moveleft-submenu {position: relative;}
.moveleft-submenu>.dropdown-menu {top: 0;left: -100%;margin-top: -3px;margin-left: -1px;width:3px;-webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;}
.moveleft-submenu:hover>.dropdown-menu {display: block;}
.moveleft-submenu>a:after {display: none;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 3px 0 3px 3px;border-left-color: #ccc;margin-top: 3px;margin-right: -5px;}
.moveleft-submenu:hover>a:after {border-left-color: #fff;}
.moveleft-submenu.pull-left {float: none}
.moveleft-submenu.pull-left>.dropdown-menu {left: 100%;margin-left: 3px;-webkit-border-radius: 4px 0 4px 4px;-moz-border-radius: 4px 0 4px 4px;border-radius: 4px 0 4px 4px;}

#contextMenu >ul>li>a{padding:5px;}
/*bug 969 2016/3/29 zhouyj   */
.pager-input{width:73px !important;}

/*筛选搜索 2016/4/7 zhouyj  */
#contextMenu >ul  .input-group{padding:4px 6px 4px 6px}
/* #contextMenu >ul .input-group .form-control{width:80%;} */
#contextMenu >ul .input-group-addon{padding:5px;}
#contextMenu >ul>li .input-group-addon{position: initial;}

#menu-content  .glyphicon-random:before{margin:3px;}
/* 筛选框最大宽度 防止客供款式规格表超限 2016/5/11*/
#contextMenu ul {max-width: 500px;}


[id^="od_"] tbody tr.jqgrow td {
  white-space: normal !important;
  height:auto;
 /*  vertical-align:text-top; */
  padding-top:2px;
  word-break:break-all;
  word-wrap:break-word;
 }
 [id^="tzod_"] tbody tr.jqgrow td {
  white-space: normal !important;
  height:auto;
 /*  vertical-align:text-top; */
  padding-top:2px;
  word-break:break-all;
  word-wrap:break-word;
 }

 /* C_CADGZPP表 textarea多行超出省略 2017/8/1*/
#archive-C_CADGZPP_grid  tr [aria-describedby="archive-C_CADGZPP_grid_reg_contain"]{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
/*     -webkit-line-clamp:1;
    -webkit-box-orient: vertical;  一行可像下面那样直接设置行高*/
    height:24px;
 }