@charset "UTF-8";
.ui-jqgrid {font-size:12px; margin-left:1px; }
.ui-jqgrid tr.jqgrow td {font-size:12px; }
.ui-jqgrid .ui-jqgrid-htable th div{font-size:12px;  }
.ui-widget-content { color: #000;     background: #fff; }

.cellWithoutBackground{
	cursor: default;
    display: inline-flex;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    padding:2px 6px 2px 0;
    overflow:hidden;
    word-break:break-all;
    WORD-WRAP:break-word;
    white-space: pre-wrap;
    line-height: normal;
    font-size: 14px !important;
}

.ui-row-ltr .cellWithoutBackground :hover{	
	color:#000 !important;
}

.ui-widget-content .ui-state-default {
    background: none repeat scroll 0 0 #fff;
}

.ui-jqgrid .ui-jqgrid-htable th div{
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	color: #444444;
	line-height: 20px;
	font-family: Microsoft YaHei,Arial;
	font-size: 13px;
    font-weight: 600;
	height: 100%;
	width: 1000px;	
	overflow: visible;
	white-space:normal;
	position:relative;
	left:10px;
	top:5px;
}

.ui-jqgrid tr.jqgrow td:not(.nullcolumn) {
	word-wrap:break-word;
	word-break:break-all;
	white-space: pre-wrap !important;
	height: auto;
	vertical-align:middle;
	line-height:20px;
	color: #606266;
    font-family: "Microsoft Yahei",Arial; /*系统默认字体微软雅黑*/
    font-size: 14px !important;
    font-weight: 400;
    padding: 0 0 0 6px;
    height: 48px !important;
    /* border-radius: 4px; */
   /*  text-indent:-2px; */
}
.ui-jqgrid tr.jqgrow td.nullcolumn {
	padding: 0;
}

.ui-jqgrid .ui-jqgrid-htable th{
	height: 26px;
	background: none repeat scroll 0 0 #fafafa; 
	color: #444444;
	font-family: Microsoft YaHei,Arial;
    font-size: 12px;
    font-weight: 600;
    
	vertical-align:middle;
	line-height:20px;
	text-align: center;
	/* border:1px solid #f2f2f2 !important; */
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    text-align: left;
}

.ui-widget-content .ui-jqgrid-hdiv{
	background: #efefef;
	/* border-top: 1px solid #5b5b5b !important;
	border-bottom: 1px solid #5b5b5b !important; */
}

.ui-widget-content .ui-jqgrid-sdiv {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #dadada !important;
    border-top: 1px solid #dadada !important;
}

.ck_border_top_black{
	/*border-top: 1px solid #5b5b5b !important;*/
	/* border-bottom: 1px solid #5b5b5b !important; */
}
.ck_border_bottom_black{
	/* border-bottom: 1px solid #5b5b5b !important; */
}

.altClass .ui-state-default{
	background: none repeat scroll 0 0 #fafafa
}


.ui-state-highlight .ui-state-default{
	background: #fff29f;	
}

.ui-state-hover .ui-state-default{
	background: #edf4fa;
} 
.altClass.ui-state-hover .ui-state-default{
	background: none repeat scroll 0 0 #fafafa
}

.ui-state-hover.ui-state-highlight .ui-state-default{
	background: #fff29f !important;
}

.ui-jqgrid tr.ui-row-ltr td {
    border-right: 0 none;
    text-align: left;
}
.ui-jqgrid tr.jqgrow td {
    /*border-bottom: 0 none;*/
    border-bottom: 1px solid #ebeef5;
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    border-right: 0 none;
    height: 48px;
    color: #444444;
    font-weight: 600;
    border-bottom: 1px solid #ebeef5;
}

.ui-jqgrid .ui-userdata{
	height: 26px;
	line-height: 26px;
}

.ui-jqgrid .ui-jqgrid-pager {
		height: 50px;
		border-top: 1px solid #a6c9e2;
		border-radius: 0;
}
	
.ui-jqgrid .ui-pg-table{
	background-color:#efefef;
	height: 26px;
	font-size: 13px;
    font-weight: 400;	
    color: #606266;
}

.grid-no-record {
	height: 26px;
	line-height: 26px;
	width: 100%;
	background-color: transparent;
	display: none;
	
	color: inherit;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /*border-bottom: 1px solid;*/
}

.grid-no-record table{
	height:20px;
	margin:0 auto;
	line-height: 20px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;
    color: #000;
    font-weight: bold;
}

.ui-state-default a.ui-jqgrid-rowmore {
	text-decoration: underline;
}
/*grid sort icon begin*/
.ui-jqgrid .ui-icon-asc {
    height: 20px;
    margin-top: 0px;
}

.ui-jqgrid .ui-icon-asc.ui-state-disabled{
	display:none;
}

.ui-jqgrid .ui-icon-desc.ui-state-disabled{
	display:none;
}

.ui-jqgrid .ui-icon-desc {
    height: 20px;
    margin-top: 0px;    
}

.ui-state-default .ui-icon-triangle-1-n {
    background: url("./images/sort-asc.png") no-repeat scroll left center transparent;
}
.ui-state-default .ui-icon-triangle-1-s {
    background: url("./images/sort-desc.png") no-repeat scroll left center rgba(256, 256, 256, 256);
}

/*grid sort icon end*/

.ui-jqgrid tr.footrow td {
	border-top: none;
	border-right: none;
	height: 49px;
	line-height: 49px;
    font-size: 14px;
    color: #606266;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
/*     border: 1px solid #fff29f !important;
 */    background: #fff29f !important;
    color: #363636 !important;
}
.ui-state-hover:not(.ui-state-highlight), .ui-widget-content .ui-state-hover:not(.ui-state-highlight), .ui-state-focus:not(.ui-state-highlight), .ui-widget-content .ui-state-focus:not(.ui-state-highlight) {
    /*border: 1px solid #edf4fa; */
    background: #edf4fa;
/*     font-weight: bold;
    color: #1d5987; */
/*     background: #fff29f;
    font-weight: bold;
    color: #363636; */
    outline: none;
    color:#000 !important;
}
.ui-state-hover, .ui-state-highlight {
	border: none !important;
}

.ui-widget-content.jqfoot {
	font-size: 14px;
	background: #d6e9fa;
	height: 30px;
	line-height: 30px;
	
}
.ui-widget-content.jqfoot td {
	border: none !important;
}
.gridfiledownload{
	margin-right:10px;
	margin-left:10px;
	color: #5fb3f8!important;
}
.gridfileread{
	color: #5fb3f8!important;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
    position: relative;
    float: left;
    padding: 0;
    margin: 0 1px;
    line-height: 14px;
    text-decoration: none;
    background-color: #fff;
    borer-radius: 0;
    -webkit-border-radius: 0;
        height: 24px;
    min-width: 19px !important;
    text-align: center;
    color: #333;
    border: 1px solid #979797;
    width: 24px;
    text-align: center;
    font-size:  12px !important;
        display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-selbox{
    position: relative;
    float: left;
    padding: 0;
    padding-bottom: 2px;
    padding-left: 3px;
    margin: 0 2px 2px 2px;
    height: 28px;
    line-height: 28px;
    color: #606266;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dcdfe6;
    font-size: 13px;
    border-radius: 4px;
}
.ui-pg-selbox option {
    font-size: 14px;
    color: #606266;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-selbox:hover {
    border: 1px solid #409eff;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-input{
padding: 0 3px;
        margin:0 6px 2px 6px;
    height: 28px;
    line-height: 28px;
    color: #303133;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dcdfe6;
    text-align: center;
    border-radius: 4px;
    width: 40px;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button:not(.ui-state-disabled):hover, .ui-jqgrid .ui-jqgrid-pager .ui-pg-button:not(.ui-state-disabled):focus, .ui-jqgrid .ui-jqgrid-pager .ui-pg-button:not(.ui-state-disabled).active
,.ui-pg-index:not(.ui-state-disabled):hover,.ui-pg-index:not(.ui-state-disabled):focus,.ui-pg-index:not(.ui-state-disabled):active
{
    z-index: 2;
    color: #fff !important;
    cursor: pointer;
    background: none;
    background-color: #60b4fa !important;
    border-color: #60b4fa !important;
} 
.ui-jqgrid .ui-jqgrid-pager .ui-pg-index {
    position: relative;
    float: left;
    margin: 0 2px 2px 2px;
    color: #303133;
    min-width: 28px;
    padding: 0px 4px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dcdfe6;
    borer-radius: 0;
    -webkit-border-radius: 0;
    height: 28px !important;
    line-height: 22px impotant;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 4px;
   
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-ellipsis {
    position: relative;
   /** float: left;*/
}

.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar
{
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
}
.ui-jqgrid .ui-jqgrid-view::-webkit-scrollbar
{
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
}

.ui-jqgrid .ui-pg-button { height: 28px !important;}
.ui-pg-flbuttons { height: 22px !important; }

.ui-jqgrid .ui-pg-flbuttons span {
    display: block;
    margin: 1px;
}
.ui-jqgrid .ui-pg-table td.jump_pager{
	/**padding: 0 10px;**/
}
.ui-pg-jump {
	margin: 0 2px 2px 2px !important;
    width: 40px !important;
    padding: 0px 6px !important;
    border: 1px solid #dcdfe6 !important;
    border-radius: 4px !important;
}
.ui-jqgrid .ui-pg-table{
	 padding-bottom:0; 
	 padding-top: 4px;
}
.ui-jqgrid tr.jqgrow > td > input[type=checkbox]{
    display: flex;
    vertical-align: middle;
}
.ui-jqgrid .cbox {
	display: flex;
    vertical-align: middle;
	width: 15px; 
	height: 15px;
}
.ui-pg-prev {
	padding: 0 6px !important;
    width: auto !important;
    margin-right: 4px !important;
}
.ui-pg-next {
	padding: 0 6px !important;
    width: auto !important;
    margin-left: 4px !important;
}

.ui-pg-index.active {
    background: #409eff none repeat scroll 0 0 !important;
    border-color:  #409eff !important;
    color: #fff !important;
}

.ui-pg-buttons, .ui-pg-selnum {
	height: 24px !important; 
	line-height: 24px !important;
}
.ui-pg-buttons > .ui-pg-index {
	margin-bottom: 2px !important;
}
.coldisabled {
	color: gray !important;
	pointer-events: none;
}
.ui-swimlane .ui-jqgrid-hdiv, .ui-jqgrid-bdiv{
	background: #f7f7f7 none repeat scroll 0 0 !important;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-swimlane div{
	color: #444444;
	font-weight: 580;
	font-size: 14px !important;
	text-align: left;
	padding-left: 16px;
}
.ui-jqgrid tr.jqgfirstrow td.ui-swimlane{
	border-right-width: 0px;
}

.ui-jqgrid .ui-swimlane .panel
{
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	margin: 10px 16px;
}

.ui-jqgrid .ui-swimlane .panel-header,.panel-body {
	border: none;
} 

.ui-swimlane-add {
	height: 28px;
	background: none repeat scroll 0 0 #fff;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	line-height:28px;
	color: #8c8c8c;
}

@font-face {
    font-family: tb-icons;
    font-style: normal;
    font-weight: 400;
    src: url(../../plugins/teambition/fonts/tb-icons.woff2) format("woff2");
}

.ui-swimlane-add:hover{
	color: #1b9aee;
	box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}

.icon-plus {
	display: inline-block;
	font-family: tb-icons!important;
	font-stretch: normal;
	font-size: 16px;
    text-rendering: auto;
    width: 20px;
    height: 20px;
    -moz-osx-font-smoothing:grayscale
}
.icon-plus::before{
	content: "\eb15";
}

.ui-swimlane .ui-widget-content { background: #f5f5f5; }

.ui-swimlane .icon-tb{
	cursor: pointer;
	background: none;
	display: inline-block;
	font-family: tb-icons!important;
	font-stretch: normal;
	font-size: 12px;
    text-rendering: auto;
    width: 16px;
    height: 16px;
    -moz-osx-font-smoothing:grayscale
}

.ui-swimlane .icon-edit {
	background: none;
	display: inline-block;
	font-family: tb-icons!important;
	font-stretch: normal;
	font-size: 12px;
    text-rendering: auto;
    width: 16px;
    height: 16px;
    -moz-osx-font-smoothing:grayscale
}

.ui-swimlane .icon-edit:before{
	content: "\eb0d";
}
.ui-swimlane .icon-edit:hover{
	background: none;
	color: #1b9aee;
}

.ui-swimlane .icon-remove {
	background: none;
	display: inline-block;
	font-family: tb-icons!important;
	font-stretch: normal;
	font-size: 12px;
    text-rendering: auto;
    width: 16px;
    height: 16px;
    -moz-osx-font-smoothing:grayscale
}

.ui-swimlane .icon-remove:before{
	content: "\eb7f";
}
.ui-swimlane .icon-remove:hover{
	background: none;
	color: #1b9aee;
}

.ui-swimlane .icon-save {
	background: none;
	display: inline-block;
	font-family: tb-icons!important;
	font-stretch: normal;
	font-size: 12px;
    text-rendering: auto;
    width: 16px;
    height: 16px;
    -moz-osx-font-smoothing:grayscale
}

.ui-swimlane .icon-save:before{
	content: "\eba7";
}

.ui-swimlane .icon-save:hover{
	background: none;
	color: #1b9aee;
}

.ui-swimlane .icon-more{
	float: right;
	color: #bfbfbf;
	font-size: 16px;
	margin-right: 16px;
}

.ui-swimlane .icon-more:hover{
	color: #1b9aee;
}

.ui-swimlane .icon-more:before{
	content: "\eada";
}

.jggrid-bgtran .ui-jqgrid-bdiv, .jggrid-bgtran .ui-jqgrid-pager, .jggrid-bgtran .ui-pg-table, .jggrid-bgtran .ui-jqgrid-hdiv { 
	background-color: transparent !important; 
}

/* 列表搜索控件  */
.grid_searchbar { min-height:36px;margin: 8px 6px 8px 8px; padding-top:10px; padding-bottom:0; border: none /* 1px solid #C9C9C9 */;  border-radius: 2px; }
.grid_basesearch, .grid_adsearch,.grid_adsearch_bottom {display: flex; display: -webkit-flex; justify-content: space-between; }
.grid_adsearch { flex-flow: column; display: none; background-color:#fff; margin: 5px 10px 10px 10px;padding-bottom: 5px;border-radius: 4px;}
.grid_adsearch_bottom { padding: 10px; }
.grid_adsearch_top {padding: 0px; }
.grid_basesearch_left { flex: 1 auto; }
.grid_basesearch_right {display: inline-flex; margin-right: 10px; justify-content: flex-end;}
.grid_adsearch_bottom_left, .grid_adsearch_bottom_right {display:flex;}

.grid-search-group-right {
    display: inline-flex; 
    height: 32px;
    vertical-align: middle;
    background-color: #409eff; 
    border-radius: 4px;
}

.grid-search-group {
    display: inline-flex; 
    position: relative;
    height: 32px;
    vertical-align: middle; 
    background-color: #409eff; 
    border-radius: 4px;
    max-width: 460px;
    width: 460px;
    right:10px;
}
.grid-search-input {
	width: calc(100% - 120px);
	border: #ccc;
    height: 32px;
    text-indent: 4px;
    border-radius: 4px 0 0 4px;
    border-bottom: 1px solid #409EFF;
    border-top: 1px solid #409EFF;
    border-left: 1px solid #409EFF;
    font-size: 14px;
    color: #606266;
    padding-left:8px;
} 
.grid-search-input.not-grid-adsearch{
	width: calc(100% - 80px);
}
.grid-search-button {
	width: 32px;
	height: 32px;
	line-height:32px !important;
    text-align: center;
    font-size:18px !important;
    color: #fff;
    cursor: pointer;
}
.grid-searchtool-button {
	height: 32px;
    line-height: 26px;
    display: inline-flex;
    margin-left: 10px;
    border: 1px solid #dcdfe6;
    padding: 3px 10px;
    cursor: pointer;
    border-radius: 4px;
    color: #606266;
    margin-bottom:10px;
    font-size: 14px;
    background-color:#fff;
}
.grid-searchtool-button:hover{
	color:#409EFF;
	border-color: #409EFF;
}

.grid-searchtool-button button {
	background-color: inherit;
	color: inherit;
}
.grid-searchtool-button button:hover {
	background-color: inherit;
	color: inherit;
}

.grid-search-more {
	background: #5cb85c;
    height: 28px;
    line-height: 22px;
    padding: 3px 6px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-left:10px;
}

.grid_adsearch_bottom .adsearch-button {
	height: 32px;
    line-height: 24px;
    padding: 3px 10px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}
.adsearch-button .las,.adsearch-button .la{
	margin-right: 4px;
}
.grid-adsearch-search {
	background-color: #409eff;
	color: #fff;
	border: 1px solid #409eff;
	margin-right: 10px;
}
.grid-adsearch-close{
	background-color: #F56C6C;
	color: #fff;
	border: 1px solid #F56C6C;
}
.grid-adsearch-search:hover,.grid-adsearch-close:hover,.grid-search-more:hover,.grid-search-button:hover,.grid-search-button{
	opacity: 0.8;
	text-decoration: none;
}

.grid-adsearch-save {
    border: 1px solid #C9C9C9;
}
.grid-adsearch-choose {
    border: 1px solid #dcdfe6;
    color:#606266;
    margin-left: 0px;
    background-color:#fff;
}

.grid-adsearch-save:hover,.grid-adsearch-choose:hover{
	color:#4e96fa;
	border-color: #4e96fa;
	text-decoration: none;
}

.grid-adsearch-container {
	display: flex;
	flex-wrap: wrap;
	/* border-top: 1px dashed #f0f0f0; */
	position: relative;
    /* border-bottom: 1px solid #C9C9C9; */
}
.grid-adsearch-container::before {
	content: '';
	display:inline-block;
	width: 100%;
	height: 1px;
	border-top: 1px dashed #f0f0f0;
	position: absolute;
    top: -1px;
}
.grid-adsearch-container .search-item {
	display: inline-flex; 
	margin-right: 10px;
    margin-top: 10px; 
 }
.grid-adsearch-container .search-item .search-item-label { 
	width: 90px;   /**调整grid查询的组件的宽度*/
	text-align: right; 
    margin-right: 10px;
    font-size: 14px; 
    margin-top: 5px; 
    color: #606266;
}
.grid-adsearch-container .search-item .search-item-ctrl { width: 190px; }
.grid-adsearch-container .search-item .search-item-ctrl > input, .grid-adsearch-container .search-item .search-item-ctrl > select  { width: 190px; font-size: 14px; }
.search-item-ctrl > input { border: 1px solid #dcdfe6; border-radius: 4px; height: 32px;padding: 0 8px; color: #606266;}
.search-item-ctrl .textbox.combo { margin: 0; height: 32px !important;border-radius: 4px !important;}

.gridsearchsave .layui-layer-btn,.gridsearchsave .layui-layer-btn1,.gridsearchsave .layui-layer-input { font-size: 12px; }
.gridsearchsave .layui-layer-btn0 { background-color: #6192e3 !important; border-color: #6192e3 !important; font-size: 12px; }

.grid-search-template-item { display: flex; justify-content: space-between; padding: 8px 6px 8px 6px; /* border-bottom: 1px solid #C9C9C9; */ }
.grid-search-template-item-rename, .grid-search-template-item-choose, .grid-search-template-item-delete { font-size: 12px; color: #358aef;  margin-right: 10px; }
.grid-custom .panel-title{ height: 26px; line-height: 26px; font-size: 13px; color: #666;}
.grid-custom .dialog-button .l-btn-text { padding: 0 10px; }
.grid-custom .dialog-button .l-btn-plain { background-color: #ddd; }
.grid-custom .dialog-button .l-btn { background: none; outline: none;}
.grid-custom .dialog-button .l-btn:hover {
    border: none;
    color: #ffffff;
}
.grid-custom .dialog-button .dialog-button-colse { background-color: #fff; color: #333; border: 1px solid #dedede;  width:100%;border-radius:2px;}
.grid-custom .dialog-button .dialog-button-colse:hover { 
	color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff;}
.grid-custom .dialog-button .dialog-button-export { background-color:#358aef; border: 1px solid #358aef;  width:100%;border-radius:2px;}
.grid-custom .dialog-button .dialog-button-export:hover{
	border: 1px solid #66b1ff;
	background: #66b1ff;
}
.grid-search-button-splitline {width: 1px;
    border-left: 1px solid rgba(255,255,255, 0.7);
    height: 18px;
    margin-top: 1px;
    margin-left: 5px;
    margin-right: 0px; }
.dialog-button-checkbox { font-size: 13px; }    
.grid-export-checkbox { width:15px; height:15px; vertical-align:middle; }
.grid-export-label { vertical-align:middle; }
.grid-adsearch-float { position: absolute; min-height:100px; background-color: #fff; top: 2px;
    left: 1px;
    width: calc(100% - 7px);
    border: 1px solid #C9C9C9;
    border-radius: 4px; }
.grid-searchtool-icon { width: 16px; }
.grid-adsearch-float .grid-adsearch-container { border: none; }

.dialog-radio-group, .dialog-checkbox-group {
	font-size:13px;
    position: absolute;
    left: 2px;
    display: inline-flex;
    margin-top: 6px;
}
.el-date-editor .el-range__icon {
	font-size:14px;
	margin-left:0;
}
.el-range-editor--mini .el-range__icon{
	line-height: 24px;
}
.search-item-ctrl .el-range-input { 
	width:70px !important;
	font-size:14px; 
}
.search-item-ctrl .el-date-editor--daterange.el-input__inner { 
	 width: 190px !important;
	 border-radius: 4px; 
	 padding: 3px 10px;
	 border: 1px solid #dcdfe6; 
}
.search-item-ctrl .el-date-editor .el-range-separator { width: 18px !important;line-height: 22px !important;}
.search-item-ctrl .el-range-editor--mini.el-input__inner {height: 32px !important;}

.grid-searchtool-custom-button { padding: 3px 2px; border: 1px solid #358aef; border-radius: 4px;}
.grid-searchtool-custom-button button { padding: 1px;border: none;font-size:14px;}
.grid-adsearch-search.adsearch-button,.grid-adsearch-close.adsearch-button,.grid-adsearch-choose.adsearch-button {font-size: 14px; }
.grid-searchtool-custom-button.btn-disabled,.search-intel-button.btn-disabled, .search-intel-button-tran.btn-disabled, .grid-searchtool-button-default.btn-disabled { background-color: #eee !important; border-color: #eee !important; color: #adadad !important;  pointer-events: none;}

.cb-grid-search-group-right {
	display: inline-flex; 
    height: 22px;
    vertical-align: middle; 
    margin-left: 5px;
}
.cb-grid-search-group {
	display: inline-flex; 
    position: relative;
    height: 26px;
    vertical-align: middle; background-color: #409eff; 
    border-radius: 2px;
    max-width: 100%;
    width: 100%;
}
.cb-grid-search-input {
	width: 310px;
	border: #ccc;
    height: 26px;
    text-indent: 4px;
    border-radius: 2px;
    border-bottom: 1px solid #409eff;
    border-top: 1px solid #409eff;
    border-left: 1px solid #409eff;
    font-size: 13px;
} 
.cb-grid-search-button {
	width: auto;
	height: 22px;
	line-height:22px !important;
    text-align: center;
    font-size:12px !important;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
    background-color: #409eff; 
    border-radius: 2px;
    padding: 0px 6px;
}
.cb-grid-input-button {
	width: 22px;
	height: 26px;
	line-height:26px !important;
    text-align: center;
    font-size:18px !important;
    color: #fff;
    cursor: pointer;
}
.cb_grid_search_right {margin-bottom: 10px;}
.cb-grid-search-button-splitline {width: 1px;
    border-left: 1px solid #a5c5e1;
    height: 16px;
    margin-top: 4px;
    margin-left: 5px;
    margin-right: 5px; }
.cb-grid-dialog .ui-jqgrid .ui-pg-table { background-color: #fff; }  

.cb-grid-table { }
.cb-grid-table-row { height:32px; line-height: 32px; ;}
.ui-jqgrid tr.cb-grid-table-row td:not(.nullcolumn) { border-bottom: 1px solid #dedede; color: #444; font-size: 13px }
.cb-grid-table-choose { color: #4894de !important; }
.cb-grid-table-row.ui-state-hover, .cb-grid-table .ui-state-hover { background: #f2f2f2 !important; }
.ui-jqgrid.cb-grid-table .ui-jqgrid-hdiv { border-bottom: none; }
.ui-jqgrid.cb-grid-table .ui-jqgrid-pager {border-top:none; height: 32px; line-height: 32px;}
.ui-jqgrid.cb-grid-table .ui-jqgrid-htable th div { color: #444; font-size: 13px; }

.grid-searchtool-button-default { background-color: #409eff; color: #fff; border: 1px solid #409eff; }
.grid-searchtool-button-default:hover { color: #fff;  opacity: 0.9; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: 1;  filter: Alpha(Opacity=100); }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: 1;  filter: Alpha(Opacity=100); }
.ui-jqgrid-btable td > span > input[type=checkbox] { width: 15px; height:15px; }

#gridtable .ui-jqgrid .tree-plus,#gridtable .ui-jqgrid .tree-minus,#gridtable .ui-jqgrid .tree-leaf {
    top: 5px;
}
#gridtable .ui-jqgrid tr.jqgrow > td > input[type=checkbox] { display: inline; }
#gridtable .ui-jqgrid tr.jqgrow td { border-bottom: 1px solid #EBEEF5; }
#gridtable .ui-state-highlight > td, .ui-widget-content .ui-state-highlight > td {
    background: #F5F7FA !important;
}
#gridtable .ui-widget-content .ui-jqgrid-hdiv, #gridtable .ui-jqgrid .ui-jqgrid-htable th {
    background-color: #fff;
}
#gridtable .ui-jqgrid-htable { height: 100%;}
#gridtable .ui-th-column.ui-th-ltr { border-left: none !important; border-right: none !important; border-top: none !important; }
#gridtable .ui-jqgrid .ui-jqgrid-htable th div { color: #909399 !important;  }
#gbox_skoperpolicy_grid, #gbox_skdatapolicy_grid  { border-top: 1px solid #EBEEF5; }
#gridtable .ui-th-column-header-title { border: none !important; color: #909399 !important; font-weight: 600; }
#gridtable .ui-icon-triangle-1-e, #gridtable .ui-icon-triangle-1-s { background-position: 0 0;}
.ui-jqgrid-btable td > span > input[type=checkbox] { width: 15px; height:15px; }
.search-item-ctrl .el-date-editor--datetimerange { width: 500px; border-radius: 2px; }
.search-item-ctrl .el-date-editor--datetimerange .el-range-input {
    width: 190px !important;
}
.search-item-ctrl .el-date-editor--datetimerange .el-range__icon.el-icon-time,.search-item-ctrl .el-date-editor--datetimerange .el-range__close-icon {
    position: relative;
    top: -3px;
} 
.ui-jqgrid .ui-jqgrid-htable th.drawslashline {
	background: #fafafa url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9IiNjY2MiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPg==) no-repeat 100% center;
}

.searchtoolbar {
    display: flex;
    padding: 4px 10px;
    height: auto !important;
    line-height: 40px;
}
.searchtoolbar .vxe-buttons--wrapper button {
    margin-right: 10px;
    margin-left: 0px !important;
}
.searchtoolbar .vxe-tools--wrapper, .searchtoolbar .vxe-tools--operate{
    height: 40px;
    line-height: 30px;
    align-self: flex-start;
}
.searchtoolbar .vxe-tools--wrapper {
    flex: none;
}
.nopadding.searchtoolbar .vxe-tools--wrapper {
    padding: 0px;
}
.searchform .vxe-form--item-content {
    width: 200px;
}
.searchform .vxe-input {
    width: 200px;
}
.searchform .numberrange { width: 115px; }
.searchform .el-date-editor--daterange,  .searchform .el-date-editor--monthrange{
    height: 28px;
    padding: 3px;
}
.searchform .el-date-editor--daterange > input, .searchform .el-date-editor--monthrange > input {
    width: 80px;
    height: 20px;
    font-size: 12px;
}
.searchform .el-date-editor .el-range__icon,  .searchform .el-date-editor .el-range-separator {
    line-height: 20px !important;
}
.searchform .el-range__close-icon {
    position: relative;
    left: -5px;
    top: -2px;
}
.searchform .el-range-editor > input {

}
.searchform .adsearch-buttons {
    display: flex !important;
    justify-content: flex-end;
}
.searchform .adsearch-buttons .vxe-form--item-content {
    text-align: right;
    width: 265px;
}
.searchform .searchFormRangeItem .vxe-form--item-inner {
    width: 610px;
}
.searchform .searchFormRangeItem .vxe-form--item-inner .el-input__inner {
    height: 30px;
}
.searchform .adsearch-buttons button {
    outline: none;
    color: #fff;
}
.searchform .adsearch-dropdown {
    width: 400px;
    height: 300px;
    min-height: 300px;
    min-width: 400px;
    background-color: #fff;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
}
/*.searchform .grid-searchtool-button-default.vxe-button.type--button:not(.is--disabled):hover, .searchtoolbar .vxe-button.type--button:not(.is--disabled):hover { color: #fff; }*/
.searchform .grid-searchtool-custom-button.vxe-button.type--button:not(.is--disabled):hover { opacity: 0.7; color: #606266; }
.searchtoolbar .grid-searchtool-button-default, .searchform .grid-searchtool-button-default { color: #fff; }
.searchtoolbar .grid-searchtool-button-default.vxe-button.type--button:not(.is--disabled):hover,
.searchform .grid-searchtool-button-default.vxe-button.type--button:not(.is--disabled):hover {
    opacity: 0.7; color: #fff;
}

.searchhistory-dropdown {
    width: 300px;
    height: 300px;
    min-height: 300px;
    min-width: 300px;
    background-color: #fff;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
}
.search-intel-button-tran {
    background-color: transparent;
    color: #555 !important;
}
.search-intel-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: sub;
}
.grid-searchtool-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: sub;
}
.vxe-tools--wrapper {
    background-color: #409eff;
    height: 30px !important;
    margin-top: 4px;
    padding-left: 0px;
    padding-right: 4px;
    border-radius: 4px;
}
.searchtoolbar .vxe-custom--option .vxe-checkbox--icon {
    top: 10px;
}

.gridtable .vxe-table--render-default .vxe-cell {
    padding-left: 0px;
    padding-right: 0px;
}
.gridtable .gridlink { color: #409EFF; }

.gridtable .vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),
.gridtable .vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis),
.gridtable .vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis) {
    padding: 0px;
}
.gridtable .vxe-cell--html { display: flex; min-height: 15px;  align-items: center; }
.hidden { display: none; height: 0px; }
.gridtable .vxe-table--render-default .vxe-body--row.row--checked,
.gridtable .vxe-table--render-default .vxe-body--row.row--current { background-color: #e2f7fe; }
.gridtable .vxe-grid--top-wrapper { border-top: 1px solid #e8eaec; border-left: 1px solid #e8eaec; border-right: 1px solid #e8eaec;  }
.gridtable .vxe-grid--top-wrapper > div { display: block; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; }

.vxe-form--item-content .el-cascader .el-input__inner { padding: 0 0.6em; height: 34px; line-height: 34px; }
.searchform {
/*    border-left: 1px solid #e8eaec;
    border-right: 1px solid #e8eaec;*/
}
.btn-switch-group {
    width: 149px;
    /*background-color: #fbb041;*/
    display: inline-flex;
    border-radius: 4px;
    border: 1px solid #fbb041;
    height: 28px;
    line-height: 28px;
}
.btn-switch {
/*    padding-left: 4px;
    padding-right: 4px;
    display: inline-block;
    height: 26px !important;
    width: 74px;
    color: #fff;
    background-color: #fbb041;
    border-radius: 0px !important;
    outline: none !important;*/
}
.btn-switch:focus, .btn-switch:active, .btn-switch:hover { outline: none !important; }

.btn-switch.btn-switch-2 {
    color: #fbb041;
    background-color: #fff !important;
    border: 1px solid #fbb041;
    /*margin-right: 0px !important;*/
    border-radius: 0px 4px 4px 0px !important;
}
.btn-switch.btn-switch-2:active, .btn-switch.btn-switch-2:hover {
    color: #fbb041 !important;
    background-color: #fff !important;
    border: 1px solid #fbb041 !important;
}

.btn-switch.btn-switch-2-active {
    color: #fff;
    background-color: #fbb041 !important;
    border: 1px solid #fbb041;
    border-radius:  4px;
}
.btn-switch.btn-switch-2-active:active, .btn-switch.btn-switch-2-active:hover {
    color: #fff !important;
    background-color: #fbb041 !important;
    border: 1px solid #fbb041 !important;
}
.btn-switch.btn-switch-1 {
    color: #fbb041;
    background-color: #fff !important;
    border: 1px solid #fbb041;
    border-radius:  4px 0px 0px 4px !important;
    margin-right: 0px !important;
}
.btn-switch.btn-switch-1:active, .btn-switch.btn-switch-1:hover {
    color: #fbb041 !important;
    background-color: #fff !important;
    border: 1px solid #fbb041 !important;
}
.btn-switch.btn-switch-1-active {
    color: #fff;
    background-color: #fbb041 !important;
}
.btn-switch.btn-switch-1-active:active, .btn-switch.btn-switch-1-active:hover {
    color: #fff !important;
    background-color: #fbb041 !important;
    border: 1px solid #fbb041 !important;
}

.btn-switch > .vxe-button--content {
    display: block;
}
.btn-switch > .vxe-button--content > span {
    font-size: 12px;
}
.searchtoolbar .vxe-buttons--wrapper button.btn-switch {
    /*margin: 1px !important;*/
}
.btn-switch.btn-switch-active .vxe-button--content > span {
    color: #fbb041;
}
.gridtable .vxe-table--footer { height: 35px; }
.sncolumn a { cursor: pointer; }
.hiddensearchtool > .vxe-tools--wrapper { visibility: hidden; }
.card-pager  { display: flex; justify-content: center; width: 100%; position: absolute; bottom: 0px; }
.searchform .searchFormRangeNumberItem .vxe-form--item-content { display: flex; }
.vxe-table--render-default.border--none .vxe-table--border-line { display: none; }
.ctrlhidden { display: none !important; height: 0px !important; }
.bktran .vxe-table--header-wrapper, .bktran .vxe-table--body-wrapper, .bktran .vxe-table--footer-wrapper { background: transparent !important; border: none !important; }
.bktran .vxe-table--render-default.border--none .vxe-table--border-line, .bktran .vxe-table--render-default.border--none .vxe-table--header-border-line {
    display: none !important;
}
.infinite-list {
    display: flex; flex-wrap: wrap; padding-top: 30px; padding-bottom: 30px;
}
.cardpageinfo {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
}
.vxe-custom--option-wrapper {
    position: absolute;
    top: -4px;
    right: 2px;
    text-align: left;
    background-color: #fff;
    z-index: 19;
    border: 1px solid #e8eaec;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
}
.vxe-custom--option-wrapper .vxe-custom--header {
    padding: .28em 0;
    font-weight: 700;
    border-bottom: 1px solid #dadce0;
}
.vxe-custom--option-wrapper .vxe-custom--body, .vxe-custom--option-wrapper .vxe-custom--header {
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.vxe-custom--option-wrapper .vxe-custom--body>li, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li {
    max-width: 18em;
    min-width: 14em;
    padding: .2em 1em .2em 1em;
}
.vxe-custom--option-wrapper .vxe-custom--body {
    padding: .2em 0;
    max-height: 17.6em;
}
.is--checked.vxe-custom--checkbox-option, .is--checked.vxe-custom--checkbox-option .vxe-checkbox--icon {
    color: #409eff;
}
.vxe-custom--checkbox-option.is--disabled {
    color: #bfbfbf;
    cursor: not-allowed;
    pointer-events: none;
}
.vxe-custom--checkbox-option.is--disabled .vxe-checkbox--icon {
    color: #dcdfe6 !important;
}

.vxe-icon-checkbox-checked-fill:before {
    content: "\e67d";
}

.vxe-custom--option-wrapper .vxe-custom--footer {
    border-top: 1px solid #dadce0;
    text-align: right;
}
.vxe-custom--option-wrapper .vxe-custom--footer button {
    background-color: transparent;
    width: 48%;
    height: 2.5em;
    border: 0;
    color: #606266;
    text-align: center;
    cursor: pointer;
}
.vxe-custom--option-wrapper .vxe-custom--footer button:hover {
    color: #409eff;
}
.tv .vxe-table--render-default .vxe-body--row.row--hover, .tv .vxe-table--render-default .vxe-body--row.row--hover.row--stripe {
    background-color: rgba(47,87,156,0.1);
    color: #fff;
}
.btn-group {
    height: 28px;
    line-height: 28px;
}
.btn-group .el-button {
    padding: 5px 12px;
    font-size: 12px;
}
.grid-column-button {
    background-color: #409EFF;
    color: #fff;
    cursor: pointer;
}
.grid-column-button:hover {
    opacity: 0.8;
}
.gridtable .tag-group { display: flex; }
.gridtable .tag-group .el-tag {
    margin-right: 10px; margin-bottom: 10px;  cursor: pointer;  height: 24px;
    line-height: 22px;
    color: #FFFFFF;
    background-color: #67C23A;
    border-color: #67C23A;
}
.gridtable .tag-group .tag-group__title {
    width: 75px;
    flex: none;
    font-size: 13px;
    vertical-align: middle;
    top: 3px;
    position: relative;
    font-weight: 700;
}
.gridtable .tag-group .tag-group__content { display: flex; flex-wrap: wrap; flex: auto; }

.gridtable .tag-group .el-tag.el-tag--plain {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    font-weight: 500;
}
.gridtable .tag-group .el-tag.el-tag--plain:not(.adsearch-tag):hover {
/*    background-color: #ecf5ff;
    color: #409eff;*/
    border: 1px solid #67C23A;
    color:  #67C23A;
}
.gridtable .row--level-0 .vxe-cell--tree-node { padding-left: 10px !important; }
.vxe-cell--lock {
/*    right: 4px;
    position: absolute;*/
}
.vxe-lock--btn {
    width: 16px;
    display: inline-block;
    height: 16px;
    cursor: pointer;
}
.vxe-icon-lock  {
    color: #1296db;
}
.adsearch-tag {
    flex: auto;
    text-align: right;
}
.filterBar-margin {
    margin-left: 10px;
}

.search-intel-button-primary:not(.btn-disabled) {
    color: #fff !important;
    background-color: #409eff !important;
    border-color: #409eff !important;
}
.search-intel-button-primary:not(.btn-disabled):hover {
    background: #66b1ff !important;
    border-color: #66b1ff !important;
    color: #fff !important;
    opacity: 1 !important;
}


.search-intel-button:not(.btn-disabled) {
    color: #fff !important;
    background-color: #409eff !important;
    border-color: #409eff !important;
}
.search-intel-button:not(.btn-disabled):hover {
    background: #66b1ff !important;
    border-color: #66b1ff !important;
    color: #fff !important;
    opacity: 1 !important;
}

.search-intel-button-success:not(.btn-disabled) {
    color: #fff !important;
    background: #67c23a  !important;
    border-color: #67c23a  !important;
}
.search-intel-button-success:not(.btn-disabled):hover {
    background: #85ce61  !important;
    border-color: #85ce61  !important;
    color: #fff  !important;
    opacity: 1 !important;
}

.search-intel-button-info:not(.btn-disabled) {
    color: #fff !important;
    background: #909399  !important;
    border-color: #909399  !important;
}
.search-intel-button-info:not(.btn-disabled):hover {
    background: #a6a9ad  !important;
    border-color: #a6a9ad  !important;
    color: #fff  !important;
    opacity: 1 !important;
}

.search-intel-button-warning:not(.btn-disabled) {
    color: #fff !important;
    background: #e6a23c  !important;
    border-color: #e6a23c  !important;
}
.search-intel-button-warning:not(.btn-disabled):hover {
    background: #ebb563  !important;
    border-color: #ebb563  !important;
    color: #fff  !important;
    opacity: 1 !important;
}
.search-intel-button-danger:not(.btn-disabled) {
    color: #fff !important;
    background: #f56c6c  !important;
    border-color: #f56c6c  !important;
}
.search-intel-button-danger:not(.btn-disabled):hover {
    background: #f78989  !important;
    border-color: #f78989  !important;
    color: #fff  !important;
    opacity: 1 !important;
}



.search-intel-button-primary-round:not(.btn-disabled) {
    color: #fff !important;
    background-color: #409eff !important;
    border-color: #409eff !important;
    border-radius: 20px !important;
}
.search-intel-button-primary-round:not(.btn-disabled):hover {
    background: #66b1ff !important;
    border-color: #66b1ff !important;
    color: #fff !important;
    opacity: 1 !important;
}

.search-intel-button-success-round:not(.btn-disabled) {
    color: #fff !important;
    background: #67c23a  !important;
    border-color: #67c23a  !important;
    border-radius: 20px !important;
}
.search-intel-button-success-round:not(.btn-disabled):hover {
    background: #85ce61  !important;
    border-color: #85ce61  !important;
    color: #fff  !important;
    opacity: 1 !important;
}

.search-intel-button-info-round:not(.btn-disabled) {
    color: #fff !important;
    background: #909399  !important;
    border-color: #909399  !important;
    border-radius: 20px !important;
}
.search-intel-button-info-round:not(.btn-disabled):hover {
    background: #a6a9ad  !important;
    border-color: #a6a9ad  !important;
    color: #fff  !important;
    opacity: 1 !important;
}

.search-intel-button-warning-round:not(.btn-disabled) {
    color: #fff !important;
    background: #e6a23c  !important;
    border-color: #e6a23c  !important;
    border-radius: 20px !important;
}
.search-intel-button-warning-round:not(.btn-disabled):hover {
    background: #ebb563  !important;
    border-color: #ebb563  !important;
    color: #fff  !important;
    opacity: 1 !important;
}
.search-intel-button-danger-round:not(.btn-disabled) {
    color: #fff !important;
    background: #f56c6c  !important;
    border-color: #f56c6c  !important;
    border-radius: 20px !important;
}
.search-intel-button-danger-round:not(.btn-disabled):hover {
    background: #f78989  !important;
    border-color: #f78989  !important;
    color: #fff  !important;
    opacity: 1 !important;
}




.search-intel-button-primary-plain:not(.btn-disabled) {
    color: #409eff !important;
    background: #ecf5ff  !important;
    border-color: #b3d8ff  !important;
}
.search-intel-button-primary-plain:not(.btn-disabled):hover {
    background: #409eff  !important;
    border-color: #409eff  !important;
    color: #fff  !important;
    opacity: 1 !important;
}
.search-intel-button-success-plain:not(.btn-disabled) {
    color: #67c23a !important;
    background: #f0f9eb  !important;
    border-color: #c2e7b0  !important;
}
.search-intel-button-success-plain:not(.btn-disabled):hover {
    background: #67c23a  !important;
    border-color: #67c23a  !important;
    color: #fff  !important;
    opacity: 1 !important;
}

.search-intel-button-info-plain:not(.btn-disabled) {
    color: #909399 !important;
    background: #f4f4f5  !important;
    border-color: #d3d4d6  !important;
}
.search-intel-button-info-plain:not(.btn-disabled):hover {
    background: #909399  !important;
    border-color: #909399  !important;
    color: #fff  !important;
    opacity: 1 !important;
}

.search-intel-button-warning-plain:not(.btn-disabled) {
    color: #e6a23c !important;
    background: #fdf6ec  !important;
    border-color: #f5dab1  !important;
}
.search-intel-button-warning-plain:not(.btn-disabled):hover {
    background: #e6a23c  !important;
    border-color: #e6a23c  !important;
    color: #fff  !important;
    opacity: 1 !important;
}
.search-intel-button-danger-plain:not(.btn-disabled) {
    color: #f56c6c !important;
    background: #fef0f0  !important;
    border-color: #fbc4c4  !important;
}
.search-intel-button-danger-plain:not(.btn-disabled):hover {
    background: #f56c6c  !important;
    border-color: #f56c6c  !important;
    color: #fff  !important;
    opacity: 1 !important;
}
.searchtoolbar .vxe-pulldown--content .vxe-input {
    height: 30px;
    border-top: 1px solid #409eff;
    border-bottom: 1px solid #409eff;
    border-left: 1px solid #409eff;
    border-radius: 4px;
}
.vxe-custom--body>li, .vxe-custom--header>li {
    max-width: 18em;
    min-width: 14em;
    padding: .2em 1em .2em 1em;
}
.vxe-custom--header {
    padding: .28em 0 !important;
    font-weight: 700;
    border-bottom: 1px solid #dadce0;
}
.el-dropdown-menu .submenu {
    margin: 6px;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
}
.adsearch-toggle-button {
    display: inline-flex;
}
.vxe-grid--top-wrapper { display: flex; }
.multi-check-count {
    margin: 0 10px;line-height: 28px;
    width: 70px;
    display: block;
}
.vxe-cell-hidden { display: none;  width: 0px !important; }