@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;
}


.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: #000;
	line-height: 20px;
	
	font-family: Microsoft YaHei,Arial;
	font-size: 12px;
    font-weight: 400;
	height: 100%;
	width: 1000px;
	
	overflow: visible;
	white-space:normal;
}

.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: #000;
    font-family: "Microsoft Yahei",Arial; /*系统默认字体微软雅黑*/
    font-size: 12px;
    font-weight: 400;
    padding: 0 0 0 6px;
   /*  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 #f2f2f2;
	color: #000;
	font-family: Microsoft YaHei,Arial;
    font-size: 12px;
    font-weight: 400;
    
	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 #ccc;
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    border-right: 0 none;
}

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

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

.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 rgba(256, 256, 256, 256);
}
.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: 26px;
	line-height: 26px;
}

.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;
}
.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;
        margin: 0 2px 1px 2px;
    height: 22px;
    line-height: 22px;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #979797;
    font-size: 12px;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-input{
padding: 0;
        margin:0 2px 2px;
    height: 22px;
    line-height: 22px;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #979797;
    text-align: center;
}
.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: #333;
    min-width: 22px;
    padding: 0px 2px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #979797;
    borer-radius: 0;
    -webkit-border-radius: 0;
        height: 22px !important;
        line-height: 22px impotant;
            font-size: 12px;
            display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.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: 22px !important;}
.ui-pg-flbuttons { height: 22px !important; }

.ui-jqgrid .ui-pg-flbuttons span {
    display: block;
    margin: 1px;
}
.ui-pg-jump {
	    margin: 0 2px 1px 2px !important;
	        width: auto !important;
    padding: 0px 6px !important;
}
.ui-jqgrid .ui-pg-table{
	 padding-bottom:0; 
}
.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: #60b4fa none repeat scroll 0 0 !important;
    border-color:  #60b4fa !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:40px;margin: 6px 6px 6px 1px; padding-top:14px; padding-bottom:10px; border: 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;  }
.grid_adsearch_bottom { padding: 0 10px 10px; }
.grid_adsearch_top {padding: 10px; }
.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: 28px;
    vertical-align: middle; background-color: #6192e3; 
    border-radius: 2px;
    margin-left: 10px;
}

.grid-search-group {display: inline-flex; 
    position: relative;
    height: 28px;
    vertical-align: middle; background-color: #6192e3; 
    border-radius: 2px;
    max-width: 460px;
    width: 460px;
}
.grid-search-input {
	width: calc(100% - 120px);
	border: #ccc;
    height: 26px;
    margin-top: 1px;
    margin-left: 1px;
    text-indent: 4px;
    border-radius: 2px;
} 
.grid-search-input.not-grid-adsearch{
	width: calc(100% - 80px);
}
.grid-search-button {
	width: 28px;
	height: 28px;
	line-height:28px !important;
    text-align: center;
    font-size:18px !important;
    color: #fff;
    cursor: pointer;
}
.grid-searchtool-button {
	height: 26px;
    line-height: 26px;
    display: inline-flex;
    margin-left: 10px;
    border: 1px solid #C9C9C9;
    padding: 3px 6px;
    cursor: pointer;
    border-radius: 4px;
    color: #555;
    margin-bottom:10px;
}
.grid-searchtool-button:hover{
	color:#6192e3;
	border-color: #6192e3;
}

.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: 28px;
    line-height: 20px;
    padding: 3px 6px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}

.grid-adsearch-search {
	background-color: #6192e3;
	color: #fff;
	border: 1px solid #6192e3;
	margin-right: 10px;
}
.grid-adsearch-close{
	background-color: #FF5722;
	color: #fff;
	border: 1px solid #FF5722;
}
.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 #C9C9C9;
    margin-left: 10px;
}
.grid-adsearch-save:hover,.grid-adsearch-choose:hover{
	color:#6192e3;
	border-color: #6192e3;
	text-decoration: none;
}

.grid-adsearch-container {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #C9C9C9;
	padding-bottom: 10px;
    /* border-bottom: 1px solid #C9C9C9; */
}
.grid-adsearch-container .search-item { display: inline-flex; margin-right: 10px; margin-top: 10px; }
.grid-adsearch-container .search-item .search-item-label { width: 100px; text-align: left;  margin-left: 10px; }
.grid-adsearch-container .search-item .search-item-ctrl { width: 160px; }
.grid-adsearch-container .search-item .search-item-ctrl > input { width: 160px; }
.search-item-ctrl input { border: 1px solid #C9C9C9; border-radius: 2px; height: 20px; }
.search-item-ctrl .textbox.combo { margin: 0; }

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

.grid-search-template-item { display: flex; justify-content: space-between; padding: 8px 6px 8px 20px; border-bottom: 1px solid #C9C9C9; }
.grid-search-template-item-choose, .grid-search-template-item-delete { font-size: 12px; color: #6192e3;  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 repeat scroll 0 0 #6192e3; outline: none;}
.grid-custom .dialog-button .l-btn:hover {
    background-color: #6f9eee;
    border: none;
    color: #ffffff;
}
.grid-custom .dialog-button .dialog-button-colse { background-color: #fff; color: #333; border: 1px solid #dedede;  }
.grid-search-button-splitline {width: 1px;
    border-left: 1px solid #a5c5e1;
    height: 20px;
    margin-top: 4px;
    margin-left: 5px;
    margin-right: 5px; }
.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: 18px; }
.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;
}